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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_BaseInput","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useInputStyleContext","useStyleContext","InputPrimitive","createInput","Slot","Field","BaseInput","InputRoot","forwardRef","variant","size","className","children","style","props","ref","computedClassName","cn","inputRootVariants","jsx","context","displayName","InputField","placeholderTextColorClassName","rest","inputFieldVariants","computedPlaceholderColorClassName","inputFieldPlaceholderVariants","InputSlot","inputSlotVariants","InputIcon","as","inputIconVariants","Icon","Input","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","useInputStyleContext","useStyleContext","InputRoot","forwardRef","asChild","variant","size","className","children","style","props","ref","computedClassName","cn","inputRootVariants","parent","useParentContext","ctx","useMemo","jsx","ParentContext","Provider","value","mergeDataAttributes","dataAttributes","slot","displayName","InputField","placeholderTextColorClassName","rest","inputFieldVariants","computedPlaceholderColorClassName","inputFieldPlaceholderVariants","InputSlot","inputSlotVariants","Comp","Slot","View","InputIcon","as","inputIconVariants","Icon","Input","exports","Object","assign","Field"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,17 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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-[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'], {
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const inputRootVariants = exports.inputRootVariants = (0, _utils.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)]', _constants.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.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',
+// Web: inset ring avoids a border-width change so the shell never shifts on focus and
+// no per-size padding compensation is required. Recolor the border to match the ring so
+// the two read as a single focus outline instead of a gray border + colored ring.
+'web:data-[focus=true]:ring-inset', 'web:data-[focus=true]:ring-[length:var(--border-width-focused)]', 'web:data-[focus=true]:data-[invalid=false]:ring-stroke-action', 'web:data-[focus=true]:data-[invalid=false]:border-stroke-action', 'web:data-[focus=true]:data-[invalid=true]:ring-stroke-danger', 'web:data-[focus=true]:data-[invalid=true]:border-stroke-danger',
+// Native: thicker border on focus; size variants below subtract a hairline of padding
+// so layout doesn't shift by 1px.
+'native:data-[focus=true]:border-[length:var(--border-width-focused)]', 'native:data-[field-state=focused]:border-stroke-action', 'native:data-[field-state=focused-invalid]:border-stroke-danger', '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', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -22,7 +28,14 @@ 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, _utils.cva)([
+// `min-w-0` is critical on web: without it, a flex item defaults to `min-width: auto`,
+// which is the input's intrinsic content width. When the shell ancestor uses
+// `overflow-hidden` (for rounded corners), focusing the input via `<label htmlFor>`
+// would make the browser auto-scroll the shell to bring the input into view — visually
+// collapsing the left padding to zero. With `min-w-0` the field can shrink below its
+// intrinsic width so the shell never overflows and never gets scrolled.
+'flex-1 min-w-0 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,8 +46,8 @@ const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthor
     size: 'default'
   }
 });
