@mdigital_ui/ui 0.2.4 → 0.2.6

package/dist/{chunk-DOKTHDG3.js → chunk-SMVVCZNM.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-YNNAOXU5.js';
+import { cn } from './chunk-2OGZENFC.js';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -51,5 +51,5 @@ RadioGroup.displayName = "RadioGroup";
 var radio_group_default = RadioGroup;
 
 export { RadioGroup, radio_group_default };
-//# sourceMappingURL=chunk-DOKTHDG3.js.map
-//# sourceMappingURL=chunk-DOKTHDG3.js.map
+//# sourceMappingURL=chunk-SMVVCZNM.js.map
+//# sourceMappingURL=chunk-SMVVCZNM.js.map

package/dist/{chunk-DOKTHDG3.js.map → chunk-SMVVCZNM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio-group/index.tsx"],"names":[],"mappings":";;;;AAKO,IAAM,aAAa,KAAA,CAAM,IAAA;AAAA,EAC9B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA,GAAc,UAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,QACjC,IAAA,EAAK,YAAA;AAAA,QACJ,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,MAAA;AAAA,gBACA,WAAA,KAAgB,aACZ,gBAAA,GACA;AAAA,eACN;AAAA,cAEC;AAAA;AAAA,WACH;AAAA,UAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,cAAA;AAAA,gBACA,QAAQ,YAAA,GAAe;AAAA,eACzB;AAAA,cAEC,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAGzB,IAAO,mBAAA,GAAQ","file":"chunk-DOKTHDG3.js","sourcesContent":["import React from 'react'\n\nimport { cn } from '../utils'\nimport type { RadioGroupProps } from './types'\n\nexport const RadioGroup = React.memo<RadioGroupProps>(\n  ({\n    label,\n    helperText,\n    error,\n    orientation = 'vertical',\n    className,\n    children,\n    ref,\n    ...props\n  }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('w-full', className)}\n        role=\"radiogroup\"\n        {...props}\n      >\n        {label && (\n          <div className=\"mb-2\">\n            <span className=\"text-sm font-medium text-text-secondary\">\n              {label}\n            </span>\n          </div>\n        )}\n        <div\n          className={cn(\n            'flex',\n            orientation === 'vertical'\n              ? 'flex-col gap-2'\n              : 'flex-row flex-wrap gap-4',\n          )}\n        >\n          {children}\n        </div>\n        {(helperText || error) && (\n          <p\n            className={cn(\n              'mt-2 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nRadioGroup.displayName = 'RadioGroup'\n\nexport type * from './types'\nexport default RadioGroup\n"]}
+{"version":3,"sources":["../src/radio-group/index.tsx"],"names":[],"mappings":";;;;AAKO,IAAM,aAAa,KAAA,CAAM,IAAA;AAAA,EAC9B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA,GAAc,UAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,QACjC,IAAA,EAAK,YAAA;AAAA,QACJ,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,MAAA;AAAA,gBACA,WAAA,KAAgB,aACZ,gBAAA,GACA;AAAA,eACN;AAAA,cAEC;AAAA;AAAA,WACH;AAAA,UAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,cAAA;AAAA,gBACA,QAAQ,YAAA,GAAe;AAAA,eACzB;AAAA,cAEC,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAGzB,IAAO,mBAAA,GAAQ","file":"chunk-SMVVCZNM.js","sourcesContent":["import React from 'react'\n\nimport { cn } from '../utils'\nimport type { RadioGroupProps } from './types'\n\nexport const RadioGroup = React.memo<RadioGroupProps>(\n  ({\n    label,\n    helperText,\n    error,\n    orientation = 'vertical',\n    className,\n    children,\n    ref,\n    ...props\n  }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('w-full', className)}\n        role=\"radiogroup\"\n        {...props}\n      >\n        {label && (\n          <div className=\"mb-2\">\n            <span className=\"text-sm font-medium text-text-secondary\">\n              {label}\n            </span>\n          </div>\n        )}\n        <div\n          className={cn(\n            'flex',\n            orientation === 'vertical'\n              ? 'flex-col gap-2'\n              : 'flex-row flex-wrap gap-4',\n          )}\n        >\n          {children}\n        </div>\n        {(helperText || error) && (\n          <p\n            className={cn(\n              'mt-2 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nRadioGroup.displayName = 'RadioGroup'\n\nexport type * from './types'\nexport default RadioGroup\n"]}

package/dist/{chunk-FPOXTCYV.js → chunk-SOIF4SHB.js}

@@ -1,10 +1,10 @@
-import { getValidationStatus, cn, statusMessageVariants } from './chunk-YNNAOXU5.js';
+import { getValidationStatus, cn, statusMessageVariants } from './chunk-2OGZENFC.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var textareaVariants = cva(
-  "w-full rounded-md focus:border-primary transition-colors text-text-primary placeholder:text-text-muted disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none",
+  "w-full rounded-md focus:border-primary transition-colors text-text-primary placeholder:text-text-secondary/50 disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none",
   {
     variants: {
       variant: {
@@ -19,10 +19,10 @@ var textareaVariants = cva(
         success: "!border-success focus:!border-success"
       },
       size: {
-        xs: "min-h-20 p-2 text-xs",
-        sm: "min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-sm)] text-sm",
-        md: "min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-md)] text-base",
-        lg: "min-h-[var(--textarea-min-height)] p-[var(--textarea-padding-lg)] text-lg"
+        xs: "min-h-(--textarea-min-height-xs) p-(--textarea-padding-xs) text-xs",
+        sm: "min-h-(--textarea-min-height-sm) p-(--textarea-padding-sm) text-sm",
+        md: "min-h-(--textarea-min-height-md) p-(--textarea-padding-md) text-base",
+        lg: "min-h-(--textarea-min-height-lg) p-(--textarea-padding-lg) text-lg"
       },
       resize: {
         none: "resize-none",
@@ -162,5 +162,5 @@ Textarea.displayName = "Textarea";
 var textarea_default = Textarea;
 
 export { textarea_default };
-//# sourceMappingURL=chunk-FPOXTCYV.js.map
-//# sourceMappingURL=chunk-FPOXTCYV.js.map
+//# sourceMappingURL=chunk-SOIF4SHB.js.map
+//# sourceMappingURL=chunk-SOIF4SHB.js.map

package/dist/chunk-SOIF4SHB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textarea/index.tsx"],"names":[],"mappings":"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","file":"chunk-SOIF4SHB.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn, getValidationStatus, statusMessageVariants } from '../utils'\nimport type { TextareaProps } from './types'\n\nconst textareaVariants = cva(\n  'w-full rounded-md focus:border-primary transition-colors text-text-primary placeholder:text-text-secondary/50 disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none',\n  {\n    variants: {\n      variant: {\n        outline: 'bg-background border border-border',\n        filled: 'bg-surface border border-transparent',\n      },\n      status: {\n        default: '',\n        error: '!border-error focus:!border-error',\n        warning: '!border-warning focus:!border-warning',\n        info: '!border-info focus:!border-info',\n        success: '!border-success focus:!border-success',\n      },\n      size: {\n        xs: 'min-h-(--textarea-min-height-xs) p-(--textarea-padding-xs) text-xs',\n        sm: 'min-h-(--textarea-min-height-sm) p-(--textarea-padding-sm) text-sm',\n        md: 'min-h-(--textarea-min-height-md) p-(--textarea-padding-md) text-base',\n        lg: 'min-h-(--textarea-min-height-lg) p-(--textarea-padding-lg) text-lg',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: 'max-w-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      status: 'default',\n      size: 'md',\n      resize: 'vertical',\n      fullWidth: true,\n    },\n  },\n)\n\nconst Textarea = React.memo<TextareaProps>(\n  ({\n    variant = 'outline',\n    size = 'md',\n    label,\n    helperText,\n    messagePosition = 'bottom',\n    error,\n    warning,\n    info,\n    success,\n    resize = 'vertical',\n    showCount = false,\n    maxLength,\n    autoResize = false,\n    fullWidth = true,\n    className,\n    value,\n    onChange,\n    ref,\n    ...props\n  }) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const textareaRef =\n      (ref as React.RefObject<HTMLTextAreaElement>) || internalRef\n    const [internalValue, setInternalValue] = React.useState(value || '')\n    const currentValue = value !== undefined ? value : internalValue\n    const currentLength = String(currentValue).length\n\n    // Use shared validation status utility\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value)\n        }\n        onChange?.(e)\n      },\n      [value, onChange],\n    )\n\n    React.useEffect(() => {\n      if (autoResize && textareaRef.current) {\n        textareaRef.current.style.height = 'auto'\n        textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`\n      }\n    }, [currentValue, autoResize, textareaRef])\n\n    const textareaElement = (\n      <textarea\n        ref={textareaRef}\n        className={cn(\n          textareaVariants({\n            variant,\n            status,\n            size,\n            resize: autoResize ? 'none' : resize,\n            fullWidth,\n          }),\n          autoResize && 'overflow-hidden',\n          className,\n        )}\n        maxLength={maxLength}\n        value={currentValue}\n        onChange={handleChange}\n        aria-invalid={status === 'error'}\n        aria-describedby={\n          helperMessage ? `textarea-helper-${status}` : undefined\n        }\n        {...props}\n      />\n    )\n\n    if (!label && !helperMessage && !showCount) return textareaElement\n\n    return (\n      <div\n        className={cn(\n          'w-full flex flex-col relative',\n          !fullWidth && 'inline-block',\n        )}\n      >\n        <div className=\"flex gap-2 items-center relative mb-0.5\">\n          {label && (\n            <p className=\"text-sm font-medium text-text-secondary\">\n              {label}\n              {props.required && <span className=\"text-error ml-1\">*</span>}\n            </p>\n          )}\n          {helperMessage && messagePosition === 'top' && (\n            <p\n              id={`textarea-helper-${status}`}\n              className={statusMessageVariants({ status })}\n            >\n              {helperMessage}\n            </p>\n          )}\n          {showCount && maxLength && (\n            <span className=\"text-xs text-text-secondary absolute right-0\">\n              {currentLength}/{maxLength}\n            </span>\n          )}\n        </div>\n        {textareaElement}\n        {helperMessage && messagePosition === 'bottom' && (\n          <p\n            id={`textarea-helper-${status}`}\n            className={cn(statusMessageVariants({ status }), 'mt-0.5')}\n          >\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTextarea.displayName = 'Textarea'\n\nexport type * from './types'\nexport default Textarea\n"]}

package/dist/{chunk-RMGIO27V.js → chunk-SYDNDYZJ.js}

@@ -1,4 +1,4 @@
-import { cn, iconSizes } from './chunk-YNNAOXU5.js';
+import { cn, iconSizes } from './chunk-2OGZENFC.js';
 import { cva } from 'class-variance-authority';
 import { Check, Copy } from 'lucide-react';
 import React, { useState } from 'react';
@@ -70,11 +70,14 @@ var Clipboard = React.memo(
     variant = "default",
     showValue = true,
     successDuration = 2e3,
+    disabled = false,
     onCopy,
-    className
+    className,
+    ref
   }) => {
     const [copied, setCopied] = useState(false);
     const handleCopy = async () => {
+      if (disabled) return;
       try {
         await navigator.clipboard.writeText(value);
         setCopied(true);
@@ -86,13 +89,26 @@ var Clipboard = React.memo(
         console.error("Failed to copy:", err);
       }
     };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        handleCopy();
+      }
+    };
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        ref,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
         onClick: handleCopy,
+        onKeyDown: handleKeyDown,
+        "aria-label": copied ? "Copied to clipboard" : `Copy ${showValue ? value : "to clipboard"}`,
+        "aria-disabled": disabled,
         className: cn(
           clipboardVariants({ size }),
           colorStyles[color][variant],
+          disabled && "opacity-50 cursor-not-allowed",
           className
         ),
         children: [
@@ -107,5 +123,5 @@ Clipboard.displayName = "Clipboard";
 var clipboard_default = Clipboard;
 
 export { clipboard_default };
-//# sourceMappingURL=chunk-RMGIO27V.js.map
-//# sourceMappingURL=chunk-RMGIO27V.js.map
+//# sourceMappingURL=chunk-SYDNDYZJ.js.map
+//# sourceMappingURL=chunk-SYDNDYZJ.js.map

package/dist/chunk-SYDNDYZJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/clipboard/index.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,4GAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,WAAA,GAAc;AAAA,EAClB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gEAAA;AAAA,IACT,KAAA,EAAO,gEAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,+DAAA;AAAA,IACT,KAAA,EAAO,+DAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EACE,qEAAA;AAAA,IACF,KAAA,EACE,qEAAA;AAAA,IACF,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,4DAAA;AAAA,IACT,KAAA,EAAO,4DAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,+DAAA;AAAA,IACT,KAAA,EAAO,+DAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,yDAAA;AAAA,IACT,KAAA,EAAO,yDAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,+DAAA;AAAA,IACT,KAAA,EAAO,+DAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,sDAAA;AAAA,IACT,KAAA,EAAO,sDAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,YAAY,KAAA,CAAM,IAAA;AAAA,EACtB,CAAC;AAAA,IACC,KAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,SAAA,GAAY,IAAA;AAAA,IACZ,eAAA,GAAkB,GAAA;AAAA,IAClB,QAAA,GAAW,KAAA;AAAA,IACX,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1C,IAAA,MAAM,aAAa,YAAY;AAC7B,MAAA,IAAI,QAAA,EAAU;AAEd,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAK,CAAA;AACzC,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,MAAA,IAAS;AAET,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,SAAA,CAAU,KAAK,CAAA;AAAA,QACjB,GAAG,eAAe,CAAA;AAAA,MACpB,SAAS,GAAA,EAAK;AACZ,QAAA,OAAA,CAAQ,KAAA,CAAM,mBAAmB,GAAG,CAAA;AAAA,MACtC;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAA2B;AAChD,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,UAAA,EAAW;AAAA,MACb;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,WAAW,EAAA,GAAK,CAAA;AAAA,QAC1B,OAAA,EAAS,UAAA;AAAA,QACT,SAAA,EAAW,aAAA;AAAA,QACX,cAAY,MAAA,GAAS,qBAAA,GAAwB,CAAA,KAAA,EAAQ,SAAA,GAAY,QAAQ,cAAc,CAAA,CAAA;AAAA,QACvF,eAAA,EAAe,QAAA;AAAA,QACf,SAAA,EAAW,EAAA;AAAA,UACT,iBAAA,CAAkB,EAAE,IAAA,EAAM,CAAA;AAAA,UAC1B,WAAA,CAAY,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,UAC1B,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACzD,yBACC,GAAA,CAAC,KAAA,EAAA,EAAM,WAAW,EAAA,CAAG,SAAA,CAAU,IAAI,CAAA,EAAG,eAAe,GAAG,CAAA,mBAExD,GAAA,CAAC,QAAK,SAAA,EAAW,EAAA,CAAG,UAAU,IAAI,CAAA,EAAG,eAAe,CAAA,EAAG;AAAA;AAAA;AAAA,KAE3D;AAAA,EAEJ;AACF,CAAA;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAGxB,IAAO,iBAAA,GAAQ","file":"chunk-SYDNDYZJ.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { Check, Copy } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport type { ClipboardProps } from './types'\n\nconst clipboardVariants = cva(\n  'inline-flex items-center justify-between gap-2 rounded-md font-medium transition-all cursor-pointer border',\n  {\n    variants: {\n      size: {\n        xs: 'px-2 py-1 text-xs',\n        sm: 'px-3 py-1.5 text-xs',\n        md: 'px-4 py-2 text-sm',\n        lg: 'px-5 py-2.5 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst colorStyles = {\n  default: {\n    default: 'bg-background border-border text-text-primary hover:bg-surface',\n    solid: 'bg-surface border-border text-text-primary hover:bg-surface/80',\n    soft: 'bg-surface/50 border-border text-text-primary hover:bg-surface',\n  },\n  primary: {\n    default: 'bg-background border-primary text-primary hover:bg-primary/10',\n    solid: 'bg-primary border-primary text-background hover:bg-primary/90',\n    soft: 'bg-primary/10 border-primary/30 text-primary hover:bg-primary/20',\n  },\n  secondary: {\n    default:\n      'bg-background border-secondary text-secondary hover:bg-secondary/10',\n    solid:\n      'bg-secondary border-secondary text-background hover:bg-secondary/90',\n    soft: 'bg-secondary/10 border-secondary/30 text-secondary hover:bg-secondary/20',\n  },\n  accent: {\n    default: 'bg-background border-accent text-accent hover:bg-accent/10',\n    solid: 'bg-accent border-accent text-background hover:bg-accent/90',\n    soft: 'bg-accent/10 border-accent/30 text-accent hover:bg-accent/20',\n  },\n  success: {\n    default: 'bg-background border-success text-success hover:bg-success/10',\n    solid: 'bg-success border-success text-background hover:bg-success/90',\n    soft: 'bg-success/10 border-success/30 text-success hover:bg-success/20',\n  },\n  error: {\n    default: 'bg-background border-error text-error hover:bg-error/10',\n    solid: 'bg-error border-error text-background hover:bg-error/90',\n    soft: 'bg-error/10 border-error/30 text-error hover:bg-error/20',\n  },\n  warning: {\n    default: 'bg-background border-warning text-warning hover:bg-warning/10',\n    solid: 'bg-warning border-warning text-background hover:bg-warning/90',\n    soft: 'bg-warning/10 border-warning/30 text-warning hover:bg-warning/20',\n  },\n  info: {\n    default: 'bg-background border-info text-info hover:bg-info/10',\n    solid: 'bg-info border-info text-background hover:bg-info/90',\n    soft: 'bg-info/10 border-info/30 text-info hover:bg-info/20',\n  },\n}\n\nconst Clipboard = React.memo<ClipboardProps>(\n  ({\n    value,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    showValue = true,\n    successDuration = 2000,\n    disabled = false,\n    onCopy,\n    className,\n    ref,\n  }) => {\n    const [copied, setCopied] = useState(false)\n\n    const handleCopy = async () => {\n      if (disabled) return\n\n      try {\n        await navigator.clipboard.writeText(value)\n        setCopied(true)\n        onCopy?.()\n\n        setTimeout(() => {\n          setCopied(false)\n        }, successDuration)\n      } catch (err) {\n        console.error('Failed to copy:', err)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        handleCopy()\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCopy}\n        onKeyDown={handleKeyDown}\n        aria-label={copied ? 'Copied to clipboard' : `Copy ${showValue ? value : 'to clipboard'}`}\n        aria-disabled={disabled}\n        className={cn(\n          clipboardVariants({ size }),\n          colorStyles[color][variant],\n          disabled && 'opacity-50 cursor-not-allowed',\n          className,\n        )}\n      >\n        {showValue && <span className=\"font-mono truncate\">{value}</span>}\n        {copied ? (\n          <Check className={cn(iconSizes[size], 'flex-shrink-0')} />\n        ) : (\n          <Copy className={cn(iconSizes[size], 'flex-shrink-0')} />\n        )}\n      </div>\n    )\n  },\n)\n\nClipboard.displayName = 'Clipboard'\n\nexport type * from './types'\nexport default Clipboard\n"]}

package/dist/chunk-TG2AECIN.js

@@ -0,0 +1,446 @@
+import { cn } from './chunk-2OGZENFC.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var cardVariants = cva("rounded-lg transition-all", {
+  variants: {
+    variant: {
+      default: "bg-card text-card-foreground border",
+      solid: "border",
+      outline: "bg-transparent border",
+      soft: "border-transparent",
+      ghost: "border-transparent bg-transparent",
+      elevated: "bg-card text-card-foreground border-transparent shadow-md"
+    },
+    color: {
+      default: "border-border",
+      primary: "border-primary",
+      secondary: "border-secondary",
+      accent: "border-accent",
+      success: "border-success",
+      error: "border-error",
+      warning: "border-warning",
+      info: "border-info"
+    },
+    shadow: {
+      none: "",
+      sm: "shadow-sm",
+      md: "shadow-md",
+      lg: "shadow-lg"
+    },
+    hoverable: {
+      true: "hover:shadow-lg hover:-translate-y-0.5 cursor-pointer",
+      false: ""
+    },
+    clickable: {
+      true: "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+      false: ""
+    },
+    bordered: {
+      true: "",
+      false: "border-transparent"
+    }
+  },
+  compoundVariants: [
+    // Default variant with colors - just border color
+    {
+      variant: "default",
+      color: "default",
+      class: "bg-card text-card-foreground border-border"
+    },
+    {
+      variant: "default",
+      color: "primary",
+      class: "bg-card text-card-foreground border-primary"
+    },
+    {
+      variant: "default",
+      color: "secondary",
+      class: "bg-card text-card-foreground border-secondary"
+    },
+    {
+      variant: "default",
+      color: "accent",
+      class: "bg-card text-card-foreground border-accent"
+    },
+    {
+      variant: "default",
+      color: "success",
+      class: "bg-card text-card-foreground border-success"
+    },
+    {
+      variant: "default",
+      color: "error",
+      class: "bg-card text-card-foreground border-error"
+    },
+    {
+      variant: "default",
+      color: "warning",
+      class: "bg-card text-card-foreground border-warning"
+    },
+    {
+      variant: "default",
+      color: "info",
+      class: "bg-card text-card-foreground border-info"
+    },
+    // Solid variant - full background color
+    {
+      variant: "solid",
+      color: "default",
+      class: "bg-surface border-border text-text-primary"
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: "bg-primary border-primary text-background"
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: "bg-secondary border-secondary text-background"
+    },
+    {
+      variant: "solid",
+      color: "accent",
+      class: "bg-accent border-accent text-background"
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: "bg-success border-success text-background"
+    },
+    {
+      variant: "solid",
+      color: "error",
+      class: "bg-error border-error text-background"
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: "bg-warning border-warning text-background"
+    },
+    {
+      variant: "solid",
+      color: "info",
+      class: "bg-info border-info text-background"
+    },
+    // Outline variant - colored border, transparent bg
+    {
+      variant: "outline",
+      color: "default",
+      class: "border-border text-text-primary"
+    },
+    {
+      variant: "outline",
+      color: "primary",
+      class: "border-primary text-text-primary"
+    },
+    {
+      variant: "outline",
+      color: "secondary",
+      class: "border-secondary text-text-primary"
+    },
+    {
+      variant: "outline",
+      color: "accent",
+      class: "border-accent text-text-primary"
+    },
+    {
+      variant: "outline",
+      color: "success",
+      class: "border-success text-text-primary"
+    },
+    {
+      variant: "outline",
+      color: "error",
+      class: "border-error text-text-primary"
+    },
+    {
+      variant: "outline",
+      color: "warning",
+      class: "border-warning text-text-primary"
+    },
+    {
+      variant: "outline",
+      color: "info",
+      class: "border-info text-text-primary"
+    },
+    // Soft variant - subtle background color (like button soft)
+    {
+      variant: "soft",
+      color: "default",
+      class: "bg-surface text-text-primary"
+    },
+    { variant: "soft", color: "primary", class: "bg-primary/10 text-primary" },
+    {
+      variant: "soft",
+      color: "secondary",
+      class: "bg-secondary/10 text-secondary"
+    },
+    { variant: "soft", color: "accent", class: "bg-accent/10 text-accent" },
+    { variant: "soft", color: "success", class: "bg-success/10 text-success" },
+    { variant: "soft", color: "error", class: "bg-error/10 text-error" },
+    { variant: "soft", color: "warning", class: "bg-warning/10 text-warning" },
+    { variant: "soft", color: "info", class: "bg-info/10 text-info" },
+    // Ghost variant - no bg, no border
+    { variant: "ghost", color: "default", class: "text-text-primary" },
+    { variant: "ghost", color: "primary", class: "text-primary" },
+    { variant: "ghost", color: "secondary", class: "text-secondary" },
+    { variant: "ghost", color: "accent", class: "text-accent" },
+    { variant: "ghost", color: "success", class: "text-success" },
+    { variant: "ghost", color: "error", class: "text-error" },
+    { variant: "ghost", color: "warning", class: "text-warning" },
+    { variant: "ghost", color: "info", class: "text-info" },
+    // Elevated - shadow, no border
+    {
+      variant: "elevated",
+      color: "default",
+      class: "bg-card text-card-foreground"
+    },
+    {
+      variant: "elevated",
+      color: "primary",
+      class: "bg-card text-card-foreground ring-1 ring-primary/20"
+    },
+    {
+      variant: "elevated",
+      color: "secondary",
+      class: "bg-card text-card-foreground ring-1 ring-secondary/20"
+    },
+    {
+      variant: "elevated",
+      color: "accent",
+      class: "bg-card text-card-foreground ring-1 ring-accent/20"
+    },
+    {
+      variant: "elevated",
+      color: "success",
+      class: "bg-card text-card-foreground ring-1 ring-success/20"
+    },
+    {
+      variant: "elevated",
+      color: "error",
+      class: "bg-card text-card-foreground ring-1 ring-error/20"
+    },
+    {
+      variant: "elevated",
+      color: "warning",
+      class: "bg-card text-card-foreground ring-1 ring-warning/20"
+    },
+    {
+      variant: "elevated",
+      color: "info",
+      class: "bg-card text-card-foreground ring-1 ring-info/20"
+    }
+  ],
+  defaultVariants: {
+    variant: "default",
+    color: "default",
+    shadow: "none",
+    hoverable: false,
+    clickable: false,
+    bordered: true
+  }
+});
+var sizeClasses = {
+  xs: "[--card-padding:0.5rem] [--card-content-padding:0.5rem] [--card-footer-padding:0.5rem]",
+  sm: "[--card-padding:1rem] [--card-content-padding:1rem] [--card-footer-padding:1rem]",
+  md: "[--card-padding:1.5rem] [--card-content-padding:1.5rem] [--card-footer-padding:1.5rem]",
+  lg: "[--card-padding:2rem] [--card-content-padding:2rem] [--card-footer-padding:2rem]"
+};
+var Card = React.memo(
+  ({
+    className,
+    variant = "default",
+    color = "default",
+    size = "md",
+    shadow = "none",
+    hoverable = false,
+    clickable = false,
+    bordered = true,
+    loading = false,
+    onClick,
+    ref,
+    children,
+    ...props
+  }) => {
+    const cardContent = loading ? /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsxs("div", { className: "p-(--card-padding)", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-4 bg-surface rounded w-3/4 mb-2" }),
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-1/2" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "p-(--card-content-padding) pt-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-full mb-2" }),
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-full mb-2" }),
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-2/3" })
+      ] })
+    ] }) : children;
+    const cardClassName = cn(
+      cardVariants({
+        variant,
+        color,
+        shadow,
+        hoverable,
+        clickable,
+        bordered
+      }),
+      sizeClasses[size],
+      className
+    );
+    if (clickable) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "button",
+          tabIndex: 0,
+          className: cardClassName,
+          onClick,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onClick?.(e);
+            }
+          },
+          ...props,
+          children: cardContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("div", { ref, className: cardClassName, onClick, ...props, children: cardContent });
+  }
+);
+Card.displayName = "Card";
+var CardHeader = React.memo(
+  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-1.5 p-(--card-padding)", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.memo(
+  ({ className, as: Tag = "h3", ref, ...props }) => /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cn(
+        "text-lg font-semibold leading-none tracking-tight",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.memo(
+  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("text-sm text-text-secondary", className),
+      ...props
+    }
+  )
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React.memo(
+  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("p-(--card-content-padding) pt-0", className),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React.memo(
+  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center p-(--card-footer-padding) pt-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+var CardAction = React.memo(
+  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("ml-auto flex items-center gap-2", className),
+      ...props
+    }
+  )
+);
+CardAction.displayName = "CardAction";
+var aspectRatioClasses = {
+  square: "aspect-square",
+  video: "aspect-video",
+  wide: "aspect-[21/9]",
+  auto: ""
+};
+var objectFitClasses = {
+  cover: "object-cover",
+  contain: "object-contain",
+  fill: "object-fill",
+  none: "object-none"
+};
+var CardImage = React.memo(
+  ({
+    src,
+    alt,
+    position = "top",
+    aspectRatio = "video",
+    objectFit = "cover",
+    className,
+    ref,
+    ...props
+  }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "overflow-hidden",
+        position === "top" && "rounded-t-lg",
+        position === "bottom" && "rounded-b-lg",
+        aspectRatio !== "auto" && aspectRatioClasses[aspectRatio]
+      ),
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          ref,
+          src,
+          alt,
+          className: cn("w-full h-full", objectFitClasses[objectFit], className),
+          loading: "lazy",
+          ...props
+        }
+      )
+    }
+  )
+);
+CardImage.displayName = "CardImage";
+var CardWithSubComponents = Object.assign(Card, {
+  Header: CardHeader,
+  Footer: CardFooter,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
+  Action: CardAction,
+  Image: CardImage
+});
+var card_default = CardWithSubComponents;
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, cardVariants, card_default };
+//# sourceMappingURL=chunk-TG2AECIN.js.map
+//# sourceMappingURL=chunk-TG2AECIN.js.map

