@cdx-ui/components 0.0.1-alpha.13 → 0.0.1-alpha.15

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

@@ -2,116 +2,92 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
+import { COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, COLOR_TEXT_MUTED, COLOR_TEXT_PRIMARY, DISABLED_CURSOR, DISABLED_OPACITY, RADIUS_SM, RADIUS_MD, SHADOW_SM, SHADOW_MD, SIZE_SCALE, TRANSITION_COLORS } from '../../styles/primitives';
 
 // ── Trigger ─────────────────────────────────────────────────
 
-export const selectTriggerVariants = cva(['flex-row items-center justify-between', 'rounded-lg', 'transition-colors duration-150', 'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', 'data-[readonly=true]:cursor-default', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-blue-500 data-[focus-visible=true]:ring-offset-2'], {
+export const selectTriggerVariants = cva(['flex-row items-center justify-between', RADIUS_SM, SHADOW_SM, TRANSITION_COLORS, COLOR_BG_PRIMARY, `border ${COLOR_BORDER_DEFAULT}`, DISABLED_OPACITY, DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[state=open]:border-slate-900', 'data-[invalid=true]:border-red-500', 'data-[readonly=true]:bg-slate-50', Platform.select({
+  default: 'data-[active=true]:border-slate-300',
+  web: ['data-[hover=true]:border-slate-300 data-[active=true]:data-[hover=true]:border-slate-400', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-slate-400/50 data-[focus-visible=true]:ring-offset-2', 'data-[state=open]:ring-2 data-[state=open]:ring-slate-400/50'].join(' ')
+})], {
   variants: {
     variant: {
-      outline: ['bg-white border border-gray-300', Platform.select({
-        default: 'data-[active=true]:border-gray-400',
-        web: 'data-[hover=true]:border-gray-400 data-[active=true]:data-[hover=true]:border-gray-500'
-      }), 'data-[state=open]:data-[invalid=false]:border-blue-500', 'data-[invalid=true]:border-red-500', 'data-[readonly=true]:bg-gray-50'],
-      filled: ['bg-gray-100 border border-transparent', Platform.select({
-        default: 'data-[active=true]:bg-gray-200',
-        web: 'data-[hover=true]:bg-gray-200 data-[active=true]:data-[hover=true]:bg-gray-300'
-      }), 'data-[state=open]:border-blue-500', 'data-[invalid=true]:border-red-500 data-[invalid=true]:border', 'data-[readonly=true]:bg-gray-200'],
-      ghost: ['bg-transparent border border-transparent', Platform.select({
-        default: 'data-[active=true]:bg-gray-100',
-        web: 'data-[hover=true]:bg-gray-50 data-[active=true]:data-[hover=true]:bg-gray-100'
-      }), 'data-[invalid=true]:border-red-500 data-[invalid=true]:border']
+      outline: []
     },
     size: {
-      sm: 'h-8 px-2.5 gap-1.5',
-      md: 'h-10 px-3 gap-2',
-      lg: 'h-12 px-4 gap-2.5'
+      default: `${SIZE_SCALE.default.height} ${SIZE_SCALE.default.px} ${SIZE_SCALE.default.gap}`,
+      small: `${SIZE_SCALE.small.height} ${SIZE_SCALE.small.px} ${SIZE_SCALE.small.gap}`
     }
   },
   defaultVariants: {
     variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
 
 // ── Value ───────────────────────────────────────────────────
 
-export const selectValueVariants = cva(['flex-1', 'data-[placeholder=true]:text-gray-400', 'data-[invalid=true]:text-red-600'], {
+export const selectValueVariants = cva(['flex-1', 'data-[placeholder=true]:text-slate-400', 'data-[invalid=true]:text-red-600', COLOR_TEXT_PRIMARY], {
   variants: {
-    variant: {
-      outline: 'text-gray-900',
-      filled: 'text-gray-900',
-      ghost: 'text-gray-900'
-    },
     size: {
-      sm: 'text-sm',
-      md: 'text-base',
-      lg: 'text-lg'
+      default: SIZE_SCALE.default.text,
+      small: SIZE_SCALE.small.text
     }
   },
   defaultVariants: {
-    variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
 
 // ── Icon ────────────────────────────────────────────────────
 
-export const selectIconVariants = cva(['items-center justify-center', 'data-[invalid=true]:text-red-500'], {
+export const selectIconVariants = cva(['items-center justify-center', COLOR_TEXT_MUTED, 'data-[invalid=true]:text-red-500'], {
   variants: {
-    variant: {
-      outline: 'text-gray-500',
-      filled: 'text-gray-500',
-      ghost: 'text-gray-400'
-    },
     size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-6 w-6'
+      default: 'h-5 w-5',
+      small: 'h-4 w-4'
     }
   },
   defaultVariants: {
-    variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
 
 // ── Content ─────────────────────────────────────────────────
 
-export const selectContentVariants = cva(['bg-white', 'border border-gray-200', 'overflow-hidden', 'rounded-lg', Platform.select({
-  web: 'shadow-lg',
+export const selectContentVariants = cva([COLOR_BG_PRIMARY, `border ${COLOR_BORDER_DEFAULT}`, 'overflow-hidden', RADIUS_MD, Platform.select({
+  web: SHADOW_MD,
   default: ''
 }), 'max-h-60', 'py-1']);
 
 // ── Item ────────────────────────────────────────────────────
 
-export const selectItemVariants = cva(['flex-row items-center', 'transition-colors duration-100', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[state=checked]:bg-blue-50', Platform.select({
-  default: 'data-[active=true]:bg-gray-100',
-  web: 'data-[hover=true]:bg-gray-100 data-[active=true]:data-[hover=true]:bg-gray-200 data-[highlighted=true]:bg-blue-50'
+export const selectItemVariants = cva(['flex-row items-center', 'transition-colors duration-100', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[state=checked]:bg-slate-50 data-[state=checked]:font-medium', Platform.select({
+  default: 'data-[active=true]:bg-slate-100',
+  web: 'data-[hover=true]:bg-slate-50 data-[active=true]:data-[hover=true]:bg-slate-100 data-[highlighted=true]:bg-slate-50'
 })], {
   variants: {
     size: {
-      sm: 'px-2.5 py-1.5',
-      md: 'px-3 py-2',
-      lg: 'px-4 py-2.5'
+      default: 'px-3 py-2',
+      small: 'px-2.5 py-1.5'
     }
   },
   defaultVariants: {
-    size: 'md'
+    size: 'default'
   }
 });
 
 // ── ItemLabel ───────────────────────────────────────────────
 
-export const selectItemLabelVariants = cva(['text-gray-900', 'data-[state=checked]:font-semibold', 'data-[state=checked]:text-blue-700'], {
+export const selectItemLabelVariants = cva([COLOR_TEXT_PRIMARY, 'data-[state=checked]:font-medium'], {
   variants: {
     size: {
-      sm: 'text-sm',
-      md: 'text-base',
-      lg: 'text-lg'
+      default: SIZE_SCALE.default.text,
+      small: SIZE_SCALE.small.text
     }
   },
   defaultVariants: {
-    size: 'md'
+    size: 'default'
   }
 });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","selectTriggerVariants","variants","variant","outline","select","default","web","filled","ghost","size","sm","md","lg","defaultVariants","selectValueVariants","selectIconVariants","selectContentVariants","selectItemVariants","selectItemLabelVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","DISABLED_CURSOR","DISABLED_OPACITY","RADIUS_SM","RADIUS_MD","SHADOW_SM","SHADOW_MD","SIZE_SCALE","TRANSITION_COLORS","selectTriggerVariants","select","default","web","join","variants","variant","outline","size","height","px","gap","small","defaultVariants","selectValueVariants","text","selectIconVariants","selectContentVariants","selectItemVariants","selectItemLabelVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -14,13 +14,7 @@ export const hStackRootVariants = cva([], {
       true: 'flex-row-reverse',
       false: 'flex-row'
     },
-    space: {
-      xs: spaceMap.xs,
-      sm: spaceMap.sm,
-      md: spaceMap.md,
-      lg: spaceMap.lg,
-      xl: spaceMap.xl
-    }
+    space: spaceMap
   },
   defaultVariants: {
     reversed: false
@@ -32,13 +26,7 @@ export const vStackRootVariants = cva([], {
       true: 'flex-col-reverse',
       false: 'flex-col'
     },
-    space: {
-      xs: spaceMap.xs,
-      sm: spaceMap.sm,
-      md: spaceMap.md,
-      lg: spaceMap.lg,
-      xl: spaceMap.xl
-    }
+    space: spaceMap
   },
   defaultVariants: {
     reversed: false

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

@@ -1 +1 @@
-{"version":3,"names":["cva","spaceMap","xs","sm","md","lg","xl","hStackRootVariants","variants","reversed","true","false","space","defaultVariants","vStackRootVariants"],"sourceRoot":"../../../../src","sources":["components/Stack/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAI9C,MAAMC,QAAQ,GAAG;EACfC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE;AACN,CAA+C;AAE/C,OAAO,MAAMC,kBAAkB,GAAGP,GAAG,CAAC,EAAE,EAAE;EACxCQ,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLV,EAAE,EAAED,QAAQ,CAACC,EAAE;MACfC,EAAE,EAAEF,QAAQ,CAACE,EAAE;MACfC,EAAE,EAAEH,QAAQ,CAACG,EAAE;MACfC,EAAE,EAAEJ,QAAQ,CAACI,EAAE;MACfC,EAAE,EAAEL,QAAQ,CAACK;IACf;EACF,CAAC;EACDO,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,OAAO,MAAMK,kBAAkB,GAAGd,GAAG,CAAC,EAAE,EAAE;EACxCQ,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLV,EAAE,EAAED,QAAQ,CAACC,EAAE;MACfC,EAAE,EAAEF,QAAQ,CAACE,EAAE;MACfC,EAAE,EAAEH,QAAQ,CAACG,EAAE;MACfC,EAAE,EAAEJ,QAAQ,CAACI,EAAE;MACfC,EAAE,EAAEL,QAAQ,CAACK;IACf;EACF,CAAC;EACDO,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","spaceMap","xs","sm","md","lg","xl","hStackRootVariants","variants","reversed","true","false","space","defaultVariants","vStackRootVariants"],"sourceRoot":"../../../../src","sources":["components/Stack/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAI9C,MAAMC,QAAQ,GAAG;EACfC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE;AACN,CAA+C;AAE/C,OAAO,MAAMC,kBAAkB,GAAGP,GAAG,CAAC,EAAE,EAAE;EACxCQ,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAEX;EACT,CAAC;EACDY,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,OAAO,MAAMK,kBAAkB,GAAGd,GAAG,CAAC,EAAE,EAAE;EACxCQ,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAEX;EACT,CAAC;EACDY,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Text","RNText","cn","textStyle","jsx","_jsx","className","size","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA0D,OAAO;AACpF,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,SAAS,QAA0B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvD,OAAO,MAAML,IAAI,gBAAGD,UAAU,CAAyC,SAASC,IAAIA,CAClF;EAAEM,SAAS;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EACpCC,GAAG,EACH;EACA,oBAAOJ,IAAA,CAACJ,MAAM;IAACK,SAAS,EAAEJ,EAAE,CAACC,SAAS,CAAC;MAAEI;IAAK,CAAC,CAAC,EAAED,SAAS,CAAE;IAAA,GAAKE,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AACvF,CAAC,CAAC;AAEFT,IAAI,CAACU,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"names":["forwardRef","Text","RNText","cn","textStyle","jsx","_jsx","className","size","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA0D,OAAO;AACpF,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,SAAS,QAA0B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKvD,OAAO,MAAML,IAAI,gBAAGD,UAAU,CAAyC,SAASC,IAAIA,CAClF;EAAEM,SAAS;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EACpCC,GAAG,EACH;EACA,oBAAOJ,IAAA,CAACJ,MAAM;IAACK,SAAS,EAAEJ,EAAE,CAACC,SAAS,CAAC;MAAEI;IAAK,CAAC,CAAC,EAAED,SAAS,CAAE;IAAA,GAAKE,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AACvF,CAAC,CAAC;AAEFT,IAAI,CAACU,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -2,8 +2,9 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-export const textStyle = cva(['text-foreground font-body', Platform.select({
-  web: 'font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap word-wrap-break-word',
+import { COLOR_TEXT_PRIMARY } from '../../styles/primitives';
+export const textStyle = cva([`${COLOR_TEXT_PRIMARY} font-normal`, Platform.select({
+  web: 'font-sans my-0 bg-transparent display-inline no-underline',
   default: ''
 })], {
   variants: {

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","textStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,SAAS,GAAGD,GAAG,CAC1B,CACE,2BAA2B,EAC3BD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,8LAA8L;EACnMC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","cva","COLOR_TEXT_PRIMARY","textStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,OAAO,MAAMC,SAAS,GAAGF,GAAG,CAC1B,CACE,GAAGC,kBAAkB,cAAc,EACnCF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,2DAA2D;EAChEC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -10,4 +10,5 @@ export * from './Switch';
 export { HStack, VStack } from './Stack';
 export * from './Heading';
 export * from './Text';
+export * from './Icon';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ","ignoreList":[]}
+{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ","ignoreList":[]}

package/lib/module/styles/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from './primitives';
+//# sourceMappingURL=index.js.map

package/lib/module/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":";;AAAA,cAAc,cAAc","ignoreList":[]}

package/lib/module/styles/primitives.js

@@ -0,0 +1,119 @@
+"use strict";
+
+// packages/components/src/styles/primitives.ts
+// Semantic constants for CDX UI component styling.
+// See docs/visual-revamp-plan.md for rationale and usage.
+
+// ─── Colors ──────────────────────────────────────────────
+// Surface & background
+export const COLOR_BG_PRIMARY = 'bg-white';
+export const COLOR_BG_SUBTLE = 'bg-slate-50';
+export const COLOR_BG_MUTED = 'bg-slate-100';
+export const COLOR_BG_INVERSE = 'bg-slate-900';
+
+// Border
+export const COLOR_BORDER_DEFAULT = 'border-slate-200';
+export const COLOR_BORDER_STRONG = 'border-slate-300';
+export const COLOR_BORDER_FOCUS = 'border-slate-900';
+export const COLOR_BORDER_INVALID = 'border-red-500';
+
+// Text
+export const COLOR_TEXT_PRIMARY = 'text-slate-900';
+export const COLOR_TEXT_SECONDARY = 'text-slate-500';
+export const COLOR_TEXT_MUTED = 'text-slate-400';
+export const COLOR_TEXT_INVERSE = 'text-white';
+export const COLOR_TEXT_PLACEHOLDER = 'text-slate-400';
+export const COLOR_TEXT_INVALID = 'text-red-600';
+
+// Brand / Action
+export const COLOR_BRAND_DEFAULT = 'bg-slate-900';
+export const COLOR_BRAND_HOVER = 'bg-slate-800';
+export const COLOR_BRAND_ACTIVE = 'bg-slate-700';
+
+// Accent (for checked states, active indicators)
+export const COLOR_ACCENT_DEFAULT = 'bg-slate-900';
+export const COLOR_ACCENT_BORDER = 'border-slate-900';
+
+// Semantic colors (danger, warning, success, info)
+// Kept for Button's 5-color system
+export const SEMANTIC_COLORS = {
+  action: {
+    bg: 'bg-slate-900',
+    bgHover: 'bg-slate-800',
+    bgActive: 'bg-slate-700',
+    border: 'border-slate-900',
+    text: 'text-slate-900',
+    ring: 'ring-slate-400/50'
+  },
+  danger: {
+    bg: 'bg-red-600',
+    bgHover: 'bg-red-700',
+    bgActive: 'bg-red-800',
+    border: 'border-red-600',
+    text: 'text-red-600',
+    ring: 'ring-red-400/50'
+  },
+  warning: {
+    bg: 'bg-amber-500',
+    bgHover: 'bg-amber-600',
+    bgActive: 'bg-amber-700',
+    border: 'border-amber-500',
+    text: 'text-amber-600',
+    ring: 'ring-amber-400/50'
+  },
+  success: {
+    bg: 'bg-green-600',
+    bgHover: 'bg-green-700',
+    bgActive: 'bg-green-800',
+    border: 'border-green-600',
+    text: 'text-green-600',
+    ring: 'ring-green-400/50'
+  },
+  info: {
+    bg: 'bg-sky-500',
+    bgHover: 'bg-sky-600',
+    bgActive: 'bg-sky-700',
+    border: 'border-sky-500',
+    text: 'text-sky-600',
+    ring: 'ring-sky-400/50'
+  }
+};
+
+// ─── Focus ───────────────────────────────────────────────
+export const FOCUS_RING = 'ring-2 ring-slate-400/50 ring-offset-2';
+
+// ─── Radius ──────────────────────────────────────────────
+export const RADIUS_SM = 'rounded-lg'; // buttons, inputs, checkboxes
+export const RADIUS_MD = 'rounded-xl'; // cards, dropdowns, modals
+export const RADIUS_FULL = 'rounded-full'; // pills, avatars, switches
+
+// ─── Shadows ─────────────────────────────────────────────
+export const SHADOW_SM = 'shadow-sm';
+export const SHADOW_MD = 'shadow-md';
+
+// ─── Sizing ──────────────────────────────────────────────
+// Unified size scale for interactive/form components (Button, Input, Select, Checkbox).
+// Only two sizes: 'default' (regular) and 'small' (compact).
+// NOTE: Text and Heading use a separate typography scale (xs/sm/md/lg/xl) — not this.
+export const SIZE_SCALE = {
+  default: {
+    height: 'h-10',
+    px: 'px-4',
+    gap: 'gap-2',
+    text: 'text-base'
+  },
+  small: {
+    height: 'h-8',
+    px: 'px-3',
+    gap: 'gap-1.5',
+    text: 'text-sm'
+  }
+};
+
+// ─── Transitions ─────────────────────────────────────────
+export const TRANSITION_COLORS = 'transition-colors duration-150';
+
+// ─── Disabled ────────────────────────────────────────────
+export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
+export const DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
+//# sourceMappingURL=primitives.js.map

package/lib/module/styles/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLOR_BG_PRIMARY","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/Box/Box.d.ts

@@ -4,5 +4,6 @@ export interface BoxProps extends ViewProps {
     className?: string;
     textProps?: TextProps;
 }
+/** @deprecated Use View instead */
 export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<View>>;
 //# sourceMappingURL=Box.d.ts.map

package/lib/typescript/components/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,GAAG,2FAQf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,mCAAmC;AACnC,eAAO,MAAM,GAAG,2FAQf,CAAC"}

package/lib/typescript/components/Button/index.d.ts

@@ -1,6 +1,7 @@
 import { type ReactElement, type ReactNode } from 'react';
 import { ActivityIndicator, Text, View, type ActivityIndicatorProps, type PressableProps, type ViewProps, type TextProps } from 'react-native';
 import { type IButtonProps } from '@cdx-ui/primitives';
+import { IconProps } from '../Icon';
 import { type ButtonGroupVariantProps, type ButtonVariantProps } from './styles';
 export interface ButtonProps extends PressableProps, IButtonProps, ButtonVariantProps {
     className?: string;
@@ -21,10 +22,12 @@ export interface ButtonGroupProps extends Omit<ViewProps, 'children'> {
     reversed?: boolean;
 }
 declare const ButtonGroup: import("react").ForwardRefExoticComponent<ButtonGroupProps & import("react").RefAttributes<View>>;
-export interface ButtonIconProps extends ViewProps {
-    className?: string;
+export interface ButtonIconProps extends Omit<IconProps, 'children'> {
 }
-declare const ButtonIcon: import("react").ForwardRefExoticComponent<ButtonIconProps & import("react").RefAttributes<View>>;
+declare const ButtonIcon: {
+    ({ className, style, as, ...props }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export interface ButtonSpinnerProps extends ActivityIndicatorProps {
     className?: string;
     colorClassName?: string;

package/lib/typescript/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,iBAAiB,EAEjB,IAAI,EACJ,IAAI,EACJ,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAKxB,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,YAAY,EAAE,kBAAkB;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FA+Bf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,kGAYhB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAmBhB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,kGAEd,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,kHAelB,CAAC;AAIF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,iBAAiB,EAEjB,IAAI,EACJ,IAAI,EACJ,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,YAAY,EAAE,kBAAkB;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FAgCf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,kGAYhB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAmBhB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;yCAAwC,eAAe;;CAMtE,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,kHAkBlB,CAAC;AAIF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC"}

package/lib/typescript/components/Button/styles.d.ts

@@ -1,23 +1,29 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const buttonRootVariants: (props?: ({
-    variant?: "solid" | "subtle" | "outline" | "ghost" | null | undefined;
-    color?: "primary" | "secondary" | "success" | "danger" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "strong" | "outline" | "ghost" | null | undefined;
+    color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
+    size?: "default" | "small" | null | undefined;
+    mode?: "light" | "dark" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonTextVariants: (props?: ({
-    variant?: "solid" | "subtle" | "outline" | "ghost" | null | undefined;
-    color?: "primary" | "secondary" | "success" | "danger" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "strong" | "outline" | "ghost" | null | undefined;
+    color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
+    size?: "default" | "small" | null | undefined;
+    mode?: "light" | "dark" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonSpinnerVariants: (props?: ({
-    variant?: "solid" | "subtle" | "outline" | "ghost" | null | undefined;
-    color?: "primary" | "secondary" | "success" | "danger" | null | undefined;
+    variant?: "strong" | "outline" | "ghost" | null | undefined;
+    color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
+    mode?: "light" | "dark" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonGroupVariants: (props?: ({
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
     isAttached?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const buttonIconVariants: (props?: ({
+    size?: "default" | "small" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonVariantProps = VariantProps<typeof buttonRootVariants>;
 export type ButtonGroupVariantProps = VariantProps<typeof buttonGroupVariants>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,kBAAkB;;;;;8EAsO9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;8EA2F7B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EA6DhC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAiB9B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACzE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAalE,eAAO,MAAM,kBAAkB;;;;;;8EA0V9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;8EAwI7B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;8EAoFhC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAiB9B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;8EAU7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACzE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/lib/typescript/components/Checkbox/index.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import { Text, type TextProps, View, type ViewProps } from 'react-native';
 import { type ICheckboxProps } from '@cdx-ui/primitives';
+import { IconProps } from '../Icon';
 import { type CheckboxVariantProps } from './styles';
 export interface CheckboxProps extends ICheckboxProps, CheckboxVariantProps {
     className?: string;
@@ -12,11 +13,12 @@ export interface CheckboxIndicatorProps extends ViewProps {
     children?: ReactNode;
 }
 declare const CheckboxIndicator: import("react").ForwardRefExoticComponent<CheckboxIndicatorProps & import("react").RefAttributes<View>>;
-export interface CheckboxIconProps extends ViewProps {
-    className?: string;
-    children?: ReactNode;
+export interface CheckboxIconProps extends Omit<IconProps, 'children'> {
 }
-declare const CheckboxIcon: import("react").ForwardRefExoticComponent<CheckboxIconProps & import("react").RefAttributes<View>>;
+declare const CheckboxIcon: {
+    ({ className, style, ...props }: CheckboxIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export interface CheckboxLabelProps extends TextProps {
     className?: string;
     children?: ReactNode;

package/lib/typescript/components/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EACL,KAAK,oBAAoB,EAM1B,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,oBAAoB;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gGAgBjB,CAAC;AAQF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAgBtB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,oGAgBjB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAgBlB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,qGAkClB,CAAC;AAQF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,SAAS,EAAE,OAAO,iBAAiB,CAAC;IACpC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAKf,yBAAyB,CAAC;AAEhC,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,KAAK,oBAAoB,EAM1B,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,oBAAoB;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gGAsBjB,CAAC;AAQF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAgBtB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEzE,QAAA,MAAM,YAAY;qCAAoC,iBAAiB;;CAKtE,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAgBlB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,qGAkClB,CAAC;AAQF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,SAAS,EAAE,OAAO,iBAAiB,CAAC;IACpC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAKf,yBAAyB,CAAC;AAEhC,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/typescript/components/Checkbox/styles.d.ts

@@ -1,15 +1,15 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const checkboxRootVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
+    size?: "default" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const checkboxIndicatorVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
+    size?: "default" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const checkboxIconVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
+    size?: "default" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const checkboxLabelVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
+    size?: "default" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const checkboxGroupVariants: (props?: ({
     direction?: "row" | "column" | null | undefined;

package/lib/typescript/components/Checkbox/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,oBAAoB;;8EAgBhC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;8EA+BrC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAU/B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAajC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAUlE,eAAO,MAAM,oBAAoB;;8EAahC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;8EAmCrC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAU/B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAajC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/lib/typescript/components/Heading/index.d.ts

@@ -1,6 +1,10 @@
 import { type ComponentPropsWithoutRef } from 'react';
 import { Text } from 'react-native';
 import { type HeadingVariantProps } from './styles';
-export type HeadingProps = HeadingVariantProps & ComponentPropsWithoutRef<typeof Text>;
-export declare const Heading: import("react").NamedExoticComponent<HeadingVariantProps & import("react-native").TextProps & import("react").RefAttributes<Text>>;
+export type HeadingProps = HeadingVariantProps & ComponentPropsWithoutRef<typeof Text> & {
+    className?: string;
+};
+export declare const Heading: import("react").NamedExoticComponent<HeadingVariantProps & import("react-native").TextProps & {
+    className?: string;
+} & import("react").RefAttributes<Text>>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/Heading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAUlE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAC;AAEvF,eAAO,MAAM,OAAO,oIAenB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAUlE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAC5C,wBAAwB,CAAC,OAAO,IAAI,CAAC,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,OAAO;gBAHJ,MAAM;wCAkBrB,CAAC"}

package/lib/typescript/components/Heading/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;8EAmBxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,YAAY;;8EAmBxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/lib/typescript/components/Icon/index.d.ts

@@ -0,0 +1,27 @@
+import type { CdxIcon, CdxIconProps } from '@cdx-ui/icons';
+export type IconProps = CdxIconProps & {
+    className?: string;
+    as: CdxIcon;
+};
+/**
+ * A wrapper component for CDX icons with Uniwind `className` support via `withUniwind`.
+ *
+ * This component allows you to render any CDX icon while applying utility classes
+ * using `uniwind`. It avoids the need to wrap or configure each icon individually.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { Icon } from '@cdx-ui/components';
+ * import { ArrowRight } from '@cdx-ui/icons';
+ *
+ * <Icon as={ArrowRight} className="text-red-500 size-4" />
+ * ```
+ *
+ * @param {CdxIcon} as - The CDX icon component to render.
+ * @param {string} className - Utility classes to style the icon using Uniwind.
+ * @param {number} size - Icon size (overrides the size class).
+ * @param {...CdxIconProps} ...props - Additional icon props passed to the "as" icon.
+ */
+export declare function Icon({ as: IconComponent, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG3D,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,OAAO,CAAC;CACb,CAAC;AAiBF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAQzE"}