-const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center']);
-const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-content-tertiary'], {
+const inputSlotVariants = exports.inputSlotVariants = (0, _utils.cva)(['items-center justify-center self-center shrink-0']);
+const inputIconVariants = exports.inputIconVariants = (0, _utils.cva)(['text-content-tertiary'], {
   variants: {
     size: {
       default: 'size-5',
@@ -45,5 +58,5 @@ const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthorit
     size: 'default'
   }
 });
-const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _classVarianceAuthority.cva)(['accent-content-tertiary']);
+const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _utils.cva)(['accent-content-tertiary']);
 //# sourceMappingURL=styles.js.map

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,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;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":["_utils","require","_constants","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,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE;IAE5E;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,UAAG,EACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,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,UAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,UAAG,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,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InsuranceDisclosure = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Image = require("../Image/Image");
+var _HStack = require("../Stack/HStack");
+var _Text = require("../Text");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const InsuranceDisclosure = exports.InsuranceDisclosure = /*#__PURE__*/(0, _react.forwardRef)(function InsuranceDisclosure({
+  logoSource,
+  logoAccessibilityLabel,
+  label,
+  className,
+  style,
+  ...props
+}, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HStack.HStack, {
+    ref: ref,
+    space: "md",
+    className: (0, _utils.cn)((0, _styles.insuranceDisclosureRootVariants)(), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'insurance-disclosure'
+    })),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
+      source: logoSource,
+      accessibilityLabel: logoAccessibilityLabel,
+      accessible: true,
+      resizeMode: "contain",
+      className: (0, _styles.insuranceDisclosureLogoVariants)(),
+      ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
+        slot: 'insurance-disclosure-logo'
+      }))
+    }), label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "min-w-0 shrink",
+      ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
+        slot: 'insurance-disclosure-content'
+      })),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        size: "xs",
+        className: (0, _styles.insuranceDisclosureTextVariants)(),
+        children: label
+      })
+    }) : null]
+  });
+});
+InsuranceDisclosure.displayName = 'InsuranceDisclosure';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Image","_HStack","_Text","_styles","_jsxRuntime","InsuranceDisclosure","exports","forwardRef","logoSource","logoAccessibilityLabel","label","className","style","props","ref","jsxs","HStack","space","cn","insuranceDisclosureRootVariants","mergeDataAttributes","dataAttributes","slot","children","jsx","Image","source","accessibilityLabel","accessible","resizeMode","insuranceDisclosureLogoVariants","View","Text","size","insuranceDisclosureTextVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/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,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAIkB,IAAAQ,WAAA,GAAAR,OAAA;AASX,MAAMS,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAG3C,SAASF,mBAAmBA,CAC5B;EAAEG,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzEC,GAAG,EACH;EACA,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACd,OAAA,CAAAe,MAAM;IACLF,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAC,IAAI;IACVN,SAAS,EAAE,IAAAO,SAAE,EAAC,IAAAC,uCAA+B,EAAC,CAAC,EAAER,SAAS,CAAE;IAC5DC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAO,+BAAmB,EAACP,KAAK,EAAE,IAAAQ,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,gBAEhF,IAAAnB,WAAA,CAAAoB,GAAA,EAACxB,MAAA,CAAAyB,KAAU;MACTC,MAAM,EAAElB,UAAW;MACnBmB,kBAAkB,EAAElB,sBAAuB;MAC3CmB,UAAU;MACVC,UAAU,EAAC,SAAS;MACpBlB,SAAS,EAAE,IAAAmB,uCAA+B,EAAC,CAAE;MAAA,GACzC,IAAAV,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,EACDZ,KAAK,gBACJ,IAAAN,WAAA,CAAAoB,GAAA,EAAC3B,YAAA,CAAAkC,IAAI;MACHpB,SAAS,EAAC,gBAAgB;MAAA,GACtB,IAAAS,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErF,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,KAAA,CAAA8B,IAAI;QAACC,IAAI,EAAC,IAAI;QAACtB,SAAS,EAAE,IAAAuB,uCAA+B,EAAC,CAAE;QAAAX,QAAA,EAC1Db;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFL,mBAAmB,CAAC8B,WAAW,GAAG,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insuranceDisclosureTextVariants = exports.insuranceDisclosureRootVariants = exports.insuranceDisclosureLogoVariants = void 0;
+var _utils = require("@cdx-ui/utils");
+const insuranceDisclosureRootVariants = exports.insuranceDisclosureRootVariants = (0, _utils.cva)(['w-full max-w-full items-center justify-start', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'p-4']);
+const insuranceDisclosureLogoVariants = exports.insuranceDisclosureLogoVariants = (0, _utils.cva)(['h-[23px] w-[37px]']);
+const insuranceDisclosureTextVariants = exports.insuranceDisclosureTextVariants = (0, _utils.cva)(['shrink text-content-secondary']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","insuranceDisclosureRootVariants","exports","cva","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,UAAG,EAAC,CACjD,8CAA8C,EAC9C,gCAAgC,EAChC,wCAAwC,EACxC,KAAK,CACN,CAAC;AAEK,MAAMC,+BAA+B,GAAAF,OAAA,CAAAE,+BAAA,GAAG,IAAAD,UAAG,EAAC,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAME,+BAA+B,GAAAH,OAAA,CAAAG,+BAAA,GAAG,IAAAF,UAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC","ignoreList":[]}

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

@@ -17,10 +17,6 @@ var _utils = require("@cdx-ui/utils");
 var _Icon = require("../Icon");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
-const LinkPrimitive = (0, _primitives.createLink)({
-  Root: _reactNative.Pressable
-});
-
 // =============================================================================
 // STYLED ROOT COMPONENT
 // =============================================================================
@@ -32,11 +28,14 @@ const LinkRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   ...props
 }, ref) => {
   const rootClassName = (0, _utils.cn)((0, _styles.linkRootVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkPrimitive, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.LinkRoot, {
     ref: ref,
     className: rootClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'link'
+    })),
     children: children
   });
 });
@@ -47,19 +46,38 @@ LinkRoot.displayName = 'Link';
 // =============================================================================
 
 const LinkLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   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 Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  const textElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'link-label'
+    })),
     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,12 +91,20 @@ 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,
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'link-icon'
+    }))
   });
 };
 LinkIcon.displayName = 'Link.Icon';

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","LinkRoot","forwardRef","className","children","style","props","ref","rootClassName","cn","linkRootVariants","jsx","mergeDataAttributes","dataAttributes","slot","displayName","LinkLabel","asChild","visited","useLinkInteractionContext","computedClassName","linkLabelVariants","Comp","Slot","Text","textElement","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,59 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.linkRootVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
-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']);
+exports.linkRootVariants = exports.linkNativeUnderlineVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const linkRootVariants = exports.linkRootVariants = (0, _utils.cva)(['flex-row items-center gap-1', _reactNative.Platform.select({
+  web: 'web:inline-flex web:self-start',
+  default: ''
+}), _constants.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, _utils.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, _utils.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, _utils.cva)(['size-4', '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","_utils","_constants","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,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,UAAG,EAAC,CAClC,6BAA6B,EAC7BC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EACvEC,4BAAiB,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,UAAG,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,UAAG,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,UAAG,EAAC,CAAC,QAAQ,EAAE,mBAAmB,CAAC,EAAE;EACnEO,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,CAAC,CAAC","ignoreList":[]}