@cdx-ui/components 0.0.1-beta.64 → 0.0.1-beta.66

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

@@ -1,25 +1,12 @@
 "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 { forwardRef, useMemo } from 'react';
+import { Text, View } from 'react-native';
+import { ListItemRoot as ListItemRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } 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 {
@@ -34,27 +21,36 @@ const useListItemStyleContext = () => {
 const ListItemRoot = /*#__PURE__*/forwardRef(({
   size = 'default',
   showSeparator = true,
-  crossAlign = 'center',
+  crossAlign: crossAlignProp = 'center',
   className,
   style,
   ...props
 }, ref) => {
+  const crossAlign = crossAlignProp ?? 'center';
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [SCOPE]: {
+      crossAlign
+    }
+  }), [parent, crossAlign]);
   const computedClassName = cn(listItemRootVariants({
     size,
     showSeparator,
     crossAlign
   }), className);
-  return /*#__PURE__*/_jsx(ListItemPrimitive, {
-    ref: ref,
-    className: computedClassName,
-    context: {
-      crossAlign
-    },
-    crossAlign: crossAlign,
-    showSeparator: showSeparator,
-    size: size,
-    style: style,
-    ...props
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(ListItemRootPrimitive, {
+      ref: ref,
+      className: computedClassName,
+      crossAlign: crossAlign,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'list-item'
+      }))
+    })
   });
 });
 ListItemRoot.displayName = 'ListItem';
@@ -63,18 +59,38 @@ ListItemRoot.displayName = 'ListItem';
 // SLOTS & TEXT
 // =============================================================================
 
+const leadingSlotStyle = {
+  flexShrink: 0
+};
 const ListItemLeadingSlot = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
+  'aria-hidden': ariaHidden,
   ...props
-}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.LeadingSlot, {
-  ref: ref,
-  className: cn(listItemLeadingSlotVariants(), className),
-  style: style,
-  ...props
-}));
+}, ref) => {
+  const accessibilityElementsHidden = ariaHidden !== false;
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    accessibilityElementsHidden: accessibilityElementsHidden,
+    "aria-hidden": ariaHidden ?? true,
+    className: cn(listItemLeadingSlotVariants(), className),
+    style: [leadingSlotStyle, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-leading'
+    }))
+  });
+});
 ListItemLeadingSlot.displayName = 'ListItem.LeadingSlot';
+const contentStyle = {
+  flex: 1,
+  flexDirection: 'column',
+  minWidth: 0
+};
 const ListItemContent = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   ...props
@@ -82,60 +98,80 @@ const ListItemContent = /*#__PURE__*/forwardRef(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Content, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(listItemContentVariants({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [contentStyle, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-content'
+    }))
   });
 });
 ListItemContent.displayName = 'ListItem.Content';
 const ListItemTitle = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Title, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(listItemTitleVariants(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-title'
+    }))
   });
 });
 ListItemTitle.displayName = 'ListItem.Title';
 const ListItemDescription = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Description, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(listItemDescriptionVariants(), className),
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-description'
+    }))
   });
 });
 ListItemDescription.displayName = 'ListItem.Description';
 const ListItemMeta = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Meta, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(listItemMetaVariants(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-meta'
+    }))
   });
 });
 ListItemMeta.displayName = 'ListItem.Meta';
 const ListItemTrailingSlot = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   ...props
@@ -143,13 +179,19 @@ const ListItemTrailingSlot = /*#__PURE__*/forwardRef(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/_jsx(ListItemPrimitive.TrailingSlot, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(listItemTrailingSlotVariants({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [{
+      flexShrink: 0
+    }, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-trailing'
+    }))
   });
 });
 ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
@@ -167,24 +209,57 @@ const wrapSectionHeaderLabel = children => {
 // SECTION HEADER
 // =============================================================================
 
+// TODO: ListItem.SectionHeader doesn't follow composition patterns (composing text, trailing prop, etc).
+
+const sectionHeaderRow = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  gap: 8
+};
+const sectionHeaderLabelCell = {
+  flex: 1,
+  minWidth: 0,
+  /** Keeps the label column from stretching to a taller trailing sibling (e.g. Chip). */
+  alignSelf: 'center'
+};
+const sectionHeaderTrailingCell = {
+  flexShrink: 0,
+  /** Prevents the trailing slot from stretching vertically and “filling” the row. */
+  alignSelf: 'center'
+};
 const ListItemSectionHeader = /*#__PURE__*/forwardRef(({
+  asChild,
   children,
   className,
   showDivider = true,
   style,
   trailing,
+  accessibilityRole = 'header',
   ...props
-}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.SectionHeader, {
-  ref: ref,
-  className: cn(listItemSectionHeaderVariants({
-    showDivider
-  }), className),
-  showDivider: showDivider,
-  style: style,
-  trailing: trailing,
-  ...props,
-  children: wrapSectionHeaderLabel(children)
-}));
+}, ref) => {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: ref,
+    accessibilityRole: accessibilityRole,
+    className: cn(listItemSectionHeaderVariants({
+      showDivider
+    }), className),
+    style: [sectionHeaderRow, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-section-header',
+      divider: showDivider
+    })),
+    children: [/*#__PURE__*/_jsx(View, {
+      style: sectionHeaderLabelCell,
+      children: wrapSectionHeaderLabel(children)
+    }), trailing ? /*#__PURE__*/_jsx(View, {
+      style: sectionHeaderTrailingCell,
+      children: trailing
+    }) : null]
+  });
+});
 ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
 
 // =============================================================================

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

