@cdx-ui/components 0.0.1-alpha.3 → 0.0.1-alpha.30

package/lib/commonjs/components/Image/Image.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Thin wrapper around React Native's `Image`.
+ *
+ * Design-system layout (sizes, radii, loading/error UI) is intentionally
+ * NOT baked in here — use purpose-built components like `Avatar` instead.
+ *
+ * What this wrapper adds over a raw RN `Image`:
+ *  - Accepts a plain URI **string** as `source` (auto-normalized to `{ uri }`).
+ *  - Extends the prop surface with **web-only** HTML attributes (`sizes`,
+ *    `loading`, `decoding`, etc.) for better `react-native-web` support.
+ *    Props already covered by RN 0.81+ (`alt`, `srcSet`, `crossOrigin`,
+ *    `referrerPolicy`) are inherited from the native typings.
+ *  - All other props and `ref` are forwarded to the underlying `Image`.
+ *
+ * Inspired by Expo's html-elements Image primitive:
+ * @see https://github.com/expo/expo/blob/main/packages/html-elements/src/primitives/Image.tsx
+ */
+
+/** Coerces a plain URI string into the `{ uri }` shape RN expects. */function normalizeSource(source) {
+  if (typeof source === 'string') {
+    return {
+      uri: source
+    };
+  }
+  return source;
+}
+
+// ---------------------------------------------------------------------------
+// Web-oriented props not yet covered by react-native's Image typings.
+// Props already present in RN 0.81+ (alt, srcSet, crossOrigin,
+// referrerPolicy) are inherited from the native Image props.
+// ---------------------------------------------------------------------------
+
+/**
+ * HTML-ish attributes not in RN’s core typings. Forwarded to `Image` with `...props`;
+ * **react-native-web** maps supported ones to the DOM `<img>`. On iOS/Android they are
+ * typically ignored (no visual effect).
+ */
+
+// ---------------------------------------------------------------------------
+// ImageProps = native Image props (minus `source`) + WebImageProps + our overrides.
+// `source` is re-declared to also accept a plain string.
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+const Image = exports.Image = /*#__PURE__*/(0, _react.forwardRef)(function Image({
+  source,
+  ...props
+}, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: normalizeSource(source),
+    ...props,
+    ref: ref
+  });
+});
+Image.displayName = 'Image';
+//# sourceMappingURL=Image.js.map

package/lib/commonjs/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","normalizeSource","source","uri","Image","exports","forwardRef","props","ref","jsx","displayName"],"sourceRoot":"../../../../src","sources":["components/Image/Image.tsx"],"mappings":";;;;;;AAkBA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0E,IAAAE,WAAA,GAAAF,OAAA;AAnB1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,sEACA,SAASG,eAAeA,CAACC,MAAoC,EAAuB;EAClF,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAO;MAAEC,GAAG,EAAED;IAAO,CAAC;EACxB;EACA,OAAOA,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAcA;AACA;AACA;AACA;;AASA;AACA;AACA;;AAEO,MAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,iBAAU,EAA2C,SAASF,KAAKA,CACtF;EAAEF,MAAM;EAAE,GAAGK;AAAM,CAAC,EACpBC,GAAG,EACH;EACA,oBAAO,IAAAR,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAK,KAAO;IAACF,MAAM,EAAED,eAAe,CAACC,MAAM,CAAE;IAAA,GAAKK,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AAC1E,CAAC,CAAC;AAEFJ,KAAK,CAACM,WAAW,GAAG,OAAO","ignoreList":[]}

package/lib/commonjs/components/Image/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _Image.Image;
+  }
+});
+var _Image = require("./Image");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Image","require"],"sourceRoot":"../../../../src","sources":["components/Image/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/Input/BaseInput.android.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center'
+};
+const BaseInput = exports.BaseInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+  ref: ref,
+  ...props,
+  style: [androidDefaults, props.style]
+}));
+BaseInput.displayName = 'BaseInput';
+//# sourceMappingURL=BaseInput.android.js.map

