@cdx-ui/components 0.0.1-beta.5 → 0.0.1-beta.50

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","iconButtonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","Platform","select","default","web","ghost","size","small","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,2BAAG,EACvC,CACE,kCAAkC,EAClC,sCAAsC,EACtC,wEAAwE,EACxEC,6BAAiB,EACjB,mDAAmD,EACnDC,2BAAe,EACf,2IAA2I,CAC5I,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CACL,mDAAmD,EACnDC,qBAAQ,CAACC,MAAM,CAAC;QACdC,OAAO,EAAE,8CAA8C;QACvDC,GAAG,EAAE;MACP,CAAC,CAAC,CACH;MACDC,KAAK,EAAE,CACL,gBAAgB,EAChBJ,qBAAQ,CAACC,MAAM,CAAC;QACdC,OAAO,EAAE,8CAA8C;QACvDC,GAAG,EAAE;MACP,CAAC,CAAC;IAEN,CAAC;IACDE,IAAI,EAAE;MACJH,OAAO,EAAE,mCAAmC;MAC5CI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfT,OAAO,EAAE,OAAO;IAChBO,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMG,uBAAuB,GAAAf,OAAA,CAAAe,uBAAA,GAAG,IAAAd,2BAAG,EAAC,EAAE,EAAE;EAC7CG,QAAQ,EAAE;IACRQ,IAAI,EAAE;MACJH,OAAO,EAAE,QAAQ;MACjBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMI,2BAA2B,GAAAhB,OAAA,CAAAgB,2BAAA,GAAG,IAAAf,2BAAG,EAAC,CAAC,sBAAsB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","iconButtonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","tint","ghost","color","neutral","action","danger","size","default","small","compoundVariants","className","Platform","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -6,15 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.inputSlotVariants = exports.inputRootVariants = exports.inputIconVariants = exports.inputFieldVariants = exports.inputFieldPlaceholderVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
 var _primitives = require("../../styles/primitives");
-const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-stretch overflow-hidden', 'bg-surface-primary', 'border-solid border-[length:var(--border-width-default)] border-stroke-primary', 'rounded-[var(--border-radius-default)]', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[--opacity-disabled]', _primitives.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover', 'data-[focus=true]:border-[length:var(--border-width-focused)]', 'data-[focus=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger'], {
+const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-stroke-primary', 'web:border-default native:border-[length:var(--border-width-default)]', 'rounded-[var(--border-radius-default)]', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover', 'data-[focus=true]:border-[length:var(--border-width-focused)]', 'data-[focus=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger'], {
   variants: {
     variant: {
       outline: []
     },
     size: {
-      // TODO: Find a cleaner approach to preventing layout shift when focus border is applied.
-      default: ['h-10 px-4 py-2 gap-2', 'data-[focus=true]:px-[15px] data-[focus=true]:py-[7px]'],
-      small: ['h-8 px-3 py-1.5 gap-1.5', 'data-[focus=true]:px-[11px] data-[focus=true]:py-[5px]']
+      default: ['h-11 min-h-11 px-4 py-3 gap-4',
+      // Subtract one hairline from padding when focused so the wider focus border doesn’t shift layout.
+      'data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -22,7 +23,7 @@ const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthorit
     size: 'default'
   }
 });
-const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', 'font-body text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
+const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
       default: 'text-[0.875rem]',
@@ -33,7 +34,7 @@ const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthor
     size: 'default'
   }
 });
-const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center']);
+const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center shrink-0']);
 const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-content-tertiary'], {
   variants: {
     size: {

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,+CAA+C,EAC/C,oBAAoB,EACpB,gFAAgF,EAChF,wCAAwC,EACxCC,6BAAiB,EACjB,2CAA2C,EAC3C,mDAAmD,EACnDC,2BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJ;MACAC,OAAO,EAAE,CAAC,sBAAsB,EAAE,wDAAwD,CAAC;MAC3FC,KAAK,EAAE,CACL,yBAAyB,EACzB,wDAAwD;IAE5D;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,0CAA0C,EAC1C,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;AAE1E,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,6BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,2BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA,iEAAiE,EACjE,iEAAiE,CAClE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,iEAAiE,EACjE,iEAAiE;IAErE;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,0CAA0C,EAC1C,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

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

@@ -52,14 +52,28 @@ const LinkLabel = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...props
 }, ref) => {
-  const computedClassName = (0, _utils.cn)((0, _styles.linkLabelVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+  const {
+    visited
+  } = (0, _primitives.useLinkInteractionContext)();
+  const computedClassName = (0, _utils.cn)((0, _styles.linkLabelVariants)({
+    visited
+  }), className);
+  const textElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
     children: children
   });
+  if (_reactNative.Platform.OS === 'web') {
+    return textElement;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _utils.cn)((0, _styles.linkNativeUnderlineVariants)({
+      visited
+    })),
+    children: textElement
+  });
 });
 LinkLabel.displayName = 'Link.Label';
 
