@karakuri-ui/react 0.3.3 → 0.3.4

package/dist/components/ui/card.js

@@ -40,6 +40,7 @@ __export(card_exports, {
   cardVariants: () => cardVariants
 });
 module.exports = __toCommonJS(card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
@@ -117,9 +118,12 @@ const Card = React.forwardRef(
           otherChildren.push(child);
         }
       });
-      content = /* @__PURE__ */ React.createElement(React.Fragment, null, imageChildren, /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex flex-col min-w-0" }, otherChildren));
+      content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        imageChildren,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 flex flex-col min-w-0", children: otherChildren })
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(CardContext.Provider, { value: { size, direction } }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContext.Provider, { value: { size, direction }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       {
         ref,
@@ -128,10 +132,10 @@ const Card = React.forwardRef(
           interactive && "cursor-pointer hover:shadow-md hover:-translate-y-0.5",
           className
         ),
-        ...props
-      },
-      content
-    ));
+        ...props,
+        children: content
+      }
+    ) });
   }
 );
 Card.displayName = "Card";
@@ -200,29 +204,35 @@ const CardImage = React.forwardRef(
     const isHorizontal = direction === "horizontal";
     if (isHorizontal) {
       const opacityClass = overlay ? overlayOpacityMap[overlayOpacity] || "from-black/60" : null;
-      return /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)("relative shrink-0 w-48 overflow-hidden", className) }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          ref,
-          alt,
-          className: "absolute inset-0 w-full h-full object-cover",
-          ...props
-        }
-      ), overlay && /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) }));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("relative shrink-0 w-48 overflow-hidden", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            ref,
+            alt,
+            className: "absolute inset-0 w-full h-full object-cover",
+            ...props
+          }
+        ),
+        overlay && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) })
+      ] });
     }
     if (overlay) {
       const opacityClass = overlayOpacityMap[overlayOpacity] || "from-black/60";
-      return /* @__PURE__ */ React.createElement("div", { className: "relative w-full shrink-0 overflow-hidden" }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          ref,
-          alt,
-          className: (0, import_utils.cn)("w-full object-cover", className),
-          ...props
-        }
-      ), /* @__PURE__ */ React.createElement("div", { className: (0, import_utils.cn)("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) }));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative w-full shrink-0 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            ref,
+            alt,
+            className: (0, import_utils.cn)("w-full object-cover", className),
+            ...props
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) })
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "img",
       {
         ref,
@@ -247,7 +257,7 @@ const CardHeader = React.forwardRef(
         otherChildren.push(child);
       }
     });
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         ref,
@@ -259,17 +269,19 @@ const CardHeader = React.forwardRef(
           sizeLastPbMap[size],
           className
         ),
