@cdx-ui/components 0.0.1-beta.13 → 0.0.1-beta.131

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

@@ -5,29 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.OtpInput = void 0;
 var _react = require("react");
+var _reactNative = require("react-native");
 var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
-var _HStack = require("../Stack/HStack");
 var _Input = require("../Input");
-var _styles = require("./styles");
+var _styles = require("../Input/styles");
+var _styles2 = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const SCOPE = 'OTP_INPUT';
-const OtpRoot = (0, _utils.withStyleContext)(_HStack.HStack, SCOPE);
 const useOtpInputStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
 const OtpStyledCell = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
   children,
+  variant: variantProp,
+  size: sizeProp,
   ...props
 }, ref) => {
-  const {
-    size,
-    variant
-  } = useOtpInputStyleContext();
+  const context = useOtpInputStyleContext();
+  const variant = variantProp ?? context.variant ?? 'outline';
+  const size = sizeProp ?? context.size ?? 'default';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
     ref: ref,
     variant: variant,
     size: size,
-    className: (0, _utils.cn)((0, _styles.otpCellVariants)({
+    className: (0, _utils.cn)((0, _styles2.otpCellVariants)({
       size
     }), className),
     ...props,
@@ -35,49 +36,126 @@ const OtpStyledCell = /*#__PURE__*/(0, _react.forwardRef)(({
   });
 });
 OtpStyledCell.displayName = 'OtpInput.Cell';
-const OtpStyledField = /*#__PURE__*/(0, _react.forwardRef)(({
-  className,
-  ...props
-}, ref) => {
+/**
+ * Bridges OtpInputField focus/blur events to the parent Input's context so
+ * InputRoot emits `data-focus=true` and the `border-stroke-action` CSS activates.
+ * The primitive OtpInputField doesn't know about InputContext — that coupling
+ * belongs here in the styled layer.
+ */
+const OtpStyledField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
-    size
-  } = useOtpInputStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input.Field, {
+    setIsFocused
+  } = (0, _primitives.useInputContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.OtpInputField, {
     ref: ref,
-    className: (0, _utils.cn)((0, _styles.otpFieldVariants)({
-      size
-    }), className),
-    ...props
+    ...props,
+    onFocus: e => {
+      setIsFocused?.(true);
+      props.onFocus?.(e);
+    },
+    onBlur: e => {
+      setIsFocused?.(false);
+      props.onBlur?.(e);
+    }
   });
 });
 OtpStyledField.displayName = 'OtpInput.Field';
-const OtpPrimitive = (0, _primitives.createOtpInput)({
-  Root: OtpRoot,
-  Cell: OtpStyledCell,
-  Field: OtpStyledField
-});
-const OtpInput = exports.OtpInput = /*#__PURE__*/(0, _react.forwardRef)(({
+const OtpInputRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   variant = 'outline',
-  size = 'default',
-  fullWidth = true,
+  size,
+  fullWidth,
   className,
   style,
+  cellCount,
+  value,
+  onChangeText,
+  onComplete,
+  isDisabled,
+  isInvalid,
+  isReadOnly,
+  smsOtpAutofill,
+  filterInput,
+  allowedCharacters,
+  characterPattern,
+  getCellProps,
+  cellTestIdPrefix,
+  accessibilityLabel,
   ...rest
 }, ref) => {
-  const rootClassName = (0, _utils.cn)((0, _styles.otpRootVariants)({
+  const otpContext = (0, _primitives.useOtpInput)({
+    cellCount,
+    value,
+    onChangeText,
+    onComplete,
+    isDisabled,
+    isInvalid,
+    isReadOnly,
+    smsOtpAutofill,
+    filterInput,
+    allowedCharacters,
+    characterPattern,
+    getCellProps,
+    cellTestIdPrefix,
+    accessibilityLabel
+  });
+  const rootClassName = (0, _utils.cn)((0, _styles2.otpRootVariants)({
     size,
     fullWidth
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpPrimitive, {
-    ref: ref,
-    className: rootClassName,
-    style: style,
-    context: {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
       variant,
       size
-    },
-    ...rest
+    }
+  }), [parent, variant, size]);
+  const fieldClassName = (0, _utils.cn)((0, _styles.inputFieldVariants)({
+    size
+  }), (0, _styles2.otpFieldVariants)({
+    size
+  }));
+  const {
+    isDisabled: resolvedDisabled,
+    isInvalid: resolvedInvalid,
+    isReadOnly: resolvedReadOnly
+  } = otpContext;
+  const cells = [];
+  for (let i = 0; i < cellCount; i++) {
+    cells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.OtpCellIndexProvider, {
+      value: {
+        cellIndex: i
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpStyledCell, {
+        isDisabled: resolvedDisabled,
+        isInvalid: resolvedInvalid,
+        isReadOnly: resolvedReadOnly,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpStyledField, {
+          className: fieldClassName
+        })
+      })
+    }, i));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.OtpInputProvider, {
+      value: otpContext,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        ref: ref,
+        className: rootClassName,
+        style: style,
+        ...rest,
+        ...(0, _primitives.mergeDataAttributes)(rest, (0, _primitives.dataAttributes)({
+          slot: 'otp-input'
+        })),
+        children: cells
+      })
+    })
   });
 });
