@ledgerhq/lumen-ui-rnative 0.1.37 → 0.1.39

package/src/lib/Components/BottomSheet/BottomSheet.tsx

@@ -57,14 +57,18 @@ const useStyles = ({
 };
 
 const [BottomSheetProvider, useBottomSheetContext] =
-  createSafeContext<Pick<BottomSheetProps, 'onBack' | 'hideCloseButton'>>(
-    'BottomSheet',
-  );
+  createSafeContext<
+    Pick<
+      BottomSheetProps,
+      'onBack' | 'hideCloseButton' | 'onHeaderClosePressed'
+    >
+  >('BottomSheet');
 
 export const BottomSheet = ({
   onOpen,
   onClose,
   onDismiss,
+  onHeaderClosePressed,
   onBack,
   onAnimate,
   children,
@@ -203,7 +207,9 @@ export const BottomSheet = ({
       handleComponent={hideHandle ? HiddenHandle : CustomHandle}
       backdropComponent={hideBackdrop ? undefined : renderBackdrop}
     >
-      <BottomSheetProvider value={{ onBack, hideCloseButton }}>
+      <BottomSheetProvider
+        value={{ onBack, hideCloseButton, onHeaderClosePressed }}
+      >
         {children}
       </BottomSheetProvider>
     </GorhomBottomSheetModal>

package/src/lib/Components/BottomSheet/BottomSheetHeader.tsx

@@ -97,14 +97,18 @@ export const BottomSheetHeader = ({
 }: BottomSheetHeaderProps) => {
   const { t } = useCommonTranslation();
   const { close } = useBottomSheet();
-  const { onBack, hideCloseButton } = useBottomSheetContext({
-    consumerName: 'BottomSheetHeader',
-    contextRequired: true,
-  });
+  const { onBack, hideCloseButton, onHeaderClosePressed } =
+    useBottomSheetContext({
+      consumerName: 'BottomSheetHeader',
+      contextRequired: true,
+    });
 
   const handleClose = useCallback(() => {
+    if (onHeaderClosePressed) {
+      onHeaderClosePressed();
+    }
     close();
-  }, [close]);
+  }, [close, onHeaderClosePressed]);
 
   const hasTitleSection = Boolean(title || description);
   const hasIcons = Boolean(onBack || !hideCloseButton);
@@ -115,7 +119,7 @@ export const BottomSheetHeader = ({
     hidden: !hasIcons && density !== 'compact',
   });
 
-  if (!title && !description && !onBack && hideCloseButton) {
+  if (!hasTitleSection && !onBack && hideCloseButton) {
     return null;
   }
 

package/src/lib/Components/BottomSheet/types.ts

@@ -94,6 +94,15 @@ export type BottomSheetProps = PropsWithChildren & {
    * @default undefined
    */
   onClose?: () => void;
+  /**
+   * Callback function to handle when the close button in the header is pressed.
+   * This is distinct from {@link onClose} and {@link onDismiss}—those will always
+   * also be called after this event if the close button results in a full sheet dismissal.
+   * Use this to react specifically to header close intent (e.g., tracking, custom UI),
+   * but do cleanup/unmount logic in {@link onClose} or {@link onDismiss}.
+   * @default undefined
+   */
+  onHeaderClosePressed?: () => void;
   /**
    * Callback function to handle the open event.
    * @default undefined

package/src/lib/Components/DotIcon/DotIcon.stories.tsx

@@ -184,6 +184,14 @@ export const SizeShowcase: Story = {
       >
         <MediaImage src={parentSrc} size={64} shape='circle' />
       </DotIcon>
+      <DotIcon
+        appearance='muted'
+        icon={Spinner}
+        size={mediaImageDotIconSizeMap[72]}
+        pin='bottom-end'
+      >
+        <MediaImage src={parentSrc} size={72} shape='circle' />
+      </DotIcon>
     </Box>
   ),
 };

package/src/lib/Components/DotIcon/DotIcon.tsx

@@ -16,12 +16,14 @@ const dotIconSizeMap: Record<DotIconSize, IconSize> = {
   16: 12,
   20: 16,
   24: 16,
+  32: 20,
 };
 
 const dotSquareRadiusMap: Record<DotIconSize, number> = {
   16: 5,
   20: 6,
   24: 8,
+  32: 10,
 };
 
 export const mediaImageDotIconSizeMap = {
@@ -29,13 +31,14 @@ export const mediaImageDotIconSizeMap = {
   48: 20,
   56: 24,
   64: 24,
+  72: 32,
 } as const satisfies Record<number, DotIconSize>;
 
 export const spotDotIconSizeMap = {
   40: 16,
   48: 20,
   56: 24,
-  72: 24,
+  72: 32,
 } as const satisfies Record<number, DotIconSize>;
 
 const pinAxisMap: Record<DotIconPin, [vertical: string, horizontal: string]> = {

package/src/lib/Components/DotIcon/types.ts

@@ -3,7 +3,7 @@ import type { StyleProp, TextStyle } from 'react-native';
 import type { StyledViewProps } from '../../../styles';
 import type { IconSize } from '../Icon';
 
-export type DotIconSize = 16 | 20 | 24;
+export type DotIconSize = 16 | 20 | 24 | 32;
 
 export type DotIconPin =
   | 'top-start'

package/src/lib/Components/DotIndicator/DotIndicator.mdx

@@ -24,10 +24,10 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 
     DotIndicator comes in four sizes:
 
-    - **xs** - compact dot for tight layouts.
-    - **sm** (default) - standard dot for most use cases.
-    - **md** - medium dot for prominent indicators.
-    - **lg** - large dot for maximum visibility.
+    - **sm** - compact dot for tight layouts.
+    - **md** (default) - standard dot for most use cases.
+    - **lg** - large dot for prominent indicators.
+    - **xl** - extra-large dot for maximum visibility.
 
     <Canvas of={DotIndicatorStories.SizeShowcase} />
 

package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx

@@ -21,7 +21,7 @@ const meta = {
   argTypes: {
     size: {
       control: 'radio',
-      options: ['xs', 'sm', 'md', 'lg'],
+      options: ['sm', 'md', 'lg', 'xl'],
     },
     appearance: {
       control: 'radio',
@@ -42,10 +42,10 @@ export const Base: Story = {
 export const SizeShowcase: Story = {
   render: () => (
     <Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's12' }}>
-      <DotIndicator size='xs' />
       <DotIndicator size='sm' />
       <DotIndicator size='md' />
       <DotIndicator size='lg' />
+      <DotIndicator size='xl' />
     </Box>
   ),
 };

package/src/lib/Components/DotIndicator/DotIndicator.test.tsx

@@ -77,10 +77,10 @@ describe('DotIndicator', () => {
     expect(ref.current).toBeTruthy();
   });
 
-  it('should render in xs size', () => {
+  it('should render in sm size', () => {
     const { toJSON } = render(
       <TestWrapper>
-        <DotIndicator size='xs' />
+        <DotIndicator size='sm' />
       </TestWrapper>,
     );
 
@@ -107,6 +107,16 @@ describe('DotIndicator', () => {
     expect(toJSON()).toBeTruthy();
   });
 
+  it('should render in xl size', () => {
+    const { toJSON } = render(
+      <TestWrapper>
+        <DotIndicator size='xl' />
+      </TestWrapper>,
+    );
+
+    expect(toJSON()).toBeTruthy();
+  });
+
   it('should render with red appearance', () => {
     const { toJSON } = render(
       <TestWrapper>

package/src/lib/Components/DotIndicator/DotIndicator.tsx

@@ -5,7 +5,7 @@ import { Box } from '../Utility';
 import type { DotIndicatorProps } from './types';
 
 export function DotIndicator({
-  size = 'sm',
+  size = 'md',
   appearance = 'base',
   disabled: disabledProp = false,
   lx = {},
@@ -63,10 +63,10 @@ const useStyles = ({
   return useStyleSheet(
     (t) => {
       const sizeMap = {
-        xs: t.sizes.s10,
-        sm: t.sizes.s12,
-        md: t.sizes.s14,
-        lg: t.sizes.s16,
+        sm: t.sizes.s6,
+        md: t.sizes.s8,
+        lg: t.sizes.s10,
+        xl: t.sizes.s12,
       };
 
       const bgColorMap = {

package/src/lib/Components/DotIndicator/types.ts

@@ -4,9 +4,9 @@ import type { StyledViewProps } from '../../../styles';
 export type DotIndicatorProps = {
   /**
    * The size of the dot indicator.
-   * @default sm
+   * @default md
    */
-  size?: 'xs' | 'sm' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg' | 'xl';
   /**
    * The appearance of the dot indicator.
    * @default base

package/src/lib/Components/DotSymbol/DotSymbol.stories.tsx

@@ -163,6 +163,13 @@ export const SizeShowcase: Story = {
         >
           <MediaImage src={parentSrc} size={64} shape='circle' />
         </DotSymbol>
+        <DotSymbol
+          src={dotSrc}
+          size={mediaImageDotSizeMap[72]}
+          pin='bottom-end'
+        >
+          <MediaImage src={parentSrc} size={72} shape='circle' />
+        </DotSymbol>
       </Box>
       <Box lx={{ flexDirection: 'row', alignItems: 'flex-end', gap: 's24' }}>
         <DotSymbol
@@ -221,6 +228,14 @@ export const SizeShowcase: Story = {
         >
           <MediaImage src={parentSrc} size={64} shape='square' />
         </DotSymbol>
+        <DotSymbol
+          shape='square'
+          src={dotSrc}
+          size={mediaImageDotSizeMap[72]}
+          pin='bottom-end'
+        >
+          <MediaImage src={parentSrc} size={72} shape='square' />
+        </DotSymbol>
       </Box>
     </Box>
   ),

package/src/lib/Components/DotSymbol/DotSymbol.tsx

@@ -17,6 +17,7 @@ const dotSquareRadiusMap: Record<DotSymbolSize, number> = {
   16: 5,
   20: 6,
   24: 8,
+  32: 10,
 };
 
 const offsetBySize: Record<DotSymbolSize, number> = {
@@ -26,6 +27,7 @@ const offsetBySize: Record<DotSymbolSize, number> = {
   16: -3,
   20: -3,
   24: -3,
+  32: -3,
 };
 
 export const mediaImageDotSizeMap: Record<MediaImageSize, DotSymbolSize> = {
@@ -38,6 +40,7 @@ export const mediaImageDotSizeMap: Record<MediaImageSize, DotSymbolSize> = {
   48: 20,
   56: 24,
   64: 24,
+  72: 32,
 };
 
 export const spotDotSizeMap: Record<SpotSize, DotSymbolSize> = {
@@ -45,7 +48,7 @@ export const spotDotSizeMap: Record<SpotSize, DotSymbolSize> = {
   40: 16,
   48: 20,
   56: 24,
-  72: 24,
+  72: 32,
 };
 
 const pinAxisMap: Record<DotSymbolPin, [vertical: string, horizontal: string]> =

package/src/lib/Components/DotSymbol/types.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyledViewProps } from '../../../styles';
 
-export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24;
+export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24 | 32;
 
 export type DotSymbolPin =
   | 'top-start'

package/src/lib/Components/Label/Label.tsx

@@ -19,7 +19,7 @@ const useStyles = ({ disabled }: { disabled: boolean }) => {
  * A label that should be used to describe a form field.
  *
  * Either choices fields like checkbox, switch or radio.
- * Or text fields like input, textarea, select, etc.
+ * Or text fields like input, textarea, option list, etc.
  */
 export const Label = ({
   style,

package/src/lib/Components/MediaButton/MediaButton.mdx

@@ -11,11 +11,11 @@ import * as MediaButtonStories from './MediaButton.stories';
 
 ## Introduction
 
-A specialized media button designed exclusively for select and dropdown patterns. It displays a label with an optional leading icon and a permanent trailing chevron indicator.
+A specialized media button designed exclusively for option list and dropdown patterns. It displays a label with an optional leading icon and a permanent trailing chevron indicator.
 
 > View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6389-45680&m=dev).
 
-> **Important**: This component should only be used as a trigger inside a Select or dropdown. For standalone actions, use [Button](/docs/action-button--docs) or [IconButton](/docs/action-iconbutton--docs) instead.
+> **Important**: This component should only be used as a trigger inside an OptionList or dropdown. For standalone actions, use [Button](/docs/action-button--docs) or [IconButton](/docs/action-iconbutton--docs) instead.
 
 ## Properties
 

package/src/lib/Components/MediaButton/MediaButton.tsx

@@ -132,10 +132,10 @@ const useStyles = ({
 };
 
 /**
- * Media button for select/dropdown components. Displays a label with an optional
+ * Media button for option list/dropdown components. Displays a label with an optional
  * leading content and a trailing chevron indicator.
  *
- * This component is intended to be used exclusively as the trigger inside a Select or
+ * This component is intended to be used exclusively as the trigger inside an OptionList or
  * dropdown pattern. It should not be used as a standalone action button — use `Button`
  * or `IconButton` instead.
  *

package/src/lib/Components/MediaImage/MediaImage.mdx

@@ -37,7 +37,7 @@ MediaImage displays an image with consistent sizing and shape. When the image fa
 
 ### Sizes
 
-Nine sizes are available (12, 16, 20, 24, 32, 40, 48, 56, 64). Border radius scales with size.
+Ten sizes are available (12, 16, 20, 24, 32, 40, 48, 56, 64, 72). Border radius scales with size.
 
 <Canvas of={MediaImageStories.SizeShowcase} />
 

package/src/lib/Components/MediaImage/MediaImage.stories.tsx

@@ -42,6 +42,7 @@ export const SizeShowcase: Story = {
       <MediaImage src={exampleSrc} alt='Size 48' size={48} />
       <MediaImage src={exampleSrc} alt='Size 56' size={56} />
       <MediaImage src={exampleSrc} alt='Size 64' size={64} />
+      <MediaImage src={exampleSrc} alt='Size 72' size={72} />
     </Box>
   ),
 };
@@ -67,6 +68,7 @@ export const FallbackShowcase: Story = {
       <MediaImage fallback='Bitcoin' alt='Bitcoin' size={48} />
       <MediaImage fallback='Bitcoin' alt='Bitcoin' size={56} />
       <MediaImage fallback='Bitcoin' alt='Bitcoin' size={64} />
+      <MediaImage fallback='Bitcoin' alt='Bitcoin' size={72} />
     </Box>
   ),
 };
@@ -83,6 +85,7 @@ export const LoadingShowcase: Story = {
       <MediaImage loading alt='Loading' size={48} />
       <MediaImage loading alt='Loading' size={56} />
       <MediaImage loading alt='Loading' size={64} />
+      <MediaImage loading alt='Loading' size={72} />
     </Box>
   ),
 };

package/src/lib/Components/MediaImage/MediaImage.tsx

@@ -20,6 +20,7 @@ const borderRadiusMap: Record<MediaImageSize, BorderRadiusKey> = {
   48: 'md',
   56: 'lg',
   64: 'lg',
+  72: 'lg',
 };
 
 export const fontSizeMap: Record<MediaImageSize, number> = {
@@ -32,6 +33,7 @@ export const fontSizeMap: Record<MediaImageSize, number> = {
   48: 24,
   56: 24,
   64: 24,
+  72: 32,
 };
 
 const useStyles = ({

package/src/lib/Components/MediaImage/types.ts

@@ -1,6 +1,6 @@
 import type { StyledViewProps } from '../../../styles';
 
-export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64;
+export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
 
 export type MediaImageShape = 'square' | 'circle';
 

package/src/lib/Components/OptionList/OptionList.mdx

@@ -17,7 +17,7 @@ import {
 
 ## Introduction
 
-OptionList is a data-driven, composable selection list designed to be embedded inside a `BottomSheet`, a new screen, or any container. Unlike `Select`, it does not manage its own trigger or modal — consumers compose it within their own layout.
+OptionList is a data-driven, composable selection list designed to be embedded inside a `BottomSheet`, a new screen, or any container.
 
 It handles **selection state**, **automatic grouping** (via a `group` field on items), and exposes a `renderItem` callback for full control over item rendering.
 

package/src/lib/Components/ThemeProvider/ThemeProvider.tsx

@@ -3,7 +3,6 @@ import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
 import { I18nProvider } from '../../../i18n';
 import { LumenStyleSheetProvider } from '../../../styles';
 
-import { GlobalSelectProvider } from '../Select/GlobalSelectContext';
 import { GlobalTooltipProvider } from '../Tooltip/GlobalTooltipContext';
 import type { ThemeProviderProps } from './types';
 
@@ -19,9 +18,7 @@ const ThemeProvider = ({
     <ThemeContextProvider value={{}}>
       <LumenStyleSheetProvider colorScheme={colorScheme} themes={themes}>
         <I18nProvider locale={locale}>
-          <GlobalSelectProvider>
-            <GlobalTooltipProvider>{children}</GlobalTooltipProvider>
-          </GlobalSelectProvider>
+          <GlobalTooltipProvider>{children}</GlobalTooltipProvider>
         </I18nProvider>
       </LumenStyleSheetProvider>
     </ThemeContextProvider>

package/src/lib/Components/index.ts

@@ -30,7 +30,6 @@ export * from './OptionList';
 export * from './PageIndicator';
 export * from './SearchInput';
 export * from './SegmentedControl';
-export * from './Select';
 export * from './Skeleton';
 export * from './Spinner';
 export * from './Spot';

package/src/lib/Symbols/Icons/Lightbulb.tsx

@@ -33,13 +33,13 @@ import createIcon from '../../Components/Icon/createIcon';
  */
 export const Lightbulb = createIcon(
   'Lightbulb',
-  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 24 24'>
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
     <Path
       stroke='currentColor'
       strokeLinecap='round'
       strokeLinejoin='round'
-      strokeWidth={1.5}
-      d='M15 15.19H9M20 5l1.19-1.19M4 15l-1.19 1.19M5 4 3.81 2.81M20 15l1.19 1.19M21 10h1.69M1.31 10H3m6 8h5.87m-6.33-3.104c-1.78-1.26-2.85-3.45-2.47-5.86.4-2.607 2.57-4.688 5.2-4.995a5.996 5.996 0 0 1 6.725 5.95c0 2.02-1.01 3.81-2.55 4.898-.28.19-.46.49-.46.83v2.76a2.5 2.5 0 0 1-2.5 2.5h-1c-1.39 0-2.5-1.12-2.5-2.5v-2.763c0-.35-.19-.65-.46-.85z'
+      strokeWidth={1.3}
+      d='M10 10.127H6m7.333-6.794.794-.793M2.667 10l-.794.793m1.46-8.126-.793-.794M13.333 10l.794.793M14 6.667h1.127m-14.254 0H2M6 12h3.913m-4.22-2.07a3.99 3.99 0 0 1-1.646-3.906c.266-1.738 1.713-3.125 3.466-3.33a3.997 3.997 0 0 1 4.484 3.967c0 1.346-.674 2.54-1.7 3.265a.67.67 0 0 0-.307.553v1.84c0 .92-.747 1.667-1.667 1.667h-.666a1.663 1.663 0 0 1-1.667-1.667v-1.842a.71.71 0 0 0-.307-.566z'
     />
   </Svg>,
 );

package/dist/module/lib/Components/Select/GlobalSelectBottomSheet.js

@@ -1,155 +0,0 @@
-"use strict";
-
-import { useCallback, useEffect } from 'react';
-import { Pressable } from 'react-native';
-import { useStyleSheet } from "../../../styles/index.js";
-import { Check } from "../../Symbols/index.js";
-import { BottomSheet, BottomSheetHeader, BottomSheetView, useBottomSheetRef } from "../BottomSheet/index.js";
-import { Divider } from "../Divider/index.js";
-import { Box, Text } from "../Utility/index.js";
-import { useGlobalSelectSafeContext } from "./GlobalSelectContext.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = () => {
-  return useStyleSheet(t => ({
-    bottomSheetView: {
-      paddingHorizontal: t.spacings.s8
-    },
-    groupLabel: {
-      marginBottom: t.spacings.s4,
-      paddingHorizontal: t.spacings.s8,
-      paddingTop: t.spacings.s8,
-      color: t.colors.text.muted,
-      ...t.typographies.body3SemiBold
-    },
-    item: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      borderRadius: t.borderRadius.sm,
-      padding: t.spacings.s8,
-      backgroundColor: t.colors.bg.baseTransparent
-    },
-    itemPressed: {
-      backgroundColor: t.colors.bg.baseTransparentPressed
-    },
-    itemDisabled: {
-      opacity: 0.5
-    },
-    itemLabel: {
-      flex: 1,
-      color: t.colors.text.base,
-      ...t.typographies.body2
-    },
-    itemLabelDisabled: {
-      color: t.colors.text.disabled
-    }
-  }), []);
-};
-
-/**
- * BottomSheet component that displays select options.
- * This should be placed at the root level inside GestureHandlerRootView.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-select-overview--docs Storybook}
- *
- * @example
- * import { GlobalSelectProvider, GlobalSelectBottomSheet } from '@ledgerhq/lumen-ui-rnative';
- *
- * function App() {
- *   return (
- *     <GestureHandlerRootView>
- *       <YourAppContent />
- *       <GlobalSelectBottomSheet />
- *     </GestureHandlerRootView>
- *   );
- * }
- */
-export const GlobalSelectBottomSheet = () => {
-  const bottomSheetRef = useBottomSheetRef();
-  const styles = useStyles();
-  /**
-   * This is the only component that subscribes to currentSelect
-   * All other components use refs to avoid re-renders
-   */
-  const {
-    currentSelect,
-    hideSelectRef
-  } = useGlobalSelectSafeContext({
-    consumerName: 'useGlobalSelectBottomSheetContext',
-    contextRequired: true
-  });
-  useEffect(() => {
-    if (currentSelect) {
-      bottomSheetRef.current?.present();
-    } else {
-      bottomSheetRef.current?.dismiss();
-    }
-  }, [currentSelect, bottomSheetRef]);
-  const handleClose = useCallback(() => {
-    currentSelect?.setOpen?.(false);
-    hideSelectRef.current();
-  }, [hideSelectRef, currentSelect]);
-  const handleSelectItem = useCallback(value => {
-    if (currentSelect) {
-      currentSelect.onSelectValue(value);
-      currentSelect.setOpen?.(false);
-      hideSelectRef.current();
-    }
-  }, [currentSelect, hideSelectRef]);
-  return /*#__PURE__*/_jsx(BottomSheet, {
-    ref: bottomSheetRef,
-    snapPoints: null,
-    backdropPressBehavior: "close",
-    onClose: handleClose,
-    maxDynamicContentSize: "fullWithOffset",
-    enableDynamicSizing: true,
-    enablePanDownToClose: true,
-    children: /*#__PURE__*/_jsx(BottomSheetView, {
-      style: styles.bottomSheetView,
-      children: currentSelect && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [currentSelect.label && /*#__PURE__*/_jsx(BottomSheetHeader, {
-          title: currentSelect.label,
-          density: "compact"
-        }), /*#__PURE__*/_jsx(Box, {
-          lx: {
-            gap: 's4'
-          },
-          children: currentSelect.items.map((item, index) => {
-            if (item.type === 'separator') {
-              return /*#__PURE__*/_jsx(Divider, {
-                lx: {
-                  marginVertical: 's4',
-                  marginHorizontal: 's8'
-                }
-              }, `separator-${index}`);
-            }
-            if (item.type === 'group-label') {
-              return /*#__PURE__*/_jsx(Text, {
-                style: styles.groupLabel,
-                children: item.label
-              }, `label-${index}`);
-            }
-            const isSelected = currentSelect.selectedValue === item.value;
-            return /*#__PURE__*/_jsx(Pressable, {
-              disabled: item.disabled,
-              onPress: () => handleSelectItem(item.value),
-              children: ({
-                pressed
-              }) => /*#__PURE__*/_jsxs(Box, {
-                style: [styles.item, pressed && styles.itemPressed, item.disabled && styles.itemDisabled],
-                children: [/*#__PURE__*/_jsx(Text, {
-                  style: [styles.itemLabel, item.disabled && styles.itemLabelDisabled],
-                  numberOfLines: 1,
-                  children: item.label
-                }), isSelected && /*#__PURE__*/_jsx(Check, {
-                  size: 24,
-                  color: "active"
-                })]
-              })
-            }, item.value);
-          })
-        })]
-      })
-    })
-  });
-};
-//# sourceMappingURL=GlobalSelectBottomSheet.js.map

package/dist/module/lib/Components/Select/GlobalSelectBottomSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useCallback","useEffect","Pressable","useStyleSheet","Check","BottomSheet","BottomSheetHeader","BottomSheetView","useBottomSheetRef","Divider","Box","Text","useGlobalSelectSafeContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","bottomSheetView","paddingHorizontal","spacings","s8","groupLabel","marginBottom","s4","paddingTop","color","colors","text","muted","typographies","body3SemiBold","item","flexDirection","alignItems","borderRadius","sm","padding","backgroundColor","bg","baseTransparent","itemPressed","baseTransparentPressed","itemDisabled","opacity","itemLabel","flex","base","body2","itemLabelDisabled","disabled","GlobalSelectBottomSheet","bottomSheetRef","styles","currentSelect","hideSelectRef","consumerName","contextRequired","current","present","dismiss","handleClose","setOpen","handleSelectItem","value","onSelectValue","ref","snapPoints","backdropPressBehavior","onClose","maxDynamicContentSize","enableDynamicSizing","enablePanDownToClose","children","style","label","title","density","lx","gap","items","map","index","type","marginVertical","marginHorizontal","isSelected","selectedValue","onPress","pressed","numberOfLines","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/GlobalSelectBottomSheet.tsx"],"mappings":"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","ignoreList":[]}