-        ...props
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0 space-y-3" }, otherChildren),
-      actionChildren
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 min-w-0 space-y-3", children: otherChildren }),
+          actionChildren
+        ]
+      }
     );
   }
 );
 CardHeader.displayName = "CardHeader";
 const CardTitle = React.forwardRef(
   ({ className, icon, children, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "h3",
       {
         ref,
@@ -278,17 +290,19 @@ const CardTitle = React.forwardRef(
           icon && "flex items-center gap-2",
           className
         ),
-        ...props
-      },
-      icon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full", "aria-hidden": "true" }, icon),
-      children
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full", "aria-hidden": "true", children: icon }),
+          children
+        ]
+      }
     );
   }
 );
 CardTitle.displayName = "CardTitle";
 const CardDescription = React.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "p",
       {
         ref,
@@ -301,7 +315,7 @@ const CardDescription = React.forwardRef(
 CardDescription.displayName = "CardDescription";
 const CardAction = React.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref,
@@ -315,7 +329,7 @@ CardAction.displayName = "CardAction";
 const CardContent = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useCard();
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref,
@@ -329,7 +343,7 @@ CardContent.displayName = "CardContent";
 const CardFooter = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useCard();
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref,

package/dist/components/ui/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ── Context for size propagation ──\ntype CardSize = 'sm' | 'default' | 'lg'\ntype CardDirection = 'vertical' | 'horizontal'\n\nconst CardContext = React.createContext<{ size: CardSize; direction: CardDirection }>({\n  size: 'default',\n  direction: 'vertical',\n})\n\nfunction useCard() {\n  return React.useContext(CardContext)\n}\n\n// ── Card (Root) ──\nconst cardVariants = cva(\n  'flex overflow-hidden transition-all duration-normal',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-paper border border-border-subtle shadow-sm',\n        outline: 'bg-background-paper border border-border',\n        ghost: 'bg-transparent',\n      },\n      size: {\n        sm: '',\n        default: '',\n        lg: '',\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        xl: 'rounded-xl',       // 12px\n        '2xl': 'rounded-2xl',   // 16px\n      },\n      direction: {\n        vertical: 'flex-col',\n        horizontal: 'flex-row',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'xl',\n      direction: 'vertical',\n    },\n  }\n)\n\nexport type CardVariant = 'default' | 'outline' | 'ghost'\nexport type CardRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Visual style */\n  variant?: CardVariant\n  /** Content padding scale */\n  size?: CardSize\n  /** Border radius */\n  radius?: CardRadius\n  /** Layout direction */\n  direction?: CardDirection\n  /** Enable hover effect for interactive cards */\n  interactive?: boolean\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({\n    className,\n    variant = 'default',\n    size = 'default',\n    radius = 'xl',\n    direction = 'vertical',\n    interactive = false,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'div'\n\n    // Horizontal: separate CardImage from rest, wrap rest in flex-col\n    let content = children\n    if (direction === 'horizontal') {\n      const childArray = React.Children.toArray(children)\n      const imageChildren: React.ReactNode[] = []\n      const otherChildren: React.ReactNode[] = []\n\n      childArray.forEach((child) => {\n        if (React.isValidElement(child) && child.type === CardImage) {\n          imageChildren.push(child)\n        } else {\n          otherChildren.push(child)\n        }\n      })\n\n      content = (\n        <>\n          {imageChildren}\n          <div className=\"flex-1 flex flex-col min-w-0\">\n            {otherChildren}\n          </div>\n        </>\n      )\n    }\n\n    return (\n      <CardContext.Provider value={{ size, direction }}>\n        <Comp\n          ref={ref}\n          className={cn(\n            cardVariants({ variant, size, radius, direction }),\n            interactive && 'cursor-pointer hover:shadow-md hover:-translate-y-0.5',\n            className\n          )}\n          {...props}\n        >\n          {content}\n        </Comp>\n      </CardContext.Provider>\n    )\n  }\n)\nCard.displayName = 'Card'\n\n// ── Size-based padding map (responsive: mobile → desktop) ──\nconst sizePaddingMap = {\n  sm: 'p-4',                // 16px\n  default: 'p-4 sm:p-6',   // 16px → 24px\n  lg: 'p-6 sm:p-8',        // 24px → 32px\n} as const\n\nconst sizePaddingXMap = {\n  sm: 'px-4',               // 16px\n  default: 'px-4 sm:px-6',  // 16px → 24px\n  lg: 'px-6 sm:px-8',       // 24px → 32px\n} as const\n\nconst sizePaddingYMap = {\n  sm: 'py-3',               // 12px\n  default: 'py-3 sm:py-4',  // 12px → 16px\n  lg: 'py-4 sm:py-5',       // 16px → 20px\n} as const\n\n// Top padding for CardHeader — optical balance (top >= sides)\nconst sizePaddingTMap = {\n  sm: 'pt-5',               // 20px\n  default: 'pt-5 sm:pt-6',  // 20px → 24px\n  lg: 'pt-6 sm:pt-8',       // 24px → 32px\n} as const\n\n// Inner bottom padding (between sections) — tighter than outer\nconst sizeInnerPbMap = {\n  sm: 'pb-3',               // 12px\n  default: 'pb-3 sm:pb-4',  // 12px → 16px\n  lg: 'pb-3 sm:pb-4',       // 12px → 16px (default와 동일)\n} as const\n\n// Last-child bottom padding for CardContent (when no footer) — match pt\nconst sizeLastPbMap = {\n  sm: 'last:pb-5',                    // 20px\n  default: 'last:pb-5 sm:last:pb-6',  // 20px → 24px\n  lg: 'last:pb-6 sm:last:pb-8',       // 24px → 32px\n} as const\n\n// ── CardImage ──\n// Overlay opacity to Tailwind class mapping\nconst overlayOpacityMap: Record<number, string> = {\n  10: 'from-black/10',\n  20: 'from-black/20',\n  30: 'from-black/30',\n  40: 'from-black/40',\n  50: 'from-black/50',\n  60: 'from-black/60',\n  70: 'from-black/70',\n  80: 'from-black/80',\n  90: 'from-black/90',\n}\n\nexport interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Gradient overlay on image */\n  overlay?: boolean\n  /** Overlay opacity (10–90). Default: 60 */\n  overlayOpacity?: number\n  /** Custom class for overlay gradient (overrides overlayOpacity) */\n  overlayClassName?: string\n}\n\nconst CardImage = React.forwardRef<HTMLImageElement, CardImageProps>(\n  ({ className, overlay = false, overlayOpacity = 60, overlayClassName, alt = '', ...props }, ref) => {\n    const { direction } = useCard()\n    const isHorizontal = direction === 'horizontal'\n\n    // Horizontal: use absolute positioning so the image fills the\n    // wrapper height which is determined by the content side via\n    // flexbox align-items:stretch (default).\n    if (isHorizontal) {\n      const opacityClass = overlay\n        ? (overlayOpacityMap[overlayOpacity] || 'from-black/60')\n        : null\n\n      return (\n        <div className={cn('relative shrink-0 w-48 overflow-hidden', className)}>\n          <img\n            ref={ref}\n            alt={alt}\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            {...props}\n          />\n          {overlay && (\n            <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n          )}\n        </div>\n      )\n    }\n\n    // Vertical\n    if (overlay) {\n      const opacityClass = overlayOpacityMap[overlayOpacity] || 'from-black/60'\n\n      return (\n        <div className=\"relative w-full shrink-0 overflow-hidden\">\n          <img\n            ref={ref}\n            alt={alt}\n            className={cn('w-full object-cover', className)}\n            {...props}\n          />\n          <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n        </div>\n      )\n    }\n\n    return (\n      <img\n        ref={ref}\n        alt={alt}\n        className={cn('w-full object-cover shrink-0', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardImage.displayName = 'CardImage'\n\n// ── CardHeader ──\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    const { size } = useCard()\n\n    // Separate CardAction from other children for proper flex layout\n    const childArray = React.Children.toArray(children)\n    const actionChildren: React.ReactNode[] = []\n    const otherChildren: React.ReactNode[] = []\n\n    childArray.forEach((child) => {\n      if (React.isValidElement(child) && child.type === CardAction) {\n        actionChildren.push(child)\n      } else {\n        otherChildren.push(child)\n      }\n    })\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-start gap-3',\n          sizePaddingXMap[size],\n          sizePaddingTMap[size],\n          sizeInnerPbMap[size],\n          sizeLastPbMap[size],\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex-1 min-w-0 space-y-3\">\n          {otherChildren}\n        </div>\n        {actionChildren}\n      </div>\n    )\n  }\n)\nCardHeader.displayName = 'CardHeader'\n\n// ── CardTitle ──\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** Leading icon */\n  icon?: React.ReactNode\n}\n\nconst CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\n  ({ className, icon, children, ...props }, ref) => {\n    return (\n      <h3\n        ref={ref}\n        className={cn(\n          'font-semibold text-foreground leading-none tracking-tight',\n          icon && 'flex items-center gap-2',\n          className\n        )}\n        {...props}\n      >\n        {icon && (\n          <span className=\"shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        {children}\n      </h3>\n    )\n  }\n)\nCardTitle.displayName = 'CardTitle'\n\n// ── CardDescription ──\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cn('text-sm text-text-muted', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardDescription.displayName = 'CardDescription'\n\n// ── CardAction ──\nexport interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('shrink-0 ml-auto -mr-2 -mt-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardAction.displayName = 'CardAction'\n\n// ── CardContent ──\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(sizePaddingXMap[size], 'pb-0', sizeLastPbMap[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nCardContent.displayName = 'CardContent'\n\n// ── CardFooter ──\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-2',\n          sizePaddingXMap[size],\n          sizePaddingYMap[size],\n          'mt-auto',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nCardFooter.displayName = 'CardFooter'\n\nexport {\n  Card,\n  CardImage,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardAction,\n  CardContent,\n  CardFooter,\n  cardVariants,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ── Context for size propagation ──\ntype CardSize = 'sm' | 'default' | 'lg'\ntype CardDirection = 'vertical' | 'horizontal'\n\nconst CardContext = React.createContext<{ size: CardSize; direction: CardDirection }>({\n  size: 'default',\n  direction: 'vertical',\n})\n\nfunction useCard() {\n  return React.useContext(CardContext)\n}\n\n// ── Card (Root) ──\nconst cardVariants = cva(\n  'flex overflow-hidden transition-all duration-normal',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-paper border border-border-subtle shadow-sm',\n        outline: 'bg-background-paper border border-border',\n        ghost: 'bg-transparent',\n      },\n      size: {\n        sm: '',\n        default: '',\n        lg: '',\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        xl: 'rounded-xl',       // 12px\n        '2xl': 'rounded-2xl',   // 16px\n      },\n      direction: {\n        vertical: 'flex-col',\n        horizontal: 'flex-row',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'xl',\n      direction: 'vertical',\n    },\n  }\n)\n\nexport type CardVariant = 'default' | 'outline' | 'ghost'\nexport type CardRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Visual style */\n  variant?: CardVariant\n  /** Content padding scale */\n  size?: CardSize\n  /** Border radius */\n  radius?: CardRadius\n  /** Layout direction */\n  direction?: CardDirection\n  /** Enable hover effect for interactive cards */\n  interactive?: boolean\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({\n    className,\n    variant = 'default',\n    size = 'default',\n    radius = 'xl',\n    direction = 'vertical',\n    interactive = false,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'div'\n\n    // Horizontal: separate CardImage from rest, wrap rest in flex-col\n    let content = children\n    if (direction === 'horizontal') {\n      const childArray = React.Children.toArray(children)\n      const imageChildren: React.ReactNode[] = []\n      const otherChildren: React.ReactNode[] = []\n\n      childArray.forEach((child) => {\n        if (React.isValidElement(child) && child.type === CardImage) {\n          imageChildren.push(child)\n        } else {\n          otherChildren.push(child)\n        }\n      })\n\n      content = (\n        <>\n          {imageChildren}\n          <div className=\"flex-1 flex flex-col min-w-0\">\n            {otherChildren}\n          </div>\n        </>\n      )\n    }\n\n    return (\n      <CardContext.Provider value={{ size, direction }}>\n        <Comp\n          ref={ref}\n          className={cn(\n            cardVariants({ variant, size, radius, direction }),\n            interactive && 'cursor-pointer hover:shadow-md hover:-translate-y-0.5',\n            className\n          )}\n          {...props}\n        >\n          {content}\n        </Comp>\n      </CardContext.Provider>\n    )\n  }\n)\nCard.displayName = 'Card'\n\n// ── Size-based padding map (responsive: mobile → desktop) ──\nconst sizePaddingMap = {\n  sm: 'p-4',                // 16px\n  default: 'p-4 sm:p-6',   // 16px → 24px\n  lg: 'p-6 sm:p-8',        // 24px → 32px\n} as const\n\nconst sizePaddingXMap = {\n  sm: 'px-4',               // 16px\n  default: 'px-4 sm:px-6',  // 16px → 24px\n  lg: 'px-6 sm:px-8',       // 24px → 32px\n} as const\n\nconst sizePaddingYMap = {\n  sm: 'py-3',               // 12px\n  default: 'py-3 sm:py-4',  // 12px → 16px\n  lg: 'py-4 sm:py-5',       // 16px → 20px\n} as const\n\n// Top padding for CardHeader — optical balance (top >= sides)\nconst sizePaddingTMap = {\n  sm: 'pt-5',               // 20px\n  default: 'pt-5 sm:pt-6',  // 20px → 24px\n  lg: 'pt-6 sm:pt-8',       // 24px → 32px\n} as const\n\n// Inner bottom padding (between sections) — tighter than outer\nconst sizeInnerPbMap = {\n  sm: 'pb-3',               // 12px\n  default: 'pb-3 sm:pb-4',  // 12px → 16px\n  lg: 'pb-3 sm:pb-4',       // 12px → 16px (default와 동일)\n} as const\n\n// Last-child bottom padding for CardContent (when no footer) — match pt\nconst sizeLastPbMap = {\n  sm: 'last:pb-5',                    // 20px\n  default: 'last:pb-5 sm:last:pb-6',  // 20px → 24px\n  lg: 'last:pb-6 sm:last:pb-8',       // 24px → 32px\n} as const\n\n// ── CardImage ──\n// Overlay opacity to Tailwind class mapping\nconst overlayOpacityMap: Record<number, string> = {\n  10: 'from-black/10',\n  20: 'from-black/20',\n  30: 'from-black/30',\n  40: 'from-black/40',\n  50: 'from-black/50',\n  60: 'from-black/60',\n  70: 'from-black/70',\n  80: 'from-black/80',\n  90: 'from-black/90',\n}\n\nexport interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Gradient overlay on image */\n  overlay?: boolean\n  /** Overlay opacity (10–90). Default: 60 */\n  overlayOpacity?: number\n  /** Custom class for overlay gradient (overrides overlayOpacity) */\n  overlayClassName?: string\n}\n\nconst CardImage = React.forwardRef<HTMLImageElement, CardImageProps>(\n  ({ className, overlay = false, overlayOpacity = 60, overlayClassName, alt = '', ...props }, ref) => {\n    const { direction } = useCard()\n    const isHorizontal = direction === 'horizontal'\n\n    // Horizontal: use absolute positioning so the image fills the\n    // wrapper height which is determined by the content side via\n    // flexbox align-items:stretch (default).\n    if (isHorizontal) {\n      const opacityClass = overlay\n        ? (overlayOpacityMap[overlayOpacity] || 'from-black/60')\n        : null\n\n      return (\n        <div className={cn('relative shrink-0 w-48 overflow-hidden', className)}>\n          <img\n            ref={ref}\n            alt={alt}\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            {...props}\n          />\n          {overlay && (\n            <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n          )}\n        </div>\n      )\n    }\n\n    // Vertical\n    if (overlay) {\n      const opacityClass = overlayOpacityMap[overlayOpacity] || 'from-black/60'\n\n      return (\n        <div className=\"relative w-full shrink-0 overflow-hidden\">\n          <img\n            ref={ref}\n            alt={alt}\n            className={cn('w-full object-cover', className)}\n            {...props}\n          />\n          <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n        </div>\n      )\n    }\n\n    return (\n      <img\n        ref={ref}\n        alt={alt}\n        className={cn('w-full object-cover shrink-0', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardImage.displayName = 'CardImage'\n\n// ── CardHeader ──\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    const { size } = useCard()\n\n    // Separate CardAction from other children for proper flex layout\n    const childArray = React.Children.toArray(children)\n    const actionChildren: React.ReactNode[] = []\n    const otherChildren: React.ReactNode[] = []\n\n    childArray.forEach((child) => {\n      if (React.isValidElement(child) && child.type === CardAction) {\n        actionChildren.push(child)\n      } else {\n        otherChildren.push(child)\n      }\n    })\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-start gap-3',\n          sizePaddingXMap[size],\n          sizePaddingTMap[size],\n          sizeInnerPbMap[size],\n          sizeLastPbMap[size],\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex-1 min-w-0 space-y-3\">\n          {otherChildren}\n        </div>\n        {actionChildren}\n      </div>\n    )\n  }\n)\nCardHeader.displayName = 'CardHeader'\n\n// ── CardTitle ──\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** Leading icon */\n  icon?: React.ReactNode\n}\n\nconst CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\n  ({ className, icon, children, ...props }, ref) => {\n    return (\n      <h3\n        ref={ref}\n        className={cn(\n          'font-semibold text-foreground leading-none tracking-tight',\n          icon && 'flex items-center gap-2',\n          className\n        )}\n        {...props}\n      >\n        {icon && (\n          <span className=\"shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        {children}\n      </h3>\n    )\n  }\n)\nCardTitle.displayName = 'CardTitle'\n\n// ── CardDescription ──\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cn('text-sm text-text-muted', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardDescription.displayName = 'CardDescription'\n\n// ── CardAction ──\nexport interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('shrink-0 ml-auto -mr-2 -mt-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardAction.displayName = 'CardAction'\n\n// ── CardContent ──\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(sizePaddingXMap[size], 'pb-0', sizeLastPbMap[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nCardContent.displayName = 'CardContent'\n\n// ── CardFooter ──\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-2',\n          sizePaddingXMap[size],\n          sizePaddingYMap[size],\n          'mt-auto',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nCardFooter.displayName = 'CardFooter'\n\nexport {\n  Card,\n  CardImage,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardAction,\n  CardContent,\n  CardFooter,\n  cardVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/card.mjs

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -76,9 +77,12 @@ const Card = React.forwardRef(
           otherChildren.push(child);
         }
       });