package/dist/chunk-TG2AECIN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card/index.tsx"],"names":[],"mappings":"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","file":"chunk-TG2AECIN.js","sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport type {\n  CardActionProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardImageProps,\n  CardProps,\n  CardSize,\n  CardTitleProps,\n} from \"./types\";\n\nconst cardVariants = cva(\"rounded-lg transition-all\", {\n  variants: {\n    variant: {\n      default: \"bg-card text-card-foreground border\",\n      solid: \"border\",\n      outline: \"bg-transparent border\",\n      soft: \"border-transparent\",\n      ghost: \"border-transparent bg-transparent\",\n      elevated: \"bg-card text-card-foreground border-transparent shadow-md\",\n    },\n    color: {\n      default: \"border-border\",\n      primary: \"border-primary\",\n      secondary: \"border-secondary\",\n      accent: \"border-accent\",\n      success: \"border-success\",\n      error: \"border-error\",\n      warning: \"border-warning\",\n      info: \"border-info\",\n    },\n    shadow: {\n      none: \"\",\n      sm: \"shadow-sm\",\n      md: \"shadow-md\",\n      lg: \"shadow-lg\",\n    },\n    hoverable: {\n      true: \"hover:shadow-lg hover:-translate-y-0.5 cursor-pointer\",\n      false: \"\",\n    },\n    clickable: {\n      true: \"cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2\",\n      false: \"\",\n    },\n    bordered: {\n      true: \"\",\n      false: \"border-transparent\",\n    },\n  },\n  compoundVariants: [\n    // Default variant with colors - just border color\n    {\n      variant: \"default\",\n      color: \"default\",\n      class: \"bg-card text-card-foreground border-border\",\n    },\n    {\n      variant: \"default\",\n      color: \"primary\",\n      class: \"bg-card text-card-foreground border-primary\",\n    },\n    {\n      variant: \"default\",\n      color: \"secondary\",\n      class: \"bg-card text-card-foreground border-secondary\",\n    },\n    {\n      variant: \"default\",\n      color: \"accent\",\n      class: \"bg-card text-card-foreground border-accent\",\n    },\n    {\n      variant: \"default\",\n      color: \"success\",\n      class: \"bg-card text-card-foreground border-success\",\n    },\n    {\n      variant: \"default\",\n      color: \"error\",\n      class: \"bg-card text-card-foreground border-error\",\n    },\n    {\n      variant: \"default\",\n      color: \"warning\",\n      class: \"bg-card text-card-foreground border-warning\",\n    },\n    {\n      variant: \"default\",\n      color: \"info\",\n      class: \"bg-card text-card-foreground border-info\",\n    },\n    // Solid variant - full background color\n    {\n      variant: \"solid\",\n      color: \"default\",\n      class: \"bg-surface border-border text-text-primary\",\n    },\n    {\n      variant: \"solid\",\n      color: \"primary\",\n      class: \"bg-primary border-primary text-background\",\n    },\n    {\n      variant: \"solid\",\n      color: \"secondary\",\n      class: \"bg-secondary border-secondary text-background\",\n    },\n    {\n      variant: \"solid\",\n      color: \"accent\",\n      class: \"bg-accent border-accent text-background\",\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      class: \"bg-success border-success text-background\",\n    },\n    {\n      variant: \"solid\",\n      color: \"error\",\n      class: \"bg-error border-error text-background\",\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      class: \"bg-warning border-warning text-background\",\n    },\n    {\n      variant: \"solid\",\n      color: \"info\",\n      class: \"bg-info border-info text-background\",\n    },\n    // Outline variant - colored border, transparent bg\n    {\n      variant: \"outline\",\n      color: \"default\",\n      class: \"border-border text-text-primary\",\n    },\n    {\n      variant: \"outline\",\n      color: \"primary\",\n      class: \"border-primary text-text-primary\",\n    },\n    {\n      variant: \"outline\",\n      color: \"secondary\",\n      class: \"border-secondary text-text-primary\",\n    },\n    {\n      variant: \"outline\",\n      color: \"accent\",\n      class: \"border-accent text-text-primary\",\n    },\n    {\n      variant: \"outline\",\n      color: \"success\",\n      class: \"border-success text-text-primary\",\n    },\n    {\n      variant: \"outline\",\n      color: \"error\",\n      class: \"border-error text-text-primary\",\n    },\n    {\n      variant: \"outline\",\n      color: \"warning\",\n      class: \"border-warning text-text-primary\",\n    },\n    {\n      variant: \"outline\",\n      color: \"info\",\n      class: \"border-info text-text-primary\",\n    },\n    // Soft variant - subtle background color (like button soft)\n    {\n      variant: \"soft\",\n      color: \"default\",\n      class: \"bg-surface text-text-primary\",\n    },\n    { variant: \"soft\", color: \"primary\", class: \"bg-primary/10 text-primary\" },\n    {\n      variant: \"soft\",\n      color: \"secondary\",\n      class: \"bg-secondary/10 text-secondary\",\n    },\n    { variant: \"soft\", color: \"accent\", class: \"bg-accent/10 text-accent\" },\n    { variant: \"soft\", color: \"success\", class: \"bg-success/10 text-success\" },\n    { variant: \"soft\", color: \"error\", class: \"bg-error/10 text-error\" },\n    { variant: \"soft\", color: \"warning\", class: \"bg-warning/10 text-warning\" },\n    { variant: \"soft\", color: \"info\", class: \"bg-info/10 text-info\" },\n    // Ghost variant - no bg, no border\n    { variant: \"ghost\", color: \"default\", class: \"text-text-primary\" },\n    { variant: \"ghost\", color: \"primary\", class: \"text-primary\" },\n    { variant: \"ghost\", color: \"secondary\", class: \"text-secondary\" },\n    { variant: \"ghost\", color: \"accent\", class: \"text-accent\" },\n    { variant: \"ghost\", color: \"success\", class: \"text-success\" },\n    { variant: \"ghost\", color: \"error\", class: \"text-error\" },\n    { variant: \"ghost\", color: \"warning\", class: \"text-warning\" },\n    { variant: \"ghost\", color: \"info\", class: \"text-info\" },\n    // Elevated - shadow, no border\n    {\n      variant: \"elevated\",\n      color: \"default\",\n      class: \"bg-card text-card-foreground\",\n    },\n    {\n      variant: \"elevated\",\n      color: \"primary\",\n      class: \"bg-card text-card-foreground ring-1 ring-primary/20\",\n    },\n    {\n      variant: \"elevated\",\n      color: \"secondary\",\n      class: \"bg-card text-card-foreground ring-1 ring-secondary/20\",\n    },\n    {\n      variant: \"elevated\",\n      color: \"accent\",\n      class: \"bg-card text-card-foreground ring-1 ring-accent/20\",\n    },\n    {\n      variant: \"elevated\",\n      color: \"success\",\n      class: \"bg-card text-card-foreground ring-1 ring-success/20\",\n    },\n    {\n      variant: \"elevated\",\n      color: \"error\",\n      class: \"bg-card text-card-foreground ring-1 ring-error/20\",\n    },\n    {\n      variant: \"elevated\",\n      color: \"warning\",\n      class: \"bg-card text-card-foreground ring-1 ring-warning/20\",\n    },\n    {\n      variant: \"elevated\",\n      color: \"info\",\n      class: \"bg-card text-card-foreground ring-1 ring-info/20\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    color: \"default\",\n    shadow: \"none\",\n    hoverable: false,\n    clickable: false,\n    bordered: true,\n  },\n});\n\n/**\n * Size-based padding classes\n */\nconst sizeClasses: Record<CardSize, string> = {\n  xs: \"[--card-padding:0.5rem] [--card-content-padding:0.5rem] [--card-footer-padding:0.5rem]\",\n  sm: \"[--card-padding:1rem] [--card-content-padding:1rem] [--card-footer-padding:1rem]\",\n  md: \"[--card-padding:1.5rem] [--card-content-padding:1.5rem] [--card-footer-padding:1.5rem]\",\n  lg: \"[--card-padding:2rem] [--card-content-padding:2rem] [--card-footer-padding:2rem]\",\n};\n\n/**\n * Card Component\n *\n * A versatile container component for grouping related content and actions.\n *\n * @example\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Title</CardTitle>\n *     <CardDescription>Description</CardDescription>\n *   </CardHeader>\n *   <CardContent>Content here</CardContent>\n *   <CardFooter>\n *     <Button>Action</Button>\n *   </CardFooter>\n * </Card>\n */\nconst Card = React.memo<CardProps>(\n  ({\n    className,\n    variant = \"default\",\n    color = \"default\",\n    size = \"md\",\n    shadow = \"none\",\n    hoverable = false,\n    clickable = false,\n    bordered = true,\n    loading = false,\n    onClick,\n    ref,\n    children,\n    ...props\n  }) => {\n    const cardContent = loading ? (\n      <div className=\"animate-pulse\">\n        <div className=\"p-(--card-padding)\">\n          <div className=\"h-4 bg-surface rounded w-3/4 mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-1/2\" />\n        </div>\n        <div className=\"p-(--card-content-padding) pt-0\">\n          <div className=\"h-3 bg-surface rounded w-full mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-full mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-2/3\" />\n        </div>\n      </div>\n    ) : (\n      children\n    );\n\n    const cardClassName = cn(\n      cardVariants({\n        variant,\n        color,\n        shadow,\n        hoverable,\n        clickable,\n        bordered,\n      }),\n      sizeClasses[size],\n      className,\n    );\n\n    if (clickable) {\n      return (\n        <div\n          ref={ref}\n          role=\"button\"\n          tabIndex={0}\n          className={cardClassName}\n          onClick={onClick}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n            }\n          }}\n          {...props}\n        >\n          {cardContent}\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} className={cardClassName} onClick={onClick} {...props}>\n        {cardContent}\n      </div>\n    );\n  },\n);\nCard.displayName = \"Card\";\n\n/**\n * CardHeader Component\n */\nconst CardHeader = React.memo<CardHeaderProps>(\n  ({ className, ref, ...props }) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col gap-1.5 p-(--card-padding)\", className)}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\n/**\n * CardTitle Component\n */\nconst CardTitle = React.memo<CardTitleProps>(\n  ({ className, as: Tag = \"h3\", ref, ...props }) => (\n    <Tag\n      ref={ref}\n      className={cn(\n        \"text-lg font-semibold leading-none tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\n/**\n * CardDescription Component\n */\nconst CardDescription = React.memo<CardDescriptionProps>(\n  ({ className, ref, ...props }) => (\n    <p\n      ref={ref}\n      className={cn(\"text-sm text-text-secondary\", className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = \"CardDescription\";\n\n/**\n * CardContent Component\n */\nconst CardContent = React.memo<CardContentProps>(\n  ({ className, ref, ...props }) => (\n    <div\n      ref={ref}\n      className={cn(\"p-(--card-content-padding) pt-0\", className)}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = \"CardContent\";\n\n/**\n * CardFooter Component\n */\nconst CardFooter = React.memo<CardFooterProps>(\n  ({ className, ref, ...props }) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center p-(--card-footer-padding) pt-0\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = \"CardFooter\";\n\n/**\n * CardAction Component - for buttons/actions in the header\n */\nconst CardAction = React.memo<CardActionProps>(\n  ({ className, ref, ...props }) => (\n    <div\n      ref={ref}\n      className={cn(\"ml-auto flex items-center gap-2\", className)}\n      {...props}\n    />\n  ),\n);\nCardAction.displayName = \"CardAction\";\n\n/**\n * Aspect ratio classes for CardImage\n */\nconst aspectRatioClasses = {\n  square: \"aspect-square\",\n  video: \"aspect-video\",\n  wide: \"aspect-[21/9]\",\n  auto: \"\",\n};\n\n/**\n * Object fit classes for CardImage\n */\nconst objectFitClasses = {\n  cover: \"object-cover\",\n  contain: \"object-contain\",\n  fill: \"object-fill\",\n  none: \"object-none\",\n};\n\n/**\n * CardImage Component - for displaying images in cards\n */\nconst CardImage = React.memo<CardImageProps>(\n  ({\n    src,\n    alt,\n    position = \"top\",\n    aspectRatio = \"video\",\n    objectFit = \"cover\",\n    className,\n    ref,\n    ...props\n  }) => (\n    <div\n      className={cn(\n        \"overflow-hidden\",\n        position === \"top\" && \"rounded-t-lg\",\n        position === \"bottom\" && \"rounded-b-lg\",\n        aspectRatio !== \"auto\" && aspectRatioClasses[aspectRatio],\n      )}\n    >\n      <img\n        ref={ref}\n        src={src}\n        alt={alt}\n        className={cn(\"w-full h-full\", objectFitClasses[objectFit], className)}\n        loading=\"lazy\"\n        {...props}\n      />\n    </div>\n  ),\n);\nCardImage.displayName = \"CardImage\";\n\n// Attach sub-components to Card\nconst CardWithSubComponents = Object.assign(Card, {\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Action: CardAction,\n  Image: CardImage,\n});\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardAction,\n  CardImage,\n  cardVariants,\n};\n\nexport type * from \"./types\";\nexport default CardWithSubComponents;\n"]}