@cdx-ui/components 0.0.1-alpha.4 → 0.0.1-alpha.41

package/lib/module/components/Button/styles.js

@@ -2,278 +2,286 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
 
-// TODO: Split into 2 files
-// TODO: Create cva wrapper
+// TODO: Validate that `dark:` syntax works with Uniwind `ScopedTheme`
 
-export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-md', 'transition-colors duration-150',
-// TODO: Transition not working on mobile
-'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-ring data-[focus-visible=true]:ring-offset-2 data-[focus-visible=true]:ring-offset-bg'], {
+export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[--opacity-disabled]', DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-focus] web:data-[focus-visible=true]:ring-offset-2'], {
   variants: {
     variant: {
-      solid: [],
-      subtle: [],
-      outline: ['bg-transparent border border-border', 'data-[hover=true]:bg-surface', 'data-[active=true]:bg-surface-raised'],
-      ghost: ['bg-transparent', 'data-[hover=true]:bg-surface', 'data-[active=true]:bg-surface-raised']
+      strong: ['border-b-1 border-black/75'],
+      // TODO: Replace with token
+      outline: ['bg-transparent', 'border border-stroke-primary'],
+      ghost: ['bg-transparent']
     },
     color: {
-      primary: [],
-      secondary: [],
+      action: [],
+      danger: [],
+      warning: [],
       success: [],
-      danger: []
+      info: []
     },
     size: {
-      sm: 'h-8 px-3 gap-1.5',
-      md: 'h-10 px-4 gap-2',
-      lg: 'h-12 px-6 gap-2.5'
+      default: 'h-10 px-4 gap-2',
+      small: 'h-8 px-3 gap-1.5'
     },
     fullWidth: {
       true: 'w-full',
       false: ''
     }
   },
-  compoundVariants: [{
-    variant: 'solid',
-    color: 'primary',
-    className: ['bg-blue-500', Platform.select({
-      default: 'data-[active=true]:bg-blue-700',
-      web: 'data-[hover=true]:bg-blue-600 data-[active=true]:data-[hover=true]:bg-blue-700'
+  compoundVariants: [
+  // ── strong × color (filled surface) ──────────────────────────────
+  {
+    variant: 'strong',
+    color: 'action',
+    className: ['bg-surface-action-strong', Platform.select({
+      default: 'data-[active=true]:bg-surface-action-strong-active',
+      web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
     })]
   }, {
-    variant: 'solid',
-    color: 'secondary',
-    className: ['bg-amber-500', Platform.select({
-      default: 'data-[active=true]:bg-amber-700',
-      web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700'
-    })]
-  }, {
-    variant: 'solid',
-    color: 'success',
-    className: ['bg-green-500', Platform.select({
-      default: 'data-[active=true]:bg-green-700',
-      web: 'data-[hover=true]:bg-green-600 data-[active=true]:data-[hover=true]:bg-green-700'
-    })]
-  }, {
-    variant: 'solid',
+    variant: 'strong',
     color: 'danger',
-    className: ['bg-red-500', Platform.select({
-      default: 'data-[active=true]:bg-red-700',
-      web: 'data-[hover=true]:bg-red-600 data-[active=true]:data-[hover=true]:bg-red-700'
+    className: ['bg-surface-danger-strong', Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-strong-active',
+      web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
     })]
   }, {
-    variant: 'subtle',
-    color: 'primary',
-    className: ['bg-blue-100', Platform.select({
-      default: 'data-[active=true]:bg-blue-200',
-      web: 'data-[hover=true]:bg-blue-200 data-[active=true]:data-[hover=true]:bg-blue-300'
+    variant: 'strong',
+    color: 'warning',
+    className: ['bg-surface-warning-strong', Platform.select({
+      default: 'data-[active=true]:bg-amber-600',
+      web: 'data-[hover=true]:bg-amber-500 data-[active=true]:data-[hover=true]:bg-amber-600'
     })]
   }, {
-    variant: 'subtle',
-    color: 'secondary',
-    className: ['bg-amber-200', Platform.select({
-      default: 'data-[active=true]:bg-amber-300',
-      web: 'data-[hover=true]:bg-amber-300 data-[active=true]:data-[hover=true]:bg-amber-400'
-    })]
-  }, {
-    variant: 'subtle',
+    variant: 'strong',
     color: 'success',
-    className: ['bg-green-200', Platform.select({
-      default: 'data-[active=true]:bg-green-300',
-      web: 'data-[hover=true]:bg-green-300 data-[active=true]:data-[hover=true]:bg-green-400'
+    className: ['bg-surface-success-strong', Platform.select({
+      default: 'data-[active=true]:bg-green-800',
+      web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
     })]
   }, {
-    variant: 'subtle',
-    color: 'danger',
-    className: ['bg-red-200', Platform.select({
-      default: 'data-[active=true]:bg-red-300',
-      web: 'data-[hover=true]:bg-red-300 data-[active=true]:data-[hover=true]:bg-red-400'
+    variant: 'strong',
+    color: 'info',
+    className: ['bg-surface-info-strong', Platform.select({
+      default: 'data-[active=true]:bg-sky-700',
+      web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
+    })]
+  },
+  // ── outline × color (border + hover/active surface) ─────────────
+  {
+    variant: 'outline',
+    color: 'action',
+    className: ['border-stroke-action', Platform.select({
+      default: 'data-[active=true]:bg-surface-action-subtle-active',
+      web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
     })]
   }, {
     variant: 'outline',
-    color: 'primary',
-    className: ['border-blue-500', Platform.select({
-      default: 'data-[active=true]:border-blue-700 data-[active=true]:bg-blue-100',
-      web: 'data-[hover=true]:border-blue-600 data-[hover=true]:bg-blue-100 data-[active=true]:data-[hover=true]:border-blue-700 data-[active=true]:data-[hover=true]:bg-blue-200'
+    color: 'danger',
+    className: ['border-stroke-danger', Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-subtle-active',
+      web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
     })]
   }, {
     variant: 'outline',
-    color: 'secondary',
-    className: ['border-amber-500', Platform.select({
-      default: 'data-[active=true]:border-amber-700 data-[active=true]:bg-amber-50',
-      web: 'data-[hover=true]:border-amber-600 data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:border-amber-700 data-[active=true]:data-[hover=true]:bg-amber-100'
+    color: 'warning',
+    className: ['border-stroke-warning', Platform.select({
+      default: 'data-[active=true]:bg-surface-warning-subtle',
+      web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
     })]
   }, {
     variant: 'outline',
     color: 'success',
-    className: ['border-green-500', Platform.select({
-      default: 'data-[active=true]:border-green-700 data-[active=true]:bg-green-100',
-      web: 'data-[hover=true]:border-green-600 data-[hover=true]:bg-green-100 data-[active=true]:data-[hover=true]:border-green-700 data-[active=true]:data-[hover=true]:bg-green-200'
+    className: ['border-stroke-success', Platform.select({
+      default: 'data-[active=true]:bg-surface-success-subtle',
+      web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
     })]
   }, {
     variant: 'outline',
-    color: 'danger',
-    className: ['border-red-500', Platform.select({
-      default: 'data-[active=true]:border-red-700 data-[active=true]:bg-red-100',
-      web: 'data-[hover=true]:border-red-600 data-[hover=true]:bg-red-100 data-[active=true]:data-[hover=true]:border-red-700 data-[active=true]:data-[hover=true]:bg-red-200'
+    color: 'info',
+    className: ['border-stroke-info', Platform.select({
+      default: 'data-[active=true]:bg-surface-info-subtle',
+      web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
+    })]
+  },
+  // ── ghost × color (hover/active surface fills) ──────────────────
+  {
+    variant: 'ghost',
+    color: 'action',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-action-subtle-active',
+      web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
     })]
   }, {
     variant: 'ghost',
-    color: 'primary',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-blue-100',
-      web: 'data-[hover=true]:bg-blue-50 data-[active=true]:data-[hover=true]:bg-blue-100'
+    color: 'danger',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-subtle-active',
+      web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
     })]
   }, {
     variant: 'ghost',
-    color: 'secondary',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-amber-100',
-      web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100'
+    color: 'warning',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-warning-subtle',
+      web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
     })]
   }, {
     variant: 'ghost',
     color: 'success',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-green-100',
-      web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100'
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-success-subtle',
+      web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
     })]
   }, {
     variant: 'ghost',
-    color: 'danger',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-red-100',
-      web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100'
+    color: 'info',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-info-subtle',
+      web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
     })]
   }],
   defaultVariants: {
-    variant: 'solid',
-    color: 'primary',
-    size: 'md',
+    variant: 'strong',
+    color: 'action',
+    size: 'default',
     fullWidth: false
   }
 });
 export const buttonTextVariants = cva(['font-medium', 'text-center'], {
   variants: {
     variant: {
-      solid: 'text-white',
-      subtle: [],
+      strong: [],
       outline: [],
       ghost: []
     },
     color: {
-      primary: [],
-      secondary: [],
+      action: [],
+      danger: [],
+      warning: [],
       success: [],
-      danger: []
+      info: []
     },
     size: {
-      sm: 'text-sm',
-      md: 'text-base',
-      lg: 'text-lg'
+      default: 'text-base',
+      small: 'text-sm'
     }
   },
-  compoundVariants: [{
-    variant: 'subtle',
-    color: 'primary',
-    className: 'text-blue-950'
+  compoundVariants: [
+  // ── strong × color (filled foreground text) ──────────────────────
+  {
+    variant: 'strong',
+    color: 'action',
+    className: 'text-content-action-on-strong'
+  }, {
+    variant: 'strong',
+    color: 'danger',
+    className: 'text-content-danger-on-strong'
   }, {
-    variant: 'subtle',
-    color: 'secondary',
-    className: 'text-amber-950'
+    variant: 'strong',
+    color: 'warning',
+    className: 'text-content-warning-on-strong'
   }, {
-    variant: 'subtle',
+    variant: 'strong',
     color: 'success',
-    className: 'text-green-950'
+    className: 'text-content-success-on-strong'
   }, {
-    variant: 'subtle',
-    color: 'danger',
-    className: 'text-red-950'
+    variant: 'strong',
+    color: 'info',
+    className: 'text-content-info-on-strong'
+  },
+  // ── outline/ghost × color (transparent foreground text) ──────────
+  {
+    variant: ['outline', 'ghost'],
+    color: 'action',
+    className: 'text-content-action'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'primary',
-    className: ['text-blue-500', Platform.select({
-      default: 'data-[active=true]:text-blue-700',
-      web: 'data-[hover=true]:text-blue-600 data-[active=true]:data-[hover=true]:text-blue-700'
-    })]
+    color: 'danger',
+    className: 'text-content-danger'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'secondary',
-    className: ['text-amber-600', Platform.select({
-      default: 'data-[active=true]:text-amber-800',
-      web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800'
-    })]
+    color: 'warning',
+    className: 'text-content-warning'
   }, {
     variant: ['outline', 'ghost'],
     color: 'success',
-    className: ['text-green-600', Platform.select({
-      default: 'data-[active=true]:text-green-800',
-      web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800'
-    })]
+    className: 'text-content-success'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'danger',
-    className: ['text-red-500', Platform.select({
-      default: 'data-[active=true]:text-red-700',
-      web: 'data-[hover=true]:text-red-600 data-[active=true]:data-[hover=true]:text-red-700'
-    })]
+    color: 'info',
+    className: 'text-content-info'
   }],
   defaultVariants: {
-    variant: 'solid',
-    color: 'primary',
-    size: 'md'
+    variant: 'strong',
+    color: 'action',
+    size: 'default'
   }
 });
 export const buttonSpinnerVariants = cva([], {
   variants: {
     variant: {
-      solid: 'accent-white',
-      subtle: [],
+      strong: [],
       outline: [],
       ghost: []
     },
     color: {
-      primary: [],
-      secondary: [],
+      action: [],
+      danger: [],
+      warning: [],
       success: [],
-      danger: []
+      info: []
     }
   },
-  compoundVariants: [{
-    variant: 'subtle',
-    color: 'primary',
-    className: 'accent-blue-950'
+  compoundVariants: [
+  // ── strong × color ───────────────────────────────────────────────
+  {
+    variant: 'strong',
+    color: 'action',
+    className: 'accent-[var(--color-content-action-on-strong)]'
+  }, {
+    variant: 'strong',
+    color: 'danger',
+    className: 'accent-[var(--color-content-danger-on-strong)]'
   }, {
-    variant: 'subtle',
-    color: 'secondary',
-    className: 'accent-amber-950'
+    variant: 'strong',
+    color: 'warning',
+    className: 'accent-[var(--color-content-warning-on-strong)]'
   }, {
-    variant: 'subtle',
+    variant: 'strong',
     color: 'success',
-    className: 'accent-green-950'
+    className: 'accent-[var(--color-content-success-on-strong)]'
   }, {
-    variant: 'subtle',
-    color: 'danger',
-    className: 'accent-red-950'
+    variant: 'strong',
+    color: 'info',
+    className: 'accent-[var(--color-content-info-on-strong)]'
+  },
+  // ── outline/ghost × color ────────────────────────────────────────
+  {
+    variant: ['outline', 'ghost'],
+    color: 'action',
+    className: 'accent-[var(--color-content-action)]'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'primary',
-    className: 'accent-blue-500'
+    color: 'danger',
+    className: 'accent-[var(--color-content-danger)]'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'secondary',
-    className: 'accent-amber-600'
+    color: 'warning',
+    className: 'accent-[var(--color-content-warning)]'
   }, {
     variant: ['outline', 'ghost'],
     color: 'success',
-    className: 'accent-green-600'
+    className: 'accent-[var(--color-content-success)]'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'danger',
-    className: 'accent-red-500'
+    color: 'info',
+    className: 'accent-[var(--color-content-info)]'
   }],
   defaultVariants: {
-    variant: 'solid',
-    color: 'primary'
+    variant: 'strong',
+    color: 'action'
   }
 });
 export const buttonGroupVariants = cva([], {
@@ -306,4 +314,15 @@ export const buttonGroupVariants = cva([], {
     isAttached: false
   }
 });
+export const buttonIconVariants = cva([], {
+  variants: {
+    size: {
+      default: 'size-5',
+      small: 'size-4'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
 //# sourceMappingURL=styles.js.map

package/lib/module/components/Button/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","buttonRootVariants","variants","variant","solid","subtle","outline","ghost","color","primary","secondary","success","danger","size","sm","md","lg","fullWidth","true","false","compoundVariants","className","select","default","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","buttonRootVariants","variants","variant","strong","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Card/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { cn } from '@cdx-ui/utils';
+import { cardContentVariants, cardFooterVariants, cardHeaderVariants, cardRootVariants } from './styles';
+
+// =============================================================================
+// STYLED ROOT COMPONENT
+// =============================================================================
+import { jsx as _jsx } from "react/jsx-runtime";
+const CardRoot = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardRootVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardRoot.displayName = 'Card';
+
+// =============================================================================
+// STYLED HEADER COMPONENT
+// =============================================================================
+
+const CardHeader = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardHeaderVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardHeader.displayName = 'Card.Header';
+
+// =============================================================================
+// STYLED CONTENT COMPONENT
+// =============================================================================
+
+const CardContent = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardContentVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardContent.displayName = 'Card.Content';
+
+// =============================================================================
+// STYLED FOOTER COMPONENT
+// =============================================================================
+
+const CardFooter = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardFooterVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardFooter.displayName = 'Card.Footer';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+export const Card = CardRoot;
+Card.Header = CardHeader;
+Card.Content = CardContent;
+Card.Footer = CardFooter;
+//# sourceMappingURL=index.js.map

package/lib/module/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","cn","cardContentVariants","cardFooterVariants","cardHeaderVariants","cardRootVariants","jsx","_jsx","CardRoot","className","children","style","props","ref","computedClassName","displayName","CardHeader","CardContent","CardFooter","Card","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,mBAAmB,EACnBC,kBAAkB,EAClBC,kBAAkB,EAClBC,gBAAgB,QACX,UAAU;;AAEjB;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOA,MAAMC,QAAQ,gBAAGT,UAAU,CAAkB,CAAC;EAAEU,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAMC,iBAAiB,GAAGb,EAAE,CAACI,gBAAgB,CAAC,CAAC,EAAEI,SAAS,CAAC;EAE3D,oBACEF,IAAA,CAACP,IAAI;IAACa,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFF,QAAQ,CAACO,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAOA,MAAMC,UAAU,gBAAGjB,UAAU,CAC3B,CAAC;EAAEU,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAGb,EAAE,CAACG,kBAAkB,CAAC,CAAC,EAAEK,SAAS,CAAC;EAE7D,oBACEF,IAAA,CAACP,IAAI;IAACa,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDM,UAAU,CAACD,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAOA,MAAME,WAAW,gBAAGlB,UAAU,CAC5B,CAAC;EAAEU,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAGb,EAAE,CAACC,mBAAmB,CAAC,CAAC,EAAEO,SAAS,CAAC;EAE9D,oBACEF,IAAA,CAACP,IAAI;IAACa,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDO,WAAW,CAACF,WAAW,GAAG,cAAc;;AAExC;AACA;AACA;;AAOA,MAAMG,UAAU,gBAAGnB,UAAU,CAC3B,CAAC;EAAEU,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAGb,EAAE,CAACE,kBAAkB,CAAC,CAAC,EAAEM,SAAS,CAAC;EAE7D,oBACEF,IAAA,CAACP,IAAI;IAACa,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDQ,UAAU,CAACH,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAQA,OAAO,MAAMI,IAAI,GAAGX,QAAiC;AAErDW,IAAI,CAACC,MAAM,GAAGJ,UAAU;AACxBG,IAAI,CAACE,OAAO,GAAGJ,WAAW;AAC1BE,IAAI,CAACG,MAAM,GAAGJ,UAAU","ignoreList":[]}

package/lib/module/components/Card/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { cva } from 'class-variance-authority';
+import { COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, COLOR_TEXT_PRIMARY, RADIUS_SM, SHADOW_SM } from '../../styles/primitives';
+
+// ── Root ────────────────────────────────────────────────────
+
+export const cardRootVariants = cva([COLOR_BG_PRIMARY, `border ${COLOR_BORDER_DEFAULT}`, RADIUS_SM, SHADOW_SM, 'overflow-hidden']);
+
+// ── Header ──────────────────────────────────────────────────
+
+export const cardHeaderVariants = cva(['flex-row items-center justify-between p-4 border-b border-t-8', COLOR_BORDER_DEFAULT]);
+
+// ── Title ───────────────────────────────────────────────────
+
+export const cardTitleVariants = cva(['flex-1']);
+
+// ── Content ─────────────────────────────────────────────────
+
+export const cardContentVariants = cva([COLOR_TEXT_PRIMARY, 'p-4']);
+
+// ── Footer ──────────────────────────────────────────────────
+
+export const cardFooterVariants = cva(['p-4 border-t', COLOR_BORDER_DEFAULT, 'flex-row items-center gap-2']);
+//# sourceMappingURL=styles.js.map