-      content = /* @__PURE__ */ React.createElement(React.Fragment, null, imageChildren, /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex flex-col min-w-0" }, otherChildren));
+      content = /* @__PURE__ */ jsxs(Fragment, { children: [
+        imageChildren,
+        /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col min-w-0", children: otherChildren })
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(CardContext.Provider, { value: { size, direction } }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(CardContext.Provider, { value: { size, direction }, children: /* @__PURE__ */ jsx(
       Comp,
       {
         ref,
@@ -87,10 +91,10 @@ const Card = React.forwardRef(
           interactive && "cursor-pointer hover:shadow-md hover:-translate-y-0.5",
           className
         ),
-        ...props
-      },
-      content
-    ));
+        ...props,
+        children: content
+      }
+    ) });
   }
 );
 Card.displayName = "Card";
@@ -159,29 +163,35 @@ const CardImage = React.forwardRef(
     const isHorizontal = direction === "horizontal";
     if (isHorizontal) {
       const opacityClass = overlay ? overlayOpacityMap[overlayOpacity] || "from-black/60" : null;
-      return /* @__PURE__ */ React.createElement("div", { className: cn("relative shrink-0 w-48 overflow-hidden", className) }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          ref,
-          alt,
-          className: "absolute inset-0 w-full h-full object-cover",
-          ...props
-        }
-      ), overlay && /* @__PURE__ */ React.createElement("div", { className: cn("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) }));
+      return /* @__PURE__ */ jsxs("div", { className: cn("relative shrink-0 w-48 overflow-hidden", className), children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            ref,
+            alt,
+            className: "absolute inset-0 w-full h-full object-cover",
+            ...props
+          }
+        ),
+        overlay && /* @__PURE__ */ jsx("div", { className: cn("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) })
+      ] });
     }
     if (overlay) {
       const opacityClass = overlayOpacityMap[overlayOpacity] || "from-black/60";
-      return /* @__PURE__ */ React.createElement("div", { className: "relative w-full shrink-0 overflow-hidden" }, /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          ref,
-          alt,
-          className: cn("w-full object-cover", className),
-          ...props
-        }
-      ), /* @__PURE__ */ React.createElement("div", { className: cn("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) }));
+      return /* @__PURE__ */ jsxs("div", { className: "relative w-full shrink-0 overflow-hidden", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            ref,
+            alt,
+            className: cn("w-full object-cover", className),
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: cn("absolute inset-0 bg-gradient-to-t to-transparent", overlayClassName || opacityClass) })
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "img",
       {
         ref,
@@ -206,7 +216,7 @@ const CardHeader = React.forwardRef(
         otherChildren.push(child);
       }
     });
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
@@ -218,17 +228,19 @@ const CardHeader = React.forwardRef(
           sizeLastPbMap[size],
           className
         ),
-        ...props
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0 space-y-3" }, otherChildren),
-      actionChildren
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 space-y-3", children: otherChildren }),
+          actionChildren
+        ]
+      }
     );
   }
 );
 CardHeader.displayName = "CardHeader";
 const CardTitle = React.forwardRef(
   ({ className, icon, children, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "h3",
       {
         ref,
@@ -237,17 +249,19 @@ const CardTitle = React.forwardRef(
           icon && "flex items-center gap-2",
           className
         ),
-        ...props
-      },
-      icon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full", "aria-hidden": "true" }, icon),
-      children
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full", "aria-hidden": "true", children: icon }),
+          children
+        ]
+      }
     );
   }
 );
 CardTitle.displayName = "CardTitle";
 const CardDescription = React.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "p",
       {
         ref,
@@ -260,7 +274,7 @@ const CardDescription = React.forwardRef(
 CardDescription.displayName = "CardDescription";
 const CardAction = React.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -274,7 +288,7 @@ CardAction.displayName = "CardAction";
 const CardContent = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useCard();
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -288,7 +302,7 @@ CardContent.displayName = "CardContent";
 const CardFooter = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useCard();
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref,

package/dist/components/ui/card.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ── Context for size propagation ──\ntype CardSize = 'sm' | 'default' | 'lg'\ntype CardDirection = 'vertical' | 'horizontal'\n\nconst CardContext = React.createContext<{ size: CardSize; direction: CardDirection }>({\n  size: 'default',\n  direction: 'vertical',\n})\n\nfunction useCard() {\n  return React.useContext(CardContext)\n}\n\n// ── Card (Root) ──\nconst cardVariants = cva(\n  'flex overflow-hidden transition-all duration-normal',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-paper border border-border-subtle shadow-sm',\n        outline: 'bg-background-paper border border-border',\n        ghost: 'bg-transparent',\n      },\n      size: {\n        sm: '',\n        default: '',\n        lg: '',\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        xl: 'rounded-xl',       // 12px\n        '2xl': 'rounded-2xl',   // 16px\n      },\n      direction: {\n        vertical: 'flex-col',\n        horizontal: 'flex-row',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'xl',\n      direction: 'vertical',\n    },\n  }\n)\n\nexport type CardVariant = 'default' | 'outline' | 'ghost'\nexport type CardRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Visual style */\n  variant?: CardVariant\n  /** Content padding scale */\n  size?: CardSize\n  /** Border radius */\n  radius?: CardRadius\n  /** Layout direction */\n  direction?: CardDirection\n  /** Enable hover effect for interactive cards */\n  interactive?: boolean\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({\n    className,\n    variant = 'default',\n    size = 'default',\n    radius = 'xl',\n    direction = 'vertical',\n    interactive = false,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'div'\n\n    // Horizontal: separate CardImage from rest, wrap rest in flex-col\n    let content = children\n    if (direction === 'horizontal') {\n      const childArray = React.Children.toArray(children)\n      const imageChildren: React.ReactNode[] = []\n      const otherChildren: React.ReactNode[] = []\n\n      childArray.forEach((child) => {\n        if (React.isValidElement(child) && child.type === CardImage) {\n          imageChildren.push(child)\n        } else {\n          otherChildren.push(child)\n        }\n      })\n\n      content = (\n        <>\n          {imageChildren}\n          <div className=\"flex-1 flex flex-col min-w-0\">\n            {otherChildren}\n          </div>\n        </>\n      )\n    }\n\n    return (\n      <CardContext.Provider value={{ size, direction }}>\n        <Comp\n          ref={ref}\n          className={cn(\n            cardVariants({ variant, size, radius, direction }),\n            interactive && 'cursor-pointer hover:shadow-md hover:-translate-y-0.5',\n            className\n          )}\n          {...props}\n        >\n          {content}\n        </Comp>\n      </CardContext.Provider>\n    )\n  }\n)\nCard.displayName = 'Card'\n\n// ── Size-based padding map (responsive: mobile → desktop) ──\nconst sizePaddingMap = {\n  sm: 'p-4',                // 16px\n  default: 'p-4 sm:p-6',   // 16px → 24px\n  lg: 'p-6 sm:p-8',        // 24px → 32px\n} as const\n\nconst sizePaddingXMap = {\n  sm: 'px-4',               // 16px\n  default: 'px-4 sm:px-6',  // 16px → 24px\n  lg: 'px-6 sm:px-8',       // 24px → 32px\n} as const\n\nconst sizePaddingYMap = {\n  sm: 'py-3',               // 12px\n  default: 'py-3 sm:py-4',  // 12px → 16px\n  lg: 'py-4 sm:py-5',       // 16px → 20px\n} as const\n\n// Top padding for CardHeader — optical balance (top >= sides)\nconst sizePaddingTMap = {\n  sm: 'pt-5',               // 20px\n  default: 'pt-5 sm:pt-6',  // 20px → 24px\n  lg: 'pt-6 sm:pt-8',       // 24px → 32px\n} as const\n\n// Inner bottom padding (between sections) — tighter than outer\nconst sizeInnerPbMap = {\n  sm: 'pb-3',               // 12px\n  default: 'pb-3 sm:pb-4',  // 12px → 16px\n  lg: 'pb-3 sm:pb-4',       // 12px → 16px (default와 동일)\n} as const\n\n// Last-child bottom padding for CardContent (when no footer) — match pt\nconst sizeLastPbMap = {\n  sm: 'last:pb-5',                    // 20px\n  default: 'last:pb-5 sm:last:pb-6',  // 20px → 24px\n  lg: 'last:pb-6 sm:last:pb-8',       // 24px → 32px\n} as const\n\n// ── CardImage ──\n// Overlay opacity to Tailwind class mapping\nconst overlayOpacityMap: Record<number, string> = {\n  10: 'from-black/10',\n  20: 'from-black/20',\n  30: 'from-black/30',\n  40: 'from-black/40',\n  50: 'from-black/50',\n  60: 'from-black/60',\n  70: 'from-black/70',\n  80: 'from-black/80',\n  90: 'from-black/90',\n}\n\nexport interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Gradient overlay on image */\n  overlay?: boolean\n  /** Overlay opacity (10–90). Default: 60 */\n  overlayOpacity?: number\n  /** Custom class for overlay gradient (overrides overlayOpacity) */\n  overlayClassName?: string\n}\n\nconst CardImage = React.forwardRef<HTMLImageElement, CardImageProps>(\n  ({ className, overlay = false, overlayOpacity = 60, overlayClassName, alt = '', ...props }, ref) => {\n    const { direction } = useCard()\n    const isHorizontal = direction === 'horizontal'\n\n    // Horizontal: use absolute positioning so the image fills the\n    // wrapper height which is determined by the content side via\n    // flexbox align-items:stretch (default).\n    if (isHorizontal) {\n      const opacityClass = overlay\n        ? (overlayOpacityMap[overlayOpacity] || 'from-black/60')\n        : null\n\n      return (\n        <div className={cn('relative shrink-0 w-48 overflow-hidden', className)}>\n          <img\n            ref={ref}\n            alt={alt}\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            {...props}\n          />\n          {overlay && (\n            <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n          )}\n        </div>\n      )\n    }\n\n    // Vertical\n    if (overlay) {\n      const opacityClass = overlayOpacityMap[overlayOpacity] || 'from-black/60'\n\n      return (\n        <div className=\"relative w-full shrink-0 overflow-hidden\">\n          <img\n            ref={ref}\n            alt={alt}\n            className={cn('w-full object-cover', className)}\n            {...props}\n          />\n          <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n        </div>\n      )\n    }\n\n    return (\n      <img\n        ref={ref}\n        alt={alt}\n        className={cn('w-full object-cover shrink-0', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardImage.displayName = 'CardImage'\n\n// ── CardHeader ──\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    const { size } = useCard()\n\n    // Separate CardAction from other children for proper flex layout\n    const childArray = React.Children.toArray(children)\n    const actionChildren: React.ReactNode[] = []\n    const otherChildren: React.ReactNode[] = []\n\n    childArray.forEach((child) => {\n      if (React.isValidElement(child) && child.type === CardAction) {\n        actionChildren.push(child)\n      } else {\n        otherChildren.push(child)\n      }\n    })\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-start gap-3',\n          sizePaddingXMap[size],\n          sizePaddingTMap[size],\n          sizeInnerPbMap[size],\n          sizeLastPbMap[size],\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex-1 min-w-0 space-y-3\">\n          {otherChildren}\n        </div>\n        {actionChildren}\n      </div>\n    )\n  }\n)\nCardHeader.displayName = 'CardHeader'\n\n// ── CardTitle ──\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** Leading icon */\n  icon?: React.ReactNode\n}\n\nconst CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\n  ({ className, icon, children, ...props }, ref) => {\n    return (\n      <h3\n        ref={ref}\n        className={cn(\n          'font-semibold text-foreground leading-none tracking-tight',\n          icon && 'flex items-center gap-2',\n          className\n        )}\n        {...props}\n      >\n        {icon && (\n          <span className=\"shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        {children}\n      </h3>\n    )\n  }\n)\nCardTitle.displayName = 'CardTitle'\n\n// ── CardDescription ──\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cn('text-sm text-text-muted', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardDescription.displayName = 'CardDescription'\n\n// ── CardAction ──\nexport interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('shrink-0 ml-auto -mr-2 -mt-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardAction.displayName = 'CardAction'\n\n// ── CardContent ──\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(sizePaddingXMap[size], 'pb-0', sizeLastPbMap[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nCardContent.displayName = 'CardContent'\n\n// ── CardFooter ──\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-2',\n          sizePaddingXMap[size],\n          sizePaddingYMap[size],\n          'mt-auto',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nCardFooter.displayName = 'CardFooter'\n\nexport {\n  Card,\n  CardImage,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardAction,\n  CardContent,\n  CardFooter,\n  cardVariants,\n}\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAMnB,MAAM,cAAc,MAAM,cAA4D;AAAA,EACpF,MAAM;AAAA,EACN,WAAW;AACb,CAAC;AAED,SAAS,UAAU;AACjB,SAAO,MAAM,WAAW,WAAW;AACrC;AAGA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,IAAI;AAAA;AAAA,QACJ,MAAM;AAAA;AAAA,QACN,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,OAAO;AAAA;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAsBA,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC;AAAA,IACC;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,GAAG,QAAQ;AACT,UAAM,OAAO,UAAU,OAAO;AAG9B,QAAI,UAAU;AACd,QAAI,cAAc,cAAc;AAC9B,YAAM,aAAa,MAAM,SAAS,QAAQ,QAAQ;AAClD,YAAM,gBAAmC,CAAC;AAC1C,YAAM,gBAAmC,CAAC;AAE1C,iBAAW,QAAQ,CAAC,UAAU;AAC5B,YAAI,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,WAAW;AAC3D,wBAAc,KAAK,KAAK;AAAA,QAC1B,OAAO;AACL,wBAAc,KAAK,KAAK;AAAA,QAC1B;AAAA,MACF,CAAC;AAED,gBACE,0DACG,eACD,oCAAC,SAAI,WAAU,kCACZ,aACH,CACF;AAAA,IAEJ;AAEA,WACE,oCAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,MAAM,UAAU,KAC7C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,aAAa,EAAE,SAAS,MAAM,QAAQ,UAAU,CAAC;AAAA,UACjD,eAAe;AAAA,UACf;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEH;AAAA,IACH,CACF;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;AAGnB,MAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAEA,MAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAEA,MAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,MAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,MAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAGA,MAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAIA,MAAM,oBAA4C;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAWA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,UAAU,OAAO,iBAAiB,IAAI,kBAAkB,MAAM,IAAI,GAAG,MAAM,GAAG,QAAQ;AAClG,UAAM,EAAE,UAAU,IAAI,QAAQ;AAC9B,UAAM,eAAe,cAAc;AAKnC,QAAI,cAAc;AAChB,YAAM,eAAe,UAChB,kBAAkB,cAAc,KAAK,kBACtC;AAEJ,aACE,oCAAC,SAAI,WAAW,GAAG,0CAA0C,SAAS,KACpE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,WAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN,GACC,WACC,oCAAC,SAAI,WAAW,GAAG,oDAAoD,oBAAoB,YAAY,GAAG,CAE9G;AAAA,IAEJ;AAGA,QAAI,SAAS;AACX,YAAM,eAAe,kBAAkB,cAAc,KAAK;AAE1D,aACE,oCAAC,SAAI,WAAU,8CACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,UAC7C,GAAG;AAAA;AAAA,MACN,GACA,oCAAC,SAAI,WAAW,GAAG,oDAAoD,oBAAoB,YAAY,GAAG,CAC5G;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,GAAG,gCAAgC,SAAS;AAAA,QACtD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;AAKxB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC1C,UAAM,EAAE,KAAK,IAAI,QAAQ;AAGzB,UAAM,aAAa,MAAM,SAAS,QAAQ,QAAQ;AAClD,UAAM,iBAAoC,CAAC;AAC3C,UAAM,gBAAmC,CAAC;AAE1C,eAAW,QAAQ,CAAC,UAAU;AAC5B,UAAI,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,YAAY;AAC5D,uBAAe,KAAK,KAAK;AAAA,MAC3B,OAAO;AACL,sBAAc,KAAK,KAAK;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,gBAAgB,IAAI;AAAA,UACpB,gBAAgB,IAAI;AAAA,UACpB,eAAe,IAAI;AAAA,UACnB,cAAc,IAAI;AAAA,UAClB;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,oCAAC,SAAI,WAAU,8BACZ,aACH;AAAA,MACC;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAQzB,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AAChD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,QAAQ;AAAA,UACR;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAEH,QACC,oCAAC,UAAK,WAAU,kDAAiD,eAAY,UAC1E,IACH;AAAA,MAED;AAAA,IACH;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;AAKxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,QACjD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAK9B,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,gCAAgC,SAAS;AAAA,QACtD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAKzB,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,EAAE,KAAK,IAAI,QAAQ;AAEzB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,gBAAgB,IAAI,GAAG,QAAQ,cAAc,IAAI,GAAG,SAAS;AAAA,QAC1E,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAK1B,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,EAAE,KAAK,IAAI,QAAQ;AAEzB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,gBAAgB,IAAI;AAAA,UACpB,gBAAgB,IAAI;AAAA,UACpB;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ── Context for size propagation ──\ntype CardSize = 'sm' | 'default' | 'lg'\ntype CardDirection = 'vertical' | 'horizontal'\n\nconst CardContext = React.createContext<{ size: CardSize; direction: CardDirection }>({\n  size: 'default',\n  direction: 'vertical',\n})\n\nfunction useCard() {\n  return React.useContext(CardContext)\n}\n\n// ── Card (Root) ──\nconst cardVariants = cva(\n  'flex overflow-hidden transition-all duration-normal',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-paper border border-border-subtle shadow-sm',\n        outline: 'bg-background-paper border border-border',\n        ghost: 'bg-transparent',\n      },\n      size: {\n        sm: '',\n        default: '',\n        lg: '',\n      },\n      radius: {\n        sm: 'rounded-sm',       // 2px\n        base: 'rounded',        // 4px\n        md: 'rounded-md',       // 6px\n        lg: 'rounded-lg',       // 8px\n        xl: 'rounded-xl',       // 12px\n        '2xl': 'rounded-2xl',   // 16px\n      },\n      direction: {\n        vertical: 'flex-col',\n        horizontal: 'flex-row',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'xl',\n      direction: 'vertical',\n    },\n  }\n)\n\nexport type CardVariant = 'default' | 'outline' | 'ghost'\nexport type CardRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Visual style */\n  variant?: CardVariant\n  /** Content padding scale */\n  size?: CardSize\n  /** Border radius */\n  radius?: CardRadius\n  /** Layout direction */\n  direction?: CardDirection\n  /** Enable hover effect for interactive cards */\n  interactive?: boolean\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({\n    className,\n    variant = 'default',\n    size = 'default',\n    radius = 'xl',\n    direction = 'vertical',\n    interactive = false,\n    asChild = false,\n    children,\n    ...props\n  }, ref) => {\n    const Comp = asChild ? Slot : 'div'\n\n    // Horizontal: separate CardImage from rest, wrap rest in flex-col\n    let content = children\n    if (direction === 'horizontal') {\n      const childArray = React.Children.toArray(children)\n      const imageChildren: React.ReactNode[] = []\n      const otherChildren: React.ReactNode[] = []\n\n      childArray.forEach((child) => {\n        if (React.isValidElement(child) && child.type === CardImage) {\n          imageChildren.push(child)\n        } else {\n          otherChildren.push(child)\n        }\n      })\n\n      content = (\n        <>\n          {imageChildren}\n          <div className=\"flex-1 flex flex-col min-w-0\">\n            {otherChildren}\n          </div>\n        </>\n      )\n    }\n\n    return (\n      <CardContext.Provider value={{ size, direction }}>\n        <Comp\n          ref={ref}\n          className={cn(\n            cardVariants({ variant, size, radius, direction }),\n            interactive && 'cursor-pointer hover:shadow-md hover:-translate-y-0.5',\n            className\n          )}\n          {...props}\n        >\n          {content}\n        </Comp>\n      </CardContext.Provider>\n    )\n  }\n)\nCard.displayName = 'Card'\n\n// ── Size-based padding map (responsive: mobile → desktop) ──\nconst sizePaddingMap = {\n  sm: 'p-4',                // 16px\n  default: 'p-4 sm:p-6',   // 16px → 24px\n  lg: 'p-6 sm:p-8',        // 24px → 32px\n} as const\n\nconst sizePaddingXMap = {\n  sm: 'px-4',               // 16px\n  default: 'px-4 sm:px-6',  // 16px → 24px\n  lg: 'px-6 sm:px-8',       // 24px → 32px\n} as const\n\nconst sizePaddingYMap = {\n  sm: 'py-3',               // 12px\n  default: 'py-3 sm:py-4',  // 12px → 16px\n  lg: 'py-4 sm:py-5',       // 16px → 20px\n} as const\n\n// Top padding for CardHeader — optical balance (top >= sides)\nconst sizePaddingTMap = {\n  sm: 'pt-5',               // 20px\n  default: 'pt-5 sm:pt-6',  // 20px → 24px\n  lg: 'pt-6 sm:pt-8',       // 24px → 32px\n} as const\n\n// Inner bottom padding (between sections) — tighter than outer\nconst sizeInnerPbMap = {\n  sm: 'pb-3',               // 12px\n  default: 'pb-3 sm:pb-4',  // 12px → 16px\n  lg: 'pb-3 sm:pb-4',       // 12px → 16px (default와 동일)\n} as const\n\n// Last-child bottom padding for CardContent (when no footer) — match pt\nconst sizeLastPbMap = {\n  sm: 'last:pb-5',                    // 20px\n  default: 'last:pb-5 sm:last:pb-6',  // 20px → 24px\n  lg: 'last:pb-6 sm:last:pb-8',       // 24px → 32px\n} as const\n\n// ── CardImage ──\n// Overlay opacity to Tailwind class mapping\nconst overlayOpacityMap: Record<number, string> = {\n  10: 'from-black/10',\n  20: 'from-black/20',\n  30: 'from-black/30',\n  40: 'from-black/40',\n  50: 'from-black/50',\n  60: 'from-black/60',\n  70: 'from-black/70',\n  80: 'from-black/80',\n  90: 'from-black/90',\n}\n\nexport interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Gradient overlay on image */\n  overlay?: boolean\n  /** Overlay opacity (10–90). Default: 60 */\n  overlayOpacity?: number\n  /** Custom class for overlay gradient (overrides overlayOpacity) */\n  overlayClassName?: string\n}\n\nconst CardImage = React.forwardRef<HTMLImageElement, CardImageProps>(\n  ({ className, overlay = false, overlayOpacity = 60, overlayClassName, alt = '', ...props }, ref) => {\n    const { direction } = useCard()\n    const isHorizontal = direction === 'horizontal'\n\n    // Horizontal: use absolute positioning so the image fills the\n    // wrapper height which is determined by the content side via\n    // flexbox align-items:stretch (default).\n    if (isHorizontal) {\n      const opacityClass = overlay\n        ? (overlayOpacityMap[overlayOpacity] || 'from-black/60')\n        : null\n\n      return (\n        <div className={cn('relative shrink-0 w-48 overflow-hidden', className)}>\n          <img\n            ref={ref}\n            alt={alt}\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            {...props}\n          />\n          {overlay && (\n            <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n          )}\n        </div>\n      )\n    }\n\n    // Vertical\n    if (overlay) {\n      const opacityClass = overlayOpacityMap[overlayOpacity] || 'from-black/60'\n\n      return (\n        <div className=\"relative w-full shrink-0 overflow-hidden\">\n          <img\n            ref={ref}\n            alt={alt}\n            className={cn('w-full object-cover', className)}\n            {...props}\n          />\n          <div className={cn('absolute inset-0 bg-gradient-to-t to-transparent', overlayClassName || opacityClass)} />\n        </div>\n      )\n    }\n\n    return (\n      <img\n        ref={ref}\n        alt={alt}\n        className={cn('w-full object-cover shrink-0', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardImage.displayName = 'CardImage'\n\n// ── CardHeader ──\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, children, ...props }, ref) => {\n    const { size } = useCard()\n\n    // Separate CardAction from other children for proper flex layout\n    const childArray = React.Children.toArray(children)\n    const actionChildren: React.ReactNode[] = []\n    const otherChildren: React.ReactNode[] = []\n\n    childArray.forEach((child) => {\n      if (React.isValidElement(child) && child.type === CardAction) {\n        actionChildren.push(child)\n      } else {\n        otherChildren.push(child)\n      }\n    })\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-start gap-3',\n          sizePaddingXMap[size],\n          sizePaddingTMap[size],\n          sizeInnerPbMap[size],\n          sizeLastPbMap[size],\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex-1 min-w-0 space-y-3\">\n          {otherChildren}\n        </div>\n        {actionChildren}\n      </div>\n    )\n  }\n)\nCardHeader.displayName = 'CardHeader'\n\n// ── CardTitle ──\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** Leading icon */\n  icon?: React.ReactNode\n}\n\nconst CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\n  ({ className, icon, children, ...props }, ref) => {\n    return (\n      <h3\n        ref={ref}\n        className={cn(\n          'font-semibold text-foreground leading-none tracking-tight',\n          icon && 'flex items-center gap-2',\n          className\n        )}\n        {...props}\n      >\n        {icon && (\n          <span className=\"shrink-0 icon-sm [&>svg]:w-full [&>svg]:h-full\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        {children}\n      </h3>\n    )\n  }\n)\nCardTitle.displayName = 'CardTitle'\n\n// ── CardDescription ──\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <p\n        ref={ref}\n        className={cn('text-sm text-text-muted', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardDescription.displayName = 'CardDescription'\n\n// ── CardAction ──\nexport interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('shrink-0 ml-auto -mr-2 -mt-2', className)}\n        {...props}\n      />\n    )\n  }\n)\nCardAction.displayName = 'CardAction'\n\n// ── CardContent ──\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(sizePaddingXMap[size], 'pb-0', sizeLastPbMap[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nCardContent.displayName = 'CardContent'\n\n// ── CardFooter ──\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useCard()\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-2',\n          sizePaddingXMap[size],\n          sizePaddingYMap[size],\n          'mt-auto',\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nCardFooter.displayName = 'CardFooter'\n\nexport {\n  Card,\n  CardImage,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardAction,\n  CardContent,\n  CardFooter,\n  cardVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/chart.d.mts

@@ -74,7 +74,7 @@ type ChartTooltipContentProps = React.ComponentProps<'div'> & {
     labelKey?: string;
 };
 declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): React.JSX.Element | null;
-declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
 type LegendPayloadItem = {
     value?: string;
     type?: string;

package/dist/components/ui/chart.d.ts

@@ -74,7 +74,7 @@ type ChartTooltipContentProps = React.ComponentProps<'div'> & {
     labelKey?: string;
 };
 declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): React.JSX.Element | null;
-declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
 type LegendPayloadItem = {
     value?: string;
     type?: string;