@yamada-ui/card/dist/chunk-RIQL43SS.mjs.map

Yamada UI card component

{"version":3,"sources":["../src/card.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  CSSUIProps,\n  HTMLUIProps,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\n\nconst [CardProvider, useCard] = createContext<{\n  [key: string]: CSSUIObject | undefined\n}>({\n  name: `CardContext`,\n  errorMessage: `useCard returned is 'undefined'. Seems you forgot to wrap the components in \"<Card />\" `,\n})\n\ninterface CardOptions {\n  /**\n   * The CSS `align-items` property.\n   */\n  align?: CSSUIProps[\"alignItems\"]\n  /**\n   * The CSS `flex-direction` property.\n   *\n   * @deprecated Use `flexDirection` instead.\n   */\n  direction?: CSSUIProps[\"flexDirection\"]\n  /**\n   * The CSS `justify-content` property.\n   */\n  justify?: CSSUIProps[\"justifyContent\"]\n}\n\nexport interface CardProps\n  extends Omit<HTMLUIProps<\"article\">, \"direction\">,\n    ThemeProps<\"Card\">,\n    CardOptions {}\n\n/**\n * `Card` is a component that groups and displays related information. By default, it renders a `article` element.\n *\n * @see Docs https://yamada-ui.com/components/data-display/card\n */\nexport const Card = forwardRef<CardProps, \"article\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Card\", props)\n  const {\n    className,\n    align: alignItems,\n    direction = \"column\",\n    flexDirection = direction,\n    justify: justifyContent,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const css: CSSUIObject = {\n    alignItems,\n    display: \"flex\",\n    flexDirection,\n    justifyContent,\n    wordWrap: \"break-word\",\n    ...styles.container,\n  }\n\n  return (\n    <CardProvider value={styles}>\n      <ui.article\n        ref={ref}\n        className={cx(\"ui-card\", className)}\n        __css={css}\n        {...rest}\n      />\n    </CardProvider>\n  )\n})\n\nCard.displayName = \"Card\"\nCard.__ui__ = \"Card\"\n\nexport interface CardHeaderProps extends HTMLUIProps<\"header\"> {}\n\nexport const CardHeader = forwardRef<CardHeaderProps, \"header\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useCard()\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      ...styles.header,\n    }\n\n    return (\n      <ui.header\n        ref={ref}\n        className={cx(\"ui-card__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nCardHeader.displayName = \"CardHeader\"\nCardHeader.__ui__ = \"CardHeader\"\n\nexport interface CardBodyProps extends HTMLUIProps {}\n\nexport const CardBody = forwardRef<CardBodyProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useCard()\n\n    const css: CSSUIObject = {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      ...styles.body,\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-card__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nCardBody.displayName = \"CardBody\"\nCardBody.__ui__ = \"CardBody\"\n\nexport interface CardFooterProps extends HTMLUIProps<\"footer\"> {}\n\nexport const CardFooter = forwardRef<CardFooterProps, \"footer\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useCard()\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      ...styles.footer,\n    }\n\n    return (\n      <ui.footer\n        ref={ref}\n        className={cx(\"ui-card__footer\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nCardFooter.displayName = \"CardFooter\"\nCardFooter.__ui__ = \"CardFooter\"\n"],"mappings":";;;AAMA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe,UAAU;AA0D5B;AAxDN,IAAM,CAAC,cAAc,OAAO,IAAI,cAE7B;AAAA,EACD,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AA6BM,IAAM,OAAO,WAAiC,CAAC,OAAO,QAAQ;AACnE,QAAM,CAAC,QAAQ,WAAW,IAAI,uBAAuB,QAAQ,KAAK;AAClE,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,GAAG;AAAA,EACL,IAAI,eAAe,WAAW;AAE9B,QAAM,MAAmB;AAAA,IACvB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG,OAAO;AAAA,EACZ;AAEA,SACE,oBAAC,gBAAa,OAAO,QACnB;AAAA,IAAC,GAAG;AAAA,IAAH;AAAA,MACC;AAAA,MACA,WAAW,GAAG,WAAW,SAAS;AAAA,MAClC,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AAED,KAAK,cAAc;AACnB,KAAK,SAAS;AAIP,IAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,QAAQ;AAEvB,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AACzB,WAAW,SAAS;AAIb,IAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,QAAQ;AAEvB,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,iBAAiB,SAAS;AAAA,QACxC,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;AACvB,SAAS,SAAS;AAIX,IAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,QAAQ;AAEvB,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}