-OtpInput.displayName = 'OtpInput';
+OtpInputRoot.displayName = 'OtpInput';
+const OtpInput = exports.OtpInput = Object.assign(OtpInputRoot, {
+  Cell: OtpStyledCell,
+  Field: OtpStyledField
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_primitives","_utils","_HStack","_Input","_styles","_jsxRuntime","SCOPE","OtpRoot","withStyleContext","HStack","useOtpInputStyleContext","useStyleContext","OtpStyledCell","forwardRef","className","children","props","ref","size","variant","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","Field","otpFieldVariants","OtpPrimitive","createOtpInput","Root","Cell","OtpInput","exports","fullWidth","style","rest","rootClassName","otpRootVariants","context"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAKkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,KAAK,GAAG,WAAW;AAEzB,MAAMC,OAAO,GAAG,IAAAC,uBAAgB,EAACC,cAAM,EAAEH,KAAK,CAAC;AAE/C,MAAMI,uBAAuB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACL,KAAK,CAAsB;AAEjF,MAAMM,aAAa,gBAAG,IAAAC,iBAAU,EAC9B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAuB,KAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACnD,oBACE,IAAAL,WAAA,CAAAe,GAAA,EAACjB,MAAA,CAAAkB,KAAK;IACJJ,GAAG,EAAEA,GAAI;IACTE,OAAO,EAAEA,OAAQ;IACjBD,IAAI,EAAEA,IAAK;IACXJ,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAC,uBAAe,EAAC;MAAEL;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAChDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACJ,CAAC;AAEZ,CACF,CAAC;AAEDH,aAAa,CAACY,WAAW,GAAG,eAAe;AAE3C,MAAMC,cAAc,gBAAG,IAAAZ,iBAAU,EAG/B,CAAC;EAAEC,SAAS;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAGR,uBAAuB,CAAC,CAAC;EAC1C,oBAAO,IAAAL,WAAA,CAAAe,GAAA,EAACjB,MAAA,CAAAkB,KAAK,CAACK,KAAK;IAACT,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAK,wBAAgB,EAAC;MAAET;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAAKE;EAAK,CAAG,CAAC;AACnG,CAAC,CAAC;AAEFS,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,MAAMI,YAAY,GAAG,IAAAC,0BAAc,EAAC;EAClCC,IAAI,EAAEvB,OAAO;EACbwB,IAAI,EAAEnB,aAAa;EACnBc,KAAK,EAAED;AACT,CAAC,CAAC;AAQK,MAAMO,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAnB,iBAAU,EAChC,CAAC;EAAEM,OAAO,GAAG,SAAS;EAAED,IAAI,GAAG,SAAS;EAAEgB,SAAS,GAAG,IAAI;EAAEpB,SAAS;EAAEqB,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEnB,GAAG,KAAK;EAC/F,MAAMoB,aAAa,GAAG,IAAAf,SAAE,EAAC,IAAAgB,uBAAe,EAAC;IAAEpB,IAAI;IAAEgB;EAAU,CAAC,CAAC,EAAEpB,SAAS,CAAC;EAEzE,oBACE,IAAAT,WAAA,CAAAe,GAAA,EAACQ,YAAY;IACXX,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEuB,aAAc;IACzBF,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAE;MAAEpB,OAAO;MAAED;IAAK,CAAE;IAAA,GACvBkB;EAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDJ,QAAQ,CAACR,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Input","_styles","_styles2","_jsxRuntime","SCOPE","useOtpInputStyleContext","useStyleContext","OtpStyledCell","forwardRef","className","children","variant","variantProp","size","sizeProp","props","ref","context","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","setIsFocused","useInputContext","OtpInputField","onFocus","e","onBlur","OtpInputRoot","fullWidth","style","cellCount","value","onChangeText","onComplete","isDisabled","isInvalid","isReadOnly","smsOtpAutofill","filterInput","allowedCharacters","characterPattern","getCellProps","cellTestIdPrefix","accessibilityLabel","rest","otpContext","useOtpInput","rootClassName","otpRootVariants","parent","useParentContext","ctx","useMemo","fieldClassName","inputFieldVariants","otpFieldVariants","resolvedDisabled","resolvedInvalid","resolvedReadOnly","cells","i","push","OtpCellIndexProvider","cellIndex","ParentContext","Provider","OtpInputProvider","View","mergeDataAttributes","dataAttributes","slot","OtpInput","exports","Object","assign","Cell","Field"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.otpRootVariants = exports.otpFieldVariants = exports.otpCellVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const otpRootVariants = exports.otpRootVariants = (0, _classVarianceAuthority.cva)('flex-row items-stretch gap-2.5', {
+const otpRootVariants = exports.otpRootVariants = (0, _classVarianceAuthority.cva)('flex-row items-stretch gap-2', {
   variants: {
     size: {
       default: '',
@@ -18,27 +18,29 @@ const otpRootVariants = exports.otpRootVariants = (0, _classVarianceAuthority.cv
   },
   defaultVariants: {
     size: 'default',
-    fullWidth: true
+    fullWidth: false
   }
 });
 
 /** Narrow cell chrome: overrides Input root `w-full` / wide horizontal padding for one digit. */
-const otpCellVariants = exports.otpCellVariants = (0, _classVarianceAuthority.cva)('shrink-0 justify-center', {
+const otpCellVariants = exports.otpCellVariants = (0, _classVarianceAuthority.cva)(['shrink-0 justify-center gap-0',
+// Figma read-only: surface-secondary + stroke-primary + opacity-disabled (text stays content-primary).
+'data-[readonly=true]:opacity-[var(--opacity-disabled)]'], {
   variants: {
     size: {
-      default: 'w-12 min-w-12 max-w-12 px-1',
-      small: 'w-10 min-w-10 max-w-10 px-0.5'
+      default: ['w-11 min-w-11 max-w-11 pl-2 pr-2', 'h-14 min-h-14'],
+      small: ['w-9 min-w-9 max-w-9 pl-1.5 pr-1.5', 'h-10 min-h-10']
     }
   },
   defaultVariants: {
     size: 'default'
   }
 });
-const otpFieldVariants = exports.otpFieldVariants = (0, _classVarianceAuthority.cva)('min-w-0 w-full text-center tabular-nums', {
+const otpFieldVariants = exports.otpFieldVariants = (0, _classVarianceAuthority.cva)('min-w-0 w-full text-center tabular-nums font-medium', {
   variants: {
     size: {
       default: 'text-xl leading-6',
-      small: 'text-base leading-5'
+      small: 'text-lg leading-[calc(var(--spacing-5)+var(--spacing-0-5))]'
     }
   },
   defaultVariants: {

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","otpRootVariants","exports","cva","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,2BAAG,EAAC,gCAAgC,EAAE;EACnEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,SAAS;IACfG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACO,MAAMI,eAAe,GAAAV,OAAA,CAAAU,eAAA,GAAG,IAAAT,2BAAG,EAAC,yBAAyB,EAAE;EAC5DC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,6BAA6B;MACtCC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,yCAAyC,EAAE;EAC7EC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,mBAAmB;MAC5BC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","otpRootVariants","exports","cva","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,2BAAG,EAAC,8BAA8B,EAAE;EACjEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,SAAS;IACfG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACO,MAAMI,eAAe,GAAAV,OAAA,CAAAU,eAAA,GAAG,IAAAT,2BAAG,EAChC,CACE,+BAA+B;AAC/B;AACA,wDAAwD,CACzD,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,kCAAkC,EAAE,eAAe,CAAC;MAC9DC,KAAK,EAAE,CAAC,mCAAmC,EAAE,eAAe;IAC9D;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,qDAAqD,EAAE;EACzFC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,mBAAmB;MAC5BC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -5,41 +5,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ProgressBar = void 0;
 var _react = require("react");
-var _reactNative = require("react-native");
 var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
-const ProgressPrimitive = (0, _primitives.createProgress)({
-  Root: _reactNative.View,
-  Indicator: _reactNative.View
-});
-const ProgressBarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+const ProgressBarRootComponent = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
   style,
   ...props
 }, ref) => {
   const trackClass = (0, _utils.cn)((0, _styles.progressBarTrackVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressPrimitive, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ProgressBarRoot, {
     ref: ref,
     className: trackClass,
     style: style,
     ...props
   });
 });
-ProgressBarRoot.displayName = 'ProgressBar';
-const ProgressBarIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
+ProgressBarRootComponent.displayName = 'ProgressBar';
+const ProgressBarIndicatorComponent = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
   style,
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressPrimitive.Indicator, {
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ProgressBarIndicator, {
   ref: ref,
   className: (0, _utils.cn)((0, _styles.progressBarIndicatorVariants)(), className),
   style: style,
   ...props
 }));
-ProgressBarIndicator.displayName = 'ProgressBar.Indicator';
-const ProgressBar = exports.ProgressBar = Object.assign(ProgressBarRoot, {
-  Indicator: ProgressBarIndicator
+ProgressBarIndicatorComponent.displayName = 'ProgressBar.Indicator';
+const ProgressBar = exports.ProgressBar = Object.assign(ProgressBarRootComponent, {
+  Indicator: ProgressBarIndicatorComponent
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","ProgressPrimitive","createProgress","Root","View","Indicator","ProgressBarRoot","forwardRef","className","style","props","ref","trackClass","cn","progressBarTrackVariants","jsx","displayName","ProgressBarIndicator","progressBarIndicatorVariants","ProgressBar","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/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,OAAA,GAAAJ,OAAA;AAIkB,IAAAK,WAAA,GAAAL,OAAA;AAElB,MAAMM,iBAAiB,GAAG,IAAAC,0BAAc,EAAC;EACvCC,IAAI,EAAEC,iBAAI;EACVC,SAAS,EAAED;AACb,CAAC,CAAC;AAUF,MAAME,eAAe,gBAAG,IAAAC,iBAAU,EAChC,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAG,IAAAC,SAAE,EAAC,IAAAC,gCAAwB,EAAC,CAAC,EAAEN,SAAS,CAAC;EAE5D,oBAAO,IAAAR,WAAA,CAAAe,GAAA,EAACd,iBAAiB;IAACU,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACxF,CACF,CAAC;AAEDJ,eAAe,CAACU,WAAW,GAAG,aAAa;AAE3C,MAAMC,oBAAoB,gBAAG,IAAAV,iBAAU,EACrC,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClC,IAAAX,WAAA,CAAAe,GAAA,EAACd,iBAAiB,CAACI,SAAS;EAC1BM,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAK,oCAA4B,EAAC,CAAC,EAAEV,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDO,oBAAoB,CAACD,WAAW,GAAG,uBAAuB;AAMnD,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,MAAM,CAACC,MAAM,CAAChB,eAAe,EAAE;EACxDD,SAAS,EAAEY;AACb,CAAC,CAAiC","ignoreList":[]}
+{"version":3,"names":["_react","require","_primitives","_utils","_styles","_jsxRuntime","ProgressBarRootComponent","forwardRef","className","style","props","ref","trackClass","cn","progressBarTrackVariants","jsx","ProgressBarRoot","displayName","ProgressBarIndicatorComponent","ProgressBarIndicator","progressBarIndicatorVariants","ProgressBar","exports","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIkB,IAAAI,WAAA,GAAAJ,OAAA;AAUlB,MAAMK,wBAAwB,gBAAG,IAAAC,iBAAU,EACzC,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAG,IAAAC,SAAE,EAAC,IAAAC,gCAAwB,EAAC,CAAC,EAAEN,SAAS,CAAC;EAE5D,oBAAO,IAAAH,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAc,eAAe;IAACL,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACtF,CACF,CAAC;AAEDJ,wBAAwB,CAACW,WAAW,GAAG,aAAa;AAEpD,MAAMC,6BAA6B,gBAAG,IAAAX,iBAAU,EAC9C,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClC,IAAAN,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAiB,oBAAoB;EACnBR,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAO,oCAA4B,EAAC,CAAC,EAAEZ,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDQ,6BAA6B,CAACD,WAAW,GAAG,uBAAuB;AAM5D,MAAMI,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,MAAM,CAACC,MAAM,CAAClB,wBAAwB,EAAE;EACjEmB,SAAS,EAAEP;AACb,CAAC,CAAiC","ignoreList":[]}

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

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.progressBarTrackVariants = exports.progressBarIndicatorVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const progressBarTrackVariants = exports.progressBarTrackVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row overflow-hidden rounded-full bg-surface-action-tint h-1']);
+const progressBarTrackVariants = exports.progressBarTrackVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row overflow-hidden rounded-full bg-surface-action-subtle h-1']);
 const progressBarIndicatorVariants = exports.progressBarIndicatorVariants = (0, _classVarianceAuthority.cva)(['rounded-full bg-surface-action-strong']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","progressBarTrackVariants","exports","cva","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,2BAAG,EAAC,CAC1C,yEAAyE,CAC1E,CAAC;AAEK,MAAMC,4BAA4B,GAAAF,OAAA,CAAAE,4BAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","progressBarTrackVariants","exports","cva","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,2BAAG,EAAC,CAC1C,2EAA2E,CAC5E,CAAC;AAEK,MAAMC,4BAA4B,GAAAF,OAAA,CAAAE,4BAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}

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

@@ -9,19 +9,31 @@ var _reactNative = require("react-native");
 var _utils = require("@cdx-ui/utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
+/* `ProgressSegmentedProps.total` remains in the public API until the next major release. */
+/* eslint-disable @typescript-eslint/no-deprecated */
+
 const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.forwardRef)(({
   step,
-  total = 5,
+  segments,
+  total,
   isStepComplete = false,
   getAccessibilityText,
   className,
   accessibilityLabel = 'Progress',
   ...props
 }, ref) => {
-  const clampedStep = Math.max(0, Math.min(step, total));
-  const segments = (0, _react.useMemo)(() => {
+  const segmentCount = segments ?? total ?? 5;
+
+  // TODO: Remove this once the `total` prop is removed.
+  (0, _react.useEffect)(() => {
+    if (__DEV__ && total !== undefined && segments === undefined) {
+      console.warn('[ProgressSegmented] The `total` prop is deprecated and will be removed in a future major release. Use `segments` instead.');
+    }
+  }, [total, segments]);
+  const clampedStep = Math.max(0, Math.min(step, segmentCount));
+  const segmentStates = (0, _react.useMemo)(() => {
     return Array.from({
-      length: total
+      length: segmentCount
     }, (_, index) => {
       const segmentIndex = index + 1;
       let state = 'incomplete';
@@ -32,12 +44,12 @@ const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.fo
       }
       return state;
     });
-  }, [total, clampedStep, isStepComplete]);
-  let accessibilityText = `Step ${String(clampedStep)} of ${String(total)}`;
+  }, [segmentCount, clampedStep, isStepComplete]);
+  let accessibilityText = `Step ${String(clampedStep)} of ${String(segmentCount)}`;
   if (getAccessibilityText) {
-    accessibilityText = getAccessibilityText(clampedStep, total, isStepComplete);
+    accessibilityText = getAccessibilityText(clampedStep, segmentCount, isStepComplete);
   } else if (isStepComplete) {
-    accessibilityText = `Step ${String(clampedStep)} of ${String(total)}, completed`;
+    accessibilityText = `Step ${String(clampedStep)} of ${String(segmentCount)}, completed`;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     ref: ref,
@@ -45,13 +57,13 @@ const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.fo
     accessibilityLabel: accessibilityLabel,
     accessibilityValue: {
       min: 0,
-      max: total,
+      max: segmentCount,
       now: clampedStep,
       text: accessibilityText
     },
     className: (0, _utils.cn)((0, _styles.progressSegmentedVariants)(), className),
     ...props,
-    children: segments.map((state, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: segmentStates.map((state, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: (0, _utils.cn)((0, _styles.segmentVariants)({
         state
       }))
@@ -59,4 +71,6 @@ const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.fo
   });
 });
 ProgressSegmented.displayName = 'ProgressSegmented';
+
+/* eslint-enable @typescript-eslint/no-deprecated */
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","ProgressSegmented","exports","forwardRef","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","useEffect","__DEV__","undefined","console","warn","clampedStep","Math","max","min","segmentStates","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":"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","ignoreList":[]}

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

@@ -10,8 +10,8 @@ const segmentVariants = exports.segmentVariants = (0, _classVarianceAuthority.cv
   variants: {
     state: {
       complete: 'bg-surface-action-strong',
-      incomplete: 'bg-surface-action-tint',
-      inprogress: 'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-tint to-50%'
+      incomplete: 'bg-surface-action-subtle',
+      inprogress: 'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-subtle to-50%'
     }
   },
   defaultVariants: {

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

@@ -1 +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,+CAA+C,CAAC,CAAC;AAExF,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,YAAY,CAAC,EAAE;EACjDE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,0BAA0B;MACpCC,UAAU,EAAE,wBAAwB;MACpCC,UAAU,EACR;IACJ;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"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,+CAA+C,CAAC,CAAC;AAExF,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,YAAY,CAAC,EAAE;EACjDE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,0BAA0B;MACpCC,UAAU,EAAE,0BAA0B;MACtCC,UAAU,EACR;IACJ;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuickActionButton = void 0;
+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");
+// =============================================================================
+// ROOT
+// =============================================================================
+
+const QuickActionButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  accessibilityRole = 'button',
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ButtonRoot, {
+  ref: ref,
+  accessibilityRole: accessibilityRole,
+  className: (0, _utils.cn)((0, _styles.quickActionButtonRootVariants)(), className),
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'quick-action-button'
+  })),
+  children: children
+}));
+QuickActionButtonRoot.displayName = 'QuickActionButton';
+
+// =============================================================================
+// INDICATOR
+// Circular container. Auto-rendered by `QuickActionButton.Icon` in standard usage.
+// Exposed as a compound member for Code Connect parity and custom compositions.
+// =============================================================================
+
+const QuickActionButtonIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible
+  } = (0, _primitives.useButtonContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.quickActionButtonIndicatorVariants)(), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'quick-action-button-indicator',
+      hover,
+      focus,
+      active,
+      disabled,
+      focusVisible
+    })),
+    children: children
+  });
+});
+QuickActionButtonIndicator.displayName = 'QuickActionButton.Indicator';
+
+// =============================================================================
+// ICON
+// Renders the Indicator circle + icon glyph as one convenient sub-component.
+// This is the primary way consumers add the icon to a QuickActionButton.
+// =============================================================================
+
+function QuickActionButtonIcon({
+  as: IconComponent,
+  className,
+  indicatorClassName
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(QuickActionButtonIndicator, {
+    className: indicatorClassName,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: IconComponent,
+      className: (0, _utils.cn)((0, _styles.quickActionButtonGlyphVariants)(), className)
+    })
+  });
+}
+QuickActionButtonIcon.displayName = 'QuickActionButton.Icon';
+
+// =============================================================================
+// LABEL
+// =============================================================================
+
+const QuickActionButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    disabled
+  } = (0, _primitives.useButtonContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ref: ref,
+    numberOfLines: 2,
+    ellipsizeMode: "tail",
+    className: (0, _utils.cn)((0, _styles.quickActionButtonLabelVariants)(), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'quick-action-button-label',
+      disabled
+    })),
+    children: children
+  });
+});
+QuickActionButtonLabel.displayName = 'QuickActionButton.Label';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const QuickActionButton = exports.QuickActionButton = Object.assign(QuickActionButtonRoot, {
+  Indicator: QuickActionButtonIndicator,
+  Icon: QuickActionButtonIcon,
+  Label: QuickActionButtonLabel
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","QuickActionButtonRoot","forwardRef","className","style","children","accessibilityRole","props","ref","jsx","ButtonRoot","cn","quickActionButtonRootVariants","mergeDataAttributes","dataAttributes","slot","displayName","QuickActionButtonIndicator","hover","focus","active","disabled","focusVisible","useButtonContext","View","quickActionButtonIndicatorVariants","QuickActionButtonIcon","as","IconComponent","indicatorClassName","Icon","quickActionButtonGlyphVariants","QuickActionButtonLabel","Text","numberOfLines","ellipsizeMode","quickActionButtonLabelVariants","QuickActionButton","exports","Object","assign","Indicator","Label"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.quickActionButtonRootVariants = exports.quickActionButtonLabelVariants = exports.quickActionButtonIndicatorVariants = exports.quickActionButtonGlyphVariants = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+var _constants = require("../../styles/constants");
+const quickActionButtonRootVariants = exports.quickActionButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex flex-col items-center gap-2', 'min-w-[60px] max-w-20', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _constants.DISABLED_CURSOR]);
+const quickActionButtonIndicatorVariants = exports.quickActionButtonIndicatorVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center shrink-0', 'h-[60px] w-[60px] min-h-[60px] min-w-[60px] p-2', 'rounded-[var(--border-radius-round)]', 'border border-stroke-secondary', 'bg-surface-primary', 'overflow-hidden', _constants.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _reactNative.Platform.select({
+  default: 'data-[active=true]:bg-surface-primary-active',
+  web: ['data-[hover=true]:bg-surface-primary-hover', 'data-[active=true]:data-[hover=true]:bg-surface-secondary-active', 'web:data-[focus-visible=true]:ring-2', 'web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)]', 'web:data-[focus-visible=true]:ring-offset-2'].join(' ')
+})]);
+const quickActionButtonGlyphVariants = exports.quickActionButtonGlyphVariants = (0, _classVarianceAuthority.cva)(['size-6', 'text-content-action']);
+const quickActionButtonLabelVariants = exports.quickActionButtonLabelVariants = (0, _classVarianceAuthority.cva)(['body-sm font-medium', 'text-content-primary text-center', 'w-full min-w-0 max-w-20 self-center', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_constants","quickActionButtonRootVariants","exports","cva","DISABLED_CURSOR","quickActionButtonIndicatorVariants","TRANSITION_COLORS","Platform","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,2BAAG,EAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,0BAAe,CAChB,CAAC;AAEK,MAAMC,kCAAkC,GAAAH,OAAA,CAAAG,kCAAA,GAAG,IAAAF,2BAAG,EAAC,CACpD,2CAA2C,EAC3C,iDAAiD,EACjD,sCAAsC,EACtC,gCAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjBG,4BAAiB,EACjB,wDAAwD,EACxDC,qBAAQ,CAACC,MAAM,CAAC;EACdC,OAAO,EAAE,8CAA8C;EACvDC,GAAG,EAAE,CACH,4CAA4C,EAC5C,kEAAkE,EAClE,sCAAsC,EACtC,+DAA+D,EAC/D,6CAA6C,CAC9C,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAMC,8BAA8B,GAAAV,OAAA,CAAAU,8BAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAE7E,MAAMU,8BAA8B,GAAAX,OAAA,CAAAW,8BAAA,GAAG,IAAAV,2BAAG,EAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}