@cdx-ui/components 0.0.1-beta.16 → 0.0.1-beta.161

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

@@ -1 +1 @@
-{"version":3,"names":["cva","otpRootVariants","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,gCAAgC,EAAE;EACnEE,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;AACA,OAAO,MAAMI,eAAe,GAAGV,GAAG,CAAC,yBAAyB,EAAE;EAC5DE,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;AAEF,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,yCAAyC,EAAE;EAC7EE,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":["cva","otpRootVariants","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,8BAA8B,EAAE;EACjEE,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;AACA,OAAO,MAAMI,eAAe,GAAGV,GAAG,CAChC,CACE,+BAA+B;AAC/B;AACA,wDAAwD,CACzD,EACD;EACEE,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;AAED,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,qDAAqD,EAAE;EACzFE,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/module/components/ProgressBar/index.js

@@ -1,41 +1,36 @@
 "use strict";
 
 import { forwardRef } from 'react';
-import { View } from 'react-native';
-import { createProgress } from '@cdx-ui/primitives';
+import { ProgressBarRoot, ProgressBarIndicator } from '@cdx-ui/primitives';
 import { cn } from '@cdx-ui/utils';
 import { progressBarIndicatorVariants, progressBarTrackVariants } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-const ProgressPrimitive = createProgress({
-  Root: View,
-  Indicator: View
-});
-const ProgressBarRoot = /*#__PURE__*/forwardRef(({
+const ProgressBarRootComponent = /*#__PURE__*/forwardRef(({
   className,
   style,
   ...props
 }, ref) => {
   const trackClass = cn(progressBarTrackVariants(), className);
-  return /*#__PURE__*/_jsx(ProgressPrimitive, {
+  return /*#__PURE__*/_jsx(ProgressBarRoot, {
     ref: ref,
     className: trackClass,
     style: style,
     ...props
   });
 });
-ProgressBarRoot.displayName = 'ProgressBar';
-const ProgressBarIndicator = /*#__PURE__*/forwardRef(({
+ProgressBarRootComponent.displayName = 'ProgressBar';
+const ProgressBarIndicatorComponent = /*#__PURE__*/forwardRef(({
   className,
   style,
   ...props
-}, ref) => /*#__PURE__*/_jsx(ProgressPrimitive.Indicator, {
+}, ref) => /*#__PURE__*/_jsx(ProgressBarIndicator, {
   ref: ref,
   className: cn(progressBarIndicatorVariants(), className),
   style: style,
   ...props
 }));
-ProgressBarIndicator.displayName = 'ProgressBar.Indicator';
-export const ProgressBar = Object.assign(ProgressBarRoot, {
-  Indicator: ProgressBarIndicator
+ProgressBarIndicatorComponent.displayName = 'ProgressBar.Indicator';
+export const ProgressBar = Object.assign(ProgressBarRootComponent, {
+  Indicator: ProgressBarIndicatorComponent
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","createProgress","cn","progressBarIndicatorVariants","progressBarTrackVariants","jsx","_jsx","ProgressPrimitive","Root","Indicator","ProgressBarRoot","className","style","props","ref","trackClass","displayName","ProgressBarIndicator","ProgressBar","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,cAAc,QAA6B,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,4BAA4B,EAC5BC,wBAAwB,QAEnB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,iBAAiB,GAAGN,cAAc,CAAC;EACvCO,IAAI,EAAER,IAAI;EACVS,SAAS,EAAET;AACb,CAAC,CAAC;AAUF,MAAMU,eAAe,gBAAGX,UAAU,CAChC,CAAC;EAAEY,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAGb,EAAE,CAACE,wBAAwB,CAAC,CAAC,EAAEO,SAAS,CAAC;EAE5D,oBAAOL,IAAA,CAACC,iBAAiB;IAACO,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACxF,CACF,CAAC;AAEDH,eAAe,CAACM,WAAW,GAAG,aAAa;AAE3C,MAAMC,oBAAoB,gBAAGlB,UAAU,CACrC,CAAC;EAAEY,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClCR,IAAA,CAACC,iBAAiB,CAACE,SAAS;EAC1BK,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAET,EAAE,CAACC,4BAA4B,CAAC,CAAC,EAAEQ,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDI,oBAAoB,CAACD,WAAW,GAAG,uBAAuB;AAM1D,OAAO,MAAME,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACV,eAAe,EAAE;EACxDD,SAAS,EAAEQ;AACb,CAAC,CAAiC","ignoreList":[]}
+{"version":3,"names":["forwardRef","ProgressBarRoot","ProgressBarIndicator","cn","progressBarIndicatorVariants","progressBarTrackVariants","jsx","_jsx","ProgressBarRootComponent","className","style","props","ref","trackClass","displayName","ProgressBarIndicatorComponent","ProgressBar","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,eAAe,EAAEC,oBAAoB,QAA6B,oBAAoB;AAC/F,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,4BAA4B,EAC5BC,wBAAwB,QAEnB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUlB,MAAMC,wBAAwB,gBAAGR,UAAU,CACzC,CAAC;EAAES,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAGV,EAAE,CAACE,wBAAwB,CAAC,CAAC,EAAEI,SAAS,CAAC;EAE5D,oBAAOF,IAAA,CAACN,eAAe;IAACW,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACtF,CACF,CAAC;AAEDH,wBAAwB,CAACM,WAAW,GAAG,aAAa;AAEpD,MAAMC,6BAA6B,gBAAGf,UAAU,CAC9C,CAAC;EAAES,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClCL,IAAA,CAACL,oBAAoB;EACnBU,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAEN,EAAE,CAACC,4BAA4B,CAAC,CAAC,EAAEK,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDI,6BAA6B,CAACD,WAAW,GAAG,uBAAuB;AAMnE,OAAO,MAAME,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACV,wBAAwB,EAAE;EACjEW,SAAS,EAAEJ;AACb,CAAC,CAAiC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import { cva } from 'class-variance-authority';
-export const progressBarTrackVariants = cva(['w-full flex-row overflow-hidden rounded-full bg-surface-action-tint h-1']);
+import { cva } from '@cdx-ui/utils';
+export const progressBarTrackVariants = cva(['w-full flex-row overflow-hidden rounded-full bg-surface-action-subtle h-1']);
 export const progressBarIndicatorVariants = cva(['rounded-full bg-surface-action-strong']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["cva","progressBarTrackVariants","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,wBAAwB,GAAGD,GAAG,CAAC,CAC1C,yEAAyE,CAC1E,CAAC;AAEF,OAAO,MAAME,4BAA4B,GAAGF,GAAG,CAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","progressBarTrackVariants","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,wBAAwB,GAAGD,GAAG,CAAC,CAC1C,2EAA2E,CAC5E,CAAC;AAEF,OAAO,MAAME,4BAA4B,GAAGF,GAAG,CAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ProgressCircle/ProgressCircleRing.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { Circle, Svg } from 'react-native-svg';
+import { useProgressContext } from '@cdx-ui/primitives';
+import { PROGRESS_CIRCLE_DIMENSIONS } from './styles';
+import { useProgressCircleColors } from './useProgressCircleColors';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const INDETERMINATE_ARC_RATIO = 0.25;
+const ROTATION_DURATION_MS = 1000;
+export function ProgressCircleRing({
+  size = 'large',
+  color = 'default'
+}) {
+  const {
+    percent,
+    state
+  } = useProgressContext();
+  const ringColors = useProgressCircleColors(color);
+  const rotation = useSharedValue(0);
+  const {
+    size: dimension,
+    strokeWidth
+  } = PROGRESS_CIRCLE_DIMENSIONS[size];
+  const radius = (dimension - strokeWidth) / 2;
+  const center = dimension / 2;
+  const circumference = 2 * Math.PI * radius;
+  const isIndeterminate = state === 'indeterminate';
+  useEffect(() => {
+    if (!isIndeterminate) {
+      rotation.set(0);
+      return;
+    }
+    rotation.set(withRepeat(withTiming(360, {
+      duration: ROTATION_DURATION_MS,
+      easing: Easing.linear
+    }), -1, false));
+  }, [isIndeterminate, rotation]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${String(rotation.get())}deg`
+    }]
+  }), [rotation]);
+  const progressLength = isIndeterminate ? circumference * INDETERMINATE_ARC_RATIO : circumference * percent / 100;
+  const gapLength = circumference - progressLength;
+  const ring = /*#__PURE__*/_jsxs(Svg, {
+    width: dimension,
+    height: dimension,
+    viewBox: `0 0 ${String(dimension)} ${String(dimension)}`,
+    children: [/*#__PURE__*/_jsx(Circle, {
+      cx: center,
+      cy: center,
+      r: radius,
+      stroke: ringColors.track,
+      strokeWidth: strokeWidth,
+      fill: "none",
+      opacity: ringColors.trackOpacity
+    }), progressLength > 0 ? /*#__PURE__*/_jsx(Circle, {
+      cx: center,
+      cy: center,
+      r: radius,
+      stroke: ringColors.indicator,
+      strokeWidth: strokeWidth,
+      fill: "none",
+      strokeDasharray: `${String(progressLength)} ${String(gapLength)}`,
+      strokeLinecap: "round",
+      rotation: -90,
+      origin: `${String(center)}, ${String(center)}`
+    }) : null]
+  });
+  if (isIndeterminate) {
+    const inheritClass = color === 'inherit' ? 'text-inherit' : undefined;
+    return /*#__PURE__*/_jsx(Animated.View, {
+      style: animatedStyle,
+      className: inheritClass,
+      children: /*#__PURE__*/_jsx(View, {
+        className: inheritClass,
+        children: ring
+      })
+    });
+  }
+  return ring;
+}
+//# sourceMappingURL=ProgressCircleRing.js.map

package/lib/module/components/ProgressCircle/ProgressCircleRing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","View","Animated","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","Circle","Svg","useProgressContext","PROGRESS_CIRCLE_DIMENSIONS","useProgressCircleColors","jsx","_jsx","jsxs","_jsxs","INDETERMINATE_ARC_RATIO","ROTATION_DURATION_MS","ProgressCircleRing","size","color","percent","state","ringColors","rotation","dimension","strokeWidth","radius","center","circumference","Math","PI","isIndeterminate","set","duration","easing","linear","animatedStyle","transform","rotate","String","get","progressLength","gapLength","ring","width","height","viewBox","children","cx","cy","r","stroke","track","fill","opacity","trackOpacity","indicator","strokeDasharray","strokeLinecap","origin","inheritClass","undefined","style","className"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/ProgressCircleRing.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+import { createContext, forwardRef, useContext, useMemo } from 'react';
+import { View } from 'react-native';
+import { ProgressBarRoot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { ProgressCircleRing } from './ProgressCircleRing';
+import { progressCircleIndicatorVariants, progressCircleRootVariants } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ProgressCircleStyleContext = /*#__PURE__*/createContext({
+  size: 'large',
+  color: 'default'
+});
+const ProgressCircleRootComponent = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  size = 'large',
+  color = 'default',
+  children,
+  ...props
+}, ref) => {
+  const rootClass = cn(progressCircleRootVariants({
+    size,
+    color
+  }), className);
+  const styleContext = useMemo(() => ({
+    size: size ?? 'large',
+    color: color ?? 'default'
+  }), [size, color]);
+  return /*#__PURE__*/_jsx(ProgressCircleStyleContext.Provider, {
+    value: styleContext,
+    children: /*#__PURE__*/_jsx(ProgressBarRoot, {
+      ref: ref,
+      className: rootClass,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'progress-circle'
+      })),
+      children: children
+    })
+  });
+});
+ProgressCircleRootComponent.displayName = 'ProgressCircle';
+const ProgressCircleIndicatorComponent = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  size: sizeProp,
+  color: colorProp,
+  ...props
+}, ref) => {
+  const {
+    size: contextSize,
+    color: contextColor
+  } = useContext(ProgressCircleStyleContext);
+  const size = sizeProp ?? contextSize;
+  const color = colorProp ?? contextColor;
+  const indicatorClass = cn(progressCircleIndicatorVariants({
+    size,
+    color
+  }), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: indicatorClass,
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'progress-circle-indicator'
+    })),
+    children: /*#__PURE__*/_jsx(ProgressCircleRing, {
+      size: size,
+      color: color
+    })
+  });
+});
+ProgressCircleIndicatorComponent.displayName = 'ProgressCircle.Indicator';
+export const ProgressCircle = Object.assign(ProgressCircleRootComponent, {
+  Indicator: ProgressCircleIndicatorComponent
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","ProgressBarRoot","dataAttributes","mergeDataAttributes","cn","ProgressCircleRing","progressCircleIndicatorVariants","progressCircleRootVariants","jsx","_jsx","ProgressCircleStyleContext","size","color","ProgressCircleRootComponent","className","style","children","props","ref","rootClass","styleContext","Provider","value","slot","displayName","ProgressCircleIndicatorComponent","sizeProp","colorProp","contextSize","contextColor","indicatorClass","ProgressCircle","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/index.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,IAAI,QAAwB,cAAc;AACnD,SACEC,eAAe,EACfC,cAAc,EACdC,mBAAmB,QAEd,oBAAoB;AAC3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SACEC,+BAA+B,EAC/BC,0BAA0B,QAIrB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlB,MAAMC,0BAA0B,gBAAGd,aAAa,CAAkC;EAChFe,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;AACT,CAAC,CAAC;AAuBF,MAAMC,2BAA2B,gBAAGhB,UAAU,CAC5C,CAAC;EAAEiB,SAAS;EAAEC,KAAK;EAAEJ,IAAI,GAAG,OAAO;EAAEC,KAAK,GAAG,SAAS;EAAEI,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpF,MAAMC,SAAS,GAAGf,EAAE,CAACG,0BAA0B,CAAC;IAAEI,IAAI;IAAEC;EAAM,CAAC,CAAC,EAAEE,SAAS,CAAC;EAC5E,MAAMM,YAAY,GAAGrB,OAAO,CAC1B,OAAO;IACLY,IAAI,EAAEA,IAAI,IAAI,OAAO;IACrBC,KAAK,EAAEA,KAAK,IAAI;EAClB,CAAC,CAAC,EACF,CAACD,IAAI,EAAEC,KAAK,CACd,CAAC;EAED,oBACEH,IAAA,CAACC,0BAA0B,CAACW,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAJ,QAAA,eACvDP,IAAA,CAACR,eAAe;MACdiB,GAAG,EAAEA,GAAI;MACTJ,SAAS,EAAEK,SAAU;MACrBJ,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAA,GACLd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAEqB,IAAI,EAAE;MAAkB,CAAC,CAAC,CAAC;MAAAP,QAAA,EAE1EA;IAAQ,CACM;EAAC,CACiB,CAAC;AAE1C,CACF,CAAC;AAEDH,2BAA2B,CAACW,WAAW,GAAG,gBAAgB;AAE1D,MAAMC,gCAAgC,gBAAG5B,UAAU,CACjD,CAAC;EAAEiB,SAAS;EAAEC,KAAK;EAAEJ,IAAI,EAAEe,QAAQ;EAAEd,KAAK,EAAEe,SAAS;EAAE,GAAGV;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEP,IAAI,EAAEiB,WAAW;IAAEhB,KAAK,EAAEiB;EAAa,CAAC,GAAG/B,UAAU,CAACY,0BAA0B,CAAC;EACzF,MAAMC,IAAI,GAAGe,QAAQ,IAAIE,WAAW;EACpC,MAAMhB,KAAK,GAAGe,SAAS,IAAIE,YAAY;EACvC,MAAMC,cAAc,GAAG1B,EAAE,CAACE,+BAA+B,CAAC;IAAEK,IAAI;IAAEC;EAAM,CAAC,CAAC,EAAEE,SAAS,CAAC;EAEtF,oBACEL,IAAA,CAACT,IAAI;IACHkB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEgB,cAAe;IAC1Bf,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;MAAEqB,IAAI,EAAE;IAA4B,CAAC,CAAC,CAAC;IAAAP,QAAA,eAErFP,IAAA,CAACJ,kBAAkB;MAACM,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC5C,CAAC;AAEX,CACF,CAAC;AAEDa,gCAAgC,CAACD,WAAW,GAAG,0BAA0B;AAMzE,OAAO,MAAMO,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACpB,2BAA2B,EAAE;EACvEqB,SAAS,EAAET;AACb,CAAC,CAAoC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+import { cva } from '@cdx-ui/utils';
+export const progressCircleRootVariants = cva(['items-center justify-center'], {
+  variants: {
+    size: {
+      large: 'size-[32px]',
+      small: 'size-[24px]'
+    },
+    color: {
+      default: '',
+      inherit: 'text-inherit'
+    }
+  },
+  defaultVariants: {
+    size: 'large',
+    color: 'default'
+  }
+});
+export const progressCircleIndicatorVariants = cva(['size-full items-center justify-center'], {
+  variants: {
+    size: {
+      large: '',
+      small: ''
+    },
+    color: {
+      default: '',
+      inherit: 'text-inherit'
+    }
+  },
+  defaultVariants: {
+    size: 'large',
+    color: 'default'
+  }
+});
+export const PROGRESS_CIRCLE_DIMENSIONS = {
+  large: {
+    size: 32,
+    strokeWidth: 3
+  },
+  small: {
+    size: 24,
+    strokeWidth: 2
+  }
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cva","progressCircleRootVariants","variants","size","large","small","color","default","inherit","defaultVariants","progressCircleIndicatorVariants","PROGRESS_CIRCLE_DIMENSIONS","strokeWidth"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,0BAA0B,GAAGD,GAAG,CAAC,CAAC,6BAA6B,CAAC,EAAE;EAC7EE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,aAAa;MACpBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,OAAO;IACbG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMI,+BAA+B,GAAGV,GAAG,CAAC,CAAC,uCAAuC,CAAC,EAAE;EAC5FE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,OAAO;IACbG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAOF,OAAO,MAAMK,0BAA0B,GAAG;EACxCP,KAAK,EAAE;IAAED,IAAI,EAAE,EAAE;IAAES,WAAW,EAAE;EAAE,CAAC;EACnCP,KAAK,EAAE;IAAEF,IAAI,EAAE,EAAE;IAAES,WAAW,EAAE;EAAE;AACpC,CAAU","ignoreList":[]}

package/lib/module/components/ProgressCircle/useProgressCircleColors.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { useCSSVariable } from 'uniwind';
+
+/** Light-theme fallbacks when Uniwind CSS context is unavailable (e.g. Jest). */
+const FALLBACKS = {
+  track: '#e8eefc',
+  indicator: '#346099'
+};
+function toColor(value, fallback) {
+  if (typeof value === 'string' && value.length > 0) {
+    return value;
+  }
+  return fallback;
+}
+export function useProgressCircleColors(color) {
+  const trackToken = useCSSVariable('--color-surface-action-subtle');
+  const indicatorToken = useCSSVariable('--color-surface-action-strong');
+  if (color === 'inherit') {
+    return {
+      track: 'currentColor',
+      indicator: 'currentColor',
+      trackOpacity: 0.24
+    };
+  }
+  return {
+    track: toColor(trackToken, FALLBACKS.track),
+    indicator: toColor(indicatorToken, FALLBACKS.indicator),
+    trackOpacity: 1
+  };
+}
+//# sourceMappingURL=useProgressCircleColors.js.map

package/lib/module/components/ProgressCircle/useProgressCircleColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCSSVariable","FALLBACKS","track","indicator","toColor","value","fallback","length","useProgressCircleColors","color","trackToken","indicatorToken","trackOpacity"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/useProgressCircleColors.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,SAAS;;AAExC;AACA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE;AACb,CAAU;AAEV,SAASC,OAAOA,CAACC,KAAkC,EAAEC,QAAgB,EAAU;EAC7E,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE;IACjD,OAAOF,KAAK;EACd;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASE,uBAAuBA,CAACC,KAA4B,EAAE;EACpE,MAAMC,UAAU,GAAGV,cAAc,CAAC,+BAA+B,CAAC;EAClE,MAAMW,cAAc,GAAGX,cAAc,CAAC,+BAA+B,CAAC;EAEtE,IAAIS,KAAK,KAAK,SAAS,EAAE;IACvB,OAAO;MACLP,KAAK,EAAE,cAAc;MACrBC,SAAS,EAAE,cAAc;MACzBS,YAAY,EAAE;IAChB,CAAC;EACH;EAEA,OAAO;IACLV,KAAK,EAAEE,OAAO,CAACM,UAAU,EAAET,SAAS,CAACC,KAAK,CAAC;IAC3CC,SAAS,EAAEC,OAAO,CAACO,cAAc,EAAEV,SAAS,CAACE,SAAS,CAAC;IACvDS,YAAY,EAAE;EAChB,CAAC;AACH","ignoreList":[]}

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

@@ -1,23 +1,35 @@
 "use strict";
 
-import { forwardRef, useMemo } from 'react';
+import { forwardRef, useEffect, useMemo } from 'react';
 import { View } from 'react-native';
 import { cn } from '@cdx-ui/utils';
 import { progressSegmentedVariants, segmentVariants } from './styles';
+
+/* `ProgressSegmentedProps.total` remains in the public API until the next major release. */
+/* eslint-disable @typescript-eslint/no-deprecated */
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ProgressSegmented = /*#__PURE__*/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 = useMemo(() => {
+  const segmentCount = segments ?? total ?? 5;
+
+  // TODO: Remove this once the `total` prop is removed.
+  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 = useMemo(() => {
     return Array.from({
-      length: total
+      length: segmentCount
     }, (_, index) => {
       const segmentIndex = index + 1;
       let state = 'incomplete';
@@ -28,12 +40,12 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
       }
       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__*/_jsx(View, {
     ref: ref,
@@ -41,13 +53,13 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
     accessibilityLabel: accessibilityLabel,
     accessibilityValue: {
       min: 0,
-      max: total,
+      max: segmentCount,
       now: clampedStep,
       text: accessibilityText
     },
     className: cn(progressSegmentedVariants(), className),
     ...props,
-    children: segments.map((state, index) => /*#__PURE__*/_jsx(View, {
+    children: segmentStates.map((state, index) => /*#__PURE__*/_jsx(View, {
       className: cn(segmentVariants({
         state
       }))
@@ -55,4 +67,6 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
   });
 });
 ProgressSegmented.displayName = 'ProgressSegmented';
+
+/* eslint-enable @typescript-eslint/no-deprecated */
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useMemo","View","cn","progressSegmentedVariants","segmentVariants","jsx","_jsx","ProgressSegmented","step","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","clampedStep","Math","max","min","segments","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","accessibilityRole","accessibilityValue","now","text","children","map","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,yBAAyB,EACzBC,eAAe,QAEV,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAclB,OAAO,MAAMC,iBAAiB,gBAAGR,UAAU,CACzC,CACE;EACES,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,GAAGpB,OAAO,CAAC,MAAM;IAC7B,OAAOqB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEd;IAAM,CAAC,EAAE,CAACe,CAAC,EAAEC,KAAK,KAAK;MACjD,MAAMC,YAAY,GAAGD,KAAK,GAAG,CAAC;MAC9B,IAAIE,KAA+C,GAAG,YAAY;MAElE,IAAID,YAAY,GAAGV,WAAW,IAAKN,cAAc,IAAIgB,YAAY,KAAKV,WAAY,EAAE;QAClFW,KAAK,GAAG,UAAU;MACpB,CAAC,MAAM,IAAID,YAAY,KAAKV,WAAW,EAAE;QACvCW,KAAK,GAAG,YAAY;MACtB;MAEA,OAAOA,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAAClB,KAAK,EAAEO,WAAW,EAAEN,cAAc,CAAC,CAAC;EAExC,IAAIkB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAACpB,KAAK,CAAC,EAAE;EACzE,IAAIE,oBAAoB,EAAE;IACxBiB,iBAAiB,GAAGjB,oBAAoB,CAACK,WAAW,EAAEP,KAAK,EAAEC,cAAc,CAAC;EAC9E,CAAC,MAAM,IAAIA,cAAc,EAAE;IACzBkB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAACpB,KAAK,CAAC,aAAa;EAClF;EAEA,oBACEH,IAAA,CAACL,IAAI;IACHc,GAAG,EAAEA,GAAI;IACTe,iBAAiB,EAAC,aAAa;IAC/BjB,kBAAkB,EAAEA,kBAAmB;IACvCkB,kBAAkB,EAAE;MAClBZ,GAAG,EAAE,CAAC;MACND,GAAG,EAAET,KAAK;MACVuB,GAAG,EAAEhB,WAAW;MAChBiB,IAAI,EAAEL;IACR,CAAE;IACFhB,SAAS,EAAEV,EAAE,CAACC,yBAAyB,CAAC,CAAC,EAAES,SAAS,CAAE;IAAA,GAClDE,KAAK;IAAAoB,QAAA,EAERd,QAAQ,CAACe,GAAG,CAAC,CAACR,KAAK,EAAEF,KAAK,kBACzBnB,IAAA,CAACL,IAAI;MAAaW,SAAS,EAAEV,EAAE,CAACE,eAAe,CAAC;QAAEuB;MAAM,CAAC,CAAC;IAAE,GAAjDF,KAAmD,CAC/D;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAEDlB,iBAAiB,CAAC6B,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{"version":3,"names":["forwardRef","useEffect","useMemo","View","cn","progressSegmentedVariants","segmentVariants","jsx","_jsx","ProgressSegmented","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","__DEV__","undefined","console","warn","clampedStep","Math","max","min","segmentStates","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","accessibilityRole","accessibilityValue","now","text","children","map","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACtD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,yBAAyB,EACzBC,eAAe,QAEV,UAAU;;AAEjB;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AA4BA,OAAO,MAAMC,iBAAiB,gBAAGT,UAAU,CACzC,CACE;EACEU,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,YAAY,GAAGR,QAAQ,IAAIC,KAAK,IAAI,CAAC;;EAE3C;EACAX,SAAS,CAAC,MAAM;IACd,IAAImB,OAAO,IAAIR,KAAK,KAAKS,SAAS,IAAIV,QAAQ,KAAKU,SAAS,EAAE;MAC5DC,OAAO,CAACC,IAAI,CACV,2HACF,CAAC;IACH;EACF,CAAC,EAAE,CAACX,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,MAAMa,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACjB,IAAI,EAAES,YAAY,CAAC,CAAC;EAE7D,MAAMS,aAAa,GAAG1B,OAAO,CAAC,MAAM;IAClC,OAAO2B,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEZ;IAAa,CAAC,EAAE,CAACa,CAAC,EAAEC,KAAK,KAAK;MACxD,MAAMC,YAAY,GAAGD,KAAK,GAAG,CAAC;MAC9B,IAAIE,KAA+C,GAAG,YAAY;MAElE,IAAID,YAAY,GAAGV,WAAW,IAAKX,cAAc,IAAIqB,YAAY,KAAKV,WAAY,EAAE;QAClFW,KAAK,GAAG,UAAU;MACpB,CAAC,MAAM,IAAID,YAAY,KAAKV,WAAW,EAAE;QACvCW,KAAK,GAAG,YAAY;MACtB;MAEA,OAAOA,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAAChB,YAAY,EAAEK,WAAW,EAAEX,cAAc,CAAC,CAAC;EAE/C,IAAIuB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAAClB,YAAY,CAAC,EAAE;EAChF,IAAIL,oBAAoB,EAAE;IACxBsB,iBAAiB,GAAGtB,oBAAoB,CAACU,WAAW,EAAEL,YAAY,EAAEN,cAAc,CAAC;EACrF,CAAC,MAAM,IAAIA,cAAc,EAAE;IACzBuB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAAClB,YAAY,CAAC,aAAa;EACzF;EAEA,oBACEX,IAAA,CAACL,IAAI;IACHe,GAAG,EAAEA,GAAI;IACToB,iBAAiB,EAAC,aAAa;IAC/BtB,kBAAkB,EAAEA,kBAAmB;IACvCuB,kBAAkB,EAAE;MAClBZ,GAAG,EAAE,CAAC;MACND,GAAG,EAAEP,YAAY;MACjBqB,GAAG,EAAEhB,WAAW;MAChBiB,IAAI,EAAEL;IACR,CAAE;IACFrB,SAAS,EAAEX,EAAE,CAACC,yBAAyB,CAAC,CAAC,EAAEU,SAAS,CAAE;IAAA,GAClDE,KAAK;IAAAyB,QAAA,EAERd,aAAa,CAACe,GAAG,CAAC,CAACR,KAAK,EAAEF,KAAK,kBAC9BzB,IAAA,CAACL,IAAI;MAAaY,SAAS,EAAEX,EAAE,CAACE,eAAe,CAAC;QAAE6B;MAAM,CAAC,CAAC;IAAE,GAAjDF,KAAmD,CAC/D;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAEDxB,iBAAiB,CAACmC,WAAW,GAAG,mBAAmB;;AAEnD","ignoreList":[]}

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

@@ -1,13 +1,13 @@
 "use strict";
 
-import { cva } from 'class-variance-authority';
+import { cva } from '@cdx-ui/utils';
 export const progressSegmentedVariants = cva(['flex-row gap-1 w-full rounded overflow-hidden']);
 export const segmentVariants = cva(['flex-1 h-1'], {
   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/module/components/ProgressSegmented/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,yBAAyB,GAAGD,GAAG,CAAC,CAAC,+CAA+C,CAAC,CAAC;AAE/F,OAAO,MAAME,eAAe,GAAGF,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;EACjDG,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":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,yBAAyB,GAAGD,GAAG,CAAC,CAAC,+CAA+C,CAAC,CAAC;AAE/F,OAAO,MAAME,eAAe,GAAGF,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;EACjDG,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/module/components/QuickActionButton/index.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text, View } from 'react-native';
+import { ButtonRoot, dataAttributes, mergeDataAttributes, useButtonContext } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { Icon } from '../Icon';
+import { quickActionButtonGlyphVariants, quickActionButtonIndicatorVariants, quickActionButtonLabelVariants, quickActionButtonRootVariants } from './styles';
+
+// =============================================================================
+// ROOT
+// =============================================================================
+import { jsx as _jsx } from "react/jsx-runtime";
+const QuickActionButtonRoot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  accessibilityRole = 'button',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(ButtonRoot, {
+  ref: ref,
+  accessibilityRole: accessibilityRole,
+  className: cn(quickActionButtonRootVariants(), className),
+  style: style,
+  ...props,
+  ...mergeDataAttributes(props, 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__*/forwardRef(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible
+  } = useButtonContext();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn(quickActionButtonIndicatorVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, 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__*/_jsx(QuickActionButtonIndicator, {
+    className: indicatorClassName,
+    children: /*#__PURE__*/_jsx(Icon, {
+      as: IconComponent,
+      className: cn(quickActionButtonGlyphVariants(), className)
+    })
+  });
+}
+QuickActionButtonIcon.displayName = 'QuickActionButton.Icon';
+
+// =============================================================================
+// LABEL
+// =============================================================================
+
+const QuickActionButtonLabel = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    disabled
+  } = useButtonContext();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    numberOfLines: 2,
+    ellipsizeMode: "tail",
+    className: cn(quickActionButtonLabelVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'quick-action-button-label',
+      disabled
+    })),
+    children: children
+  });
+});
+QuickActionButtonLabel.displayName = 'QuickActionButton.Label';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+export const QuickActionButton = Object.assign(QuickActionButtonRoot, {
+  Indicator: QuickActionButtonIndicator,
+  Icon: QuickActionButtonIcon,
+  Label: QuickActionButtonLabel
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from '@cdx-ui/utils';
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+export const quickActionButtonRootVariants = 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', DISABLED_CURSOR]);
+export const quickActionButtonIndicatorVariants = 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', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', 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(' ')
+})]);
+export const quickActionButtonGlyphVariants = cva(['size-6', 'text-content-action']);
+export const quickActionButtonLabelVariants = 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/module/components/QuickActionButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","quickActionButtonRootVariants","quickActionButtonIndicatorVariants","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,6BAA6B,GAAGH,GAAG,CAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,eAAe,CAChB,CAAC;AAEF,OAAO,MAAMG,kCAAkC,GAAGJ,GAAG,CAAC,CACpD,2CAA2C,EAC3C,iDAAiD,EACjD,sCAAsC,EACtC,gCAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjBE,iBAAiB,EACjB,wDAAwD,EACxDH,QAAQ,CAACM,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;AAEF,OAAO,MAAMC,8BAA8B,GAAGT,GAAG,CAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAEpF,OAAO,MAAMU,8BAA8B,GAAGV,GAAG,CAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}