@@ -1 +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","crossAlign","ListItemRoot","size","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":[]}
+{"version":3,"names":["forwardRef","useMemo","Text","View","ListItemRoot","ListItemRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","ParentContext","useParentContext","useStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","jsxs","_jsxs","SCOPE","useListItemStyleContext","ctx","crossAlign","size","showSeparator","crossAlignProp","className","style","props","ref","parent","computedClassName","Provider","value","children","slot","displayName","leadingSlotStyle","flexShrink","ListItemLeadingSlot","asChild","ariaHidden","accessibilityElementsHidden","Comp","contentStyle","flex","flexDirection","minWidth","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","sectionHeaderRow","alignItems","justifyContent","gap","sectionHeaderLabelCell","alignSelf","sectionHeaderTrailingCell","ListItemSectionHeader","showDivider","trailing","accessibilityRole","divider","ListItem","Object","assign","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,14 +1,14 @@
 "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 { forwardRef, useMemo } from 'react';
+import { View } from 'react-native';
+import { OtpCellIndexProvider, OtpInputField, OtpInputProvider, dataAttributes, mergeDataAttributes, useInputContext, useOtpInput } from '@cdx-ui/primitives';
+import { ParentContext, cn, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { Input } from '../Input';
+import { inputFieldVariants } from '../Input/styles';
 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,
@@ -31,48 +31,114 @@ const OtpStyledCell = /*#__PURE__*/forwardRef(({
   });
 });
 OtpStyledCell.displayName = 'OtpInput.Cell';
-const OtpStyledField = /*#__PURE__*/forwardRef(({
-  className,
-  ...props
-}, ref) => {
+
+/**
+ * Bridges OtpInputField focus/blur events to the parent Input's context so
+ * InputRoot emits `data-focus=true` and the `border-stroke-action` CSS activates.
+ * The primitive OtpInputField doesn't know about InputContext — that coupling
+ * belongs here in the styled layer.
+ */
+const OtpStyledField = /*#__PURE__*/forwardRef((props, ref) => {
   const {
-    size
-  } = useOtpInputStyleContext();
-  return /*#__PURE__*/_jsx(Input.Field, {
+    setIsFocused
+  } = useInputContext();
+  return /*#__PURE__*/_jsx(OtpInputField, {
     ref: ref,
-    className: cn(otpFieldVariants({
-      size
-    }), className),
-    ...props
+    ...props,
+    onFocus: e => {
+      setIsFocused?.(true);
+      props.onFocus?.(e);
+    },
+    onBlur: e => {
+      setIsFocused?.(false);
+      props.onBlur?.(e);
+    }
   });
 });
 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,
+  cellCount,
+  value,
+  onChangeText,
+  onComplete,
+  isDisabled,
+  isInvalid,
+  isReadOnly,
+  smsOtpAutofill,
+  filterInput,
+  allowedCharacters,
+  characterPattern,
+  getCellProps,
+  cellTestIdPrefix,
+  accessibilityLabel,
   ...rest
 }, ref) => {
+  const otpContext = useOtpInput({
+    cellCount,
+    value,
+    onChangeText,
+    onComplete,
+    isDisabled,
+    isInvalid,
+    isReadOnly,
+    smsOtpAutofill,
+    filterInput,
+    allowedCharacters,
+    characterPattern,
+    getCellProps,
+    cellTestIdPrefix,
+    accessibilityLabel
+  });
   const rootClassName = cn(otpRootVariants({
     size,
     fullWidth
   }), className);
-  return /*#__PURE__*/_jsx(OtpPrimitive, {
-    ref: ref,
-    className: rootClassName,
-    style: style,
-    context: {
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [SCOPE]: {
       variant,
       size
-    },
-    ...rest
+    }
+  }), [parent, variant, size]);
+  const fieldClassName = cn(inputFieldVariants({
+    size
+  }), otpFieldVariants({
+    size
+  }));
+  const cells = [];
+  for (let i = 0; i < cellCount; i++) {
+    cells.push(/*#__PURE__*/_jsx(OtpCellIndexProvider, {
+      value: {
+        cellIndex: i
+      },
+      children: /*#__PURE__*/_jsx(OtpStyledCell, {
+        children: /*#__PURE__*/_jsx(OtpStyledField, {
+          className: fieldClassName
+        })
+      })
+    }, i));
+  }
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(OtpInputProvider, {
+      value: otpContext,
+      children: /*#__PURE__*/_jsx(View, {
+        ref: ref,
+        className: rootClassName,
+        style: style,
+        ...rest,
+        ...mergeDataAttributes(rest, dataAttributes({
+          slot: 'otp-input'
+        })),
+        children: cells
+      })
+    })
   });
 });
 OtpInput.displayName = 'OtpInput';

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

