@cdx-ui/components 0.0.1-alpha.9 → 0.0.1-beta.2

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

@@ -0,0 +1,40 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
+export const iconButtonRootVariants = cva(['flex items-center justify-center', 'rounded-[var(--border-radius-round)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[--opacity-disabled]', DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-ring] web:data-[focus-visible=true]:ring-offset-2'], {
+  variants: {
+    variant: {
+      solid: ['bg-surface-primary border border-stroke-secondary', Platform.select({
+        default: 'data-[active=true]:bg-surface-primary-active',
+        web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
+      })],
+      ghost: ['bg-transparent', Platform.select({
+        default: 'data-[active=true]:bg-surface-primary-active',
+        web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
+      })]
+    },
+    size: {
+      default: 'h-11 w-11 min-w-11 shrink-0 p-2.5',
+      small: 'h-8 w-8 min-w-8 shrink-0 p-1.5'
+    }
+  },
+  defaultVariants: {
+    variant: 'solid',
+    size: 'default'
+  }
+});
+export const iconButtonGlyphVariants = cva([], {
+  variants: {
+    size: {
+      default: 'size-6',
+      small: 'size-5'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+export const iconButtonIconColorVariants = cva(['text-content-primary']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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":[]}

package/lib/module/components/Image/Image.js

@@ -0,0 +1,67 @@
+"use strict";
+
+/**
+ * Thin wrapper around React Native's `Image`.
+ *
+ * Design-system layout (sizes, radii, loading/error UI) is intentionally
+ * NOT baked in here — use purpose-built components like `Avatar` instead.
+ *
+ * What this wrapper adds over a raw RN `Image`:
+ *  - Accepts a plain URI **string** as `source` (auto-normalized to `{ uri }`).
+ *  - Extends the prop surface with **web-only** HTML attributes (`sizes`,
+ *    `loading`, `decoding`, etc.) for better `react-native-web` support.
+ *    Props already covered by RN 0.81+ (`alt`, `srcSet`, `crossOrigin`,
+ *    `referrerPolicy`) are inherited from the native typings.
+ *  - All other props and `ref` are forwarded to the underlying `Image`.
+ *
+ * Inspired by Expo's html-elements Image primitive:
+ * @see https://github.com/expo/expo/blob/main/packages/html-elements/src/primitives/Image.tsx
+ */
+
+import { forwardRef } from 'react';
+import { Image as RNImage } from 'react-native';
+
+/** Coerces a plain URI string into the `{ uri }` shape RN expects. */
+import { jsx as _jsx } from "react/jsx-runtime";
+function normalizeSource(source) {
+  if (typeof source === 'string') {
+    return {
+      uri: source
+    };
+  }
+  return source;
+}
+
+// ---------------------------------------------------------------------------
+// Web-oriented props not yet covered by react-native's Image typings.
+// Props already present in RN 0.81+ (alt, srcSet, crossOrigin,
+// referrerPolicy) are inherited from the native Image props.
+// ---------------------------------------------------------------------------
+
+/**
+ * HTML-ish attributes not in RN’s core typings. Forwarded to `Image` with `...props`;
+ * **react-native-web** maps supported ones to the DOM `<img>`. On iOS/Android they are
+ * typically ignored (no visual effect).
+ */
+
+// ---------------------------------------------------------------------------
+// ImageProps = native Image props (minus `source`) + WebImageProps + our overrides.
+// `source` is re-declared to also accept a plain string.
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export const Image = /*#__PURE__*/forwardRef(function Image({
+  source,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_jsx(RNImage, {
+    source: normalizeSource(source),
+    ...props,
+    ref: ref
+  });
+});
+Image.displayName = 'Image';
+//# sourceMappingURL=Image.js.map

package/lib/module/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Image","RNImage","jsx","_jsx","normalizeSource","source","uri","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Image/Image.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAA0D,OAAO;AACpF,SAASC,KAAK,IAAIC,OAAO,QAAkC,cAAc;;AAEzE;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,SAASC,eAAeA,CAACC,MAAoC,EAAuB;EAClF,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAO;MAAEC,GAAG,EAAED;IAAO,CAAC;EACxB;EACA,OAAOA,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAcA;AACA;AACA;AACA;;AASA;AACA;AACA;;AAEA,OAAO,MAAML,KAAK,gBAAGD,UAAU,CAA2C,SAASC,KAAKA,CACtF;EAAEK,MAAM;EAAE,GAAGE;AAAM,CAAC,EACpBC,GAAG,EACH;EACA,oBAAOL,IAAA,CAACF,OAAO;IAACI,MAAM,EAAED,eAAe,CAACC,MAAM,CAAE;IAAA,GAAKE,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AAC1E,CAAC,CAAC;AAEFR,KAAK,CAACS,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Image } from './Image';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image"],"sourceRoot":"../../../../src","sources":["components/Image/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAA6C,SAAS","ignoreList":[]}

package/lib/module/components/Input/BaseInput.android.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { TextInput } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center'
+};
+export const BaseInput = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(TextInput, {
+  ref: ref,
+  ...props,
+  style: [androidDefaults, props.style]
+}));
+BaseInput.displayName = 'BaseInput';
+//# sourceMappingURL=BaseInput.android.js.map

package/lib/module/components/Input/BaseInput.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","TextInput","jsx","_jsx","androidDefaults","includeFontPadding","textAlignVertical","BaseInput","props","ref","style","displayName"],"sourceRoot":"../../../../src","sources":["components/Input/BaseInput.android.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,QAA6B,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,MAAMC,eAAe,GAAG;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,iBAAiB,EAAE;AACrB,CAAC;AAED,OAAO,MAAMC,SAAS,gBAAGP,UAAU,CAA4B,CAACQ,KAAK,EAAEC,GAAG,kBACxEN,IAAA,CAACF,SAAS;EAACQ,GAAG,EAAEA,GAAI;EAAA,GAAKD,KAAK;EAAEE,KAAK,EAAE,CAACN,eAAe,EAAEI,KAAK,CAACE,KAAK;AAAE,CAAE,CACzE,CAAC;AAEFH,SAAS,CAACI,WAAW,GAAG,WAAW","ignoreList":[]}

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

@@ -4,6 +4,7 @@ import { forwardRef } from 'react';
 import { View } from 'react-native';
 import { createInput } from '@cdx-ui/primitives';
 import { cn, useStyleContext, withStyleContext } 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";
@@ -12,7 +13,6 @@ const Root = withStyleContext(View, SCOPE);
 const useInputStyleContext = () => useStyleContext(SCOPE);
 const InputPrimitive = createInput({
   Root,
-  Icon: View,
   Slot: View,
   Field: BaseInput
 });
@@ -23,7 +23,7 @@ const InputPrimitive = createInput({
 
 const InputRoot = /*#__PURE__*/forwardRef(({
   variant = 'outline',
-  size = 'md',
+  size = 'default',
   className,
   children,
   style,
@@ -84,12 +84,7 @@ const InputSlot = /*#__PURE__*/forwardRef(({
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useInputStyleContext();
-  const computedClassName = cn(inputSlotVariants({
-    size
-  }), className);
+  const computedClassName = cn(inputSlotVariants(), className);
   return /*#__PURE__*/_jsx(InputPrimitive.Slot, {
     ref: ref,
     className: computedClassName,
@@ -104,26 +99,25 @@ InputSlot.displayName = 'Input.Slot';
 // INPUT ICON
 // =============================================================================
 
-const InputIcon = /*#__PURE__*/forwardRef(({
+const InputIcon = ({
   className,
-  children,
   style,
+  as,
   ...props
-}, ref) => {
+}) => {
   const {
     size
   } = useInputStyleContext();
   const computedClassName = cn(inputIconVariants({
     size
   }), className);
-  return /*#__PURE__*/_jsx(InputPrimitive.Icon, {
-    ref: ref,
+  return /*#__PURE__*/_jsx(Icon, {
+    as: as,
     className: computedClassName,
     style: style,
-    ...props,
-    children: children
+    ...props
   });
-});
+};
 InputIcon.displayName = 'Input.Icon';
 
 // =============================================================================

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","createInput","cn","useStyleContext","withStyleContext","BaseInput","inputFieldPlaceholderVariants","inputFieldVariants","inputIconVariants","inputRootVariants","inputSlotVariants","jsx","_jsx","SCOPE","Root","useInputStyleContext","InputPrimitive","Icon","Slot","Field","InputRoot","variant","size","className","children","style","props","ref","computedClassName","context","displayName","InputField","placeholderTextColorClassName","rest","computedPlaceholderColorClassName","InputSlot","InputIcon","Input","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":"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","ignoreList":[]}
+{"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":[]}

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

@@ -1,58 +1,45 @@
 "use strict";
 
 import { cva } from 'class-variance-authority';
-export const inputRootVariants = cva(['w-full flex-row items-center', 'border border-neutral-border-strong bg-neutral-surface shadow-sm', 'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:bg-interactive-disabled-background data-[disabled=true]:border-interactive-disabled', 'data-[focus=true]:border-interactive-focus', 'data-[invalid=true]:border-red-500'], {
+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'], {
   variants: {
     variant: {
-      outline: ['rounded-md px-3', 'web:focus-within:border-interactive-focus web:focus-within:ring-3 web:focus-within:ring-blue-300/50', 'web:data-[invalid=true]:focus-within:border-red-500 web:data-[invalid=true]:focus-within:ring-red-300/50'],
-      underlined: 'rounded-none border-t-0 border-l-0 border-r-0 border-b-neutral-border data-[focus=true]:border-b-interactive-focus shadow-none'
+      outline: []
     },
     size: {
-      sm: 'h-9 py-1',
-      md: 'h-11 py-1.5',
-      lg: 'h-12 py-2'
+      // 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]']
     }
   },
   defaultVariants: {
     variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
-export const inputFieldVariants = cva(['flex-1 bg-transparent text-neutral-text-primary', 'placeholder:text-neutral-placeholder', 'web:outline-none'], {
+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'], {
   variants: {
     size: {
-      sm: 'text-sm leading-none',
-      md: 'text-base leading-none',
-      lg: 'text-lg leading-none'
+      default: 'text-[0.875rem]',
+      small: 'text-[0.75rem]'
     }
   },
   defaultVariants: {
-    size: 'sm'
+    size: 'default'
   }
 });
-export const inputSlotVariants = cva(['items-center justify-center'], {
+export const inputSlotVariants = cva(['items-center justify-center self-center']);
+export const inputIconVariants = cva(['text-content-tertiary'], {
   variants: {
     size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-6 w-6'
+      default: 'size-5',
+      small: 'size-4'
     }
   },
   defaultVariants: {
-    size: 'sm'
+    size: 'default'
   }
 });
-export const inputIconVariants = cva(['text-neutral-text-tertiary'], {
-  variants: {
-    size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-5 w-5'
-    }
-  },
-  defaultVariants: {
-    size: 'sm'
-  }
-});
-export const inputFieldPlaceholderVariants = cva(['accent-neutral-placeholder']);
+export const inputFieldPlaceholderVariants = cva(['accent-content-tertiary']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["cva","inputRootVariants","variants","variant","outline","underlined","size","sm","md","lg","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,iBAAiB,GAAGD,GAAG,CAClC,CACE,8BAA8B,EAC9B,kEAAkE,EAClE,kLAAkL,EAClL,4CAA4C,EAC5C,oCAAoC,CACrC,EACD;EACEE,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,iBAAiB,EACjB,qGAAqG,EACrG,0GAA0G,CAC3G;MACDC,UAAU,EACR;IACJ,CAAC;IACDC,IAAI,EAAE;MACJC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,OAAO,EAAE,SAAS;IAClBG,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMK,kBAAkB,GAAGX,GAAG,CACnC,CACE,iDAAiD,EACjD,sCAAsC,EACtC,kBAAkB,CACnB,EACD;EACEE,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,sBAAsB;MAC1BC,EAAE,EAAE,wBAAwB;MAC5BC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMM,iBAAiB,GAAGZ,GAAG,CAAC,CAAC,6BAA6B,CAAC,EAAE;EACpEE,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,iBAAiB,GAAGb,GAAG,CAAC,CAAC,4BAA4B,CAAC,EAAE;EACnEE,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,6BAA6B,GAAGd,GAAG,CAAC,CAAC,4BAA4B,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,+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":[]}

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

@@ -0,0 +1,85 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable, Text as RNText } from 'react-native';
+import { createLink } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { Icon } from '../Icon';
+import { linkRootVariants, linkLabelVariants, linkIconVariants } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export { LinkProvider } from '@cdx-ui/primitives';
+const LinkPrimitive = createLink({
+  Root: Pressable
+});
+
+// =============================================================================
+// STYLED ROOT COMPONENT
+// =============================================================================
+
+const LinkRoot = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const rootClassName = cn(linkRootVariants(), className);
+  return /*#__PURE__*/_jsx(LinkPrimitive, {
+    ref: ref,
+    className: rootClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+LinkRoot.displayName = 'Link';
+
+// =============================================================================
+// STYLED LABEL COMPONENT
+// =============================================================================
+
+const LinkLabel = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(linkLabelVariants(), className);
+  return /*#__PURE__*/_jsx(RNText, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+LinkLabel.displayName = 'Link.Label';
+
+// =============================================================================
+// STYLED ICON COMPONENT
+// =============================================================================
+
+const LinkIcon = ({
+  className,
+  style,
+  as,
+  ...props
+}) => {
+  const computedClassName = cn(linkIconVariants(), className);
+  return /*#__PURE__*/_jsx(Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+};
+LinkIcon.displayName = 'Link.Icon';
+
+// =============================================================================
+// COMPOUND COMPONENT EXPORT
+// =============================================================================
+
+export const Link = Object.assign(LinkRoot, {
+  Label: LinkLabel,
+  Icon: LinkIcon
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+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']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { createOtpInput } from '@cdx-ui/primitives';
+import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { HStack } from '../Stack/HStack';
+import { Input } from '../Input';
+import { otpCellVariants, otpFieldVariants, otpRootVariants } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SCOPE = 'OTP_INPUT';
+const OtpRoot = withStyleContext(HStack, SCOPE);
+const useOtpInputStyleContext = () => useStyleContext(SCOPE);
+const OtpStyledCell = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    size,
+    variant
+  } = useOtpInputStyleContext();
+  return /*#__PURE__*/_jsx(Input, {
+    ref: ref,
+    variant: variant,
+    size: size,
+    className: cn(otpCellVariants({
+      size
+    }), className),
+    ...props,
+    children: children
+  });
+});
+OtpStyledCell.displayName = 'OtpInput.Cell';
+const OtpStyledField = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useOtpInputStyleContext();
+  return /*#__PURE__*/_jsx(Input.Field, {
+    ref: ref,
+    className: cn(otpFieldVariants({
+      size
+    }), className),
+    ...props
+  });
+});
+OtpStyledField.displayName = 'OtpInput.Field';
+const OtpPrimitive = createOtpInput({
+  Root: OtpRoot,
+  Cell: OtpStyledCell,
+  Field: OtpStyledField
+});
+export const OtpInput = /*#__PURE__*/forwardRef(({
+  variant = 'outline',
+  size = 'default',
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}, ref) => {
+  const rootClassName = cn(otpRootVariants({
+    size,
+    fullWidth
+  }), className);
+  return /*#__PURE__*/_jsx(OtpPrimitive, {
+    ref: ref,
+    className: rootClassName,
+    style: style,
+    context: {
+      variant,
+      size
+    },
+    ...rest
+  });
+});
+OtpInput.displayName = 'OtpInput';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","createOtpInput","cn","useStyleContext","withStyleContext","HStack","Input","otpCellVariants","otpFieldVariants","otpRootVariants","jsx","_jsx","SCOPE","OtpRoot","useOtpInputStyleContext","OtpStyledCell","className","children","props","ref","size","variant","displayName","OtpStyledField","Field","OtpPrimitive","Root","Cell","OtpInput","fullWidth","style","rest","rootClassName","context"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc,QAAiC,oBAAoB;AAC5E,SAASC,EAAE,EAAEC,eAAe,EAAEC,gBAAgB,QAAQ,eAAe;AACrE,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,KAAK,QAAyB,UAAU;AAEjD,SACEC,eAAe,EACfC,gBAAgB,EAChBC,eAAe,QAEV,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,KAAK,GAAG,WAAW;AAEzB,MAAMC,OAAO,GAAGT,gBAAgB,CAACC,MAAM,EAAEO,KAAK,CAAC;AAE/C,MAAME,uBAAuB,GAAGA,CAAA,KAAMX,eAAe,CAACS,KAAK,CAAsB;AAEjF,MAAMG,aAAa,gBAAGf,UAAU,CAC9B,CAAC;EAAEgB,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAuB,KAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGP,uBAAuB,CAAC,CAAC;EACnD,oBACEH,IAAA,CAACL,KAAK;IACJa,GAAG,EAAEA,GAAI;IACTE,OAAO,EAAEA,OAAQ;IACjBD,IAAI,EAAEA,IAAK;IACXJ,SAAS,EAAEd,EAAE,CAACK,eAAe,CAAC;MAAEa;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAChDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACJ,CAAC;AAEZ,CACF,CAAC;AAEDF,aAAa,CAACO,WAAW,GAAG,eAAe;AAE3C,MAAMC,cAAc,gBAAGvB,UAAU,CAG/B,CAAC;EAAEgB,SAAS;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAGN,uBAAuB,CAAC,CAAC;EAC1C,oBAAOH,IAAA,CAACL,KAAK,CAACkB,KAAK;IAACL,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEd,EAAE,CAACM,gBAAgB,CAAC;MAAEY;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAAKE;EAAK,CAAG,CAAC;AACnG,CAAC,CAAC;AAEFK,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,MAAMG,YAAY,GAAGxB,cAAc,CAAC;EAClCyB,IAAI,EAAEb,OAAO;EACbc,IAAI,EAAEZ,aAAa;EACnBS,KAAK,EAAED;AACT,CAAC,CAAC;AAQF,OAAO,MAAMK,QAAQ,gBAAG5B,UAAU,CAChC,CAAC;EAAEqB,OAAO,GAAG,SAAS;EAAED,IAAI,GAAG,SAAS;EAAES,SAAS,GAAG,IAAI;EAAEb,SAAS;EAAEc,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEZ,GAAG,KAAK;EAC/F,MAAMa,aAAa,GAAG9B,EAAE,CAACO,eAAe,CAAC;IAAEW,IAAI;IAAES;EAAU,CAAC,CAAC,EAAEb,SAAS,CAAC;EAEzE,oBACEL,IAAA,CAACc,YAAY;IACXN,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEgB,aAAc;IACzBF,KAAK,EAAEA,KAAM;IACbG,OAAO,EAAE;MAAEZ,OAAO;MAAED;IAAK,CAAE;IAAA,GACvBW;EAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACN,WAAW,GAAG,UAAU","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import { cva } from 'class-variance-authority';
+export const otpRootVariants = cva('flex-row items-stretch gap-2.5', {
+  variants: {
+    size: {
+      default: '',
+      small: ''
+    },
+    fullWidth: {
+      true: 'w-full self-stretch justify-center',
+      false: 'self-start'
+    }
+  },
+  defaultVariants: {
+    size: 'default',
+    fullWidth: true
+  }
+});
+
+/** Narrow cell chrome: overrides Input root `w-full` / wide horizontal padding for one digit. */
+export const otpCellVariants = cva('shrink-0 justify-center', {
+  variants: {
+    size: {
+      default: 'w-12 min-w-12 max-w-12 px-1',
+      small: 'w-10 min-w-10 max-w-10 px-0.5'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+export const otpFieldVariants = cva('min-w-0 w-full text-center tabular-nums', {
+  variants: {
+    size: {
+      default: 'text-xl leading-6',
+      small: 'text-base leading-5'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cva","otpRootVariants","variants","size","default","small","fullWidth","true","false","defaultVariants","otpCellVariants","otpFieldVariants"],"sourceRoot":"../../../../src","sources":["components/OtpInput/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,gCAAgC,EAAE;EACnEE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,SAAS;IACfG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACA,OAAO,MAAMI,eAAe,GAAGV,GAAG,CAAC,yBAAyB,EAAE;EAC5DE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,6BAA6B;MACtCC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,yCAAyC,EAAE;EAC7EE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,mBAAmB;MAC5BC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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