package/lib/commonjs/components/Input/BaseInput.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","androidDefaults","includeFontPadding","textAlignVertical","BaseInput","exports","forwardRef","props","ref","jsx","TextInput","style","displayName"],"sourceRoot":"../../../../src","sources":["components/Input/BaseInput.android.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAE9D,MAAMG,eAAe,GAAG;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,iBAAiB,EAAE;AACrB,CAAC;AAEM,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EAA4B,CAACC,KAAK,EAAEC,GAAG,kBACxE,IAAAR,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAW,SAAS;EAACF,GAAG,EAAEA,GAAI;EAAA,GAAKD,KAAK;EAAEI,KAAK,EAAE,CAACV,eAAe,EAAEM,KAAK,CAACI,KAAK;AAAE,CAAE,CACzE,CAAC;AAEFP,SAAS,CAACQ,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/commonjs/components/Input/index.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
 var _BaseInput = require("./BaseInput");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -16,7 +17,6 @@ const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
 const useInputStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
 const InputPrimitive = (0, _primitives.createInput)({
   Root,
-  Icon: _reactNative.View,
   Slot: _reactNative.View,
   Field: _BaseInput.BaseInput
 });
@@ -27,7 +27,7 @@ const InputPrimitive = (0, _primitives.createInput)({
 
 const InputRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   variant = 'outline',
-  size = 'md',
+  size = 'default',
   className,
   children,
   style,
@@ -88,12 +88,7 @@ const InputSlot = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useInputStyleContext();
-  const computedClassName = (0, _utils.cn)((0, _styles.inputSlotVariants)({
-    size
-  }), className);
+  const computedClassName = (0, _utils.cn)((0, _styles.inputSlotVariants)(), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputPrimitive.Slot, {
     ref: ref,
     className: computedClassName,
@@ -108,26 +103,25 @@ InputSlot.displayName = 'Input.Slot';
 // INPUT ICON
 // =============================================================================
 
-const InputIcon = /*#__PURE__*/(0, _react.forwardRef)(({
+const InputIcon = ({
   className,
-  children,
   style,
+  as,
   ...props
-}, ref) => {
+}) => {
   const {
     size
   } = useInputStyleContext();
   const computedClassName = (0, _utils.cn)((0, _styles.inputIconVariants)({
     size
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputPrimitive.Icon, {
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
     className: computedClassName,
     style: style,
-    ...props,
-    children: children
+    ...props
   });
-});
+};
 InputIcon.displayName = 'Input.Icon';
 
 // =============================================================================

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_BaseInput","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useInputStyleContext","useStyleContext","InputPrimitive","createInput","Icon","Slot","Field","BaseInput","InputRoot","forwardRef","variant","size","className","children","style","props","ref","computedClassName","cn","inputRootVariants","jsx","context","displayName","InputField","placeholderTextColorClassName","rest","inputFieldVariants","computedPlaceholderColorClassName","inputFieldPlaceholderVariants","InputSlot","inputSlotVariants","InputIcon","inputIconVariants","Input","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_BaseInput","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useInputStyleContext","useStyleContext","InputPrimitive","createInput","Slot","Field","BaseInput","InputRoot","forwardRef","variant","size","className","children","style","props","ref","computedClassName","cn","inputRootVariants","jsx","context","displayName","InputField","placeholderTextColorClassName","rest","inputFieldVariants","computedPlaceholderColorClassName","inputFieldPlaceholderVariants","InputSlot","inputSlotVariants","InputIcon","as","inputIconVariants","Icon","Input","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAMA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAOkB,IAAAO,WAAA,GAAAP,OAAA;AAElB,MAAMQ,KAAK,GAAG,OAAO;AAErB,MAAMC,IAAI,GAAG,IAAAC,uBAAgB,EAACC,iBAAI,EAAEH,KAAK,CAAC;AAE1C,MAAMI,oBAAoB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACL,KAAK,CAAsB;AAE9E,MAAMM,cAAc,GAAG,IAAAC,uBAAW,EAAC;EACjCN,IAAI;EACJO,IAAI,EAAEL,iBAAI;EACVM,KAAK,EAAEC;AACT,CAAC,CAAC;;AAEF;AACA;AACA;;AAOA,MAAMC,SAAS,gBAAG,IAAAC,iBAAU,EAC1B,CAAC;EAAEC,OAAO,GAAG,SAAS;EAAEC,IAAI,GAAG,SAAS;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxF,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,yBAAiB,EAAC;IAAET,OAAO;IAAEC;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAE7E,oBACE,IAAAhB,WAAA,CAAAwB,GAAA,EAACjB,cAAc;IACba,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IACbO,OAAO,EAAE;MAAEX,OAAO;MAAEC;IAAK,CAAE;IAAA,GACvBI,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC;AAEDL,SAAS,CAACc,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;AAOA,MAAMC,UAAU,gBAAG,IAAAd,iBAAU,EAC3B,CAAC;EAAEG,SAAS;EAAEY,6BAA6B;EAAEV,KAAK;EAAE,GAAGW;AAAK,CAAC,EAAET,GAAG,KAAK;EACrE,MAAM;IAAEL;EAAK,CAAC,GAAGV,oBAAoB,CAAC,CAAC;EAEvC,MAAMgB,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAQ,0BAAkB,EAAC;IAAEf;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EACrE,MAAMe,iCAAiC,GAAG,IAAAT,SAAE,EAC1C,IAAAU,qCAA6B,EAAC,CAAC,EAC/BJ,6BACF,CAAC;EAED,oBACE,IAAA5B,WAAA,CAAAwB,GAAA,EAACjB,cAAc,CAACG,KAAK;IACnBU,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BO,6BAA6B,EAAEG,iCAAkC;IACjEb,KAAK,EAAEA,KAAM;IAAA,GACTW;EAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDF,UAAU,CAACD,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAOA,MAAMO,SAAS,gBAAG,IAAApB,iBAAU,EAC1B,CAAC;EAAEG,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAY,yBAAiB,EAAC,CAAC,EAAElB,SAAS,CAAC;EAE5D,oBACE,IAAAhB,WAAA,CAAAwB,GAAA,EAACjB,cAAc,CAACE,IAAI;IAACW,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACjFA;EAAQ,CACU,CAAC;AAE1B,CACF,CAAC;AAEDgB,SAAS,CAACP,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAIA,MAAMS,SAAS,GAAGA,CAAC;EAAEnB,SAAS;EAAEE,KAAK;EAAEkB,EAAE;EAAE,GAAGjB;AAAsB,CAAC,KAAK;EACxE,MAAM;IAAEJ;EAAK,CAAC,GAAGV,oBAAoB,CAAC,CAAC;EAEvC,MAAMgB,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAe,yBAAiB,EAAC;IAAEtB;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAEpE,oBAAO,IAAAhB,WAAA,CAAAwB,GAAA,EAAC3B,KAAA,CAAAyC,IAAI;IAACF,EAAE,EAAEA,EAAG;IAACpB,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAChF,CAAC;AAEDgB,SAAS,CAACT,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAQO,MAAMa,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAGE,MAAM,CAACC,MAAM,CAAC9B,SAAS,EAAE;EAC5CF,KAAK,EAAEiB,UAAU;EACjBlB,IAAI,EAAEwB,SAAS;EACfK,IAAI,EAAEH;AACR,CAAC,CAA2B","ignoreList":[]}

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

@@ -5,58 +5,44 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.inputSlotVariants = exports.inputRootVariants = exports.inputIconVariants = exports.inputFieldVariants = exports.inputFieldPlaceholderVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-center', 'border border-neutral-border-strong bg-neutral-surface shadow-sm', 'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:bg-interactive-disabled-background data-[disabled=true]:border-interactive-disabled', 'data-[focus=true]:border-interactive-focus', 'data-[invalid=true]:border-red-500'], {
+var _primitives = require("../../styles/primitives");
+const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-stretch border', _primitives.COLOR_BG_PRIMARY, _primitives.COLOR_BORDER_DEFAULT, _primitives.RADIUS_SM, _primitives.SHADOW_SM, _primitives.TRANSITION_COLORS, _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR, 'data-[disabled=true]:bg-slate-50 data-[disabled=true]:border-slate-300', 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-slate-50', 'web:data-[hover=true]:data-[active=false]:border-slate-300', 'data-[focus=true]:border-slate-900', 'data-[invalid=true]:border-red-500'], {
   variants: {
     variant: {
-      outline: ['rounded-md px-3', 'web:focus-within:border-interactive-focus web:focus-within:ring-3 web:focus-within:ring-blue-300/50', 'web:data-[invalid=true]:focus-within:border-red-500 web:data-[invalid=true]:focus-within:ring-red-300/50'],
-      underlined: 'rounded-none border-t-0 border-l-0 border-r-0 border-b-neutral-border data-[focus=true]:border-b-interactive-focus shadow-none'
+      outline: ['web:focus-within:border-slate-900 web:focus-within:ring-2 web:focus-within:ring-slate-400/50 web:focus-within:ring-offset-0', 'web:data-[invalid=true]:focus-within:border-red-500 web:data-[invalid=true]:focus-within:ring-2 web:data-[invalid=true]:focus-within:ring-red-400/50']
     },
     size: {
-      sm: 'h-9 py-1',
-      md: 'h-11 py-1.5',
-      lg: 'h-12 py-2'
+      default: `${_primitives.SIZE_SCALE.default.height} ${_primitives.SIZE_SCALE.default.px} py-2 ${_primitives.SIZE_SCALE.default.gap}`,
+      small: `${_primitives.SIZE_SCALE.small.height} ${_primitives.SIZE_SCALE.small.px} py-1.5 ${_primitives.SIZE_SCALE.small.gap}`
     }
   },
   defaultVariants: {
     variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
-const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 bg-transparent text-neutral-text-primary', 'placeholder:text-neutral-placeholder', 'web:outline-none'], {
+const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', _primitives.COLOR_TEXT_PRIMARY, 'placeholder:text-slate-400', 'web:outline-none'], {
   variants: {
     size: {
-      sm: 'text-sm leading-none',
-      md: 'text-base leading-none',
-      lg: 'text-lg leading-none'
+      default: 'text-[1rem]',
+      small: 'text-[0.875rem]'
     }
   },
   defaultVariants: {
-    size: 'sm'
+    size: 'default'
   }
 });
-const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center'], {
+const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center']);
+const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_MUTED], {
   variants: {
     size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-6 w-6'
+      default: 'size-5',
+      small: 'size-4'
     }
   },
   defaultVariants: {
-    size: 'sm'
+    size: 'default'
   }
 });
-const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-neutral-text-tertiary'], {
-  variants: {
-    size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-5 w-5'
-    }
-  },
-  defaultVariants: {
-    size: 'sm'
-  }
-});
-const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _classVarianceAuthority.cva)(['accent-neutral-placeholder']);
+const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _classVarianceAuthority.cva)(['accent-slate-400']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","inputRootVariants","exports","cva","variants","variant","outline","underlined","size","sm","md","lg","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,8BAA8B,EAC9B,kEAAkE,EAClE,kLAAkL,EAClL,4CAA4C,EAC5C,oCAAoC,CACrC,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,iBAAiB,EACjB,qGAAqG,EACrG,0GAA0G,CAC3G;MACDC,UAAU,EACR;IACJ,CAAC;IACDC,IAAI,EAAE;MACJC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,OAAO,EAAE,SAAS;IAClBG,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,iDAAiD,EACjD,sCAAsC,EACtC,kBAAkB,CACnB,EACD;EACEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,sBAAsB;MAC1BC,EAAE,EAAE,wBAAwB;MAC5BC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMM,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,6BAA6B,CAAC,EAAE;EACpEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,4BAA4B,CAAC,EAAE;EACnEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMQ,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,4BAA4B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","RADIUS_SM","SHADOW_SM","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","variants","variant","outline","size","default","SIZE_SCALE","height","px","gap","small","defaultVariants","inputFieldVariants","COLOR_TEXT_PRIMARY","inputSlotVariants","inputIconVariants","COLOR_TEXT_MUTED","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAaO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,sCAAsC,EACtCC,4BAAgB,EAChBC,gCAAoB,EACpBC,qBAAS,EACTC,qBAAS,EACTC,6BAAiB,EACjBC,4BAAgB,EAChBC,2BAAe,EACf,wEAAwE,EACxE,qCAAqC,EACrC,kCAAkC,EAClC,4DAA4D,EAC5D,oCAAoC,EACpC,oCAAoC,CACrC,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,6HAA6H,EAC7H,sJAAsJ;IAE1J,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,GAAGC,sBAAU,CAACD,OAAO,CAACE,MAAM,IAAID,sBAAU,CAACD,OAAO,CAACG,EAAE,SAASF,sBAAU,CAACD,OAAO,CAACI,GAAG,EAAE;MAC/FC,KAAK,EAAE,GAAGJ,sBAAU,CAACI,KAAK,CAACH,MAAM,IAAID,sBAAU,CAACI,KAAK,CAACF,EAAE,WAAWF,sBAAU,CAACI,KAAK,CAACD,GAAG;IACzF;EACF,CAAC;EACDE,eAAe,EAAE;IACfT,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMQ,kBAAkB,GAAApB,OAAA,CAAAoB,kBAAA,GAAG,IAAAnB,2BAAG,EACnC,CACE,0CAA0C,EAC1CoB,8BAAkB,EAClB,4BAA4B,EAC5B,kBAAkB,CACnB,EACD;EACEZ,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,aAAa;MACtBK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMU,iBAAiB,GAAAtB,OAAA,CAAAsB,iBAAA,GAAG,IAAArB,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;AAE1E,MAAMsB,iBAAiB,GAAAvB,OAAA,CAAAuB,iBAAA,GAAG,IAAAtB,2BAAG,EAAC,CAACuB,4BAAgB,CAAC,EAAE;EACvDf,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMa,6BAA6B,GAAAzB,OAAA,CAAAyB,6BAAA,GAAG,IAAAxB,2BAAG,EAAC,CAAC,kBAAkB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Link/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+Object.defineProperty(exports, "LinkProvider", {
+  enumerable: true,
+  get: function () {
+    return _primitives.LinkProvider;
+  }
+});
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const LinkPrimitive = (0, _primitives.createLink)({
+  Root: _reactNative.Pressable
+});
+
+// =============================================================================
+// STYLED ROOT COMPONENT
+// =============================================================================
+
+const LinkRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const rootClassName = (0, _utils.cn)((0, _styles.linkRootVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkPrimitive, {
+    ref: ref,
+    className: rootClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+LinkRoot.displayName = 'Link';
+
+// =============================================================================
+// STYLED LABEL COMPONENT
+// =============================================================================
+
+const LinkLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.linkLabelVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+LinkLabel.displayName = 'Link.Label';
+
+// =============================================================================
+// STYLED ICON COMPONENT
+// =============================================================================
+
+const LinkIcon = ({
+  className,
+  style,
+  as,
+  ...props
+}) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.linkIconVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+};
+LinkIcon.displayName = 'Link.Icon';
+
+// =============================================================================
+// COMPOUND COMPONENT EXPORT
+// =============================================================================
+
+const Link = exports.Link = Object.assign(LinkRoot, {
+  Label: LinkLabel,
+  Icon: LinkIcon
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","LinkPrimitive","createLink","Root","Pressable","LinkRoot","forwardRef","className","children","style","props","ref","rootClassName","cn","linkRootVariants","jsx","displayName","LinkLabel","computedClassName","linkLabelVariants","Text","LinkIcon","as","linkIconVariants","Icon","Link","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Link/index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAiF,IAAAM,WAAA,GAAAN,OAAA;AAIjF,MAAMO,aAAa,GAAG,IAAAC,sBAAU,EAAC;EAC/BC,IAAI,EAAEC;AACR,CAAC,CAAC;;AAEF;AACA;AACA;;AAMA,MAAMC,QAAQ,gBAAG,IAAAC,iBAAU,EAAkB,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,wBAAgB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAEvD,oBACE,IAAAP,WAAA,CAAAe,GAAA,EAACd,aAAa;IAACU,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,aAAc;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAEFH,QAAQ,CAACW,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAOA,MAAMC,SAAS,gBAAG,IAAAX,iBAAU,EAC1B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMO,iBAAiB,GAAG,IAAAL,SAAE,EAAC,IAAAM,yBAAiB,EAAC,CAAC,EAAEZ,SAAS,CAAC;EAE5D,oBACE,IAAAP,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAyB,IAAM;IAACT,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEW,iBAAkB;IAACT,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACpEA;EAAQ,CACH,CAAC;AAEb,CACF,CAAC;AAEDS,SAAS,CAACD,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAIA,MAAMK,QAAQ,GAAGA,CAAC;EAAEd,SAAS;EAAEE,KAAK;EAAEa,EAAE;EAAE,GAAGZ;AAAqB,CAAC,KAAK;EACtE,MAAMQ,iBAAiB,GAAG,IAAAL,SAAE,EAAC,IAAAU,wBAAgB,EAAC,CAAC,EAAEhB,SAAS,CAAC;EAE3D,oBAAO,IAAAP,WAAA,CAAAe,GAAA,EAACjB,KAAA,CAAA0B,IAAI;IAACF,EAAE,EAAEA,EAAG;IAACf,SAAS,EAAEW,iBAAkB;IAACT,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAChF,CAAC;AAEDW,QAAQ,CAACL,WAAW,GAAG,WAAW;;AAElC;AACA;AACA;;AAOO,MAAMS,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAGE,MAAM,CAACC,MAAM,CAACvB,QAAQ,EAAE;EAC1CwB,KAAK,EAAEZ,SAAS;EAChBO,IAAI,EAAEH;AACR,CAAC,CAA0B","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkRootVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+const linkRootVariants = exports.linkRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-1', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'text-blue-600', 'underline decoration-slate-300 underline-offset-4', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
+  web: 'data-[hover=true]:decoration-slate-900',
+  default: ''
+}), 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2']);
+const linkLabelVariants = exports.linkLabelVariants = (0, _classVarianceAuthority.cva)(['text-sm font-medium', 'text-blue-600']);
+const linkIconVariants = exports.linkIconVariants = (0, _classVarianceAuthority.cva)(['size-4', 'text-blue-600']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","linkRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","default","linkLabelVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAClC,6BAA6B,EAC7B,wEAAwE,EACxE,eAAe,EACf,mDAAmD,EACnDC,6BAAiB,EACjBC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,wCAAwC;EAC7CC,OAAO,EAAE;AACX,CAAC,CAAC,EACF,kIAAkI,CACnI,CAAC;AAEK,MAAMC,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC;AAEvE,MAAMO,gBAAgB,GAAAR,OAAA,CAAAQ,gBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/ProgressSegmented/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressSegmented = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.forwardRef)(({
+  step,
+  total = 5,
+  isStepComplete = false,
+  getAccessibilityText,
+  className,
+  accessibilityLabel = 'Progress',
+  ...props
+}, ref) => {
+  const clampedStep = Math.max(0, Math.min(step, total));
+  const segments = (0, _react.useMemo)(() => {
+    return Array.from({
+      length: total
+    }, (_, index) => {
+      const segmentIndex = index + 1;
+      let state = 'incomplete';
+      if (segmentIndex < clampedStep || isStepComplete && segmentIndex === clampedStep) {
+        state = 'complete';
+      } else if (segmentIndex === clampedStep) {
+        state = 'inprogress';
+      }
+      return state;
+    });
+  }, [total, clampedStep, isStepComplete]);
+  let accessibilityText = `Step ${String(clampedStep)} of ${String(total)}`;
+  if (getAccessibilityText) {
+    accessibilityText = getAccessibilityText(clampedStep, total, isStepComplete);
+  } else if (isStepComplete) {
+    accessibilityText = `Step ${String(clampedStep)} of ${String(total)}, completed`;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityValue: {
+      min: 0,
+      max: total,
+      now: clampedStep,
+      text: accessibilityText
+    },
+    className: (0, _utils.cn)((0, _styles.progressSegmentedVariants)(), className),
+    ...props,
+    children: segments.map((state, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _utils.cn)((0, _styles.segmentVariants)({
+        state
+      }))
+    }, index))
+  });
+});
+ProgressSegmented.displayName = 'ProgressSegmented';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","ProgressSegmented","exports","forwardRef","step","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","clampedStep","Math","max","min","segments","useMemo","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","jsx","View","accessibilityRole","accessibilityValue","now","text","cn","progressSegmentedVariants","children","map","segmentVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIkB,IAAAI,WAAA,GAAAJ,OAAA;AAcX,MAAMK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,iBAAU,EACzC,CACE;EACEC,IAAI;EACJC,KAAK,GAAG,CAAC;EACTC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACX,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEtD,MAAMW,QAAQ,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7B,OAAOC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEf;IAAM,CAAC,EAAE,CAACgB,CAAC,EAAEC,KAAK,KAAK;MACjD,MAAMC,YAAY,GAAGD,KAAK,GAAG,CAAC;MAC9B,IAAIE,KAA+C,GAAG,YAAY;MAElE,IAAID,YAAY,GAAGX,WAAW,IAAKN,cAAc,IAAIiB,YAAY,KAAKX,WAAY,EAAE;QAClFY,KAAK,GAAG,UAAU;MACpB,CAAC,MAAM,IAAID,YAAY,KAAKX,WAAW,EAAE;QACvCY,KAAK,GAAG,YAAY;MACtB;MAEA,OAAOA,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAACnB,KAAK,EAAEO,WAAW,EAAEN,cAAc,CAAC,CAAC;EAExC,IAAImB,iBAAiB,GAAG,QAAQC,MAAM,CAACd,WAAW,CAAC,OAAOc,MAAM,CAACrB,KAAK,CAAC,EAAE;EACzE,IAAIE,oBAAoB,EAAE;IACxBkB,iBAAiB,GAAGlB,oBAAoB,CAACK,WAAW,EAAEP,KAAK,EAAEC,cAAc,CAAC;EAC9E,CAAC,MAAM,IAAIA,cAAc,EAAE;IACzBmB,iBAAiB,GAAG,QAAQC,MAAM,CAACd,WAAW,CAAC,OAAOc,MAAM,CAACrB,KAAK,CAAC,aAAa;EAClF;EAEA,oBACE,IAAAL,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;IACHjB,GAAG,EAAEA,GAAI;IACTkB,iBAAiB,EAAC,aAAa;IAC/BpB,kBAAkB,EAAEA,kBAAmB;IACvCqB,kBAAkB,EAAE;MAClBf,GAAG,EAAE,CAAC;MACND,GAAG,EAAET,KAAK;MACV0B,GAAG,EAAEnB,WAAW;MAChBoB,IAAI,EAAEP;IACR,CAAE;IACFjB,SAAS,EAAE,IAAAyB,SAAE,EAAC,IAAAC,iCAAyB,EAAC,CAAC,EAAE1B,SAAS,CAAE;IAAA,GAClDE,KAAK;IAAAyB,QAAA,EAERnB,QAAQ,CAACoB,GAAG,CAAC,CAACZ,KAAK,EAAEF,KAAK,kBACzB,IAAAtB,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MAAapB,SAAS,EAAE,IAAAyB,SAAE,EAAC,IAAAI,uBAAe,EAAC;QAAEb;MAAM,CAAC,CAAC;IAAE,GAAjDF,KAAmD,CAC/D;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAEDrB,iBAAiB,CAACqC,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.segmentVariants = exports.progressSegmentedVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+const progressSegmentedVariants = exports.progressSegmentedVariants = (0, _classVarianceAuthority.cva)(['flex-row gap-1 w-full']);
+const segmentVariants = exports.segmentVariants = (0, _classVarianceAuthority.cva)(['flex-1 h-2 rounded'], {
+  variants: {
+    state: {
+      complete: 'bg-slate-900',
+      incomplete: 'bg-slate-300',
+      inprogress: 'bg-gradient-to-r from-slate-900 from-50% to-slate-300 to-50%'
+    }
+  },
+  defaultVariants: {
+    state: 'incomplete'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","progressSegmentedVariants","exports","cva","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;AAEhE,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,oBAAoB,CAAC,EAAE;EACzDE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,cAAc;MACxBC,UAAU,EAAE,cAAc;MAC1BC,UAAU,EAAE;IACd;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectTriggerHost = void 0;
+var _reactNative = require("react-native");
+/** Native: `Pressable`. Web: `SelectTriggerHost.web` uses `<button>` so `<label htmlFor>` works. */
+const SelectTriggerHost = exports.SelectTriggerHost = _reactNative.Pressable;
+//# sourceMappingURL=SelectTriggerHost.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","SelectTriggerHost","exports","Pressable"],"sourceRoot":"../../../../src","sources":["components/Select/SelectTriggerHost.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,sBAAS","ignoreList":[]}

package/lib/commonjs/components/Select/SelectTriggerHost.web.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectTriggerHost = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Props that must not be forwarded to a DOM `<button>`. */
+const OMIT = new Set(['hitSlop', 'pressRetentionOffset', 'android_ripple', 'android_disableSound', 'unstable_pressDelay', 'onLongPress', 'delayLongPress', 'onPress', 'onPressIn', 'onPressOut', 'onHoverIn', 'onHoverOut', 'disabled', 'style', 'className', 'testID', 'children', 'accessible', 'accessibilityActions', 'accessibilityElementsHidden', 'accessibilityHint', 'accessibilityIgnoresInvertColors', 'accessibilityLabel', 'accessibilityLabelledBy', 'accessibilityLiveRegion', 'accessibilityRole', 'accessibilityState', 'accessibilityValue', 'accessibilityViewIsModal', 'importantForAccessibility', 'needsOffscreenAlphaCompositing', 'collapsable', 'shouldRasterizeIOS', 'removeClippedSubviews', 'onAccessibilityAction', 'onAccessibilityEscape', 'onAccessibilityTap']);
+function resolveChildren(children) {
+  if (typeof children === 'function') {
+    return children({
+      pressed: false
+    });
+  }
+  return children;
+}
+function filterDomProps(rest) {
+  const entries = Object.entries(rest).filter(([key]) => !OMIT.has(key));
+  return Object.fromEntries(entries);
+}
+
+/** UA `<button>` defaults (centered text, inline sizing) fight our flex + `justify-between` layout. */
+const webButtonLayoutStyle = {
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  width: '100%',
+  minWidth: 0,
+  textAlign: 'start',
+  boxSizing: 'border-box',
+  margin: 0,
+  font: 'inherit',
+  lineHeight: 'normal',
+  WebkitAppearance: 'none',
+  appearance: 'none'
+};
+
+/**
+ * Native `<button type="button">` so the trigger is HTML-labelable (`<label htmlFor>` focuses it).
+ * `Pressable` on web is a non-labelable div; no extra refs are needed for label association.
+ */
+const SelectTriggerHost = exports.SelectTriggerHost = /*#__PURE__*/(0, _react.forwardRef)(function SelectTriggerHost(props, ref) {
+  const {
+    children,
+    onPress,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    disabled,
+    style,
+    className,
+    testID,
+    ...rest
+  } = props;
+  const domProps = filterDomProps(rest);
+  const flattened = _reactNative.StyleSheet.flatten(style);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    ref: ref,
+    ...domProps,
+    type: "button",
+    disabled: !!disabled,
+    className: typeof className === 'string' ? className : undefined,
+    style: {
+      ...webButtonLayoutStyle,
+      ...(flattened ?? {})
+    },
+    "data-testid": testID,
+    onClick: e => {
+      if (!disabled) {
+        onPress?.(e);
+      }
+    },
+    onPointerDown: e => {
+      onPressIn?.(e);
+    },
+    onPointerUp: e => {
+      onPressOut?.(e);
+    },
+    onPointerCancel: e => {
+      onPressOut?.(e);
+    },
+    onMouseEnter: e => {
+      onHoverIn?.(e);
+    },
+    onMouseLeave: e => {
+      onHoverOut?.(e);
+    },
+    children: resolveChildren(children)
+  });
+});
+SelectTriggerHost.displayName = 'SelectTriggerHost';
+//# sourceMappingURL=SelectTriggerHost.web.js.map