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

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

@@ -6,115 +6,91 @@ Object.defineProperty(exports, "__esModule", {
 exports.selectValueVariants = exports.selectTriggerVariants = exports.selectItemVariants = exports.selectItemLabelVariants = exports.selectIconVariants = exports.selectContentVariants = void 0;
 var _reactNative = require("react-native");
 var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
 // ── Trigger ─────────────────────────────────────────────────
 
-const selectTriggerVariants = exports.selectTriggerVariants = (0, _classVarianceAuthority.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'], {
+const selectTriggerVariants = exports.selectTriggerVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between', _primitives.RADIUS_SM, _primitives.SHADOW_SM, _primitives.TRANSITION_COLORS, _primitives.COLOR_BG_PRIMARY, `border ${_primitives.COLOR_BORDER_DEFAULT}`, _primitives.DISABLED_OPACITY, _primitives.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', _reactNative.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', _reactNative.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', _reactNative.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', _reactNative.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: `${_primitives.SIZE_SCALE.default.height} ${_primitives.SIZE_SCALE.default.px} ${_primitives.SIZE_SCALE.default.gap}`,
+      small: `${_primitives.SIZE_SCALE.small.height} ${_primitives.SIZE_SCALE.small.px} ${_primitives.SIZE_SCALE.small.gap}`
     }
   },
   defaultVariants: {
     variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
 
 // ── Value ───────────────────────────────────────────────────
 
-const selectValueVariants = exports.selectValueVariants = (0, _classVarianceAuthority.cva)(['flex-1', 'data-[placeholder=true]:text-gray-400', 'data-[invalid=true]:text-red-600'], {
+const selectValueVariants = exports.selectValueVariants = (0, _classVarianceAuthority.cva)(['flex-1', 'data-[placeholder=true]:text-slate-400', 'data-[invalid=true]:text-red-600', _primitives.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: _primitives.SIZE_SCALE.default.text,
+      small: _primitives.SIZE_SCALE.small.text
     }
   },
   defaultVariants: {
-    variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
 
 // ── Icon ────────────────────────────────────────────────────
 
-const selectIconVariants = exports.selectIconVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'data-[invalid=true]:text-red-500'], {
+const selectIconVariants = exports.selectIconVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', _primitives.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 ─────────────────────────────────────────────────
 
-const selectContentVariants = exports.selectContentVariants = (0, _classVarianceAuthority.cva)(['bg-white', 'border border-gray-200', 'overflow-hidden', 'rounded-lg', _reactNative.Platform.select({
-  web: 'shadow-lg',
+const selectContentVariants = exports.selectContentVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_BG_PRIMARY, `border ${_primitives.COLOR_BORDER_DEFAULT}`, 'overflow-hidden', _primitives.RADIUS_MD, _reactNative.Platform.select({
+  web: _primitives.SHADOW_MD,
   default: ''
 }), 'max-h-60', 'py-1']);
 
 // ── Item ────────────────────────────────────────────────────
 
-const selectItemVariants = exports.selectItemVariants = (0, _classVarianceAuthority.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', _reactNative.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'
+const selectItemVariants = exports.selectItemVariants = (0, _classVarianceAuthority.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', _reactNative.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 ───────────────────────────────────────────────
 
-const selectItemLabelVariants = exports.selectItemLabelVariants = (0, _classVarianceAuthority.cva)(['text-gray-900', 'data-[state=checked]:font-semibold', 'data-[state=checked]:text-blue-700'], {
+const selectItemLabelVariants = exports.selectItemLabelVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_PRIMARY, 'data-[state=checked]:font-medium'], {
   variants: {
     size: {
-      sm: 'text-sm',
-      md: 'text-base',
-      lg: 'text-lg'
+      default: _primitives.SIZE_SCALE.default.text,
+      small: _primitives.SIZE_SCALE.small.text
     }
   },
   defaultVariants: {
-    size: 'md'
+    size: 'default'
   }
 });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","selectTriggerVariants","exports","cva","variants","variant","outline","Platform","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":["_reactNative","require","_classVarianceAuthority","_primitives","selectTriggerVariants","exports","cva","RADIUS_SM","SHADOW_SM","TRANSITION_COLORS","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","DISABLED_OPACITY","DISABLED_CURSOR","Platform","select","default","web","join","variants","variant","outline","size","SIZE_SCALE","height","px","gap","small","defaultVariants","selectValueVariants","COLOR_TEXT_PRIMARY","text","selectIconVariants","COLOR_TEXT_MUTED","selectContentVariants","RADIUS_MD","SHADOW_MD","selectItemVariants","selectItemLabelVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAeA;;AAEO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,2BAAG,EACtC,CACE,uCAAuC,EACvCC,qBAAS,EACTC,qBAAS,EACTC,6BAAiB,EACjBC,4BAAgB,EAChB,UAAUC,gCAAoB,EAAE,EAChCC,4BAAgB,EAChBC,2BAAe,EACf,qCAAqC,EACrC,oCAAoC,EACpC,oCAAoC,EACpC,kCAAkC,EAClCC,qBAAQ,CAACC,MAAM,CAAC;EACdC,OAAO,EAAE,qCAAqC;EAC9CC,GAAG,EAAE,CACH,0FAA0F,EAC1F,sHAAsH,EACtH,8DAA8D,CAC/D,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJN,OAAO,EAAE,GAAGO,sBAAU,CAACP,OAAO,CAACQ,MAAM,IAAID,sBAAU,CAACP,OAAO,CAACS,EAAE,IAAIF,sBAAU,CAACP,OAAO,CAACU,GAAG,EAAE;MAC1FC,KAAK,EAAE,GAAGJ,sBAAU,CAACI,KAAK,CAACH,MAAM,IAAID,sBAAU,CAACI,KAAK,CAACF,EAAE,IAAIF,sBAAU,CAACI,KAAK,CAACD,GAAG;IAClF;EACF,CAAC;EACDE,eAAe,EAAE;IACfR,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMO,mBAAmB,GAAAxB,OAAA,CAAAwB,mBAAA,GAAG,IAAAvB,2BAAG,EACpC,CACE,QAAQ,EACR,wCAAwC,EACxC,kCAAkC,EAClCwB,8BAAkB,CACnB,EACD;EACEX,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJN,OAAO,EAAEO,sBAAU,CAACP,OAAO,CAACe,IAAI;MAChCJ,KAAK,EAAEJ,sBAAU,CAACI,KAAK,CAACI;IAC1B;EACF,CAAC;EACDH,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMU,kBAAkB,GAAA3B,OAAA,CAAA2B,kBAAA,GAAG,IAAA1B,2BAAG,EACnC,CAAC,6BAA6B,EAAE2B,4BAAgB,EAAE,kCAAkC,CAAC,EACrF;EACEd,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJN,OAAO,EAAE,SAAS;MAClBW,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMY,qBAAqB,GAAA7B,OAAA,CAAA6B,qBAAA,GAAG,IAAA5B,2BAAG,EAAC,CACvCI,4BAAgB,EAChB,UAAUC,gCAAoB,EAAE,EAChC,iBAAiB,EACjBwB,qBAAS,EACTrB,qBAAQ,CAACC,MAAM,CAAC;EACdE,GAAG,EAAEmB,qBAAS;EACdpB,OAAO,EAAE;AACX,CAAC,CAAC,EACF,UAAU,EACV,MAAM,CACP,CAAC;;AAEF;;AAEO,MAAMqB,kBAAkB,GAAAhC,OAAA,CAAAgC,kBAAA,GAAG,IAAA/B,2BAAG,EACnC,CACE,uBAAuB,EACvB,gCAAgC,EAChC,0EAA0E,EAC1E,mEAAmE,EACnEQ,qBAAQ,CAACC,MAAM,CAAC;EACdC,OAAO,EAAE,iCAAiC;EAC1CC,GAAG,EAAE;AACP,CAAC,CAAC,CACH,EACD;EACEE,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJN,OAAO,EAAE,WAAW;MACpBW,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMgB,uBAAuB,GAAAjC,OAAA,CAAAiC,uBAAA,GAAG,IAAAhC,2BAAG,EACxC,CAACwB,8BAAkB,EAAE,kCAAkC,CAAC,EACxD;EACEX,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJN,OAAO,EAAEO,sBAAU,CAACP,OAAO,CAACe,IAAI;MAChCJ,KAAK,EAAEJ,sBAAU,CAACI,KAAK,CAACI;IAC1B;EACF,CAAC;EACDH,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}

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

@@ -18,13 +18,7 @@ const hStackRootVariants = exports.hStackRootVariants = (0, _classVarianceAuthor
       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
@@ -36,13 +30,7 @@ const vStackRootVariants = exports.vStackRootVariants = (0, _classVarianceAuthor
       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/commonjs/components/Stack/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","spaceMap","xs","sm","md","lg","xl","hStackRootVariants","exports","cva","variants","reversed","true","false","space","defaultVariants","vStackRootVariants"],"sourceRoot":"../../../../src","sources":["components/Stack/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAIA,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;AAExC,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EAAC,EAAE,EAAE;EACxCC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLZ,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;EACDS,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,MAAMK,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAG,IAAAP,2BAAG,EAAC,EAAE,EAAE;EACxCC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLZ,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;EACDS,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","spaceMap","xs","sm","md","lg","xl","hStackRootVariants","exports","cva","variants","reversed","true","false","space","defaultVariants","vStackRootVariants"],"sourceRoot":"../../../../src","sources":["components/Stack/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAIA,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;AAExC,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EAAC,EAAE,EAAE;EACxCC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAEb;EACT,CAAC;EACDc,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,MAAMK,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAG,IAAAP,2BAAG,EAAC,EAAE,EAAE;EACxCC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,kBAAkB;MACxBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAEb;EACT,CAAC;EACDc,eAAe,EAAE;IACfJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","Text","exports","forwardRef","className","size","props","ref","jsx","cn","textStyle","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAuD,IAAAI,WAAA,GAAAJ,OAAA;AAIhD,MAAMK,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,iBAAU,EAAyC,SAASF,IAAIA,CAClF;EAAEG,SAAS;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EACpCC,GAAG,EACH;EACA,oBAAO,IAAAP,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAI,IAAM;IAACG,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAC,iBAAS,EAAC;MAAEL;IAAK,CAAC,CAAC,EAAED,SAAS,CAAE;IAAA,GAAKE,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AACvF,CAAC,CAAC;AAEFN,IAAI,CAACU,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","Text","exports","forwardRef","className","size","props","ref","jsx","cn","textStyle","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAuD,IAAAI,WAAA,GAAAJ,OAAA;AAKhD,MAAMK,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,iBAAU,EAAyC,SAASF,IAAIA,CAClF;EAAEG,SAAS;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EACpCC,GAAG,EACH;EACA,oBAAO,IAAAP,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAI,IAAM;IAACG,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAC,iBAAS,EAAC;MAAEL;IAAK,CAAC,CAAC,EAAED,SAAS,CAAE;IAAA,GAAKE,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AACvF,CAAC,CAAC;AAEFN,IAAI,CAACU,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.textStyle = void 0;
 var _reactNative = require("react-native");
 var _classVarianceAuthority = require("class-variance-authority");
-const textStyle = exports.textStyle = (0, _classVarianceAuthority.cva)(['text-foreground font-body', _reactNative.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',
+var _primitives = require("../../styles/primitives");
+const textStyle = exports.textStyle = (0, _classVarianceAuthority.cva)([`${_primitives.COLOR_TEXT_PRIMARY} font-normal`, _reactNative.Platform.select({
+  web: 'font-sans my-0 bg-transparent display-inline no-underline',
   default: ''
 })], {
   variants: {

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","textStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,2BAAG,EAC1B,CACE,2BAA2B,EAC3BC,qBAAQ,CAACC,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":["_reactNative","require","_classVarianceAuthority","_primitives","textStyle","exports","cva","COLOR_TEXT_PRIMARY","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,2BAAG,EAC1B,CACE,GAAGC,8BAAkB,cAAc,EACnCC,qBAAQ,CAACC,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/commonjs/styles/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _primitives = require("./primitives");
+Object.keys(_primitives).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _primitives[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _primitives[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_primitives","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/styles/primitives.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRANSITION_COLORS = exports.SIZE_SCALE = exports.SHADOW_SM = exports.SHADOW_MD = exports.SEMANTIC_COLORS = exports.RADIUS_SM = exports.RADIUS_MD = exports.RADIUS_FULL = exports.FOCUS_RING = exports.DISABLED_OPACITY = exports.DISABLED_CURSOR = exports.COLOR_TEXT_SECONDARY = exports.COLOR_TEXT_PRIMARY = exports.COLOR_TEXT_PLACEHOLDER = exports.COLOR_TEXT_MUTED = exports.COLOR_TEXT_INVERSE = exports.COLOR_TEXT_INVALID = exports.COLOR_BRAND_HOVER = exports.COLOR_BRAND_DEFAULT = exports.COLOR_BRAND_ACTIVE = exports.COLOR_BORDER_STRONG = exports.COLOR_BORDER_INVALID = exports.COLOR_BORDER_FOCUS = exports.COLOR_BORDER_DEFAULT = exports.COLOR_BG_SUBTLE = exports.COLOR_BG_PRIMARY = exports.COLOR_BG_MUTED = exports.COLOR_BG_INVERSE = exports.COLOR_ACCENT_DEFAULT = exports.COLOR_ACCENT_BORDER = void 0;
+// 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
+const COLOR_BG_PRIMARY = exports.COLOR_BG_PRIMARY = 'bg-white';
+const COLOR_BG_SUBTLE = exports.COLOR_BG_SUBTLE = 'bg-slate-50';
+const COLOR_BG_MUTED = exports.COLOR_BG_MUTED = 'bg-slate-100';
+const COLOR_BG_INVERSE = exports.COLOR_BG_INVERSE = 'bg-slate-900';
+
+// Border
+const COLOR_BORDER_DEFAULT = exports.COLOR_BORDER_DEFAULT = 'border-slate-200';
+const COLOR_BORDER_STRONG = exports.COLOR_BORDER_STRONG = 'border-slate-300';
+const COLOR_BORDER_FOCUS = exports.COLOR_BORDER_FOCUS = 'border-slate-900';
+const COLOR_BORDER_INVALID = exports.COLOR_BORDER_INVALID = 'border-red-500';
+
+// Text
+const COLOR_TEXT_PRIMARY = exports.COLOR_TEXT_PRIMARY = 'text-slate-900';
+const COLOR_TEXT_SECONDARY = exports.COLOR_TEXT_SECONDARY = 'text-slate-500';
+const COLOR_TEXT_MUTED = exports.COLOR_TEXT_MUTED = 'text-slate-400';
+const COLOR_TEXT_INVERSE = exports.COLOR_TEXT_INVERSE = 'text-white';
+const COLOR_TEXT_PLACEHOLDER = exports.COLOR_TEXT_PLACEHOLDER = 'text-slate-400';
+const COLOR_TEXT_INVALID = exports.COLOR_TEXT_INVALID = 'text-red-600';
+
+// Brand / Action
+const COLOR_BRAND_DEFAULT = exports.COLOR_BRAND_DEFAULT = 'bg-slate-900';
+const COLOR_BRAND_HOVER = exports.COLOR_BRAND_HOVER = 'bg-slate-800';
+const COLOR_BRAND_ACTIVE = exports.COLOR_BRAND_ACTIVE = 'bg-slate-700';
+
+// Accent (for checked states, active indicators)
+const COLOR_ACCENT_DEFAULT = exports.COLOR_ACCENT_DEFAULT = 'bg-slate-900';
+const COLOR_ACCENT_BORDER = exports.COLOR_ACCENT_BORDER = 'border-slate-900';
+
+// Semantic colors (danger, warning, success, info)
+// Kept for Button's 5-color system
+const SEMANTIC_COLORS = exports.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 ───────────────────────────────────────────────
+const FOCUS_RING = exports.FOCUS_RING = 'ring-2 ring-slate-400/50 ring-offset-2';
+
+// ─── Radius ──────────────────────────────────────────────
+const RADIUS_SM = exports.RADIUS_SM = 'rounded-lg'; // buttons, inputs, checkboxes
+const RADIUS_MD = exports.RADIUS_MD = 'rounded-xl'; // cards, dropdowns, modals
+const RADIUS_FULL = exports.RADIUS_FULL = 'rounded-full'; // pills, avatars, switches
+
+// ─── Shadows ─────────────────────────────────────────────
+const SHADOW_SM = exports.SHADOW_SM = 'shadow-sm';
+const SHADOW_MD = exports.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.
+const SIZE_SCALE = exports.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 ─────────────────────────────────────────
+const TRANSITION_COLORS = exports.TRANSITION_COLORS = 'transition-colors duration-150';
+
+// ─── Disabled ────────────────────────────────────────────
+const DISABLED_OPACITY = exports.DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
+const DISABLED_CURSOR = exports.DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
+//# sourceMappingURL=primitives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["COLOR_BG_PRIMARY","exports","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/module/components/Box/Box.js

@@ -4,6 +4,7 @@ import { forwardRef } from 'react';
 import { View } from 'react-native';
 import { WrapStringChild } from '../../utils/WrapStringChild';
 import { jsx as _jsx } from "react/jsx-runtime";
+/** @deprecated Use View instead */
 export const Box = /*#__PURE__*/forwardRef(({
   style,
   className,

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","WrapStringChild","jsx","_jsx","Box","style","className","children","textProps","restProps","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,eAAe,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9D,OAAO,MAAMC,GAAG,gBAAGL,UAAU,CAC3B,CAAC;EAAEM,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACEP,IAAA,CAACH,IAAI;IAACU,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/DJ,IAAA,CAACF,eAAe;MAACO,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDH,GAAG,CAACO,WAAW,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","WrapStringChild","jsx","_jsx","Box","style","className","children","textProps","restProps","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,eAAe,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9D;AACA,OAAO,MAAMC,GAAG,gBAAGL,UAAU,CAC3B,CAAC;EAAEM,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACEP,IAAA,CAACH,IAAI;IAACU,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/DJ,IAAA,CAACF,eAAe;MAACO,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDH,GAAG,CAACO,WAAW,GAAG,KAAK","ignoreList":[]}

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

@@ -4,7 +4,8 @@ import { forwardRef } from 'react';
 import { ActivityIndicator, Pressable, Text, View } from 'react-native';
 import { createButton } from '@cdx-ui/primitives';
 import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
-import { buttonGroupVariants, buttonRootVariants, buttonSpinnerVariants, buttonTextVariants } from './styles';
+import { Icon } from '../Icon';
+import { buttonGroupVariants, buttonIconVariants, buttonRootVariants, buttonSpinnerVariants, buttonTextVariants } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SCOPE = 'BUTTON';
 const Root = withStyleContext(Pressable, SCOPE);
@@ -22,9 +23,10 @@ const ButtonPrimitive = createButton({
 // =============================================================================
 
 const ButtonRoot = /*#__PURE__*/forwardRef(({
-  variant = 'solid',
-  color = 'primary',
-  size = 'md',
+  variant = 'strong',
+  color = 'action',
+  size = 'default',
+  mode = 'light',
   fullWidth = false,
   className,
   children,
@@ -35,6 +37,7 @@ const ButtonRoot = /*#__PURE__*/forwardRef(({
     variant,
     color,
     size,
+    mode,
     fullWidth
   }), className);
   return /*#__PURE__*/_jsx(ButtonPrimitive, {
@@ -45,6 +48,7 @@ const ButtonRoot = /*#__PURE__*/forwardRef(({
       variant,
       color,
       size,
+      mode,
       fullWidth
     },
     ...props,
@@ -66,12 +70,14 @@ const ButtonLabel = /*#__PURE__*/forwardRef(({
   const {
     variant,
     color,
-    size
+    size,
+    mode
   } = useButtonStyleContext();
   const computedClassName = cn(buttonTextVariants({
     variant,
     color,
-    size
+    size,
+    mode
   }), className);
   return /*#__PURE__*/_jsx(ButtonPrimitive.Text, {
     ref: ref,
@@ -106,18 +112,25 @@ const ButtonGroup = /*#__PURE__*/forwardRef(({
   });
 });
 ButtonGroup.displayName = 'Button.Group';
-const ButtonIcon = /*#__PURE__*/forwardRef(({
+const ButtonIcon = ({
   className,
   style,
+  as,
   ...props
-}, ref) => {
-  return /*#__PURE__*/_jsx(ButtonPrimitive.Icon, {
-    ref: ref,
-    className: className,
+}) => {
+  const {
+    size
+  } = useButtonStyleContext();
+  const computedClassName = cn(buttonIconVariants({
+    size
+  }), className);
+  return /*#__PURE__*/_jsx(Icon, {
+    as: as,
+    className: computedClassName,
     style: style,
     ...props
   });
-});
+};
 ButtonIcon.displayName = 'Button.Icon';
 const ButtonSpinner = /*#__PURE__*/forwardRef(({
   className,
@@ -127,11 +140,13 @@ const ButtonSpinner = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const {
     variant,
-    color
+    color,
+    mode
   } = useButtonStyleContext();
   const computedColorClassName = cn(buttonSpinnerVariants({
     variant,
-    color
+    color,
+    mode
   }), colorClassName);
   return /*#__PURE__*/_jsx(ButtonPrimitive.Spinner, {
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","ActivityIndicator","Pressable","Text","View","createButton","cn","useStyleContext","withStyleContext","buttonGroupVariants","buttonRootVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","Root","useButtonStyleContext","ButtonPrimitive","Group","Spinner","Icon","ButtonRoot","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","context","displayName","ButtonLabel","ButtonGroup","flexDirection","isAttached","groupClassName","ButtonIcon","ButtonSpinner","colorClassName","computedColorClassName","Button","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2C,OAAO;AACrE,SACEC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,IAAI,QAKC,cAAc;AACrB,SAASC,YAAY,QAA2B,oBAAoB;AACpE,SAASC,EAAE,EAAEC,eAAe,EAAEC,gBAAgB,QAAQ,eAAe;AACrE,SAGEC,mBAAmB,EACnBC,kBAAkB,EAClBC,qBAAqB,EACrBC,kBAAkB,QACb,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,KAAK,GAAG,QAAQ;AAEtB,MAAMC,IAAI,GAAGR,gBAAgB,CAACN,SAAS,EAAEa,KAAK,CAAC;AAE/C,MAAME,qBAAqB,GAAGA,CAAA,KAAMV,eAAe,CAACQ,KAAK,CAAuB;AAEhF,MAAMG,eAAe,GAAGb,YAAY,CAAC;EACnCW,IAAI;EACJb,IAAI;EACJgB,KAAK,EAAEf,IAAI;EACXgB,OAAO,EAAEnB,iBAAiB;EAC1BoB,IAAI,EAAEjB;AACR,CAAC,CAAC;;AAEF;AACA;AACA;;AAOA,MAAMkB,UAAU,gBAAGtB,UAAU,CAC3B,CACE;EACEuB,OAAO,GAAG,OAAO;EACjBC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,IAAI;EACXC,SAAS,GAAG,KAAK;EACjBC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,iBAAiB,GAAG1B,EAAE,CAC1BI,kBAAkB,CAAC;IAAEa,OAAO;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAU,CAAC,CAAC,EACvDC,SACF,CAAC;EAED,oBACEb,IAAA,CAACI,eAAe;IACda,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAE;MAAEV,OAAO;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAU,CAAE;IAAA,GACzCI,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACM,CAAC;AAEtB,CACF,CAAC;AAEDN,UAAU,CAACY,WAAW,GAAG,QAAQ;;AAEjC;AACA;AACA;;AAOA,MAAMC,WAAW,gBAAGnC,UAAU,CAC5B,CAAC;EAAE2B,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAER,OAAO;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGR,qBAAqB,CAAC,CAAC;EAExD,MAAMe,iBAAiB,GAAG1B,EAAE,CAACM,kBAAkB,CAAC;IAAEW,OAAO;IAAEC,KAAK;IAAEC;EAAK,CAAC,CAAC,EAAEE,SAAS,CAAC;EAErF,oBACEb,IAAA,CAACI,eAAe,CAACf,IAAI;IAAC4B,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClFA;EAAQ,CACW,CAAC;AAE3B,CACF,CAAC;AAEDO,WAAW,CAACD,WAAW,GAAG,cAAc;AAWxC,MAAME,WAAW,gBAAGpC,UAAU,CAC5B,CAAC;EAAE2B,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAEQ,aAAa,GAAG,KAAK;EAAEC,UAAU;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpF,MAAMQ,cAAc,GAAGjC,EAAE,CACvBG,mBAAmB,CAAC;IAAE4B,aAAa;IAAEC,UAAU,EAAE,CAAC,CAACA;EAAW,CAAC,CAAC,EAChEX,SACF,CAAC;EAED,oBACEb,IAAA,CAACI,eAAe,CAACC,KAAK;IACpBY,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEY,cAAe;IAC1BV,KAAK,EAAE,CAAC;MAAEQ;IAAc,CAAC,EAAER,KAAK,CAAE;IAClCS,UAAU,EAAEA,UAAW;IAAA,GACnBR,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACY,CAAC;AAE5B,CACF,CAAC;AAEDQ,WAAW,CAACF,WAAW,GAAG,cAAc;AAMxC,MAAMM,UAAU,gBAAGxC,UAAU,CAAwB,CAAC;EAAE2B,SAAS;EAAEE,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5F,oBAAOjB,IAAA,CAACI,eAAe,CAACG,IAAI;IAACU,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEA,SAAU;IAACE,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAC1F,CAAC,CAAC;AAEFU,UAAU,CAACN,WAAW,GAAG,aAAa;AAOtC,MAAMO,aAAa,gBAAGzC,UAAU,CAC9B,CAAC;EAAE2B,SAAS;EAAEe,cAAc;EAAEb,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvD,MAAM;IAAER,OAAO;IAAEC;EAAM,CAAC,GAAGP,qBAAqB,CAAC,CAAC;EAClD,MAAM0B,sBAAsB,GAAGrC,EAAE,CAACK,qBAAqB,CAAC;IAAEY,OAAO;IAAEC;EAAM,CAAC,CAAC,EAAEkB,cAAc,CAAC;EAE5F,oBACE5B,IAAA,CAACI,eAAe,CAACE,OAAO;IACtBW,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBe,cAAc,EAAEC,sBAAuB;IACvCd,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDW,aAAa,CAACP,WAAW,GAAG,gBAAgB;AAS5C,OAAO,MAAMU,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACxB,UAAU,EAAE;EAC9CyB,KAAK,EAAEZ,WAAW;EAClBhB,KAAK,EAAEiB,WAAW;EAClBf,IAAI,EAAEmB,UAAU;EAChBpB,OAAO,EAAEqB;AACX,CAAC,CAA4B","ignoreList":[]}
+{"version":3,"names":["forwardRef","ActivityIndicator","Pressable","Text","View","createButton","cn","useStyleContext","withStyleContext","Icon","buttonGroupVariants","buttonIconVariants","buttonRootVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","Root","useButtonStyleContext","ButtonPrimitive","Group","Spinner","ButtonRoot","variant","color","size","mode","fullWidth","className","children","style","props","ref","computedClassName","context","displayName","ButtonLabel","ButtonGroup","flexDirection","isAttached","groupClassName","ButtonIcon","as","ButtonSpinner","colorClassName","computedColorClassName","Button","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}