@cdx-ui/components 0.0.1-beta.15 → 0.0.1-beta.151

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

@@ -1,18 +1,29 @@
 "use strict";
 
-import React, { forwardRef, useCallback, useRef } from 'react';
-import { Dimensions, Pressable, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import React, { forwardRef, useCallback, useContext, useRef } from 'react';
+import { Dimensions, View } from 'react-native';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { useResolveClassNames } from 'uniwind';
 import { BottomSheetModal, BottomSheetModalProvider, BottomSheetScrollView, BottomSheetView, BottomSheetBackdrop, BottomSheetFooter as GorhomBottomSheetFooter } from '@gorhom/bottom-sheet';
 import { cn } from '@cdx-ui/utils';
-import { ArrowBackIosNew, Close } from '@cdx-ui/icons';
+import { ArrowBack, Close } from '@cdx-ui/icons';
 import { Heading } from '../Heading';
-import { Icon } from '../Icon';
+import { IconButton } from '../IconButton';
 import { Text } from '../Text';
-import { bottomSheetBackButtonVariants, bottomSheetBackIconVariants, bottomSheetCloseButtonVariants, bottomSheetCloseIconVariants, bottomSheetContainerVariants, bottomSheetContentVariants, bottomSheetFooterVariants, bottomSheetHeaderVariants, bottomSheetSubtitleVariants, handleIndicatorStyle } from './styles';
+import { bottomSheetBackgroundClassName, bottomSheetContentVariants, bottomSheetFooterVariants, bottomSheetHeaderVariants, bottomSheetModalContainerClassName } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ZERO_INSETS = {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+function useSafeInsets() {
+  return useContext(SafeAreaInsetsContext) ?? ZERO_INSETS;
+}
 
 /** Ref type for BottomSheet; forwards the @gorhom modal ref (present, dismiss, snapToIndex, minimize, restore, etc.). */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
 function BottomSheetHeaderComponent({
   title,
   subtitle,
@@ -31,29 +42,27 @@ function BottomSheetHeaderComponent({
   return /*#__PURE__*/_jsxs(View, {
     ref: ref,
     className: computedClassName,
-    children: [onBack && /*#__PURE__*/_jsx(Pressable, {
+    children: [/*#__PURE__*/_jsx(BottomSheetBackButton, {
+      className: cn(!onBack && 'opacity-0'),
       onPress: onBack,
-      hitSlop: 12,
-      accessibilityRole: "button",
-      accessibilityLabel: backAccessibilityLabel,
-      className: cn(bottomSheetBackButtonVariants()),
-      children: /*#__PURE__*/_jsx(Icon, {
-        as: ArrowBackIosNew,
-        className: bottomSheetBackIconVariants()
+      ...(backAccessibilityLabel !== undefined && {
+        accessibilityLabel: backAccessibilityLabel
       })
     }), /*#__PURE__*/_jsx(View, {
       className: "flex-1",
       children: children ?? (hasTitle ? /*#__PURE__*/_jsxs(View, {
         children: [/*#__PURE__*/_jsx(Heading, {
-          size: "xs",
-          className: "text-lg",
+          size: "sm",
+          className: "text-center",
           children: title
         }), subtitle ? /*#__PURE__*/_jsx(Text, {
-          className: bottomSheetSubtitleVariants(),
+          size: "sm",
+          className: "text-center text-content-secondary",
           children: subtitle
         }) : null]
       }) : null)
-    }), onClose && /*#__PURE__*/_jsx(BottomSheetCloseButton, {
+    }), /*#__PURE__*/_jsx(BottomSheetCloseButton, {
+      className: cn(!onClose && 'opacity-0'),
       onPress: onClose,
       ...(closeAccessibilityLabel !== undefined && {
         accessibilityLabel: closeAccessibilityLabel
@@ -65,6 +74,28 @@ BottomSheetHeaderComponent.displayName = 'BottomSheet.Header';
 const BottomSheetHeader = /*#__PURE__*/forwardRef(BottomSheetHeaderComponent);
 BottomSheetHeader.displayName = 'BottomSheet.Header';
 
+// =============================================================================
+// BACKBUTTON
+// =============================================================================
+
+function BottomSheetBackButton({
+  onPress,
+  className,
+  accessibilityLabel = 'Go back'
+}) {
+  return /*#__PURE__*/_jsx(IconButton, {
+    as: ArrowBack,
+    variant: "solid",
+    color: "neutral",
+    size: "default",
+    onPress: onPress,
+    hitSlop: 12,
+    accessibilityLabel: accessibilityLabel,
+    className: className
+  });
+}
+BottomSheetBackButton.displayName = 'BottomSheet.BackButton';
+
 // =============================================================================
 // CLOSEBUTTON
 // =============================================================================
@@ -74,16 +105,15 @@ function BottomSheetCloseButton({
   className,
   accessibilityLabel = 'Close'
 }) {
-  return /*#__PURE__*/_jsx(Pressable, {
+  return /*#__PURE__*/_jsx(IconButton, {
+    as: Close,
+    variant: "solid",
+    color: "neutral",
+    size: "default",
     onPress: onPress,
     hitSlop: 12,
-    accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel,
-    className: cn(bottomSheetCloseButtonVariants(), className),
-    children: /*#__PURE__*/_jsx(Icon, {
-      as: Close,
-      className: bottomSheetCloseIconVariants()
-    })
+    className: className
   });
 }
 BottomSheetCloseButton.displayName = 'BottomSheet.CloseButton';
@@ -98,7 +128,7 @@ const BottomSheetContent = /*#__PURE__*/forwardRef(({
   hasSafeAreaInset,
   style
 }, ref) => {
-  const insets = useSafeAreaInsets();
+  const insets = useSafeInsets();
   const computedClassName = cn(bottomSheetContentVariants(), className);
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
@@ -122,7 +152,7 @@ const BottomSheetFooter = /*#__PURE__*/forwardRef(({
   className,
   style
 }, ref) => {
-  const insets = useSafeAreaInsets();
+  const insets = useSafeInsets();
   const computedClassName = cn(bottomSheetFooterVariants(), className);
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
@@ -151,27 +181,45 @@ const CustomBackdrop = props => {
     pressBehavior: "close"
   });
 };
+const CustomBackground = props => /*#__PURE__*/_jsx(View, {
+  ...props,
+  className: bottomSheetBackgroundClassName
+});
 const BottomSheetModalStyled = /*#__PURE__*/forwardRef(({
   handleVisible = true,
   footer,
+  onDismiss,
+  onChange,
   ...rest
 }, ref) => {
   const renderFooter = useCallback(props => /*#__PURE__*/_jsx(GorhomBottomSheetFooter, {
     ...props,
     children: footer
   }), [footer]);
+  const dismissedRef = useRef(false);
+  const handleDismiss = useCallback(() => {
+    if (dismissedRef.current) return;
+    dismissedRef.current = true;
+    onDismiss?.();
+  }, [onDismiss]);
+  const handleChange = useCallback((...args) => {
+    dismissedRef.current = false;
+    onChange?.(...args);
+  }, [onChange]);
+  const sheetContainerStyle = useResolveClassNames(bottomSheetModalContainerClassName);
+  const handleIndicatorStyle = useResolveClassNames('bg-surface-neutral-subtle w-9 h-[5px] rounded-full');
   return /*#__PURE__*/_jsx(BottomSheetModal, {
     ref: ref,
     enableDynamicSizing: true,
     maxDynamicContentSize: MAX_DYNAMIC_CONTENT_SIZE,
+    style: sheetContainerStyle,
     handleComponent: handleVisible ? undefined : null,
     handleIndicatorStyle: handleVisible ? handleIndicatorStyle : undefined,
     backdropComponent: CustomBackdrop,
-    backgroundComponent: backgroundProps => /*#__PURE__*/_jsx(View, {
-      ...backgroundProps,
-      className: cn(bottomSheetContainerVariants())
-    }),
+    backgroundComponent: CustomBackground,
     ...rest,
+    onDismiss: handleDismiss,
+    onChange: handleChange,
     ...(footer != null && {
       footerComponent: renderFooter
     })
@@ -233,10 +281,16 @@ export const BottomSheet = {
 
 export function useBottomSheet() {
   const ref = useRef(null);
+  const present = useCallback(() => {
+    ref.current?.present();
+  }, []);
+  const dismiss = useCallback(() => {
+    ref.current?.dismiss();
+  }, []);
   return {
     ref,
-    present: () => ref.current?.present(),
-    dismiss: () => ref.current?.dismiss()
+    present,
+    dismiss
   };
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useRef","Dimensions","Pressable","View","useSafeAreaInsets","BottomSheetModal","BottomSheetModalProvider","BottomSheetScrollView","BottomSheetView","BottomSheetBackdrop","BottomSheetFooter","GorhomBottomSheetFooter","cn","ArrowBackIosNew","Close","Heading","Icon","Text","bottomSheetBackButtonVariants","bottomSheetBackIconVariants","bottomSheetCloseButtonVariants","bottomSheetCloseIconVariants","bottomSheetContainerVariants","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetHeaderVariants","bottomSheetSubtitleVariants","handleIndicatorStyle","jsx","_jsx","jsxs","_jsxs","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","onPress","hitSlop","accessibilityRole","accessibilityLabel","as","size","BottomSheetCloseButton","displayName","BottomSheetHeader","BottomSheetContent","hasSafeAreaInset","style","insets","paddingBottom","bottom","pointerEvents","Math","max","MAX_DYNAMIC_CONTENT_SIZE","get","height","CustomBackdrop","props","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","BottomSheetModalStyled","handleVisible","footer","rest","renderFooter","enableDynamicSizing","maxDynamicContentSize","handleComponent","backdropComponent","backgroundComponent","backgroundProps","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetViewStyled","BottomSheet","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","present","current","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,MAAM,QAAwB,OAAO;AAC9E,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAmB,cAAc;AACrE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SACEC,gBAAgB,EAChBC,wBAAwB,EACxBC,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB,EACnBC,iBAAiB,IAAIC,uBAAuB,QAGvC,sBAAsB;AAC7B,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,eAAe,EAAEC,KAAK,QAAQ,eAAe;AACtD,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,0BAA0B,EAC1BC,yBAAyB,EACzBC,yBAAyB,EACzBC,2BAA2B,EAC3BC,oBAAoB,QACf,UAAU;;AAEjB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAcA,SAASC,0BAA0BA,CACjC;EACEC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,uBAAuB;EACvBC,MAAM;EACNC,sBAAsB,GAAG;AACH,CAAC,EACzBC,GAAoB,EACpB;EACA,MAAMC,QAAQ,GAAGT,KAAK,KAAKU,SAAS,IAAIV,KAAK,KAAK,EAAE;EACpD,MAAMW,UAAU,GAAGF,QAAQ,IAAI,CAAC,CAACP,QAAQ,IAAI,CAAC,CAACI,MAAM;EACrD,MAAMM,iBAAiB,GAAGjC,EAAE,CAACa,yBAAyB,CAAC;IAAEiB,QAAQ,EAAEE;EAAW,CAAC,CAAC,EAAER,SAAS,CAAC;EAC5F,oBACEL,KAAA,CAAC5B,IAAI;IAACsC,GAAG,EAAEA,GAAI;IAACL,SAAS,EAAES,iBAAkB;IAAAV,QAAA,GAC1CI,MAAM,iBACLV,IAAA,CAAC3B,SAAS;MACR4C,OAAO,EAAEP,MAAO;MAChBQ,OAAO,EAAE,EAAG;MACZC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAET,sBAAuB;MAC3CJ,SAAS,EAAExB,EAAE,CAACM,6BAA6B,CAAC,CAAC,CAAE;MAAAiB,QAAA,eAE/CN,IAAA,CAACb,IAAI;QAACkC,EAAE,EAAErC,eAAgB;QAACuB,SAAS,EAAEjB,2BAA2B,CAAC;MAAE,CAAE;IAAC,CAC9D,CACZ,eACDU,IAAA,CAAC1B,IAAI;MAACiC,SAAS,EAAC,QAAQ;MAAAD,QAAA,EACrBA,QAAQ,KACNO,QAAQ,gBACPX,KAAA,CAAC5B,IAAI;QAAAgC,QAAA,gBACHN,IAAA,CAACd,OAAO;UAACoC,IAAI,EAAC,IAAI;UAACf,SAAS,EAAC,SAAS;UAAAD,QAAA,EACnCF;QAAK,CACC,CAAC,EACTC,QAAQ,gBAAGL,IAAA,CAACZ,IAAI;UAACmB,SAAS,EAAEV,2BAA2B,CAAC,CAAE;UAAAS,QAAA,EAAED;QAAQ,CAAO,CAAC,GAAG,IAAI;MAAA,CAChF,CAAC,GACL,IAAI;IAAC,CACP,CAAC,EACNG,OAAO,iBACNR,IAAA,CAACuB,sBAAsB;MACrBN,OAAO,EAAET,OAAQ;MAAA,IACZC,uBAAuB,KAAKK,SAAS,IAAI;QAC5CM,kBAAkB,EAAEX;MACtB,CAAC;IAAA,CACF,CACF;EAAA,CACG,CAAC;AAEX;AAEAN,0BAA0B,CAACqB,WAAW,GAAG,oBAAoB;AAE7D,MAAMC,iBAAiB,gBAAGxD,UAAU,CAA+BkC,0BAA0B,CAAC;AAC9FsB,iBAAiB,CAACD,WAAW,GAAG,oBAAoB;;AAEpD;AACA;AACA;;AAOA,SAASD,sBAAsBA,CAAC;EAC9BN,OAAO;EACPV,SAAS;EACTa,kBAAkB,GAAG;AACM,CAAC,EAAE;EAC9B,oBACEpB,IAAA,CAAC3B,SAAS;IACR4C,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAE,EAAG;IACZC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEA,kBAAmB;IACvCb,SAAS,EAAExB,EAAE,CAACQ,8BAA8B,CAAC,CAAC,EAAEgB,SAAS,CAAE;IAAAD,QAAA,eAE3DN,IAAA,CAACb,IAAI;MAACkC,EAAE,EAAEpC,KAAM;MAACsB,SAAS,EAAEf,4BAA4B,CAAC;IAAE,CAAE;EAAC,CACrD,CAAC;AAEhB;AAEA+B,sBAAsB,CAACC,WAAW,GAAG,yBAAyB;;AAE9D;AACA;AACA;;AASA,MAAME,kBAAkB,gBAAGzD,UAAU,CACnC,CAAC;EAAEqC,QAAQ;EAAEC,SAAS;EAAEoB,gBAAgB;EAAEC;AAAM,CAAC,EAAEhB,GAAG,KAAK;EACzD,MAAMiB,MAAM,GAAGtD,iBAAiB,CAAC,CAAC;EAClC,MAAMyC,iBAAiB,GAAGjC,EAAE,CAACW,0BAA0B,CAAC,CAAC,EAAEa,SAAS,CAAC;EACrE,oBACEP,IAAA,CAAC1B,IAAI;IACHsC,GAAG,EAAEA,GAAI;IACTL,SAAS,EAAES,iBAAkB;IAC7BY,KAAK,EAAED,gBAAgB,GAAG;MAAEG,aAAa,EAAED,MAAM,CAACE,MAAM;MAAE,GAAGH;IAAM,CAAC,GAAGA,KAAM;IAC7EI,aAAa,EAAC,UAAU;IAAA1B,QAAA,EAEvBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDoB,kBAAkB,CAACF,WAAW,GAAG,qBAAqB;;AAEtD;AACA;AACA;;AAOA,MAAM3C,iBAAiB,gBAAGZ,UAAU,CAClC,CAAC;EAAEqC,QAAQ;EAAEC,SAAS;EAAEqB;AAAM,CAAC,EAAEhB,GAAG,KAAK;EACvC,MAAMiB,MAAM,GAAGtD,iBAAiB,CAAC,CAAC;EAClC,MAAMyC,iBAAiB,GAAGjC,EAAE,CAACY,yBAAyB,CAAC,CAAC,EAAEY,SAAS,CAAC;EACpE,oBACEP,IAAA,CAAC1B,IAAI;IACHsC,GAAG,EAAEA,GAAI;IACTL,SAAS,EAAES,iBAAkB;IAC7BY,KAAK,EAAE;MAAEE,aAAa,EAAEG,IAAI,CAACC,GAAG,CAACL,MAAM,CAACE,MAAM,EAAE,EAAE,CAAC;MAAE,GAAGH;IAAM,CAAE;IAChEI,aAAa,EAAC,UAAU;IAAA1B,QAAA,EAEvBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDzB,iBAAiB,CAAC2C,WAAW,GAAG,oBAAoB;;AAEpD;AACA;AACA;;AAWA,MAAMW,wBAAwB,GAAG/D,UAAU,CAACgE,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG,GAAG;AAEtE,MAAMC,cAAc,GAAIC,KAA+B,IAAK;EAC1D,oBACEvC,IAAA,CAACpB,mBAAmB;IAAA,GACd2D,KAAK;IACTC,iBAAiB,EAAE,CAAC,CAAE;IACtBC,cAAc,EAAE,CAAE;IAClBC,OAAO,EAAE,GAAI;IACbC,aAAa,EAAC;EAAO,CACtB,CAAC;AAEN,CAAC;AAED,MAAMC,sBAAsB,gBAAG3E,UAAU,CAGvC,CAAC;EAAE4E,aAAa,GAAG,IAAI;EAAEC,MAAM;EAAE,GAAGC;AAAK,CAAC,EAAEnC,GAAG,KAAK;EACpD,MAAMoC,YAAY,GAAG9E,WAAW,CAC7BqE,KAAmC,iBAClCvC,IAAA,CAAClB,uBAAuB;IAAA,GAAKyD,KAAK;IAAAjC,QAAA,EAAGwC;EAAM,CAA0B,CACtE,EACD,CAACA,MAAM,CACT,CAAC;EAED,oBACE9C,IAAA,CAACxB,gBAAgB;IACfoC,GAAG,EAAEA,GAAI;IACTqC,mBAAmB;IACnBC,qBAAqB,EAAEf,wBAAyB;IAChDgB,eAAe,EAAEN,aAAa,GAAG/B,SAAS,GAAG,IAAK;IAClDhB,oBAAoB,EAAE+C,aAAa,GAAG/C,oBAAoB,GAAGgB,SAAU;IACvEsC,iBAAiB,EAAEd,cAAe;IAClCe,mBAAmB,EAAGC,eAAe,iBACnCtD,IAAA,CAAC1B,IAAI;MAAA,GAAKgF,eAAe;MAAE/C,SAAS,EAAExB,EAAE,CAACU,4BAA4B,CAAC,CAAC;IAAE,CAAE,CAC3E;IAAA,GACEsD,IAAI;IAAA,IACHD,MAAM,IAAI,IAAI,IAAI;MAAES,eAAe,EAAEP;IAAa,CAAC;EAAA,CACzD,CAAC;AAEN,CAAC,CAAC;AAEFJ,sBAAsB,CAACpB,WAAW,GAAG,mBAAmB;;AAExD;AACA;AACA;;AAEA,SAASgC,2BAA2BA,CAAC;EACnCC,4BAA4B,GAAG,IAAI;EACnCnD,QAAQ;EACR,GAAGyC;AACyD,CAAC,EAAE;EAC/D,oBACE/C,IAAA,CAACtB,qBAAqB;IAAC+E,4BAA4B,EAAEA,4BAA6B;IAAA,GAAKV,IAAI;IAAAzC,QAAA,EACxFA;EAAQ,CACY,CAAC;AAE5B;AAEAkD,2BAA2B,CAAChC,WAAW,GAAG,wBAAwB;;AAElE;AACA;AACA;;AAEA,SAASkC,qBAAqBA,CAAC;EAC7BD,4BAA4B,GAAG,IAAI;EACnCnD,QAAQ;EACR,GAAGyC;AACmD,CAAC,EAAE;EACzD,oBACE/C,IAAA,CAACrB,eAAe;IAAC8E,4BAA4B,EAAEA,4BAA6B;IAAA,GAAKV,IAAI;IAAAzC,QAAA,EAClFA;EAAQ,CACM,CAAC;AAEtB;AAEAoD,qBAAqB,CAAClC,WAAW,GAAG,kBAAkB;;AAEtD;;AAIC/C,wBAAwB,CAAqB+C,WAAW,GAAG,sBAAsB;;AAElF;;AAYA,OAAO,MAAMmC,WAAW,GAAG;EACzBC,KAAK,EAAEhB,sBAAsB;EAC7BiB,MAAM,EAAEpC,iBAAiB;EACzBqC,OAAO,EAAEpC,kBAAkB;EAC3BqC,MAAM,EAAElF,iBAAiB;EACzBmF,QAAQ,EAAEvF,wBAAwB;EAClCwF,UAAU,EAAET,2BAA2B;EACvClF,IAAI,EAAEoF;AACR,CAAwB;;AAExB;;AAEA,OAAO,SAASQ,cAAcA,CAAA,EAAG;EAC/B,MAAMtD,GAAG,GAAGzC,MAAM,CAAsB,IAAI,CAAC;EAC7C,OAAO;IAAEyC,GAAG;IAAEuD,OAAO,EAAEA,CAAA,KAAMvD,GAAG,CAACwD,OAAO,EAAED,OAAO,CAAC,CAAC;IAAEE,OAAO,EAAEA,CAAA,KAAMzD,GAAG,CAACwD,OAAO,EAAEC,OAAO,CAAC;EAAE,CAAC;AAC9F","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useCallback","useContext","useRef","Dimensions","View","SafeAreaInsetsContext","useResolveClassNames","BottomSheetModal","BottomSheetModalProvider","BottomSheetScrollView","BottomSheetView","BottomSheetBackdrop","BottomSheetFooter","GorhomBottomSheetFooter","cn","ArrowBack","Close","Heading","IconButton","Text","bottomSheetBackgroundClassName","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetHeaderVariants","bottomSheetModalContainerClassName","jsx","_jsx","jsxs","_jsxs","ZERO_INSETS","top","bottom","left","right","useSafeInsets","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","BottomSheetBackButton","onPress","accessibilityLabel","size","BottomSheetCloseButton","displayName","BottomSheetHeader","as","variant","color","hitSlop","BottomSheetContent","hasSafeAreaInset","style","insets","paddingBottom","pointerEvents","Math","max","MAX_DYNAMIC_CONTENT_SIZE","get","height","CustomBackdrop","props","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","CustomBackground","BottomSheetModalStyled","handleVisible","footer","onDismiss","onChange","rest","renderFooter","dismissedRef","handleDismiss","current","handleChange","args","sheetContainerStyle","handleIndicatorStyle","enableDynamicSizing","maxDynamicContentSize","handleComponent","backdropComponent","backgroundComponent","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetViewStyled","BottomSheet","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","present","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,15 +1,13 @@
 "use strict";
 
-import { cva } from 'class-variance-authority';
-import { COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY } from '../../styles/primitives';
+import { cva } from '@cdx-ui/utils';
 
-// ── Container ──────────────────────────────────────────────
+/** Shared top-radius + clip — used by background CVA and gorhom modal `style` (via useResolveClassNames). */
+export const bottomSheetModalContainerClassName = 'overflow-hidden rounded-t-4xl';
 
-export const bottomSheetContainerVariants = cva(['rounded-t-3xl border-t border-x overflow-hidden', COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT]);
-
-// ── Header ─────────────────────────────────────────────────
-
-export const bottomSheetHeaderVariants = cva(['flex-row items-center justify-between min-h-12 px-4 pt-3 pb-2', COLOR_BG_PRIMARY, COLOR_TEXT_PRIMARY], {
+/** Gorhom backgroundComponent — surface fill + shared top-radius clip. */
+export const bottomSheetBackgroundClassName = `${bottomSheetModalContainerClassName} bg-surface-primary`;
+export const bottomSheetHeaderVariants = cva(['flex-row items-center justify-between min-h-11 px-4 pt-3 pb-2.5', 'bg-surface-primary', 'text-content-primary'], {
   variants: {
     hasTitle: {
       true: '',
@@ -20,39 +18,6 @@ export const bottomSheetHeaderVariants = cva(['flex-row items-center justify-bet
     hasTitle: true
   }
 });
-
-// ── Content ────────────────────────────────────────────────
-
-export const bottomSheetContentVariants = cva([COLOR_BG_PRIMARY, 'px-4 pb-6']);
-
-// ── Footer ─────────────────────────────────────────────────
-
-export const bottomSheetFooterVariants = cva(['px-4 pt-3 pb-4 border-t', COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT]);
-
-// ── Subtitle ────────────────────────────────────────────────
-
-export const bottomSheetSubtitleVariants = cva(['text-sm', COLOR_TEXT_SECONDARY]);
-
-// ── Back Button ─────────────────────────────────────────────
-
-export const bottomSheetBackButtonVariants = cva(['p-1 -m-1 mr-2 rounded-full active:opacity-70']);
-export const bottomSheetBackIconVariants = cva(['size-5 text-slate-500']);
-
-// ── Close Button ───────────────────────────────────────────
-
-export const bottomSheetCloseButtonVariants = cva(['p-1 -m-1 rounded-full active:opacity-70']);
-
-// ── Close Icon ─────────────────────────────────────────────
-
-export const bottomSheetCloseIconVariants = cva(['size-5 text-slate-500']);
-
-// ── Handle indicator ────────────────────────────────────────
-// Plain ViewStyle — gorhom's handleIndicatorStyle doesn't accept classNames.
-// slate-300 (#cbd5e1) maps to COLOR_BORDER_STRONG; update when raw token palette is available (TODO).
-export const handleIndicatorStyle = {
-  backgroundColor: '#cbd5e1',
-  width: 36,
-  height: 4,
-  borderRadius: 2
-};
+export const bottomSheetContentVariants = cva(['bg-surface-primary', 'px-5 pb-5 gap-3']);
+export const bottomSheetFooterVariants = cva(['px-5 pb-5 gap-2', 'bg-surface-primary']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","bottomSheetContainerVariants","bottomSheetHeaderVariants","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetSubtitleVariants","bottomSheetBackButtonVariants","bottomSheetBackIconVariants","bottomSheetCloseButtonVariants","bottomSheetCloseIconVariants","handleIndicatorStyle","backgroundColor","width","height","borderRadius"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;AACA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SACEC,gBAAgB,EAChBC,oBAAoB,EACpBC,kBAAkB,EAClBC,oBAAoB,QACf,yBAAyB;;AAEhC;;AAEA,OAAO,MAAMC,4BAA4B,GAAGL,GAAG,CAAC,CAC9C,iDAAiD,EACjDC,gBAAgB,EAChBC,oBAAoB,CACrB,CAAC;;AAEF;;AAEA,OAAO,MAAMI,yBAAyB,GAAGN,GAAG,CAC1C,CACE,+DAA+D,EAC/DC,gBAAgB,EAChBE,kBAAkB,CACnB,EACD;EACEI,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,0BAA0B,GAAGZ,GAAG,CAAC,CAACC,gBAAgB,EAAE,WAAW,CAAC,CAAC;;AAE9E;;AAEA,OAAO,MAAMY,yBAAyB,GAAGb,GAAG,CAAC,CAC3C,yBAAyB,EACzBC,gBAAgB,EAChBC,oBAAoB,CACrB,CAAC;;AAEF;;AAEA,OAAO,MAAMY,2BAA2B,GAAGd,GAAG,CAAC,CAAC,SAAS,EAAEI,oBAAoB,CAAC,CAAC;;AAEjF;;AAEA,OAAO,MAAMW,6BAA6B,GAAGf,GAAG,CAAC,CAAC,8CAA8C,CAAC,CAAC;AAElG,OAAO,MAAMgB,2BAA2B,GAAGhB,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;;AAEzE;;AAEA,OAAO,MAAMiB,8BAA8B,GAAGjB,GAAG,CAAC,CAAC,yCAAyC,CAAC,CAAC;;AAE9F;;AAEA,OAAO,MAAMkB,4BAA4B,GAAGlB,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;;AAE1E;AACA;AACA;AACA,OAAO,MAAMmB,oBAA+B,GAAG;EAC7CC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","bottomSheetModalContainerClassName","bottomSheetBackgroundClassName","bottomSheetHeaderVariants","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;;AAEtD;AACA,OAAO,MAAMC,kCAAkC,GAAG,+BAA+B;;AAEjF;AACA,OAAO,MAAMC,8BAA8B,GAAG,GAAGD,kCAAkC,qBAAqB;AAExG,OAAO,MAAME,yBAAyB,GAAGH,GAAG,CAC1C,CACE,iEAAiE,EACjE,oBAAoB,EACpB,sBAAsB,CACvB,EACD;EACEI,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAMI,0BAA0B,GAAGT,GAAG,CAAC,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;AAExF,OAAO,MAAMU,yBAAyB,GAAGV,GAAG,CAAC,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Box/Box.js

@@ -2,25 +2,15 @@
 
 import { forwardRef } from 'react';
 import { View } from 'react-native';
-import { WrapStringChild } from '../../utils/WrapStringChild';
 import { jsx as _jsx } from "react/jsx-runtime";
-/** @deprecated Use View instead */
 export const Box = /*#__PURE__*/forwardRef(({
-  style,
-  className,
   children,
-  textProps,
   ...restProps
 }, ref) => {
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
-    style: style,
-    className: className,
     ...restProps,
-    children: /*#__PURE__*/_jsx(WrapStringChild, {
-      textProps: textProps,
-      children: children
-    })
+    children: children
   });
 });
 Box.displayName = 'Box';

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","WrapStringChild","jsx","_jsx","Box","style","className","children","textProps","restProps","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,eAAe,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9D;AACA,OAAO,MAAMC,GAAG,gBAAGL,UAAU,CAC3B,CAAC;EAAEM,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACEP,IAAA,CAACH,IAAI;IAACU,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/DJ,IAAA,CAACF,eAAe;MAACO,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDH,GAAG,CAACO,WAAW,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","jsx","_jsx","Box","children","restProps","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMpD,OAAO,MAAMC,GAAG,gBAAGJ,UAAU,CAC3B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACvD,oBACEJ,IAAA,CAACF,IAAI;IAACM,GAAG,EAAEA,GAAI;IAAA,GAAKD,SAAS;IAAAD,QAAA,EAC1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDD,GAAG,CAACI,WAAW,GAAG,KAAK","ignoreList":[]}

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

@@ -0,0 +1,215 @@
+"use strict";
+
+import { Children, Fragment, cloneElement, forwardRef, isValidElement, useMemo } from 'react';
+import { Platform, Text, View } from 'react-native';
+import { BreadcrumbsRoot as BreadcrumbsRootPrimitive, LinkRoot as LinkRootPrimitive, dataAttributes, mergeDataAttributes, useBreadcrumbsContext } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { breadcrumbItemVariants, breadcrumbDisabledCursor, breadcrumbItemRootVariants, breadcrumbRootVariants, breadcrumbSeparatorVariants } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function isBreadcrumbsItemElement(child) {
+  if (! /*#__PURE__*/isValidElement(child)) {
+    return false;
+  }
+  const type = child.type;
+  return type.displayName === 'Breadcrumbs.Item';
+}
+function isTextOnlyChild(children) {
+  return typeof children === 'string' || typeof children === 'number';
+}
+function BreadcrumbItemContent({
+  children,
+  className,
+  state
+}) {
+  if (isTextOnlyChild(children)) {
+    return /*#__PURE__*/_jsx(Text, {
+      className: className,
+      ...dataAttributes({
+        state
+      }),
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('flex-row items-center gap-1', className),
+    ...dataAttributes({
+      state
+    }),
+    children: children
+  });
+}
+function BreadcrumbsSeparator({
+  separator
+}) {
+  const {
+    isDisabled
+  } = useBreadcrumbsContext();
+  const disabledClassName = isDisabled ? breadcrumbDisabledCursor : undefined;
+  const slotProps = mergeDataAttributes({}, dataAttributes({
+    slot: 'breadcrumbs-separator'
+  }));
+  const a11yProps = {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: 'no-hide-descendants',
+    'aria-hidden': true
+  };
+  if (isTextOnlyChild(separator)) {
+    return /*#__PURE__*/_jsx(Text, {
+      className: cn(breadcrumbSeparatorVariants(), disabledClassName),
+      ...a11yProps,
+      ...slotProps,
+      children: separator
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(breadcrumbSeparatorVariants(), 'items-center justify-center px-1', disabledClassName),
+    ...a11yProps,
+    ...slotProps,
+    children: separator
+  });
+}
+const BreadcrumbsRoot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  separator = '/',
+  isDisabled = false,
+  isUnderlined = false,
+  color = 'neutral',
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const items = useMemo(() => Children.toArray(children).filter(isBreadcrumbsItemElement), [children]);
+  const computedClassName = cn(breadcrumbRootVariants(), className);
+  return /*#__PURE__*/_jsx(BreadcrumbsRootPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    isDisabled: isDisabled,
+    isUnderlined: isUnderlined,
+    color: color,
+    accessibilityLabel: accessibilityLabel,
+    ...props,
+    children: items.map((child, index) => {
+      const isLast = index === items.length - 1;
+      const item = /*#__PURE__*/cloneElement(child, {
+        isLast
+      });
+      if (isLast) {
+        return /*#__PURE__*/_jsx(Fragment, {
+          children: item
+        }, child.key ?? `breadcrumb-item-${String(index)}`);
+      }
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [item, /*#__PURE__*/_jsx(BreadcrumbsSeparator, {
+          separator: separator
+        })]
+      }, child.key ?? `breadcrumb-item-${String(index)}`);
+    })
+  });
+});
+BreadcrumbsRoot.displayName = 'Breadcrumbs';
+function resolveStaticStyle(style) {
+  return typeof style === 'function' ? undefined : style;
+}
+function getItemState(isLast, isDisabled) {
+  if (isLast) {
+    return 'current';
+  }
+  if (isDisabled) {
+    return 'disabled';
+  }
+  return 'ancestor';
+}
+const BreadcrumbsItem = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  href,
+  onPress,
+  action,
+  webProps,
+  isLast = false,
+  ...props
+}, ref) => {
+  const {
+    isDisabled,
+    isUnderlined,
+    color
+  } = useBreadcrumbsContext();
+  const state = getItemState(isLast, isDisabled);
+  const isInteractive = !isDisabled && !isLast && !!href;
+  const labelClassName = cn(breadcrumbItemVariants({
+    isUnderlined,
+    color
+  }), isDisabled ? breadcrumbDisabledCursor : undefined, className);
+  const currentPageProps = Platform.OS === 'web' && isLast ? {
+    'aria-current': 'page'
+  } : {};
+  const nativeCurrentPageProps = Platform.OS !== 'web' && isLast ? {
+    accessibilityState: {
+      ...props.accessibilityState,
+      selected: true
+    }
+  } : {};
+  if (isInteractive) {
+    return /*#__PURE__*/_jsx(LinkRootPrimitive, {
+      ref: ref,
+      href: href,
+      onPress: onPress,
+      action: action,
+      webProps: webProps,
+      className: breadcrumbItemRootVariants(),
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'breadcrumbs-item',
+        state
+      })),
+      children: /*#__PURE__*/_jsx(BreadcrumbItemContent, {
+        className: labelClassName,
+        state: state,
+        children: children
+      })
+    });
+  }
+  const staticStyle = resolveStaticStyle(style);
+  if (isTextOnlyChild(children)) {
+    return /*#__PURE__*/_jsx(Text, {
+      ref: ref,
+      className: cn(breadcrumbItemRootVariants(), labelClassName),
+      style: staticStyle,
+      accessibilityRole: isLast ? 'text' : undefined,
+      ...props,
+      ...currentPageProps,
+      ...nativeCurrentPageProps,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'breadcrumbs-item',
+        state
+      })),
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn(breadcrumbItemRootVariants(), 'flex-row items-center', isDisabled && breadcrumbDisabledCursor),
+    style: staticStyle,
+    ...props,
+    ...currentPageProps,
+    ...nativeCurrentPageProps,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'breadcrumbs-item',
+      state
+    })),
+    children: /*#__PURE__*/_jsx(BreadcrumbItemContent, {
+      className: labelClassName,
+      state: state,
+      children: children
+    })
+  });
+});
+BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
+export const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
+  Item: BreadcrumbsItem
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","Fragment","cloneElement","forwardRef","isValidElement","useMemo","Platform","Text","View","BreadcrumbsRoot","BreadcrumbsRootPrimitive","LinkRoot","LinkRootPrimitive","dataAttributes","mergeDataAttributes","useBreadcrumbsContext","cn","breadcrumbItemVariants","breadcrumbDisabledCursor","breadcrumbItemRootVariants","breadcrumbRootVariants","breadcrumbSeparatorVariants","jsx","_jsx","jsxs","_jsxs","isBreadcrumbsItemElement","child","type","displayName","isTextOnlyChild","children","BreadcrumbItemContent","className","state","BreadcrumbsSeparator","separator","isDisabled","disabledClassName","undefined","slotProps","slot","a11yProps","accessibilityElementsHidden","importantForAccessibility","style","isUnderlined","color","accessibilityLabel","props","ref","items","toArray","filter","computedClassName","map","index","isLast","length","item","key","String","resolveStaticStyle","getItemState","BreadcrumbsItem","href","onPress","action","webProps","isInteractive","labelClassName","currentPageProps","OS","nativeCurrentPageProps","accessibilityState","selected","staticStyle","accessibilityRole","Breadcrumbs","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/Breadcrumbs/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from '@cdx-ui/utils';
+import { TRANSITION_COLORS } from '../../styles/constants';
+export const breadcrumbRootVariants = cva(['flex-row flex-wrap items-center', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', 'web:data-[disabled=true]:cursor-not-allowed']);
+export const breadcrumbDisabledCursor = 'web:cursor-not-allowed';
+export const breadcrumbSeparatorVariants = cva(['body-md text-content-tertiary select-none px-1']);
+export const breadcrumbItemRootVariants = cva(['self-start', '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']);
+const breadcrumbColorVariants = {
+  neutral: '',
+  action: 'data-[state=ancestor]:text-content-action data-[state=ancestor]:border-content-action web:data-[state=ancestor]:hover:text-content-primary',
+  danger: 'data-[state=ancestor]:text-content-danger data-[state=ancestor]:border-content-danger web:data-[state=ancestor]:hover:text-content-primary',
+  warning: 'data-[state=ancestor]:text-content-warning data-[state=ancestor]:border-content-warning web:data-[state=ancestor]:hover:text-content-primary',
+  success: 'data-[state=ancestor]:text-content-success data-[state=ancestor]:border-content-success web:data-[state=ancestor]:hover:text-content-primary',
+  info: 'data-[state=ancestor]:text-content-info data-[state=ancestor]:border-content-info web:data-[state=ancestor]:hover:text-content-primary'
+};
+export const breadcrumbItemVariants = cva(['body-md', TRANSITION_COLORS, 'data-[state=current]:text-content-primary', 'data-[state=ancestor]:text-content-secondary', 'data-[state=disabled]:text-content-tertiary'], {
+  variants: {
+    isUnderlined: {
+      true: Platform.select({
+        web: 'data-[state=ancestor]:underline data-[state=ancestor]:underline-offset-4',
+        default: 'data-[state=ancestor]:border-b data-[state=ancestor]:border-content-secondary data-[state=ancestor]:pb-0.5'
+      }),
+      false: ''
+    },
+    color: breadcrumbColorVariants
+  },
+  defaultVariants: {
+    isUnderlined: false,
+    color: 'neutral'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","TRANSITION_COLORS","breadcrumbRootVariants","breadcrumbDisabledCursor","breadcrumbSeparatorVariants","breadcrumbItemRootVariants","breadcrumbColorVariants","neutral","action","danger","warning","success","info","breadcrumbItemVariants","variants","isUnderlined","true","select","web","default","false","color","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Breadcrumbs/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AAEtD,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,OAAO,MAAMC,sBAAsB,GAAGF,GAAG,CAAC,CACxC,iCAAiC,EACjC,wDAAwD,EACxD,6CAA6C,CAC9C,CAAC;AAEF,OAAO,MAAMG,wBAAwB,GAAG,wBAAwB;AAEhE,OAAO,MAAMC,2BAA2B,GAAGJ,GAAG,CAAC,CAAC,gDAAgD,CAAC,CAAC;AAElG,OAAO,MAAMK,0BAA0B,GAAGL,GAAG,CAAC,CAC5C,YAAY,EACZ,wEAAwE,EACxE,6CAA6C,EAC7C,kIAAkI,CACnI,CAAC;AAEF,MAAMM,uBAAuB,GAAG;EAC9BC,OAAO,EAAE,EAAE;EACXC,MAAM,EACJ,4IAA4I;EAC9IC,MAAM,EACJ,4IAA4I;EAC9IC,OAAO,EACL,8IAA8I;EAChJC,OAAO,EACL,8IAA8I;EAChJC,IAAI,EAAE;AACR,CAA2C;AAE3C,OAAO,MAAMC,sBAAsB,GAAGb,GAAG,CACvC,CACE,SAAS,EACTC,iBAAiB,EACjB,2CAA2C,EAC3C,8CAA8C,EAC9C,6CAA6C,CAC9C,EACD;EACEa,QAAQ,EAAE;IACRC,YAAY,EAAE;MACZC,IAAI,EAAEjB,QAAQ,CAACkB,MAAM,CAAC;QACpBC,GAAG,EAAE,0EAA0E;QAC/EC,OAAO,EACL;MACJ,CAAC,CAAC;MACFC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAEf;EACT,CAAC;EACDgB,eAAe,EAAE;IACfP,YAAY,EAAE,KAAK;IACnBM,KAAK,EAAE;EACT;AACF,CACF,CAAC","ignoreList":[]}