@cdx-ui/components 0.0.1-beta.7 → 0.0.1-beta.70

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","iconButtonRootVariants","variants","variant","solid","select","default","web","ghost","size","small","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,sBAAsB,GAAGH,GAAG,CACvC,CACE,kCAAkC,EAClC,sCAAsC,EACtC,wEAAwE,EACxEE,iBAAiB,EACjB,mDAAmD,EACnDD,eAAe,EACf,2IAA2I,CAC5I,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CACL,mDAAmD,EACnDP,QAAQ,CAACQ,MAAM,CAAC;QACdC,OAAO,EAAE,8CAA8C;QACvDC,GAAG,EAAE;MACP,CAAC,CAAC,CACH;MACDC,KAAK,EAAE,CACL,gBAAgB,EAChBX,QAAQ,CAACQ,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;IACfR,OAAO,EAAE,OAAO;IAChBM,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMG,uBAAuB,GAAGd,GAAG,CAAC,EAAE,EAAE;EAC7CI,QAAQ,EAAE;IACRO,IAAI,EAAE;MACJH,OAAO,EAAE,QAAQ;MACjBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMI,2BAA2B,GAAGf,GAAG,CAAC,CAAC,sBAAsB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","iconButtonRootVariants","variants","variant","solid","tint","ghost","color","neutral","action","danger","size","default","small","compoundVariants","className","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,27 +1,21 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef, useMemo } from 'react';
 import { View } from 'react-native';
-import { createInput } from '@cdx-ui/primitives';
-import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { InputField as InputFieldPrimitive, InputRoot as InputRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { ParentContext, cn, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { Icon } from '../Icon';
-import { BaseInput } from './BaseInput';
 import { inputFieldPlaceholderVariants, inputFieldVariants, inputIconVariants, inputRootVariants, inputSlotVariants } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SCOPE = 'INPUT';
-const Root = withStyleContext(View, SCOPE);
 const useInputStyleContext = () => useStyleContext(SCOPE);
-const InputPrimitive = createInput({
-  Root,
-  Slot: View,
-  Field: BaseInput
-});
 
 // =============================================================================
 // INPUT (ROOT)
 // =============================================================================
 
 const InputRoot = /*#__PURE__*/forwardRef(({
+  asChild,
   variant = 'outline',
   size = 'default',
   className,
@@ -33,16 +27,27 @@ const InputRoot = /*#__PURE__*/forwardRef(({
     variant,
     size
   }), className);
-  return /*#__PURE__*/_jsx(InputPrimitive, {
-    ref: ref,
-    className: computedClassName,
-    style: style,
-    context: {
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [SCOPE]: {
       variant,
       size
-    },
-    ...props,
-    children: children
+    }
+  }), [parent, variant, size]);
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(InputRootPrimitive, {
+      ref: ref,
+      asChild: asChild,
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'input'
+      })),
+      children: children
+    })
   });
 });
 InputRoot.displayName = 'Input';
@@ -64,32 +69,40 @@ const InputField = /*#__PURE__*/forwardRef(({
     size
   }), className);
   const computedPlaceholderColorClassName = cn(inputFieldPlaceholderVariants(), placeholderTextColorClassName);
-  return /*#__PURE__*/_jsx(InputPrimitive.Field, {
+  return /*#__PURE__*/_jsx(InputFieldPrimitive, {
     ref: ref,
     className: computedClassName,
     placeholderTextColorClassName: computedPlaceholderColorClassName,
     style: style,
-    ...rest
+    ...rest,
+    ...mergeDataAttributes(rest, dataAttributes({
+      slot: 'input-field'
+    }))
   });
 });
 InputField.displayName = 'Input.Field';
 
 // =============================================================================
-// INPUT SLOT
+// INPUT SLOT — styled-only (Standard 3: no behavior beyond layout)
 // =============================================================================
 
 const InputSlot = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = cn(inputSlotVariants(), className);
-  return /*#__PURE__*/_jsx(InputPrimitive.Slot, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'input-slot'
+    })),
     children: children
   });
 });
