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

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/ListItem/index.js

@@ -0,0 +1,226 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { createListItem } from '@cdx-ui/primitives';
+import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SCOPE = 'LIST_ITEM';
+const RootView = withStyleContext(View, SCOPE);
+const RootPressable = withStyleContext(Pressable, SCOPE);
+const ListItemPrimitive = createListItem({
+  View: RootView,
+  Pressable: RootPressable,
+  LeadingSlot: View,
+  Content: View,
+  Title: Text,
+  Description: Text,
+  Meta: Text,
+  TrailingSlot: View,
+  SectionHeader: View
+});
+const useListItemStyleContext = () => {
+  const ctx = useStyleContext(SCOPE);
+  return {
+    size: ctx?.size ?? 'default',
+    crossAlign: ctx?.crossAlign ?? 'center'
+  };
+};
+
+// =============================================================================
+// ROOT
+// =============================================================================
+
+const ListItemRoot = /*#__PURE__*/forwardRef(({
+  size = 'default',
+  surface = 'default',
+  showSeparator = true,
+  crossAlign = 'center',
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(listItemRootVariants({
+    size,
+    surface,
+    showSeparator,
+    crossAlign
+  }), className);
+  return /*#__PURE__*/_jsx(ListItemPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    context: {
+      size,
+      surface,
+      showSeparator,
+      crossAlign
+    },
+    crossAlign: crossAlign,
+    showSeparator: showSeparator,
+    size: size,
+    style: style,
+    surface: surface,
+    ...props
+  });
+});
+ListItemRoot.displayName = 'ListItem';
+
+// =============================================================================
+// SLOTS & TEXT
+// =============================================================================
+
+const ListItemLeadingSlot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.LeadingSlot, {
+  ref: ref,
+  className: cn(listItemLeadingSlotVariants(), className),
+  style: style,
+  ...props
+}));
+ListItemLeadingSlot.displayName = 'ListItem.LeadingSlot';
+const ListItemContent = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    crossAlign
+  } = useListItemStyleContext();
+  return /*#__PURE__*/_jsx(ListItemPrimitive.Content, {
+    ref: ref,
+    className: cn(listItemContentVariants({
+      crossAlign
+    }), className),
+    style: style,
+    ...props
+  });
+});
+ListItemContent.displayName = 'ListItem.Content';
+const ListItemTitle = /*#__PURE__*/forwardRef(({
+  className,
+  numberOfLines = 1,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useListItemStyleContext();
+  return /*#__PURE__*/_jsx(ListItemPrimitive.Title, {
+    ref: ref,
+    className: cn(listItemTitleVariants({
+      size
+    }), className),
+    numberOfLines: numberOfLines,
+    style: style,
+    ...props
+  });
+});
+ListItemTitle.displayName = 'ListItem.Title';
+const ListItemDescription = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useListItemStyleContext();
+  return /*#__PURE__*/_jsx(ListItemPrimitive.Description, {
+    ref: ref,
+    className: cn(listItemDescriptionVariants({
+      size
+    }), className),
+    style: style,
+    ...props
+  });
+});
+ListItemDescription.displayName = 'ListItem.Description';
+const ListItemMeta = /*#__PURE__*/forwardRef(({
+  className,
+  numberOfLines = 1,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useListItemStyleContext();
+  return /*#__PURE__*/_jsx(ListItemPrimitive.Meta, {
+    ref: ref,
+    className: cn(listItemMetaVariants({
+      size
+    }), className),
+    numberOfLines: numberOfLines,
+    style: style,
+    ...props
+  });
+});
+ListItemMeta.displayName = 'ListItem.Meta';
+const ListItemTrailingSlot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    crossAlign
+  } = useListItemStyleContext();
+  return /*#__PURE__*/_jsx(ListItemPrimitive.TrailingSlot, {
+    ref: ref,
+    className: cn(listItemTrailingSlotVariants({
+      crossAlign
+    }), className),
+    style: style,
+    ...props
+  });
+});
+ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
+const wrapSectionHeaderLabel = children => {
+  if (typeof children === 'string' || typeof children === 'number') {
+    return /*#__PURE__*/_jsx(Text, {
+      className: cn(listItemSectionHeaderLabelVariants()),
+      children: children
+    });
+  }
+  return children;
+};
+
+// =============================================================================
+// SECTION HEADER
+// =============================================================================
+
+const ListItemSectionHeader = /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  showDivider = true,
+  style,
+  trailing,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.SectionHeader, {
+  ref: ref,
+  className: cn(listItemSectionHeaderVariants({
+    showDivider
+  }), className),
+  showDivider: showDivider,
+  style: style,
+  trailing: trailing,
+  ...props,
+  children: wrapSectionHeaderLabel(children)
+}));
+ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+export const ListItem = Object.assign(ListItemRoot, {
+  LeadingSlot: ListItemLeadingSlot,
+  Content: ListItemContent,
+  Title: ListItemTitle,
+  Description: ListItemDescription,
+  Meta: ListItemMeta,
+  TrailingSlot: ListItemTrailingSlot,
+  SectionHeader: ListItemSectionHeader
+});
+export { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","Text","View","createListItem","cn","useStyleContext","withStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ListItemPrimitive","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","size","crossAlign","ListItemRoot","surface","showSeparator","className","style","props","ref","computedClassName","context","displayName","ListItemLeadingSlot","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","children","ListItemSectionHeader","showDivider","trailing","ListItem","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,127 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { COLOR_BORDER_DEFAULT, COLOR_TEXT_MUTED, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY, TRANSITION_COLORS } from '../../styles/primitives';
+
+// ── Root (row): density, surface, separator, interactive feedback ──────────
+
+export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', TRANSITION_COLORS, Platform.select({
+  web: ['outline-none', 'web:data-[hovered=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
+  default: ''
+})], {
+  variants: {
+    size: {
+      default: 'gap-3 py-4',
+      compact: 'gap-2 py-3'
+    },
+    surface: {
+      default: 'bg-white',
+      negative: 'bg-red-50'
+    },
+    showSeparator: {
+      true: ['border-b border-solid', COLOR_BORDER_DEFAULT],
+      false: 'border-b-0'
+    },
+    crossAlign: {
+      center: 'items-center',
+      start: 'items-start'
+    }
+  },
+  compoundVariants: [{
+    surface: 'negative',
+    className: Platform.select({
+      web: 'web:data-[hovered=true]:bg-red-100/90',
+      default: ''
+    })
+  }],
+  defaultVariants: {
+    size: 'default',
+    surface: 'default',
+    showSeparator: true,
+    crossAlign: 'center'
+  }
+});
+
+// ── Leading / trailing slots ─────────────────────────────────────────────────
+
+export const listItemLeadingSlotVariants = cva(['flex shrink-0 items-center justify-center']);
+export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify-end gap-2'], {
+  variants: {
+    crossAlign: {
+      center: 'items-center',
+      start: 'items-start self-start'
+    }
+  },
+  defaultVariants: {
+    crossAlign: 'center'
+  }
+});
+
+// ── Content stack (title / description / meta) ───────────────────────────────
+
+export const listItemContentVariants = cva(['flex min-w-0 flex-1 flex-col gap-1'], {
+  variants: {
+    crossAlign: {
+      center: 'justify-center',
+      start: 'justify-start'
+    }
+  },
+  defaultVariants: {
+    crossAlign: 'center'
+  }
+});
+
+// ── Typography ───────────────────────────────────────────────────────────────
+
+export const listItemTitleVariants = cva([COLOR_TEXT_PRIMARY, 'font-medium'], {
+  variants: {
+    size: {
+      default: 'text-base leading-snug',
+      compact: 'text-sm leading-snug'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+export const listItemDescriptionVariants = cva([COLOR_TEXT_SECONDARY], {
+  variants: {
+    size: {
+      default: 'text-sm leading-normal',
+      compact: 'text-xs leading-normal'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+export const listItemMetaVariants = cva([COLOR_TEXT_MUTED], {
+  variants: {
+    size: {
+      default: 'text-xs leading-normal',
+      compact: 'text-[11px] leading-normal'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+
+// ── Section header (group label row inside lists / cards) ───────────────────
+
+export const listItemSectionHeaderVariants = cva(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', COLOR_BORDER_DEFAULT], {
+  variants: {
+    showDivider: {
+      true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
+      false: 'border-t-0'
+    }
+  },
+  defaultVariants: {
+    showDivider: true
+  }
+});
+
+/** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
+export const listItemSectionHeaderLabelVariants = cva(['text-xs font-semibold uppercase tracking-wide', COLOR_TEXT_SECONDARY]);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/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