@cdx-ui/components 0.0.1-beta.99 → 0.1.0

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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', {
+var _utils = require("@cdx-ui/utils");
+const otpRootVariants = exports.otpRootVariants = (0, _utils.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, _utils.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, _utils.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":["_utils","require","otpRootVariants","exports","cva","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,UAAG,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,UAAG,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,UAAG,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/styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 progressBarIndicatorVariants = exports.progressBarIndicatorVariants = (0, _classVarianceAuthority.cva)(['rounded-full bg-surface-action-strong']);
+var _utils = require("@cdx-ui/utils");
+const progressBarTrackVariants = exports.progressBarTrackVariants = (0, _utils.cva)(['w-full flex-row overflow-hidden rounded-full bg-surface-action-subtle h-1']);
+const progressBarIndicatorVariants = exports.progressBarIndicatorVariants = (0, _utils.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":["_utils","require","progressBarTrackVariants","exports","cva","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,UAAG,EAAC,CAC1C,2EAA2E,CAC5E,CAAC;AAEK,MAAMC,4BAA4B,GAAAF,OAAA,CAAAE,4BAAA,GAAG,IAAAD,UAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressCircleRing = ProgressCircleRing;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSvg = require("react-native-svg");
+var _primitives = require("@cdx-ui/primitives");
+var _styles = require("./styles");
+var _useProgressCircleColors = require("./useProgressCircleColors");
+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); }
+const INDETERMINATE_ARC_RATIO = 0.25;
+const ROTATION_DURATION_MS = 1000;
+function ProgressCircleRing({
+  size = 'large',
+  color = 'default'
+}) {
+  const {
+    percent,
+    state
+  } = (0, _primitives.useProgressContext)();
+  const ringColors = (0, _useProgressCircleColors.useProgressCircleColors)(color);
+  const rotation = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    size: dimension,
+    strokeWidth
+  } = _styles.PROGRESS_CIRCLE_DIMENSIONS[size];
+  const radius = (dimension - strokeWidth) / 2;
+  const center = dimension / 2;
+  const circumference = 2 * Math.PI * radius;
+  const isIndeterminate = state === 'indeterminate';
+  (0, _react.useEffect)(() => {
+    if (!isIndeterminate) {
+      rotation.set(0);
+      return;
+    }
+    rotation.set((0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(360, {
+      duration: ROTATION_DURATION_MS,
+      easing: _reactNativeReanimated.Easing.linear
+    }), -1, false));
+  }, [isIndeterminate, rotation]);
+  const animatedStyle = (0, _reactNativeReanimated.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__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Svg, {
+    width: dimension,
+    height: dimension,
+    viewBox: `0 0 ${String(dimension)} ${String(dimension)}`,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: center,
+      cy: center,
+      r: radius,
+      stroke: ringColors.track,
+      strokeWidth: strokeWidth,
+      fill: "none",
+      opacity: ringColors.trackOpacity
+    }), progressLength > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: animatedStyle,
+      className: inheritClass,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: inheritClass,
+        children: ring
+      })
+    });
+  }
+  return ring;
+}
+//# sourceMappingURL=ProgressCircleRing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_primitives","_styles","_useProgressCircleColors","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","INDETERMINATE_ARC_RATIO","ROTATION_DURATION_MS","ProgressCircleRing","size","color","percent","state","useProgressContext","ringColors","useProgressCircleColors","rotation","useSharedValue","dimension","strokeWidth","PROGRESS_CIRCLE_DIMENSIONS","radius","center","circumference","Math","PI","isIndeterminate","useEffect","withRepeat","withTiming","duration","easing","Easing","linear","animatedStyle","useAnimatedStyle","transform","rotate","String","progressLength","gapLength","ring","jsxs","Svg","width","height","viewBox","children","jsx","Circle","cx","cy","stroke","track","fill","opacity","trackOpacity","indicator","strokeDasharray","strokeLinecap","origin","inheritClass","undefined","View","style","className"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/ProgressCircleRing.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressCircle = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _ProgressCircleRing = require("./ProgressCircleRing");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const ProgressCircleStyleContext = /*#__PURE__*/(0, _react.createContext)({
+  size: 'large',
+  color: 'default'
+});
+const ProgressCircleRootComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  size = 'large',
+  color = 'default',
+  children,
+  ...props
+}, ref) => {
+  const rootClass = (0, _utils.cn)((0, _styles.progressCircleRootVariants)({
+    size,
+    color
+  }), className);
+  const styleContext = (0, _react.useMemo)(() => ({
+    size: size ?? 'large',
+    color: color ?? 'default'
+  }), [size, color]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressCircleStyleContext.Provider, {
+    value: styleContext,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ProgressBarRoot, {
+      ref: ref,
+      className: rootClass,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'progress-circle'
+      })),
+      children: children
+    })
+  });
+});
+ProgressCircleRootComponent.displayName = 'ProgressCircle';
+const ProgressCircleIndicatorComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  size: sizeProp,
+  color: colorProp,
+  ...props
+}, ref) => {
+  const {
+    size: contextSize,
+    color: contextColor
+  } = (0, _react.useContext)(ProgressCircleStyleContext);
+  const size = sizeProp ?? contextSize;
+  const color = colorProp ?? contextColor;
+  const indicatorClass = (0, _utils.cn)((0, _styles.progressCircleIndicatorVariants)({
+    size,
+    color
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: indicatorClass,
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'progress-circle-indicator'
+    })),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressCircleRing.ProgressCircleRing, {
+      size: size,
+      color: color
+    })
+  });
+});
+ProgressCircleIndicatorComponent.displayName = 'ProgressCircle.Indicator';
+const ProgressCircle = exports.ProgressCircle = Object.assign(ProgressCircleRootComponent, {
+  Indicator: ProgressCircleIndicatorComponent
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_ProgressCircleRing","_styles","_jsxRuntime","ProgressCircleStyleContext","createContext","size","color","ProgressCircleRootComponent","forwardRef","className","style","children","props","ref","rootClass","cn","progressCircleRootVariants","styleContext","useMemo","jsx","Provider","value","ProgressBarRoot","mergeDataAttributes","dataAttributes","slot","displayName","ProgressCircleIndicatorComponent","sizeProp","colorProp","contextSize","contextColor","useContext","indicatorClass","progressCircleIndicatorVariants","View","ProgressCircleRing","ProgressCircle","exports","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.progressCircleRootVariants = exports.progressCircleIndicatorVariants = exports.PROGRESS_CIRCLE_DIMENSIONS = void 0;
+var _utils = require("@cdx-ui/utils");
+const progressCircleRootVariants = exports.progressCircleRootVariants = (0, _utils.cva)(['items-center justify-center'], {
+  variants: {
+    size: {
+      large: 'size-[32px]',
+      small: 'size-[24px]'
+    },
+    color: {
+      default: '',
+      inherit: 'text-inherit'
+    }
+  },
+  defaultVariants: {
+    size: 'large',
+    color: 'default'
+  }
+});
+const progressCircleIndicatorVariants = exports.progressCircleIndicatorVariants = (0, _utils.cva)(['size-full items-center justify-center'], {
+  variants: {
+    size: {
+      large: '',
+      small: ''
+    },
+    color: {
+      default: '',
+      inherit: 'text-inherit'
+    }
+  },
+  defaultVariants: {
+    size: 'large',
+    color: 'default'
+  }
+});
+const PROGRESS_CIRCLE_DIMENSIONS = exports.PROGRESS_CIRCLE_DIMENSIONS = {
+  large: {
+    size: 32,
+    strokeWidth: 3
+  },
+  small: {
+    size: 24,
+    strokeWidth: 2
+  }
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","progressCircleRootVariants","exports","cva","variants","size","large","small","color","default","inherit","defaultVariants","progressCircleIndicatorVariants","PROGRESS_CIRCLE_DIMENSIONS","strokeWidth"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,6BAA6B,CAAC,EAAE;EAC7EC,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;AAEK,MAAMI,+BAA+B,GAAAV,OAAA,CAAAU,+BAAA,GAAG,IAAAT,UAAG,EAAC,CAAC,uCAAuC,CAAC,EAAE;EAC5FC,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;AAOK,MAAMK,0BAA0B,GAAAX,OAAA,CAAAW,0BAAA,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/commonjs/components/ProgressCircle/useProgressCircleColors.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useProgressCircleColors = useProgressCircleColors;
+var _uniwind = require("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;
+}
+function useProgressCircleColors(color) {
+  const trackToken = (0, _uniwind.useCSSVariable)('--color-surface-action-subtle');
+  const indicatorToken = (0, _uniwind.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/commonjs/components/ProgressCircle/useProgressCircleColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_uniwind","require","FALLBACKS","track","indicator","toColor","value","fallback","length","useProgressCircleColors","color","trackToken","useCSSVariable","indicatorToken","trackOpacity"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/useProgressCircleColors.ts"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;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;AAEO,SAASE,uBAAuBA,CAACC,KAA4B,EAAE;EACpE,MAAMC,UAAU,GAAG,IAAAC,uBAAc,EAAC,+BAA+B,CAAC;EAClE,MAAMC,cAAc,GAAG,IAAAD,uBAAc,EAAC,+BAA+B,CAAC;EAEtE,IAAIF,KAAK,KAAK,SAAS,EAAE;IACvB,OAAO;MACLP,KAAK,EAAE,cAAc;MACrBC,SAAS,EAAE,cAAc;MACzBU,YAAY,EAAE;IAChB,CAAC;EACH;EAEA,OAAO;IACLX,KAAK,EAAEE,OAAO,CAACM,UAAU,EAAET,SAAS,CAACC,KAAK,CAAC;IAC3CC,SAAS,EAAEC,OAAO,CAACQ,cAAc,EAAEX,SAAS,CAACE,SAAS,CAAC;IACvDU,YAAY,EAAE;EAChB,CAAC;AACH","ignoreList":[]}

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

@@ -9,27 +9,16 @@ 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,
   segments,
-  total,
   isStepComplete = false,
   getAccessibilityText,
   className,
   accessibilityLabel = 'Progress',
   ...props
 }, ref) => {
-  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 segmentCount = segments ?? 5;
   const clampedStep = Math.max(0, Math.min(step, segmentCount));
   const segmentStates = (0, _react.useMemo)(() => {
     return Array.from({
@@ -71,6 +60,4 @@ 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","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":[]}
+{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","ProgressSegmented","exports","forwardRef","step","segments","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","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":";;;;;;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;AAwBX,MAAMK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,iBAAU,EACzC,CACE;EACEC,IAAI;EACJC,QAAQ;EACRC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,YAAY,GAAGP,QAAQ,IAAI,CAAC;EAElC,MAAMQ,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACZ,IAAI,EAAEQ,YAAY,CAAC,CAAC;EAE7D,MAAMK,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,OAAOC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAET;IAAa,CAAC,EAAE,CAACU,CAAC,EAAEC,KAAK,KAAK;MACxD,MAAMC,YAAY,GAAGD,KAAK,GAAG,CAAC;MAC9B,IAAIE,KAA+C,GAAG,YAAY;MAElE,IAAID,YAAY,GAAGX,WAAW,IAAKP,cAAc,IAAIkB,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,CAACb,YAAY,EAAEC,WAAW,EAAEP,cAAc,CAAC,CAAC;EAE/C,IAAIoB,iBAAiB,GAAG,QAAQC,MAAM,CAACd,WAAW,CAAC,OAAOc,MAAM,CAACf,YAAY,CAAC,EAAE;EAChF,IAAIL,oBAAoB,EAAE;IACxBmB,iBAAiB,GAAGnB,oBAAoB,CAACM,WAAW,EAAED,YAAY,EAAEN,cAAc,CAAC;EACrF,CAAC,MAAM,IAAIA,cAAc,EAAE;IACzBoB,iBAAiB,GAAG,QAAQC,MAAM,CAACd,WAAW,CAAC,OAAOc,MAAM,CAACf,YAAY,CAAC,aAAa;EACzF;EAEA,oBACE,IAAAZ,WAAA,CAAA4B,GAAA,EAAC/B,YAAA,CAAAgC,IAAI;IACHlB,GAAG,EAAEA,GAAI;IACTmB,iBAAiB,EAAC,aAAa;IAC/BrB,kBAAkB,EAAEA,kBAAmB;IACvCsB,kBAAkB,EAAE;MAClBf,GAAG,EAAE,CAAC;MACND,GAAG,EAAEH,YAAY;MACjBoB,GAAG,EAAEnB,WAAW;MAChBoB,IAAI,EAAEP;IACR,CAAE;IACFlB,SAAS,EAAE,IAAA0B,SAAE,EAAC,IAAAC,iCAAyB,EAAC,CAAC,EAAE3B,SAAS,CAAE;IAAA,GAClDE,KAAK;IAAA0B,QAAA,EAERnB,aAAa,CAACoB,GAAG,CAAC,CAACZ,KAAK,EAAEF,KAAK,kBAC9B,IAAAvB,WAAA,CAAA4B,GAAA,EAAC/B,YAAA,CAAAgC,IAAI;MAAarB,SAAS,EAAE,IAAA0B,SAAE,EAAC,IAAAI,uBAAe,EAAC;QAAEb;MAAM,CAAC,CAAC;IAAE,GAAjDF,KAAmD,CAC/D;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAEDtB,iBAAiB,CAACsC,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -4,14 +4,14 @@ 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 rounded overflow-hidden']);
-const segmentVariants = exports.segmentVariants = (0, _classVarianceAuthority.cva)(['flex-1 h-1'], {
+var _utils = require("@cdx-ui/utils");
+const progressSegmentedVariants = exports.progressSegmentedVariants = (0, _utils.cva)(['flex-row gap-1 w-full rounded overflow-hidden']);
+const segmentVariants = exports.segmentVariants = (0, _utils.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/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":["_utils","require","progressSegmentedVariants","exports","cva","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,+CAA+C,CAAC,CAAC;AAExF,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAG,IAAAD,UAAG,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/styles.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.quickActionButtonRootVariants = exports.quickActionButtonLabelVariants = exports.quickActionButtonIndicatorVariants = exports.quickActionButtonGlyphVariants = void 0;
 var _reactNative = require("react-native");
-var _classVarianceAuthority = require("class-variance-authority");
-var _primitives = require("../../styles/primitives");
-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', _primitives.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', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _reactNative.Platform.select({
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const quickActionButtonRootVariants = exports.quickActionButtonRootVariants = (0, _utils.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, _utils.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)]']);
+const quickActionButtonGlyphVariants = exports.quickActionButtonGlyphVariants = (0, _utils.cva)(['size-6', 'text-content-action']);
+const quickActionButtonLabelVariants = exports.quickActionButtonLabelVariants = (0, _utils.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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","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,WAAA,GAAAF,OAAA;AAEO,MAAMG,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,2BAAG,EAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,2BAAe,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,6BAAiB,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":[]}
+{"version":3,"names":["_reactNative","require","_utils","_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,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,UAAG,EAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,0BAAe,CAChB,CAAC;AAEK,MAAMC,kCAAkC,GAAAH,OAAA,CAAAG,kCAAA,GAAG,IAAAF,UAAG,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,UAAG,EAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAE7E,MAAMU,8BAA8B,GAAAX,OAAA,CAAAW,8BAAA,GAAG,IAAAV,UAAG,EAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}

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

@@ -38,6 +38,17 @@ RadioRoot.displayName = 'Radio';
 // RADIO INDICATOR (styled-only, reads context for data-* styling)
 // =============================================================================
 
+/** Compound checked × invalid × active state for native Uniwind selectors (single data-field-state). */
+const INDICATOR_STATES = {
+  'unchecked:false:false': 'idle',
+  'unchecked:true:false': 'invalid',
+  'unchecked:false:true': 'active',
+  'unchecked:true:true': 'invalid-active',
+  'checked:false:false': 'checked',
+  'checked:true:false': 'checked-invalid',
+  'checked:false:true': 'checked-active',
+  'checked:true:true': 'checked-invalid-active'
+};
 const RadioIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
   asChild,
   className,
@@ -54,6 +65,8 @@ const RadioIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
     isPressed,
     isFocusVisible
   } = (0, _primitives.useRadioContext)();
+  const checkState = isChecked ? 'checked' : 'unchecked';
+  const fieldState = INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
   const computedClassName = (0, _utils.cn)((0, _styles.radioIndicatorVariants)(), className);
   const Comp = asChild ? _primitives.Slot : _reactNative.View;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
@@ -69,14 +82,16 @@ const RadioIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
       focusVisible: isFocusVisible,
       invalid: isInvalid,
       readonly: isReadOnly,
-      active: isPressed
+      active: isPressed,
+      fieldState
     })),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)()),
       ...(0, _primitives.dataAttributes)({
         checked: isChecked,
         invalid: isInvalid,
-        hover: isHovered
+        hover: isHovered,
+        fieldState
       })
     }), children]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","radioRootVariants","jsxs","mergeDataAttributes","dataAttributes","slot","jsx","RadioIndicator","displayName","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","useRadioContext","radioIndicatorVariants","Comp","Slot","View","hover","checked","disabled","focusVisible","invalid","readonly","active","radioInnerDotVariants","RadioLabel","radioLabelVariants","Text","RadioGroup","direction","value","defaultValue","onChange","isRequired","name","viewProps","radioGroupVariants","Radio","exports","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","radioRootVariants","jsxs","mergeDataAttributes","dataAttributes","slot","jsx","RadioIndicator","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","useRadioContext","checkState","fieldState","radioIndicatorVariants","Comp","Slot","View","hover","checked","disabled","focusVisible","invalid","readonly","active","radioInnerDotVariants","RadioLabel","radioLabelVariants","Text","RadioGroup","direction","value","defaultValue","onChange","isRequired","name","viewProps","radioGroupVariants","Radio","exports","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AASA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAMkB,IAAAK,WAAA,GAAAL,OAAA;AAElB;AACA;AACA;;AAOA,MAAMM,SAAS,gBAAG,IAAAC,iBAAU,EAAmB,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChG,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,yBAAiB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAE5D,oBACE,IAAAH,WAAA,CAAAW,IAAA,EAACd,WAAA,CAAAI,SAAkB;IACjBM,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAM,+BAAmB,EAACN,KAAK,EAAE,IAAAO,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAQ,CAAC,CAAC,CAAC;IAAAV,QAAA,gBAEjE,IAAAJ,WAAA,CAAAe,GAAA,EAACC,cAAc,IAAE,CAAC,EACjBZ,QAAQ;EAAA,CACS,CAAC;AAEzB,CAAC,CAAC;AAEFH,SAAS,CAACgB,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;AAEA;AACA,MAAMC,gBAAgB,GAAG;EACvB,uBAAuB,EAAE,MAAM;EAC/B,sBAAsB,EAAE,SAAS;EACjC,sBAAsB,EAAE,QAAQ;EAChC,qBAAqB,EAAE,gBAAgB;EACvC,qBAAqB,EAAE,SAAS;EAChC,oBAAoB,EAAE,iBAAiB;EACvC,oBAAoB,EAAE,gBAAgB;EACtC,mBAAmB,EAAE;AACvB,CAAU;AAQV,MAAMF,cAAc,gBAAG,IAAAd,iBAAU,EAC/B,CAAC;EAAEiB,OAAO;EAAEhB,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEa,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAC1F,IAAAC,2BAAe,EAAC,CAAC;EAEnB,MAAMC,UAAU,GAAGR,SAAS,GAAG,SAAS,GAAG,WAAW;EACtD,MAAMS,UAAU,GACdX,gBAAgB,CACd,GAAGU,UAAU,IAAIL,SAAS,GAAG,MAAM,GAAG,OAAO,IAAIE,SAAS,GAAG,MAAM,GAAG,OAAO,EAAE,CAChF;EAEH,MAAMjB,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAqB,8BAAsB,EAAC,CAAC,EAAE3B,SAAS,CAAC;EACjE,MAAM4B,IAAI,GAAGZ,OAAO,GAAGa,gBAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAjC,WAAA,CAAAW,IAAA,EAACoB,IAAI;IACHxB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAM,+BAAmB,EACrBN,KAAK,EACL,IAAAO,0BAAc,EAAC;MACbC,IAAI,EAAE,iBAAiB;MACvBoB,KAAK,EAAEZ,SAAS;MAChBa,OAAO,EAAEf,SAAS;MAClBgB,QAAQ,EAAEf,UAAU;MACpBgB,YAAY,EAAEX,cAAc;MAC5BY,OAAO,EAAEf,SAAS;MAClBgB,QAAQ,EAAEf,UAAU;MACpBgB,MAAM,EAAEf,SAAS;MACjBI;IACF,CAAC,CACH,CAAC;IAAAzB,QAAA,gBAED,IAAAJ,WAAA,CAAAe,GAAA,EAACnB,YAAA,CAAAqC,IAAI;MACH9B,SAAS,EAAE,IAAAM,SAAE,EAAC,IAAAgC,6BAAqB,EAAC,CAAC,CAAE;MAAA,GACnC,IAAA5B,0BAAc,EAAC;QACjBsB,OAAO,EAAEf,SAAS;QAClBkB,OAAO,EAAEf,SAAS;QAClBW,KAAK,EAAEZ,SAAS;QAChBO;MACF,CAAC;IAAC,CACH,CAAC,EACDzB,QAAQ;EAAA,CACL,CAAC;AAEX,CACF,CAAC;AAEDY,cAAc,CAACC,WAAW,GAAG,iBAAiB;;AAE9C;AACA;AACA;;AAQA,MAAMyB,UAAU,gBAAG,IAAAxC,iBAAU,EAC3B,CAAC;EAAEiB,OAAO;EAAEhB,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAkC,0BAAkB,EAAC,CAAC,EAAExC,SAAS,CAAC;EAC7D,MAAM4B,IAAI,GAAGZ,OAAO,GAAGa,gBAAI,GAAGY,iBAAI;EAElC,oBACE,IAAA5C,WAAA,CAAAe,GAAA,EAACgB,IAAI;IACHxB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAM,+BAAmB,EAACN,KAAK,EAAE,IAAAO,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAc,CAAC,CAAC,CAAC;IAAAV,QAAA,EAEtEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDsC,UAAU,CAACzB,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAkBA,MAAM4B,UAAU,gBAAG,IAAA3C,iBAAU,EAC3B,CACE;EACEC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLyC,SAAS,GAAG,QAAQ;EACpBC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACR5B,UAAU;EACVE,SAAS;EACT2B,UAAU;EACV1B,UAAU;EACV2B,IAAI;EACJ,GAAGC;AACL,CAAC,EACD7C,GAAG,KACA;EACH,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAA4C,0BAAkB,EAAC;IAAEP;EAAU,CAAC,CAAC,EAAE3C,SAAS,CAAC;EAE1E,oBACE,IAAAH,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAAgD,UAAmB;IAClBtC,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IACb0C,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IACnB5B,UAAU,EAAEA,UAAW;IACvBE,SAAS,EAAEA,SAAU;IACrB2B,UAAU,EAAEA,UAAW;IACvB1B,UAAU,EAAEA,UAAW;IACvB2B,IAAI,EAAEA,IAAK;IACXL,SAAS,EAAEA,SAAU;IAAA,GACjBM,SAAS;IAAA,GACT,IAAAxC,+BAAmB,EAACwC,SAAS,EAAE,IAAAvC,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAc,CAAC,CAAC,CAAC;IAAAV,QAAA,EAE1EA;EAAQ,CACU,CAAC;AAE1B,CACF,CAAC;AAEDyC,UAAU,CAAC5B,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAQO,MAAMqC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAGE,MAAM,CAACC,MAAM,CAACxD,SAAS,EAAE;EAC5CyD,SAAS,EAAE1C,cAAc;EACzB2C,KAAK,EAAEjB,UAAU;EACjBkB,KAAK,EAAEf;AACT,CAAC,CAA2B","ignoreList":[]}

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

@@ -5,19 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.radioRootVariants = exports.radioLabelVariants = exports.radioInnerDotVariants = exports.radioIndicatorVariants = exports.radioGroupVariants = void 0;
 var _reactNative = require("react-native");
-var _classVarianceAuthority = require("class-variance-authority");
-var _primitives = require("../../styles/primitives");
-const radioRootVariants = exports.radioRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR]);
-const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', 'data-[checked=true]:data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
-  web: [_primitives.TRANSITION_COLORS, 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
-  default: ''
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const radioRootVariants = exports.radioRootVariants = (0, _utils.cva)(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.DISABLED_CURSOR,
+// Suppress default :focus-visible outline on the role="radio" Pressable;
+// focus ring is drawn on the indicator instead of wrapping the whole control.
+'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
+const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _utils.cva)(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
+  web: [_constants.TRANSITION_COLORS, 'group',
+  // Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
+  'data-[hover=true]:data-[checked=false]:bg-content-secondary/[0.08]',
+  // Hover — unchecked + invalid (overlay uses danger token)
+  'data-[hover=true]:data-[invalid=true]:data-[checked=false]:bg-surface-danger-strong/[0.08]', 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover',
+  // Active — CSS :active (web root does not track press via data-active).
+  // data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
+  'web:active:data-[hover=true]:data-[checked=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
+  default: [
+  // Native: Uniwind only evaluates the last data-[] condition in a compound chain.
+  // Use single-condition data-[field-state=...] selectors (emitted by RadioIndicator).
+  'data-[field-state=active]:border-stroke-hover', 'data-[field-state=invalid-active]:border-surface-danger-strong-active', 'data-[field-state=checked-active]:border-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active'].join(' ')
 })]);
-const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _classVarianceAuthority.cva)(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', _reactNative.Platform.select({
-  web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover'].join(' '),
-  default: ''
+const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _utils.cva)(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', _reactNative.Platform.select({
+  web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover',
+  // Active via group-active on indicator (inner dot is not the :active target).
+  'web:group-active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:group-active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active'].join(' '),
+  default: ['data-[field-state=checked-active]:bg-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active'].join(' ')
 })]);
-const radioLabelVariants = exports.radioLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'text-content-primary']);
-const radioGroupVariants = exports.radioGroupVariants = (0, _classVarianceAuthority.cva)([], {
+const radioLabelVariants = exports.radioLabelVariants = (0, _utils.cva)(['body-md', 'text-content-primary']);
+const radioGroupVariants = exports.radioGroupVariants = (0, _utils.cva)([], {
   variants: {
     direction: {
       column: 'gap-2',