{"version":3,"sources":["../../../src/Card/CardHeader/CardHeader.tsx","../../../src/utilities/Clay/Clay.tsx","../../../src/utilities/Flex/Flex.tsx","../../../src/Typography/Typography.tsx","../../../src/Card/CardHeader/CardHeader.css.ts"],"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","_Flex","Flex","_FlexCenter","FlexCenter","_FlexColumn","FlexColumn","FlexNameSpace","classNames","_Typography","semanticToken","variant","colorToken","whiteSpace","numOfLine","textAlign","Typography","css","sizeMap","header","cardHeaderCSS","align","separator","jsxs","CardHeader","text","action","description","Element","deprecatedSizeProps"],"mappings":"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","sourcesContent":["/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport { Typography } from \"../..\";\nimport { Flex } from \"../../utilities/Flex\";\nimport { cardHeaderCSS } from \"./CardHeader.css\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nexport const CardHeader = ({\n  align,\n  className,\n  separator,\n  header = \"default\",\n  size = \"medium\",\n  text,\n  sx,\n  action,\n  description,\n  as: Element = \"div\",\n  native,\n}: CardHeaderProps) => {\n  const deprecatedSizeProps = size || (header === \"default\" ? \"medium\" : header);\n\n  return (\n    <Element\n      className={className}\n      data-clay-header\n      css={[cardHeaderCSS({ align, size: deprecatedSizeProps, separator }), sx]}\n      {...native}\n    >\n      <Flex justifyContent=\"space-between\" flex={align === \"center\" ? 0 : 1}>\n        <Flex.Column gap={vars.spacing[deprecatedSizeProps === \"medium\" ? 2 : 1]}>\n          {text}\n          {description && <Typography colorToken=\"textSub\">{description}</Typography>}\n        </Flex.Column>\n\n        {action}\n      </Flex>\n    </Element>\n  );\n};\n","/** @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 type { ComponentPropsWithRef, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { Clay } from \"../Clay\";\nimport type { ClayComponent, ClayProps } from \"../Clay/Clay.types\";\n\nconst _Flex: ClayComponent = forwardRef(\n  <Element extends ElementType>(\n    props: ClayProps<Element>,\n    ref: ComponentPropsWithRef<Element>[\"ref\"],\n  ) => <Clay ref={ref} display=\"flex\" {...props} />,\n);\n\nconst Flex = Object.assign(_Flex, { displayName: \"Flex\" });\n\nconst _FlexCenter: ClayComponent = forwardRef(\n  <Element extends ElementType>(\n    props: ClayProps<Element>,\n    ref: ComponentPropsWithRef<Element>[\"ref\"],\n  ) => <Flex ref={ref} alignItems=\"center\" justifyContent=\"center\" {...props} />,\n);\n\nconst FlexCenter = Object.assign(_FlexCenter, { displayName: \"Flex.Center\" });\n\nconst _FlexColumn: ClayComponent = forwardRef(\n  <Element extends ElementType>(\n    { as = \"div\" as any, ...props }: ClayProps<Element>,\n    ref: ComponentPropsWithRef<Element>[\"ref\"],\n  ) => <Flex ref={ref} as={as} flexDirection=\"column\" {...props} />,\n);\n\nconst FlexColumn = Object.assign(_FlexColumn, { displayName: \"Flex.Column\" });\n\n/**\n * @deprecated Use `Flex.Column` instead\n */\nexport const Stack = FlexColumn;\n\nconst FlexNameSpace = Object.assign(Flex, { Center: FlexCenter, Column: FlexColumn });\n\nexport { FlexNameSpace as Flex };\n","/** @jsxImportSource @emotion/react */\n\nimport { classNames, vars } from \"@imwebme/clay-token\";\nimport type { ElementType, Ref } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { TypographyProps } from \"./Typography.types\";\n\n/**\n * token은 두 가지 방법으로 넣어줄 수 있습니다. semanticToken, variant\n * 값은 body-medium이 default 입니다.\n */\nconst _Typography = <Element extends ElementType>(\n  {\n    as,\n    semanticToken,\n    variant = \"body-medium\",\n    className = \"\",\n    colorToken = \"text\",\n    children,\n    whiteSpace,\n    numOfLine,\n    sx,\n    textAlign,\n    native,\n  }: TypographyProps<Element>,\n  ref: Ref<HTMLElement>,\n) => {\n  const Element = as || \"p\";\n\n  return (\n    <Element\n      className={`${classNames.typography[semanticToken || variant]} ${className}`}\n      ref={ref as any}\n      css={{\n        color: vars.semantic.color[colorToken],\n        ...(numOfLine && {\n          display: \"-webkit-box\",\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          WebkitBoxOrient: \"vertical\",\n          WebkitLineClamp: numOfLine,\n        }),\n        whiteSpace,\n        textAlign,\n        ...sx,\n      }}\n      {...native}\n    >\n      {children}\n    </Element>\n  );\n};\n\nexport const Typography = forwardRef(_Typography);\n\nTypography.displayName = \"Typography\";\n","import type { CSSObject } from \"@emotion/react\";\nimport { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nconst sizeMap = (header: CardHeaderProps[\"size\"]): CSSObject => {\n  switch (header) {\n    case \"large\":\n      return vars.semantic.typography[\"heading-2xlarge-bold\"];\n\n    case \"small\":\n      return {\n        ...vars.semantic.typography[\"heading-medium-bold\"],\n        paddingBottom: vars.spacing[5],\n      };\n\n    default:\n      return vars.semantic.typography[\"heading-xlarge-bold\"];\n  }\n};\n\nexport const cardHeaderCSS = ({\n  align = \"left\",\n  size = \"medium\",\n  separator,\n}: Pick<CardHeaderProps, \"align\" | \"size\" | \"separator\">) =>\n  css({\n    display: \"flex\",\n    justifyContent: align === \"center\" ? \"center\" : \"initial\",\n\n    width: \"100%\",\n\n    paddingBottom: vars.spacing[6],\n\n    ...(separator && {\n      paddingTop: vars.spacing[6],\n      borderTop: `${vars.divide.x} solid ${vars.semantic.color.divide}`,\n    }),\n\n    \"[data-clay-card-section] &\": {\n      paddingBottom: vars.spacing[5],\n    },\n\n    '[data-clay-card-size=\"large\"] [data-clay-card-section] &': {\n      paddingBottom: vars.spacing[6],\n    },\n\n    '[data-clay-card-inline=\"true\"] [data-clay-card-section] &': {\n      display: \"inline-flex\",\n      width: \"228px\",\n\n      paddingBottom: 0,\n    },\n\n    ...sizeMap(size),\n    whiteSpace: \"pre\",\n  });\n"]}