@@ -1 +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":[]}
+{"version":3,"names":["forwardRef","useMemo","View","OtpCellIndexProvider","OtpInputField","OtpInputProvider","dataAttributes","mergeDataAttributes","useInputContext","useOtpInput","ParentContext","cn","useParentContext","useStyleContext","Input","inputFieldVariants","otpCellVariants","otpFieldVariants","otpRootVariants","jsx","_jsx","SCOPE","useOtpInputStyleContext","OtpStyledCell","className","children","props","ref","size","variant","displayName","OtpStyledField","setIsFocused","onFocus","e","onBlur","OtpInput","fullWidth","style","cellCount","value","onChangeText","onComplete","isDisabled","isInvalid","isReadOnly","smsOtpAutofill","filterInput","allowedCharacters","characterPattern","getCellProps","cellTestIdPrefix","accessibilityLabel","rest","otpContext","rootClassName","parent","ctx","fieldClassName","cells","i","push","cellIndex","Provider","slot"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,41 +1,36 @@
 "use strict";
 
 import { forwardRef } from 'react';
-import { View } from 'react-native';
-import { createProgress } from '@cdx-ui/primitives';
+import { ProgressBarRoot, ProgressBarIndicator } 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(({
+const ProgressBarRootComponent = /*#__PURE__*/forwardRef(({
   className,
   style,
   ...props
 }, ref) => {
   const trackClass = cn(progressBarTrackVariants(), className);
-  return /*#__PURE__*/_jsx(ProgressPrimitive, {
+  return /*#__PURE__*/_jsx(ProgressBarRoot, {
     ref: ref,
     className: trackClass,
     style: style,
     ...props
   });
 });
-ProgressBarRoot.displayName = 'ProgressBar';
-const ProgressBarIndicator = /*#__PURE__*/forwardRef(({
+ProgressBarRootComponent.displayName = 'ProgressBar';
+const ProgressBarIndicatorComponent = /*#__PURE__*/forwardRef(({
   className,
   style,
   ...props
-}, ref) => /*#__PURE__*/_jsx(ProgressPrimitive.Indicator, {
+}, ref) => /*#__PURE__*/_jsx(ProgressBarIndicator, {
   ref: ref,
   className: cn(progressBarIndicatorVariants(), className),
   style: style,
   ...props
 }));
-ProgressBarIndicator.displayName = 'ProgressBar.Indicator';
-export const ProgressBar = Object.assign(ProgressBarRoot, {
-  Indicator: ProgressBarIndicator
+ProgressBarIndicatorComponent.displayName = 'ProgressBar.Indicator';
+export const ProgressBar = Object.assign(ProgressBarRootComponent, {
+  Indicator: ProgressBarIndicatorComponent
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["forwardRef","ProgressBarRoot","ProgressBarIndicator","cn","progressBarIndicatorVariants","progressBarTrackVariants","jsx","_jsx","ProgressBarRootComponent","className","style","props","ref","trackClass","displayName","ProgressBarIndicatorComponent","ProgressBar","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,eAAe,EAAEC,oBAAoB,QAA6B,oBAAoB;AAC/F,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,4BAA4B,EAC5BC,wBAAwB,QAEnB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUlB,MAAMC,wBAAwB,gBAAGR,UAAU,CACzC,CAAC;EAAES,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAGV,EAAE,CAACE,wBAAwB,CAAC,CAAC,EAAEI,SAAS,CAAC;EAE5D,oBAAOF,IAAA,CAACN,eAAe;IAACW,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACtF,CACF,CAAC;AAEDH,wBAAwB,CAACM,WAAW,GAAG,aAAa;AAEpD,MAAMC,6BAA6B,gBAAGf,UAAU,CAC9C,CAAC;EAAES,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClCL,IAAA,CAACL,oBAAoB;EACnBU,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAEN,EAAE,CAACC,4BAA4B,CAAC,CAAC,EAAEK,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDI,6BAA6B,CAACD,WAAW,GAAG,uBAAuB;AAMnE,OAAO,MAAME,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACV,wBAAwB,EAAE;EACjEW,SAAS,EAAEJ;AACb,CAAC,CAAiC","ignoreList":[]}