{"version":3,"sources":["../../../src/utilities/Clay/Clay.tsx","../../../src/Card/CardSection/CardSection.css.ts","../../../src/Card/CardSection/CardSection.tsx"],"names":["vars","forwardRef","jsx","Clay","_a","ref","_b","children","className","_hover","_active","_after","_before","_focus","size","width","height","shape","sx","as","native","props","__objRest","__spreadProps","__spreadValues","ClayNameSpace","css","cardSectionCSS","CardSection"],"mappings":";+kBAEA,OAAS,QAAAA,MAAY,sBAErB,OAAS,cAAAC,MAAkB,QAiCrB,cAAAC,MAAA,6BAxBN,IAAMC,EAAsBF,EAC1B,CACEG,EAiBAC,IACG,CAlBH,IAAAC,EAAAF,EACE,UAAAG,EACA,UAAAC,EACA,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAAC,EACA,GAAAC,EACA,OAAAC,CA7BN,EAeId,EAeKe,EAAAC,EAfLhB,EAeK,CAdH,WACA,YACA,SACA,UACA,SACA,UACA,SACA,OACA,QACA,SACA,QACA,KACA,KACA,WAOF,OACEJ,EAHciB,GAAM,MAGnBI,EAAAC,EAAA,CACC,IAAKnB,EACL,UAAWG,EACX,IAAKgB,IAAAD,EAAAC,EAAA,CACH,MAAOV,GAAQC,EACf,OAAQD,GAAQE,GACZC,IAAU,UAAY,CACxB,aAAcjB,EAAK,QAAQ,IAC7B,GALG,CAMH,UAAWS,EACX,WAAYC,EACZ,UAAWC,EACX,WAAYC,EACZ,UAAWC,IACRQ,GACAH,IAEDE,GAjBL,CAmBE,SAAAb,GACH,CAEJ,CACF,EAEMkB,EAAgB,OAAO,OAAOtB,EAAM,CAAE,YAAa,MAAO,CAAC,EC9DjE,OAAS,OAAAuB,MAAW,iBACpB,OAAS,QAAA1B,MAAY,sBAEd,IAAM2B,EAAiBD,EAAI,CAChC,mCAAoC,CAClC,QAAS,OACT,IAAK1B,EAAK,QAAQ,CAAC,CACrB,EAEA,kCAAmC,CACjC,IAAK,CACP,CACF,CAAC,ECEG,cAAAE,MAAA,6BAPG,IAAM0B,EAAc,CAA8B,CACvD,GAAAV,EACA,UAAAV,EACA,SAAAD,EACA,GAAAY,CACF,IAEIjB,EAACuB,EAAA,CACC,GAAIN,GAAM,UACV,UAAWX,EACX,IAAK,CAACmB,EAAgBT,CAAE,EACxB,OAAQ,CACN,yBAA0B,EAC5B,EAEC,SAAAX,EACH","sourcesContent":["/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport type { ComponentPropsWithRef, ElementType, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { ClayProps } from \"./Clay.types\";\n\nexport type ClayComponent = <C extends ElementType = \"div\">(\n  props: ClayProps<C> & {\n    ref?: ComponentPropsWithRef<C>[\"ref\"];\n  },\n) => ReactElement | null;\n\nconst Clay: ClayComponent = forwardRef(\n  <E extends ElementType>(\n    {\n      children,\n      className,\n      _hover,\n      _active,\n      _after,\n      _before,\n      _focus,\n      size,\n      width,\n      height,\n      shape,\n      sx,\n      as,\n      native,\n      ...props\n    }: ClayProps<E>,\n    ref: ComponentPropsWithRef<E>[\"ref\"],\n  ) => {\n    const Element = as || \"div\";\n\n    return (\n      <Element\n        ref={ref}\n        className={className}\n        css={{\n          width: size || width,\n          height: size || height,\n          ...(shape === \"circle\" && {\n            borderRadius: vars.rounded.full,\n          }),\n          \"&:hover\": _hover,\n          \"&:active\": _active,\n          \"&:after\": _after,\n          \"&:before\": _before,\n          \"&:focus\": _focus,\n          ...props,\n          ...sx,\n        }}\n        {...native}\n      >\n        {children}\n      </Element>\n    );\n  },\n);\n\nconst ClayNameSpace = Object.assign(Clay, { displayName: \"Clay\" });\n\nexport { ClayNameSpace as Clay };\n","import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\n\nexport const cardSectionCSS = css({\n  '[data-clay-card-inline=\"true\"] &': {\n    display: \"flex\",\n    gap: vars.spacing[5],\n  },\n\n  '[data-clay-card-size=\"small\"] &': {\n    gap: 0,\n  },\n});\n","/** @jsxImportSource @emotion/react */\n\nimport type { ElementType } from \"react\";\nimport { Clay } from \"../..\";\nimport { cardSectionCSS } from \"./CardSection.css\";\nimport type { CardSectionProps } from \"./CardSection.types\";\n\nexport const CardSection = <Element extends ElementType>({\n  sx,\n  className,\n  children,\n  as,\n}: CardSectionProps<Element>) => {\n  return (\n    <Clay\n      as={as || \"section\"}\n      className={className}\n      css={[cardSectionCSS, sx]}\n      native={{\n        \"data-clay-card-section\": true,\n      }}\n    >\n      {children}\n    </Clay>\n  );\n};\n"]}