@@ -100,6 +113,7 @@ InputSlot.displayName = 'Input.Slot';
 // =============================================================================
 
 const InputIcon = ({
+  asChild,
   className,
   style,
   as,
@@ -111,11 +125,27 @@ const InputIcon = ({
   const computedClassName = cn(inputIconVariants({
     size
   }), className);
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot, {
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'input-icon'
+      }))
+    });
+  }
+  if (!as) {
+    return null;
+  }
   return /*#__PURE__*/_jsx(Icon, {
     as: as,
     className: computedClassName,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'input-icon'
+    }))
   });
 };
 InputIcon.displayName = 'Input.Icon';

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","createInput","cn","useStyleContext","withStyleContext","Icon","BaseInput","inputFieldPlaceholderVariants","inputFieldVariants","inputIconVariants","inputRootVariants","inputSlotVariants","jsx","_jsx","SCOPE","Root","useInputStyleContext","InputPrimitive","Slot","Field","InputRoot","variant","size","className","children","style","props","ref","computedClassName","context","displayName","InputField","placeholderTextColorClassName","rest","computedPlaceholderColorClassName","InputSlot","InputIcon","as","Input","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","View","InputField","InputFieldPrimitive","InputRoot","InputRootPrimitive","Slot","dataAttributes","mergeDataAttributes","ParentContext","cn","useParentContext","useStyleContext","Icon","inputFieldPlaceholderVariants","inputFieldVariants","inputIconVariants","inputRootVariants","inputSlotVariants","jsx","_jsx","SCOPE","useInputStyleContext","asChild","variant","size","className","children","style","props","ref","computedClassName","parent","ctx","Provider","value","slot","displayName","placeholderTextColorClassName","rest","computedPlaceholderColorClassName","InputSlot","Comp","InputIcon","as","Input","Object","assign","Field"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAwB,OAAO;AAC3D,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SACEC,UAAU,IAAIC,mBAAmB,EACjCC,SAAS,IAAIC,kBAAkB,EAC/BC,IAAI,EACJC,cAAc,EACdC,mBAAmB,QAId,oBAAoB;AAC3B,SAASC,aAAa,EAAEC,EAAE,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,eAAe;AACpF,SAASC,IAAI,QAAwB,SAAS;AAC9C,SAEEC,6BAA6B,EAC7BC,kBAAkB,EAClBC,iBAAiB,EACjBC,iBAAiB,EACjBC,iBAAiB,QACZ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,KAAK,GAAG,OAAO;AAErB,MAAMC,oBAAoB,GAAGA,CAAA,KAAMV,eAAe,CAACS,KAAK,CAAsB;;AAE9E;AACA;AACA;;AAQA,MAAMjB,SAAS,gBAAGL,UAAU,CAC1B,CACE;EAAEwB,OAAO;EAAEC,OAAO,GAAG,SAAS;EAAEC,IAAI,GAAG,SAAS;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACxFC,GAAG,KACA;EACH,MAAMC,iBAAiB,GAAGrB,EAAE,CAACO,iBAAiB,CAAC;IAAEO,OAAO;IAAEC;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAE7E,MAAMM,MAAM,GAAGrB,gBAAgB,CAAC,CAAC;EACjC,MAAMsB,GAAG,GAAGjC,OAAO,CAAC,OAAO;IAAE,GAAGgC,MAAM;IAAE,CAACX,KAAK,GAAG;MAAEG,OAAO;MAAEC;IAAK;EAAE,CAAC,CAAC,EAAE,CAACO,MAAM,EAAER,OAAO,EAAEC,IAAI,CAAC,CAAC;EAE/F,oBACEL,IAAA,CAACX,aAAa,CAACyB,QAAQ;IAACC,KAAK,EAAEF,GAAI;IAAAN,QAAA,eACjCP,IAAA,CAACf,kBAAkB;MACjByB,GAAG,EAAEA,GAAI;MACTP,OAAO,EAAEA,OAAQ;MACjBG,SAAS,EAAEK,iBAAkB;MAC7BH,KAAK,EAAEA,KAAM;MAAA,GACTC,KAAK;MAAA,GACLrB,mBAAmB,CAACqB,KAAK,EAAEtB,cAAc,CAAC;QAAE6B,IAAI,EAAE;MAAQ,CAAC,CAAC,CAAC;MAAAT,QAAA,EAEhEA;IAAQ,CACS;EAAC,CACC,CAAC;AAE7B,CACF,CAAC;AAEDvB,SAAS,CAACiC,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;AAOA,MAAMnC,UAAU,gBAAGH,UAAU,CAC3B,CAAC;EAAE2B,SAAS;EAAEY,6BAA6B;EAAEV,KAAK;EAAE,GAAGW;AAAK,CAAC,EAAET,GAAG,KAAK;EACrE,MAAM;IAAEL;EAAK,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EAEvC,MAAMS,iBAAiB,GAAGrB,EAAE,CAACK,kBAAkB,CAAC;IAAEU;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EACrE,MAAMc,iCAAiC,GAAG9B,EAAE,CAC1CI,6BAA6B,CAAC,CAAC,EAC/BwB,6BACF,CAAC;EAED,oBACElB,IAAA,CAACjB,mBAAmB;IAClB2B,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BO,6BAA6B,EAAEE,iCAAkC;IACjEZ,KAAK,EAAEA,KAAM;IAAA,GACTW,IAAI;IAAA,GACJ/B,mBAAmB,CAAC+B,IAAI,EAAEhC,cAAc,CAAC;MAAE6B,IAAI,EAAE;IAAc,CAAC,CAAC;EAAC,CACvE,CAAC;AAEN,CACF,CAAC;AAEDlC,UAAU,CAACmC,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAQA,MAAMI,SAAS,gBAAG1C,UAAU,CAC1B,CAAC;EAAEwB,OAAO;EAAEG,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAMC,iBAAiB,GAAGrB,EAAE,CAACQ,iBAAiB,CAAC,CAAC,EAAEQ,SAAS,CAAC;EAC5D,MAAMgB,IAAI,GAAGnB,OAAO,GAAGjB,IAAI,GAAGL,IAAI;EAElC,oBACEmB,IAAA,CAACsB,IAAI;IACHZ,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLrB,mBAAmB,CAACqB,KAAK,EAAEtB,cAAc,CAAC;MAAE6B,IAAI,EAAE;IAAa,CAAC,CAAC,CAAC;IAAAT,QAAA,EAErEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDc,SAAS,CAACJ,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAWA,MAAMM,SAAS,GAAGA,CAAC;EAAEpB,OAAO;EAAEG,SAAS;EAAEE,KAAK;EAAEgB,EAAE;EAAE,GAAGf;AAAsB,CAAC,KAAK;EACjF,MAAM;IAAEJ;EAAK,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EACvC,MAAMS,iBAAiB,GAAGrB,EAAE,CAACM,iBAAiB,CAAC;IAAES;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAEpE,IAAIH,OAAO,EAAE;IACX,oBACEH,IAAA,CAACd,IAAI;MACHoB,SAAS,EAAEK,iBAAkB;MAC7BH,KAAK,EAAEA,KAAM;MAAA,GACTC,KAAK;MAAA,GACLrB,mBAAmB,CAACqB,KAAK,EAAEtB,cAAc,CAAC;QAAE6B,IAAI,EAAE;MAAa,CAAC,CAAC;IAAC,CACvE,CAAC;EAEN;EAEA,IAAI,CAACQ,EAAE,EAAE;IACP,OAAO,IAAI;EACb;EAEA,oBACExB,IAAA,CAACP,IAAI;IACH+B,EAAE,EAAEA,EAAG;IACPlB,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLrB,mBAAmB,CAACqB,KAAK,EAAEtB,cAAc,CAAC;MAAE6B,IAAI,EAAE;IAAa,CAAC,CAAC;EAAC,CACvE,CAAC;AAEN,CAAC;AAEDO,SAAS,CAACN,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAQA,OAAO,MAAMQ,KAAK,GAAGC,MAAM,CAACC,MAAM,CAAC3C,SAAS,EAAE;EAC5C4C,KAAK,EAAE9C,UAAU;EACjBI,IAAI,EAAEmC,SAAS;EACf5B,IAAI,EAAE8B;AACR,CAAC,CAA2B","ignoreList":[]}

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

