@cdx-ui/components 0.0.1-beta.16 → 0.0.1-beta.161

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

@@ -0,0 +1,123 @@
+"use strict";
+
+import { cva } from '@cdx-ui/utils';
+import { TRANSITION_COLORS } from '../../styles/constants';
+export const badgeRootVariants = cva(['relative self-start'], {
+  variants: {
+    standalone: {
+      true: 'inline-flex',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    standalone: false
+  }
+});
+export const badgeIndicatorVariants = cva(['absolute items-center justify-center overflow-hidden', 'rounded-[var(--border-radius-round)]', 'border border-surface-primary', TRANSITION_COLORS], {
+  variants: {
+    variant: {
+      default: 'h-5 min-w-5 px-1',
+      dot: 'h-2 w-2 min-w-0 px-0'
+    },
+    color: {
+      action: 'bg-surface-action-strong',
+      danger: 'bg-surface-danger-strong',
+      warning: 'bg-surface-warning-strong',
+      success: 'bg-surface-success-strong',
+      info: 'bg-surface-info-strong'
+    },
+    placement: {
+      'top-start': 'top-0 ltr:left-0 rtl:right-0',
+      'top-end': 'top-0 ltr:right-0 rtl:left-0',
+      'bottom-start': 'bottom-0 ltr:left-0 rtl:right-0',
+      'bottom-end': 'bottom-0 ltr:right-0 rtl:left-0'
+    },
+    overlap: {
+      circular: '',
+      rectangular: ''
+    }
+  },
+  compoundVariants: [
+  // Positioning model (mirrors MUI Badge): the indicator is always centered on an
+  // anchor point via a 50% self-translate, so it straddles that point regardless of
+  // its own size (dot vs default). `overlap` only moves the anchor point.
+  //
+  // Translate uses arbitrary `[50%]` (not the `1/2` fraction utility) because the
+  // fraction sugar is web-only in Uniwind — Avatar's badge uses `[N%]` translate on
+  // native, Toast gates `-translate-x-1/2` behind `web:`.
+  //
+  // rectangular: anchor at the host's true bounding-box corner.
+  {
+    placement: 'top-end',
+    overlap: 'rectangular',
+    className: 'ltr:translate-x-[50%] rtl:-translate-x-[50%] -translate-y-[50%]'
+  }, {
+    placement: 'top-start',
+    overlap: 'rectangular',
+    className: 'ltr:-translate-x-[50%] rtl:translate-x-[50%] -translate-y-[50%]'
+  }, {
+    placement: 'bottom-end',
+    overlap: 'rectangular',
+    className: 'ltr:translate-x-[50%] rtl:-translate-x-[50%] translate-y-[50%]'
+  }, {
+    placement: 'bottom-start',
+    overlap: 'rectangular',
+    className: 'ltr:-translate-x-[50%] rtl:translate-x-[50%] translate-y-[50%]'
+  },
+  // circular: anchor inset 14% from each edge — the ~45° point of the inscribed
+  // circle ((1 - √2/2)/2 ≈ 14.6%, rounded to 14% per MUI) — so the indicator sits
+  // on the host's visible arc. The inset is host-relative (percent of the wrapper,
+  // which hugs the host), keeping it independent of the indicator's own size.
+  {
+    placement: 'top-end',
+    overlap: 'circular',
+    className: 'top-[14%] ltr:right-[14%] rtl:left-[14%] ltr:translate-x-[50%] rtl:-translate-x-[50%] -translate-y-[50%]'
+  }, {
+    placement: 'top-start',
+    overlap: 'circular',
+    className: 'top-[14%] ltr:left-[14%] rtl:right-[14%] ltr:-translate-x-[50%] rtl:translate-x-[50%] -translate-y-[50%]'
+  }, {
+    placement: 'bottom-end',
+    overlap: 'circular',
+    className: 'bottom-[14%] ltr:right-[14%] rtl:left-[14%] ltr:translate-x-[50%] rtl:-translate-x-[50%] translate-y-[50%]'
+  }, {
+    placement: 'bottom-start',
+    overlap: 'circular',
+    className: 'bottom-[14%] ltr:left-[14%] rtl:right-[14%] ltr:-translate-x-[50%] rtl:translate-x-[50%] translate-y-[50%]'
+  }],
+  defaultVariants: {
+    variant: 'default',
+    color: 'action',
+    placement: 'top-end',
+    overlap: 'rectangular'
+  }
+});
+export const badgeLabelVariants = cva(['body-sm font-medium text-center'], {
+  variants: {
+    color: {
+      action: 'text-content-action-on-strong',
+      danger: 'text-content-danger-on-strong',
+      warning: 'text-content-warning-on-strong',
+      success: 'text-content-success-on-strong',
+      info: 'text-content-info-on-strong'
+    }
+  },
+  defaultVariants: {
+    color: 'action'
+  }
+});
+export const badgeIconVariants = cva(['size-3'], {
+  variants: {
+    color: {
+      action: 'text-content-action-on-strong',
+      danger: 'text-content-danger-on-strong',
+      warning: 'text-content-warning-on-strong',
+      success: 'text-content-success-on-strong',
+      info: 'text-content-info-on-strong'
+    }
+  },
+  defaultVariants: {
+    color: 'action'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cva","TRANSITION_COLORS","badgeRootVariants","variants","standalone","true","false","defaultVariants","badgeIndicatorVariants","variant","default","dot","color","action","danger","warning","success","info","placement","overlap","circular","rectangular","compoundVariants","className","badgeLabelVariants","badgeIconVariants"],"sourceRoot":"../../../../src","sources":["components/Badge/styles.ts"],"mappings":"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","ignoreList":[]}

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 { BottomSheetModal, BottomSheetModalProvider, BottomSheetScrollView, BottomSheetView, BottomSheetBackdrop, BottomSheetFooter as GorhomBottomSheetFooter } from '@gorhom/bottom-sheet';
+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, useBottomSheetScrollableCreator } 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,41 @@ 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
   };
 }
+
+/**
+ * Returns a scroll component for `VirtualizedList`'s `renderScrollComponent` when
+ * the list lives inside `BottomSheet.Modal`.
+ *
+ * A plain `VirtualizedList` uses React Native's `ScrollView`. On Android the sheet's
+ * pan gesture captures vertical movement, so the list does not scroll. Pass this
+ * result so the list shares the sheet-aware scrollable used by `BottomSheet.ScrollView`.
+ *
+ * @example
+ * ```tsx
+ * const renderScrollComponent = useBottomSheetScrollable();
+ *
+ * <VirtualizedList
+ *   data={accounts}
+ *   renderItem={renderItem}
+ *   renderScrollComponent={renderScrollComponent}
+ * />
+ * ```
+ */
+export function useBottomSheetScrollable() {
+  return useBottomSheetScrollableCreator({
+    enableFooterMarginAdjustment: true
+  });
+}
 //# 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":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useCallback","useContext","useRef","Dimensions","View","SafeAreaInsetsContext","useResolveClassNames","BottomSheetModal","BottomSheetModalProvider","BottomSheetScrollView","BottomSheetView","BottomSheetBackdrop","BottomSheetFooter","GorhomBottomSheetFooter","useBottomSheetScrollableCreator","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","useBottomSheetScrollable"],"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":[]}