@@ -73,7 +87,12 @@ const LinkIcon = ({
   as,
   ...props
 }) => {
-  const computedClassName = (0, _utils.cn)((0, _styles.linkIconVariants)(), className);
+  const {
+    visited
+  } = (0, _primitives.useLinkInteractionContext)();
+  const computedClassName = (0, _utils.cn)((0, _styles.linkIconVariants)({
+    visited
+  }), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
     as: as,
     className: computedClassName,

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

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

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

@@ -3,12 +3,62 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.linkRootVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
+exports.linkRootVariants = exports.linkNativeUnderlineVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
+var _reactNative = require("react-native");
 var _classVarianceAuthority = require("class-variance-authority");
 var _primitives = require("../../styles/primitives");
-// TODO: Handle visited state
-
-const linkRootVariants = exports.linkRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-1', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2']);
-const linkLabelVariants = exports.linkLabelVariants = (0, _classVarianceAuthority.cva)(['text-content-link', 'body-md', 'underline underline-offset-4']);
-const linkIconVariants = exports.linkIconVariants = (0, _classVarianceAuthority.cva)(['text-content-link', 'size-4']);
+const linkRootVariants = exports.linkRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-1', _reactNative.Platform.select({
+  web: 'web:inline-flex web:self-start',
+  default: ''
+}), _primitives.TRANSITION_COLORS, 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'web:data-[focus-visible=true]:rounded-[2px]', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2',
+// Web: set color on the anchor so Label/Icon can text-inherit (incl. browser :visited).
+'web:text-content-link', 'web:visited:text-content-link-visited', 'web:hover:text-content-primary', 'web:visited:hover:text-content-primary', 'data-[visited=true]:text-content-link-visited', 'web:data-[hover=true]:text-content-primary']);
+const linkLabelVariants = exports.linkLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', _reactNative.Platform.select({
+  web: 'underline underline-offset-4',
+  default: ''
+}), _reactNative.Platform.select({
+  web: 'text-inherit',
+  default: 'text-content-link'
+})], {
+  variants: {
+    visited: {
+      true: _reactNative.Platform.select({
+        web: '',
+        default: 'text-content-link-visited'
+      }),
+      false: ''
+    }
+  },
+  defaultVariants: {
+    visited: false
+  }
+});
+const linkNativeUnderlineVariants = exports.linkNativeUnderlineVariants = (0, _classVarianceAuthority.cva)(['border-b border-content-link pb-0.5'], {
+  variants: {
+    visited: {
+      true: 'border-content-link-visited',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    visited: false
+  }
+});
+const linkIconVariants = exports.linkIconVariants = (0, _classVarianceAuthority.cva)(['size-4', _reactNative.Platform.select({
+  web: 'text-inherit',
+  default: 'text-content-link'
+})], {
+  variants: {
+    visited: {
+      true: _reactNative.Platform.select({
+        web: '',
+        default: 'text-content-link-visited'
+      }),
+      false: ''
+    }
+  },
+  defaultVariants: {
+    visited: false
+  }
+});
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","_primitives","linkRootVariants","exports","cva","TRANSITION_COLORS","linkLabelVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAClC,6BAA6B,EAC7B,wEAAwE,EACxEC,6BAAiB,EACjB,kIAAkI,CACnI,CAAC;AAEK,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG,IAAAF,2BAAG,EAAC,CACnC,mBAAmB,EACnB,SAAS,EACT,8BAA8B,CAC/B,CAAC;AAEK,MAAMG,gBAAgB,GAAAJ,OAAA,CAAAI,gBAAA,GAAG,IAAAH,2BAAG,EAAC,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","linkRootVariants","exports","cva","Platform","select","web","default","TRANSITION_COLORS","linkLabelVariants","variants","visited","true","false","defaultVariants","linkNativeUnderlineVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAClC,6BAA6B,EAC7BC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EACvEC,6BAAiB,EACjB,wEAAwE,EACxE,6CAA6C,EAC7C,kIAAkI;AAClI;AACA,uBAAuB,EACvB,uCAAuC,EACvC,gCAAgC,EAChC,wCAAwC,EACxC,+CAA+C,EAC/C,4CAA4C,CAC7C,CAAC;AAEK,MAAMC,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,2BAAG,EAClC,CACE,SAAS,EACTC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,8BAA8B;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EACrEH,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAoB,CAAC,CAAC,CACvE,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAER,qBAAQ,CAACC,MAAM,CAAC;QAAEC,GAAG,EAAE,EAAE;QAAEC,OAAO,EAAE;MAA4B,CAAC,CAAC;MACxEM,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CACF,CAAC;AAEM,MAAMI,2BAA2B,GAAAb,OAAA,CAAAa,2BAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,qCAAqC,CAAC,EAAE;EACtFO,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,6BAA6B;MACnCC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CAAC,CAAC;AAEK,MAAMK,gBAAgB,GAAAd,OAAA,CAAAc,gBAAA,GAAG,IAAAb,2BAAG,EACjC,CAAC,QAAQ,EAAEC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAoB,CAAC,CAAC,CAAC,EAClF;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAER,qBAAQ,CAACC,MAAM,CAAC;QAAEC,GAAG,EAAE,EAAE;QAAEC,OAAO,EAAE;MAA4B,CAAC,CAAC;MACxEM,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CACF,CAAC","ignoreList":[]}

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

@@ -10,7 +10,7 @@ var _primitives = require("../../styles/primitives");
 // ── Root (row): density, surface, separator, interactive feedback ──────────
 
 const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAuthority.cva)(['flex-row self-stretch w-full px-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
-  web: ['outline-none', 'web:data-[hovered=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
+  web: ['outline-none', 'web:data-[hover=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
   default: ''
 })], {
   variants: {
@@ -23,7 +23,7 @@ const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAu
       negative: 'bg-red-50'
     },
     showSeparator: {
-      true: ['border-b border-solid', _primitives.COLOR_BORDER_DEFAULT],
+      true: 'border-b border-solid border-stroke-secondary',
       false: 'border-b-0'
     },
     crossAlign: {
@@ -34,7 +34,7 @@ const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAu
   compoundVariants: [{
     surface: 'negative',
     className: _reactNative.Platform.select({
-      web: 'web:data-[hovered=true]:bg-red-100/90',
+      web: 'web:data-[hover=true]:bg-red-100/90',
       default: ''
     })
   }],
@@ -63,7 +63,7 @@ const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0,
 
 // ── Content stack (title / description / meta) ───────────────────────────────
 
-const listItemContentVariants = exports.listItemContentVariants = (0, _classVarianceAuthority.cva)(['flex min-w-0 flex-1 flex-col gap-1'], {
+const listItemContentVariants = exports.listItemContentVariants = (0, _classVarianceAuthority.cva)('flex min-w-0 flex-1 flex-col gap-1', {
   variants: {
     crossAlign: {
       center: 'justify-center',
@@ -77,7 +77,7 @@ const listItemContentVariants = exports.listItemContentVariants = (0, _classVari
 
 // ── Typography ───────────────────────────────────────────────────────────────
 
-const listItemTitleVariants = exports.listItemTitleVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_PRIMARY, 'font-medium'], {
+const listItemTitleVariants = exports.listItemTitleVariants = (0, _classVarianceAuthority.cva)('text-content-primary font-medium', {
   variants: {
     size: {
       default: 'text-base leading-snug',
@@ -88,7 +88,7 @@ const listItemTitleVariants = exports.listItemTitleVariants = (0, _classVariance
     size: 'default'
   }
 });
-const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
+const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0, _classVarianceAuthority.cva)('text-content-secondary', {
   variants: {
     size: {
       default: 'text-sm leading-normal',
@@ -99,7 +99,7 @@ const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0, _c
     size: 'default'
   }
 });
-const listItemMetaVariants = exports.listItemMetaVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_MUTED], {
+const listItemMetaVariants = exports.listItemMetaVariants = (0, _classVarianceAuthority.cva)('text-content-tertiary', {
   variants: {
     size: {
       default: 'text-xs leading-normal',
@@ -113,7 +113,7 @@ const listItemMetaVariants = exports.listItemMetaVariants = (0, _classVarianceAu
 
 // ── Section header (group label row inside lists / cards) ───────────────────
 
-const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', _primitives.COLOR_BORDER_DEFAULT], {
+const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', 'border-stroke-secondary'], {
   variants: {
     showDivider: {
       true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
@@ -126,5 +126,5 @@ const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0
 });
 
 /** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
-const listItemSectionHeaderLabelVariants = exports.listItemSectionHeaderLabelVariants = (0, _classVarianceAuthority.cva)(['text-xs font-semibold uppercase tracking-wide', _primitives.COLOR_TEXT_SECONDARY]);
+const listItemSectionHeaderLabelVariants = exports.listItemSectionHeaderLabelVariants = (0, _classVarianceAuthority.cva)('text-xs font-semibold uppercase tracking-wide text-content-secondary');
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","listItemRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","COLOR_BORDER_DEFAULT","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","COLOR_TEXT_PRIMARY","listItemDescriptionVariants","COLOR_TEXT_SECONDARY","listItemMetaVariants","COLOR_TEXT_MUTED","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","listItemRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","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 (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && 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","process","env","NODE_ENV","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/Radio/index.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = 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");
+// =============================================================================
+// STYLED INDICATOR BASE
+// =============================================================================
+const RadioIndicatorBase = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  // On web, data attributes arrive as `dataSet: { checked: true }`.
+  // On native, they arrive as individual `data-checked: "true"` props.
+  const ds = props.dataSet;
+  const isChecked = ds ? ds.checked === true : props['data-checked'] === 'true';
+  const isInvalid = ds ? ds.invalid === true : props['data-invalid'] === 'true';
+  const isHovered = ds ? ds.hover === true : props['data-hover'] === 'true';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.radioIndicatorVariants)(), className),
+    style: style,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)()),
+      ...(0, _primitives.dataAttributes)({
+        checked: isChecked,
+        invalid: isInvalid,
+        hover: isHovered
+      })
+    }), children]
+  });
+});
+RadioIndicatorBase.displayName = 'Radio.IndicatorBase';
+
+// =============================================================================
+// PRIMITIVE ASSEMBLY
+// =============================================================================
+
+const RadioPrimitive = (0, _primitives.createRadio)({
+  Root: _reactNative.Pressable,
+  Indicator: RadioIndicatorBase,
+  Label: _reactNative.Text,
+  Group: _reactNative.View
+});
+
+// =============================================================================
+// RADIO ROOT
+// =============================================================================
+
+const RadioRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.radioRootVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+RadioRoot.displayName = 'Radio';
+
+// =============================================================================
+// RADIO INDICATOR
+// =============================================================================
+
+const RadioIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Indicator, {
+    ref: ref,
+    className: className,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+RadioIndicator.displayName = 'Radio.Indicator';
+
+// =============================================================================
+// RADIO LABEL
+// =============================================================================
+
+const RadioLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.radioLabelVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Label, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+RadioLabel.displayName = 'Radio.Label';
+
+// =============================================================================
+// RADIO GROUP
+// =============================================================================
+
+const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  direction = 'column',
+  value,
+  defaultValue,
+  onChange,
+  isDisabled,
+  isInvalid,
+  isRequired,
+  isReadOnly,
+  name,
+  ...viewProps
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.radioGroupVariants)({
+    direction
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Group, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    value: value,
+    defaultValue: defaultValue,
+    onChange: onChange,
+    isDisabled: isDisabled,
+    isInvalid: isInvalid,
+    isRequired: isRequired,
+    isReadOnly: isReadOnly,
+    name: name,
+    ...viewProps,
+    children: children
+  });
+});
+RadioGroup.displayName = 'Radio.Group';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+const Radio = exports.Radio = Object.assign(RadioRoot, {
+  Indicator: RadioIndicator,
+  Label: RadioLabel,
+  Group: RadioGroup
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioIndicatorBase","forwardRef","className","children","style","props","ref","ds","dataSet","isChecked","checked","isInvalid","invalid","isHovered","hover","jsxs","View","cn","radioIndicatorVariants","jsx","radioInnerDotVariants","dataAttributes","displayName","RadioPrimitive","createRadio","Root","Pressable","Indicator","Label","Text","Group","RadioRoot","computedClassName","radioRootVariants","RadioIndicator","RadioLabel","radioLabelVariants","RadioGroup","direction","value","defaultValue","onChange","isDisabled","isRequired","isReadOnly","name","viewProps","radioGroupVariants","Radio","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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-2', '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-[var(--color-stroke-ring)] web:data-[focus-visible=true]:ring-offset-2'].join(' '),
+  default: ''
+})]);
+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 radioLabelVariants = exports.radioLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'text-content-primary']);
+const radioGroupVariants = exports.radioGroupVariants = (0, _classVarianceAuthority.cva)([], {
+  variants: {
+    direction: {
+      column: 'gap-2',
+      row: 'flex-row gap-4'
+    }
+  },
+  defaultVariants: {
+    direction: 'column'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","radioRootVariants","exports","cva","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,2BAAe,CAChB,CAAC;AAEK,MAAMC,sBAAsB,GAAAH,OAAA,CAAAG,sBAAA,GAAG,IAAAF,2BAAG,EAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1C,8DAA8D,EAC9DG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,6BAAiB,EACjB,0EAA0E,EAC1E,0EAA0E,EAC1E,4CAA4C,EAC5C,gJAAgJ,CACjJ,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAMC,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,2BAAG,EAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE,CACvE,CAACE,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAEnE,MAAMW,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}