@@ -2,15 +2,16 @@
 
 import { cva } from 'class-variance-authority';
 import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
-export const inputRootVariants = 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)]', TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[--opacity-disabled]', 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'], {
+export const inputRootVariants = 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)]', TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', 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: {
@@ -18,7 +19,7 @@ export const inputRootVariants = cva(['w-full flex-row items-stretch overflow-hi
     size: 'default'
   }
 });
-export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0', 'font-body text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
+export const inputFieldVariants = 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]',
@@ -29,7 +30,7 @@ export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0
     size: 'default'
   }
 });
-export const inputSlotVariants = cva(['items-center justify-center self-center']);
+export const inputSlotVariants = cva(['items-center justify-center self-center shrink-0']);
 export const inputIconVariants = cva(['text-content-tertiary'], {
   variants: {
     size: {

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

@@ -1 +1 @@
-{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAClC,CACE,+CAA+C,EAC/C,oBAAoB,EACpB,gFAAgF,EAChF,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,mDAAmD,EACnDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEG,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;AAED,OAAO,MAAMI,kBAAkB,GAAGX,GAAG,CACnC,CACE,0CAA0C,EAC1C,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEI,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;AAED,OAAO,MAAMK,iBAAiB,GAAGZ,GAAG,CAAC,CAAC,yCAAyC,CAAC,CAAC;AAEjF,OAAO,MAAMa,iBAAiB,GAAGb,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DI,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;AAEF,OAAO,MAAMO,6BAA6B,GAAGd,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEG,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;AAED,OAAO,MAAMI,kBAAkB,GAAGX,GAAG,CACnC,CACE,0CAA0C,EAC1C,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEI,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;AAED,OAAO,MAAMK,iBAAiB,GAAGZ,GAAG,CAAC,CAAC,kDAAkD,CAAC,CAAC;AAE1F,OAAO,MAAMa,iBAAiB,GAAGb,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DI,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;AAEF,OAAO,MAAMO,6BAA6B,GAAGd,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

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

@@ -1,16 +1,13 @@
 "use strict";
 
 import { forwardRef } from 'react';
-import { Pressable, Text as RNText } from 'react-native';
-import { createLink } from '@cdx-ui/primitives';
+import { Platform, Text, View } from 'react-native';
+import { LinkRoot as LinkRootPrimitive, Slot, dataAttributes, mergeDataAttributes, useLinkInteractionContext } from '@cdx-ui/primitives';
 import { cn } from '@cdx-ui/utils';
 import { Icon } from '../Icon';
-import { linkRootVariants, linkLabelVariants, linkIconVariants } from './styles';
+import { linkIconVariants, linkLabelVariants, linkNativeUnderlineVariants, linkRootVariants } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 export { LinkProvider } from '@cdx-ui/primitives';
-const LinkPrimitive = createLink({
-  Root: Pressable
-});
 
 // =============================================================================
 // STYLED ROOT COMPONENT
@@ -23,11 +20,14 @@ const LinkRoot = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const rootClassName = cn(linkRootVariants(), className);
-  return /*#__PURE__*/_jsx(LinkPrimitive, {
+  return /*#__PURE__*/_jsx(LinkRootPrimitive, {
     ref: ref,
     className: rootClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'link'
+    })),
     children: children
   });
 });
@@ -38,19 +38,38 @@ LinkRoot.displayName = 'Link';
 // =============================================================================
 
 const LinkLabel = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
-  const computedClassName = cn(linkLabelVariants(), className);
-  return /*#__PURE__*/_jsx(RNText, {
+  const {
+    visited
+  } = useLinkInteractionContext();
+  const computedClassName = cn(linkLabelVariants({
+    visited
+  }), className);
+  const Comp = asChild ? Slot : Text;
+  const textElement = /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'link-label'
+    })),
     children: children
   });
