@cdx-ui/components 0.0.1-beta.11 → 0.0.1-beta.111

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

@@ -0,0 +1,83 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text, View } from 'react-native';
+import { dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { Icon } from '../Icon';
+import { badgeIconVariants, badgeIndicatorVariants, badgeLabelVariants, badgeRootVariants } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const INDICATOR_STYLE = {
+  pointerEvents: 'none'
+};
+const Badge = /*#__PURE__*/forwardRef(({
+  children,
+  variant = 'default',
+  color = 'action',
+  placement = 'top-end',
+  overlap = 'rectangular',
+  label,
+  icon: IconComponent,
+  accessibilityLabel,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const isDecorative = variant === 'dot' || !accessibilityLabel;
+  const renderContent = () => {
+    if (variant === 'dot') return null;
+    if (IconComponent) {
+      return /*#__PURE__*/_jsx(Icon, {
+        as: IconComponent,
+        className: badgeIconVariants({
+          color
+        })
+      });
+    }
+    if (typeof label === 'string' || typeof label === 'number') {
+      return /*#__PURE__*/_jsx(Text, {
+        className: badgeLabelVariants({
+          color
+        }),
+        ...dataAttributes({
+          slot: 'badge-label'
+        }),
+        children: label
+      });
+    }
+    return label ?? null;
+  };
+  const hasChildren = children != null;
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    className: cn(badgeRootVariants({
+      standalone: !hasChildren
+    }), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'badge'
+    })),
+    children: [children, /*#__PURE__*/_jsx(View, {
+      className: cn(badgeIndicatorVariants({
+        variant,
+        color,
+        placement,
+        overlap
+      })),
+      style: INDICATOR_STYLE,
+      accessible: !isDecorative,
+      accessibilityLabel: accessibilityLabel,
+      "aria-hidden": isDecorative,
+      accessibilityElementsHidden: isDecorative,
+      importantForAccessibility: isDecorative ? 'no-hide-descendants' : 'auto',
+      ...dataAttributes({
+        slot: 'badge-indicator'
+      }),
+      children: renderContent()
+    })]
+  });
+});
+Badge.displayName = 'Badge';
+export { Badge };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Text","View","dataAttributes","mergeDataAttributes","cn","Icon","badgeIconVariants","badgeIndicatorVariants","badgeLabelVariants","badgeRootVariants","jsx","_jsx","jsxs","_jsxs","INDICATOR_STYLE","pointerEvents","Badge","children","variant","color","placement","overlap","label","icon","IconComponent","accessibilityLabel","className","style","props","ref","isDecorative","renderContent","as","slot","hasChildren","standalone","accessible","accessibilityElementsHidden","importantForAccessibility","displayName"],"sourceRoot":"../../../../src","sources":["components/Badge/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,IAAI,EAAEC,IAAI,QAAwB,cAAc;AACzD,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAElC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,kBAAkB,EAClBC,iBAAiB,QAEZ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElB,MAAMC,eAAe,GAAG;EAAEC,aAAa,EAAE;AAAgB,CAAC;AAS1D,MAAMC,KAAK,gBAAGjB,UAAU,CACtB,CACE;EACEkB,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,KAAK,GAAG,QAAQ;EAChBC,SAAS,GAAG,SAAS;EACrBC,OAAO,GAAG,aAAa;EACvBC,KAAK;EACLC,IAAI,EAAEC,aAAa;EACnBC,kBAAkB;EAClBC,SAAS;EACTC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,YAAY,GAAGZ,OAAO,KAAK,KAAK,IAAI,CAACO,kBAAkB;EAE7D,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIb,OAAO,KAAK,KAAK,EAAE,OAAO,IAAI;IAClC,IAAIM,aAAa,EAAE;MACjB,oBAAOb,IAAA,CAACN,IAAI;QAAC2B,EAAE,EAAER,aAAc;QAACE,SAAS,EAAEpB,iBAAiB,CAAC;UAAEa;QAAM,CAAC;MAAE,CAAE,CAAC;IAC7E;IACA,IAAI,OAAOG,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC1D,oBACEX,IAAA,CAACX,IAAI;QACH0B,SAAS,EAAElB,kBAAkB,CAAC;UAAEW;QAAM,CAAC,CAAE;QAAA,GACrCjB,cAAc,CAAC;UAAE+B,IAAI,EAAE;QAAc,CAAC,CAAC;QAAAhB,QAAA,EAE1CK;MAAK,CACF,CAAC;IAEX;IACA,OAAOA,KAAK,IAAI,IAAI;EACtB,CAAC;EAED,MAAMY,WAAW,GAAGjB,QAAQ,IAAI,IAAI;EAEpC,oBACEJ,KAAA,CAACZ,IAAI;IACH4B,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEtB,EAAE,CAACK,iBAAiB,CAAC;MAAE0B,UAAU,EAAE,CAACD;IAAY,CAAC,CAAC,EAAER,SAAS,CAAE;IAC1EC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLzB,mBAAmB,CAACyB,KAAK,EAAE1B,cAAc,CAAC;MAAE+B,IAAI,EAAE;IAAQ,CAAC,CAAC,CAAC;IAAAhB,QAAA,GAEhEA,QAAQ,eACTN,IAAA,CAACV,IAAI;MACHyB,SAAS,EAAEtB,EAAE,CAACG,sBAAsB,CAAC;QAAEW,OAAO;QAAEC,KAAK;QAAEC,SAAS;QAAEC;MAAQ,CAAC,CAAC,CAAE;MAC9EM,KAAK,EAAEb,eAAgB;MACvBsB,UAAU,EAAE,CAACN,YAAa;MAC1BL,kBAAkB,EAAEA,kBAAmB;MACvC,eAAaK,YAAa;MAC1BO,2BAA2B,EAAEP,YAAa;MAC1CQ,yBAAyB,EAAER,YAAY,GAAG,qBAAqB,GAAG,MAAO;MAAA,GACrE5B,cAAc,CAAC;QAAE+B,IAAI,EAAE;MAAkB,CAAC,CAAC;MAAAhB,QAAA,EAE9Cc,aAAa,CAAC;IAAC,CACZ,CAAC;EAAA,CACH,CAAC;AAEX,CACF,CAAC;AACDf,KAAK,CAACuB,WAAW,GAAG,OAAO;AAE3B,SAASvB,KAAK","ignoreList":[]}

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

@@ -0,0 +1,123 @@
+"use strict";
+
+import { cva } from 'class-variance-authority';
+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 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
     })

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","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';
 
-// ── 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,0BAA0B;;AAEjE;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":[]}