+  if (Platform.OS === 'web') {
+    return textElement;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(linkNativeUnderlineVariants({
+      visited
+    })),
+    children: textElement
+  });
 });
 LinkLabel.displayName = 'Link.Label';
 
@@ -64,12 +83,20 @@ const LinkIcon = ({
   as,
   ...props
 }) => {
-  const computedClassName = cn(linkIconVariants(), className);
+  const {
+    visited
+  } = useLinkInteractionContext();
+  const computedClassName = cn(linkIconVariants({
+    visited
+  }), className);
   return /*#__PURE__*/_jsx(Icon, {
     as: as,
     className: computedClassName,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'link-icon'
+    }))
   });
 };
 LinkIcon.displayName = 'Link.Icon';

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Pressable","Text","RNText","createLink","cn","Icon","linkRootVariants","linkLabelVariants","linkIconVariants","jsx","_jsx","LinkProvider","LinkPrimitive","Root","LinkRoot","className","children","style","props","ref","rootClassName","displayName","LinkLabel","computedClassName","LinkIcon","as","Link","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Link/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,SAAS,EAAEC,IAAI,IAAIC,MAAM,QAAmC,cAAc;AACnF,SAASC,UAAU,QAAyB,oBAAoB;AAChE,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,IAAI,QAAwB,SAAS;AAC9C,SAASC,gBAAgB,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjF,SAASC,YAAY,QAA0C,oBAAoB;AAEnF,MAAMC,aAAa,GAAGT,UAAU,CAAC;EAC/BU,IAAI,EAAEb;AACR,CAAC,CAAC;;AAEF;AACA;AACA;;AAMA,MAAMc,QAAQ,gBAAGf,UAAU,CAAkB,CAAC;EAAEgB,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAMC,aAAa,GAAGhB,EAAE,CAACE,gBAAgB,CAAC,CAAC,EAAES,SAAS,CAAC;EAEvD,oBACEL,IAAA,CAACE,aAAa;IAACO,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,aAAc;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAEFF,QAAQ,CAACO,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAOA,MAAMC,SAAS,gBAAGvB,UAAU,CAC1B,CAAC;EAAEgB,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMI,iBAAiB,GAAGnB,EAAE,CAACG,iBAAiB,CAAC,CAAC,EAAEQ,SAAS,CAAC;EAE5D,oBACEL,IAAA,CAACR,MAAM;IAACiB,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEQ,iBAAkB;IAACN,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACpEA;EAAQ,CACH,CAAC;AAEb,CACF,CAAC;AAEDM,SAAS,CAACD,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAIA,MAAMG,QAAQ,GAAGA,CAAC;EAAET,SAAS;EAAEE,KAAK;EAAEQ,EAAE;EAAE,GAAGP;AAAqB,CAAC,KAAK;EACtE,MAAMK,iBAAiB,GAAGnB,EAAE,CAACI,gBAAgB,CAAC,CAAC,EAAEO,SAAS,CAAC;EAE3D,oBAAOL,IAAA,CAACL,IAAI;IAACoB,EAAE,EAAEA,EAAG;IAACV,SAAS,EAAEQ,iBAAkB;IAACN,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAChF,CAAC;AAEDM,QAAQ,CAACH,WAAW,GAAG,WAAW;;AAElC;AACA;AACA;;AAOA,OAAO,MAAMK,IAAI,GAAGC,MAAM,CAACC,MAAM,CAACd,QAAQ,EAAE;EAC1Ce,KAAK,EAAEP,SAAS;EAChBjB,IAAI,EAAEmB;AACR,CAAC,CAA0B","ignoreList":[]}
+{"version":3,"names":["forwardRef","Platform","Text","View","LinkRoot","LinkRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useLinkInteractionContext","cn","Icon","linkIconVariants","linkLabelVariants","linkNativeUnderlineVariants","linkRootVariants","jsx","_jsx","LinkProvider","className","children","style","props","ref","rootClassName","slot","displayName","LinkLabel","asChild","visited","computedClassName","Comp","textElement","OS","LinkIcon","as","Link","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Link/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,60 @@
 "use strict";
 
+import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
 import { TRANSITION_COLORS } from '../../styles/primitives';
-
-// TODO: Handle visited state
-
-export const linkRootVariants = cva(['flex-row items-center gap-1', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 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']);
-export const linkLabelVariants = cva(['text-content-link', 'body-md', 'underline underline-offset-4']);
-export const linkIconVariants = cva(['text-content-link', 'size-4']);
+export const linkRootVariants = cva(['flex-row items-center gap-1', Platform.select({
+  web: 'web:inline-flex web:self-start',
+  default: ''
+}), 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']);
+export const linkLabelVariants = cva(['body-md', Platform.select({
+  web: 'underline underline-offset-4',
+  default: ''
+}), Platform.select({
+  web: 'text-inherit',
+  default: 'text-content-link'
+})], {
+  variants: {
+    visited: {
+      true: Platform.select({
+        web: '',
+        default: 'text-content-link-visited'
+      }),
+      false: ''
+    }
+  },
+  defaultVariants: {
+    visited: false
+  }
+});
+export const linkNativeUnderlineVariants = cva(['border-b border-content-link pb-0.5'], {
+  variants: {
+    visited: {
+      true: 'border-content-link-visited',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    visited: false
+  }
+});
+export const linkIconVariants = cva(['size-4', Platform.select({
+  web: 'text-inherit',
+  default: 'text-content-link'
+})], {
+  variants: {
+    visited: {
+      true: Platform.select({
+        web: '',
+        default: 'text-content-link-visited'
+      }),
+      false: ''
+    }
+  },
+  defaultVariants: {
+    visited: false
+  }
+});
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["cva","TRANSITION_COLORS","linkRootVariants","linkLabelVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;;AAE3D;;AAEA,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CAAC,CAClC,6BAA6B,EAC7B,wEAAwE,EACxEC,iBAAiB,EACjB,kIAAkI,CACnI,CAAC;AAEF,OAAO,MAAME,iBAAiB,GAAGH,GAAG,CAAC,CACnC,mBAAmB,EACnB,SAAS,EACT,8BAA8B,CAC/B,CAAC;AAEF,OAAO,MAAMI,gBAAgB,GAAGJ,GAAG,CAAC,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","cva","TRANSITION_COLORS","linkRootVariants","select","web","default","linkLabelVariants","variants","visited","true","false","defaultVariants","linkNativeUnderlineVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;AAE3D,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CAAC,CAClC,6BAA6B,EAC7BD,QAAQ,CAACI,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EACvEJ,iBAAiB,EACjB,wEAAwE,EACxE,6CAA6C,EAC7C,kIAAkI;AAClI;AACA,uBAAuB,EACvB,uCAAuC,EACvC,gCAAgC,EAChC,wCAAwC,EACxC,+CAA+C,EAC/C,4CAA4C,CAC7C,CAAC;AAEF,OAAO,MAAMK,iBAAiB,GAAGN,GAAG,CAClC,CACE,SAAS,EACTD,QAAQ,CAACI,MAAM,CAAC;EAAEC,GAAG,EAAE,8BAA8B;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EACrEN,QAAQ,CAACI,MAAM,CAAC;EAAEC,GAAG,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAoB,CAAC,CAAC,CACvE,EACD;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAEV,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE,EAAE;QAAEC,OAAO,EAAE;MAA4B,CAAC,CAAC;MACxEK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CACF,CAAC;AAED,OAAO,MAAMI,2BAA2B,GAAGZ,GAAG,CAAC,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;AAEF,OAAO,MAAMK,gBAAgB,GAAGb,GAAG,CACjC,CAAC,QAAQ,EAAED,QAAQ,CAACI,MAAM,CAAC;EAAEC,GAAG,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAoB,CAAC,CAAC,CAAC,EAClF;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAEV,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE,EAAE;QAAEC,OAAO,EAAE;MAA4B,CAAC,CAAC;MACxEK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CACF,CAAC","ignoreList":[]}