@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

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

@@ -1,110 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect } from 'react';
-import { Pressable } from 'react-native';
-import { useStyleSheet } from '../../../styles';
-import { Check } from '../../Symbols';
-import { BottomSheet, BottomSheetHeader, BottomSheetView, useBottomSheetRef, } from '../BottomSheet';
-import { Divider } from '../Divider';
-import { Box, Text } from '../Utility';
-import { useGlobalSelectSafeContext } from './GlobalSelectContext';
-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 (_jsx(BottomSheet, { ref: bottomSheetRef, snapPoints: null, backdropPressBehavior: 'close', onClose: handleClose, maxDynamicContentSize: 'fullWithOffset', enableDynamicSizing: true, enablePanDownToClose: true, children: _jsx(BottomSheetView, { style: styles.bottomSheetView, children: currentSelect && (_jsxs(_Fragment, { children: [currentSelect.label && (_jsx(BottomSheetHeader, { title: currentSelect.label, appearance: 'compact' })), _jsx(Box, { lx: { gap: 's4' }, children: currentSelect.items.map((item, index) => {
-                            if (item.type === 'separator') {
-                                return (_jsx(Divider, { lx: { marginVertical: 's4', marginHorizontal: 's8' } }, `separator-${index}`));
-                            }
-                            if (item.type === 'group-label') {
-                                return (_jsx(Text, { style: styles.groupLabel, children: item.label }, `label-${index}`));
-                            }
-                            const isSelected = currentSelect.selectedValue === item.value;
-                            return (_jsx(Pressable, { disabled: item.disabled, onPress: () => handleSelectItem(item.value), children: ({ pressed }) => (_jsxs(Box, { style: [
-                                        styles.item,
-                                        pressed && styles.itemPressed,
-                                        item.disabled && styles.itemDisabled,
-                                    ], children: [_jsx(Text, { style: [
-                                                styles.itemLabel,
-                                                item.disabled && styles.itemLabelDisabled,
-                                            ], numberOfLines: 1, children: item.label }), isSelected && _jsx(Check, { size: 24, color: 'active' })] })) }, item.value));
-                        }) })] })) }) }));
-};

package/dist/src/lib/Components/Select/GlobalSelectContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalSelectContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/GlobalSelectContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,KAAK,mCAAmC,GAAG;IACzC,aAAa,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC;IAClE,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,CAAC;CACnD,CAAC;AAKF,eAAO,MAAM,0BAA0B;;;uHAA8B,CAAC;AAEtE;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,QAAO;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,MAAM,IAAI,CAAC;CAcxB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,oBAAoB,kBAE9B,yBAAyB,4CAuC3B,CAAC"}

package/dist/src/lib/Components/Select/GlobalSelectContext.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import { useState, useRef, useMemo } from 'react';
-const [GlobalSelectContextProvider, _useGlobalSelectSafeContext] = createSafeContext('GlobalSelectContext');
-export const useGlobalSelectSafeContext = _useGlobalSelectSafeContext;
-/**
- * Hook that provides select actions without subscribing to state changes.
- * This prevents unnecessary re-renders when selects open/close.
- *
- * Use this hook in components that only need to show/hide selects
- * but don't need to know which select is currently active.
- */
-export const useSelectActions = () => {
-    const context = useGlobalSelectSafeContext({
-        consumerName: 'useSelectActions',
-        contextRequired: true,
-    });
-    return useMemo(() => ({
-        showSelect: context.showSelectRef.current,
-        hideSelect: context.hideSelectRef.current,
-    }), [context.showSelectRef, context.hideSelectRef]);
-};
-/**
- * Global provider for the select bottom sheet system.
- * This should wrap your app at the root level and include GlobalSelectBottomSheet.
- *
- * @example
- * import { GlobalSelectProvider, GlobalSelectBottomSheet } from '@ledgerhq/lumen-ui-rnative';
- *
- * function App() {
- *   return (
- *     <GlobalSelectProvider>
- *       <YourAppContent />
- *       <GlobalSelectBottomSheet />
- *     </GlobalSelectProvider>
- *   );
- * }
- */
-export const GlobalSelectProvider = ({ children, }) => {
-    const [currentSelect, setCurrentSelect] = useState(null);
-    const showSelectRef = useRef(() => {
-        return;
-    });
-    const hideSelectRef = useRef(() => {
-        return;
-    });
-    /**
-     * Update the ref implementations when needed
-     * These closures capture the current setCurrentSelect
-     */
-    showSelectRef.current = (data) => {
-        setCurrentSelect(data);
-    };
-    hideSelectRef.current = () => {
-        setCurrentSelect(null);
-    };
-    /**
-     * Memoize the context value - only currentSelect changes cause re-renders
-     * The refs themselves never change
-     */
-    const contextValue = useMemo(() => ({
-        currentSelect,
-        showSelectRef,
-        hideSelectRef,
-    }), [currentSelect]);
-    return (_jsx(GlobalSelectContextProvider, { value: contextValue, children: children }));
-};

package/dist/src/lib/Components/Select/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,MAAM;oIAShB,WAAW;;CAqDb,CAAC;AAGF,eAAO,MAAM,aAAa;mFAQvB,kBAAkB;;CAmEpB,CAAC;AAmFF;;GAEG;AACH,eAAO,MAAM,WAAW;;;CAgCvB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,aAAa;mBAAkB,kBAAkB;;CAwD7D,CAAC;AAGF,eAAO,MAAM,WAAW;wCAKrB,gBAAgB;;CAgBlB,CAAC;AAGF,eAAO,MAAM,WAAW;wCAKrB,gBAAgB;;CAsBlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;aAAY,eAAe;;CAIjD,CAAC;AAGF,eAAO,MAAM,cAAc;wCAKxB,mBAAmB;;CAkBrB,CAAC;AAGF,eAAO,MAAM,eAAe;aAAY,oBAAoB;;CAI3D,CAAC"}

package/dist/src/lib/Components/Select/Select.js

@@ -1,305 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useCallback, useId } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { useStyleSheet } from '../../../styles';
-import { ChevronDown } from '../../Symbols';
-import { useControllableState, extractTextFromChildren } from '../../utils';
-import { SlotPressable } from '../Slot';
-import { Box, Pressable, Text } from '../Utility';
-import { useSelectActions } from './GlobalSelectContext';
-import { SelectContextProvider, useSelectSafeContext } from './SelectContext';
-/**
- * The root component that manages a select's state.
- *
- * This component coordinates between the trigger, content, and items.
- * It works with GlobalSelectProvider to display options in a bottom sheet.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-select-overview--docs Storybook}
- *
- * @example
- * import { Select, SelectTrigger, SelectContent, SelectItem, SelectItemText } from '@ledgerhq/lumen-ui-rnative';
- *
- * function App() {
- *   const [value, setValue] = useState('option1');
- *   return (
- *     <Select value={value} onValueChange={setValue}>
- *       <SelectTrigger label="Choose option">
- *         <SelectValue />
- *       </SelectTrigger>
- *       <SelectContent>
- *         <SelectItem value="option1">
- *           <SelectItemText>Option 1</SelectItemText>
- *         </SelectItem>
- *         <SelectItem value="option2">
- *           <SelectItemText>Option 2</SelectItemText>
- *         </SelectItem>
- *       </SelectContent>
- *     </Select>
- *   );
- * }
- */
-export const Select = ({ children, open: controlledOpen, defaultOpen = false, onOpenChange, value: controlledValue, defaultValue, onValueChange, disabled = false, }) => {
-    const selectId = useId();
-    const [internalOpen, setInternalOpen] = useControllableState({
-        prop: controlledOpen,
-        defaultProp: defaultOpen,
-        onChange: onOpenChange,
-    });
-    const [internalValue, setInternalValue] = useControllableState({
-        prop: controlledValue,
-        defaultProp: defaultValue ?? undefined,
-        onChange: (value) => {
-            if (value !== undefined) {
-                onValueChange?.(value);
-            }
-        },
-    });
-    const [items, setItems] = useState([]);
-    const setOpen = useCallback((newOpen) => {
-        if (!disabled) {
-            setInternalOpen?.(newOpen);
-        }
-    }, [setInternalOpen, disabled]);
-    const handleValueChange = useCallback((newValue) => {
-        setInternalValue?.(newValue);
-    }, [setInternalValue]);
-    return (_jsx(SelectContextProvider, { selectId: selectId, open: internalOpen ?? false, setOpen: setOpen, value: internalValue, onValueChange: handleValueChange, disabled: disabled, items: items, setItems: setItems, children: children }));
-};
-Select.displayName = 'Select';
-export const SelectTrigger = ({ children, lx, style, label, asChild = false, disabled: triggerDisabled, ...props }) => {
-    const { selectId, setOpen, items, value, disabled: contextDisabled, label: contextLabel, onValueChange, } = useSelectSafeContext({
-        consumerName: 'SelectTrigger',
-        contextRequired: true,
-    });
-    const { showSelect } = useSelectActions();
-    const disabled = triggerDisabled ?? contextDisabled;
-    const finalLabel = label ?? contextLabel;
-    const handlePress = useCallback(() => {
-        if (!disabled && items.length > 0) {
-            setOpen(true);
-            showSelect({
-                id: selectId,
-                items,
-                selectedValue: value,
-                onSelectValue: onValueChange,
-                setOpen,
-                label: finalLabel,
-            });
-        }
-    }, [
-        disabled,
-        items,
-        selectId,
-        value,
-        setOpen,
-        showSelect,
-        finalLabel,
-        onValueChange,
-    ]);
-    const hasValue = value !== undefined && value !== '';
-    const styles = useTriggerStyles({
-        disabled: !!disabled,
-        hasValue,
-        hasLabel: !!finalLabel,
-    });
-    const Comp = asChild ? SlotPressable : Pressable;
-    return (_jsxs(Comp, { lx: lx, style: [styles.trigger, style], disabled: disabled, onPress: handlePress, ...props, children: [finalLabel && (_jsx(Text, { style: styles.label, numberOfLines: 1, children: finalLabel })), _jsx(View, { style: styles.contentWrapper, children: children }), _jsx(ChevronDown, { size: 20, style: styles.chevron })] }));
-};
-const useTriggerStyles = ({ disabled, hasValue, hasLabel, }) => {
-    return useStyleSheet((t) => {
-        return {
-            trigger: StyleSheet.flatten([
-                {
-                    position: 'relative',
-                    width: t.sizes.full,
-                    height: t.sizes.s48,
-                    backgroundColor: t.colors.bg.muted,
-                    borderRadius: t.borderRadius.sm,
-                    paddingHorizontal: t.spacings.s16,
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                },
-                disabled && {
-                    opacity: 0.5,
-                },
-            ]),
-            label: StyleSheet.flatten([
-                t.typographies.body2,
-                {
-                    position: 'absolute',
-                    left: t.spacings.s16,
-                    color: t.colors.text.muted,
-                    width: '100%',
-                },
-                hasValue
-                    ? {
-                        top: t.spacings.s6,
-                        ...t.typographies.body4,
-                    }
-                    : {
-                        top: t.spacings.s14,
-                        ...t.typographies.body2,
-                    },
-                disabled && {
-                    color: t.colors.text.disabled,
-                },
-            ]),
-            contentWrapper: StyleSheet.flatten([
-                {
-                    flex: 1,
-                },
-                hasLabel &&
-                    hasValue && {
-                    paddingTop: t.spacings.s16,
-                    paddingBottom: t.spacings.s2,
-                },
-                hasLabel &&
-                    !hasValue && {
-                    paddingVertical: 0,
-                },
-            ]),
-            chevron: StyleSheet.flatten([
-                {
-                    flexShrink: 0,
-                    color: t.colors.text.muted,
-                    marginLeft: t.spacings.s8,
-                },
-                disabled && {
-                    color: t.colors.text.disabled,
-                },
-            ]),
-        };
-    }, [disabled, hasValue, hasLabel]);
-};
-SelectTrigger.displayName = 'SelectTrigger';
-/**
- * Displays the current selected value
- */
-export const SelectValue = () => {
-    const { value, items } = useSelectSafeContext({
-        consumerName: 'SelectValue',
-        contextRequired: true,
-    });
-    const styles = useStyleSheet((t) => ({
-        text: StyleSheet.flatten([
-            t.typographies.body2,
-            {
-                color: t.colors.text.base,
-                textAlign: 'left',
-            },
-        ]),
-    }), []);
-    const selectedItem = items.find((item) => item.type === 'item' && item.value === value);
-    if (!selectedItem || selectedItem.type !== 'item') {
-        return null;
-    }
-    return (_jsx(Text, { style: styles.text, numberOfLines: 1, ellipsizeMode: 'tail', children: selectedItem.label }));
-};
-SelectValue.displayName = 'SelectValue';
-/**
- * Container for select items. This component collects all items
- * and makes them available to the bottom sheet.
- */
-export const SelectContent = ({ children }) => {
-    const { setItems } = useSelectSafeContext({
-        consumerName: 'SelectContent',
-        contextRequired: true,
-    });
-    useEffect(() => {
-        const items = [];
-        const extractItems = (child) => {
-            React.Children.forEach(child, (element) => {
-                if (!React.isValidElement(element))
-                    return;
-                if (element.type === SelectItem) {
-                    const props = element.props;
-                    const textValue = props.textValue ??
-                        extractTextFromChildren(props.children, SelectItemText);
-                    items.push({
-                        type: 'item',
-                        value: props.value,
-                        label: textValue,
-                        disabled: props.disabled,
-                    });
-                }
-                else if (element.type === SelectGroup) {
-                    extractItems(element.props.children);
-                }
-                else if (element.type === SelectLabel) {
-                    const labelText = extractTextFromChildren(element.props.children, SelectItemText);
-                    items.push({
-                        type: 'group-label',
-                        label: labelText,
-                    });
-                }
-                else if (element.type === SelectSeparator) {
-                    items.push({
-                        type: 'separator',
-                    });
-                }
-                else if (element.props?.children) {
-                    extractItems(element.props.children);
-                }
-            });
-        };
-        extractItems(children);
-        setItems(items);
-    }, [children, setItems]);
-    return null;
-};
-SelectContent.displayName = 'SelectContent';
-export const SelectGroup = ({ children, lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        group: {
-            width: t.sizes.full,
-            gap: t.spacings.s4,
-        },
-    }), []);
-    return (_jsx(Box, { lx: lx, style: [styles.group, style], ...props, children: children }));
-};
-SelectGroup.displayName = 'SelectGroup';
-export const SelectLabel = ({ children, lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        label: StyleSheet.flatten([
-            t.typographies.body3SemiBold,
-            {
-                paddingHorizontal: t.spacings.s8,
-                paddingBottom: 0,
-                paddingTop: t.spacings.s8,
-                color: t.colors.text.muted,
-                marginBottom: t.spacings.s4,
-            },
-        ]),
-    }), []);
-    return (_jsx(Text, { lx: lx, style: [styles.label, style], ...props, children: children }));
-};
-SelectLabel.displayName = 'SelectLabel';
-/**
- * Individual select item. Note: The actual rendering happens in GlobalSelectBottomSheet.
- * This component is used to declare the structure and collect item data.
- */
-export const SelectItem = (_props) => {
-    // This component doesn't render anything - it's used for structure
-    // The actual items are rendered in GlobalSelectBottomSheet
-    return null;
-};
-SelectItem.displayName = 'SelectItem';
-export const SelectItemText = ({ children, lx, style, ...props }) => {
-    const styles = useStyleSheet((t) => ({
-        text: StyleSheet.flatten([
-            t.typographies.body2,
-            {
-                color: t.colors.text.base,
-            },
-        ]),
-    }), []);
-    return (_jsx(Text, { lx: lx, style: [styles.text, style], ...props, children: children }));
-};
-SelectItemText.displayName = 'SelectItemText';
-export const SelectSeparator = (_props) => {
-    // This component doesn't render anything - it's used for structure
-    // The actual separators are rendered in GlobalSelectBottomSheet
-    return null;
-};
-SelectSeparator.displayName = 'SelectSeparator';

package/dist/src/lib/Components/Select/SelectContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/SelectContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAKF,eAAO,MAAM,oBAAoB;;;qFAAwB,CAAC;AAE1D,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,mGAW/B,0BAA0B,4CAkB5B,CAAC"}

package/dist/src/lib/Components/Select/SelectContext.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-const [SelectProvider, _useSelectSafeContext] = createSafeContext('Select');
-export const useSelectSafeContext = _useSelectSafeContext;
-/**
- * Internal context provider for an individual Select component.
- * This is used automatically by the Select component.
- */
-export const SelectContextProvider = ({ selectId, open, setOpen, value, onValueChange, disabled, items, setItems, label, children, }) => {
-    return (_jsx(SelectProvider, { value: {
-            selectId,
-            open,
-            setOpen,
-            value,
-            onValueChange,
-            disabled,
-            items,
-            setItems,
-            label,
-        }, children: children }));
-};

package/dist/src/lib/Components/Select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/Select/index.js

@@ -1,3 +0,0 @@
-export * from './Select';
-export * from './GlobalSelectBottomSheet';
-export * from './types';

package/dist/src/lib/Components/Select/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/types.ts"],"names":[],"mappings":"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"}

package/dist/src/lib/Components/Select/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Skeleton/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAmG7C;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,QAAQ;kCAAiC,aAAa;;CAkB3D,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/lib/Components/Skeleton/Skeleton.js

@@ -1,81 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pulse } from '../../Animations/Pulse';
-import { Box } from '../Utility';
-/** Internal base skeleton element */
-const BaseSkeleton = ({ lx, ...props }) => {
-    return (_jsx(Box, { lx: {
-            borderRadius: 'md',
-            backgroundColor: 'mutedTransparent',
-            ...lx,
-        }, ...props }));
-};
-BaseSkeleton.displayName = 'BaseSkeleton';
-const ListItemSkeleton = ({ lx, ...props }) => {
-    return (_jsxs(Box, { lx: {
-            flexDirection: 'row',
-            width: 'full',
-            alignItems: 'center',
-            gap: 's16',
-            paddingVertical: 's8',
-            ...lx,
-        }, ...props, children: [_jsx(BaseSkeleton, { lx: {
-                    width: 's48',
-                    height: 's48',
-                    borderRadius: 'full',
-                    flexShrink: 0,
-                } }), _jsxs(Box, { lx: { flex: 1, flexDirection: 'column', gap: 's10' }, children: [_jsx(BaseSkeleton, { lx: { height: 's12', width: 's176', borderRadius: 'full' } }), _jsx(BaseSkeleton, { lx: { height: 's12', width: 's112', borderRadius: 'full' } })] })] }));
-};
-ListItemSkeleton.displayName = 'ListItemSkeleton';
-const TileSkeleton = ({ lx, ...props }) => {
-    return (_jsxs(Box, { lx: {
-            flexDirection: 'column',
-            width: 's112',
-            alignItems: 'center',
-            gap: 's12',
-            borderRadius: 'md',
-            paddingHorizontal: 's8',
-            paddingVertical: 's16',
-            ...lx,
-        }, ...props, children: [_jsx(BaseSkeleton, { lx: {
-                    width: 's48',
-                    height: 's48',
-                    borderRadius: 'full',
-                    flexShrink: 0,
-                } }), _jsxs(Box, { lx: {
-                    width: 'full',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    gap: 's8',
-                }, children: [_jsx(BaseSkeleton, { lx: { height: 's12', width: 's48', borderRadius: 'full' } }), _jsx(BaseSkeleton, { lx: { height: 's12', width: 's64', borderRadius: 'full' } })] })] }));
-};
-TileSkeleton.displayName = 'TileSkeleton';
-const componentsMap = {
-    'list-item': ListItemSkeleton,
-    tile: TileSkeleton,
-};
-/**
- * A skeleton component that displays a pulsing placeholder for loading content.
- *
- * @example
- * <Skeleton lx={{ height: 's16', width: 's256' }} />
- *
- * @example
- * // List item variant
- * <Skeleton component='list-item' lx={{ width: 's320' }} />
- *
- * @example
- * // Tile variant
- * <Skeleton component='tile' />
- */
-const Skeleton = ({ lx, component, ...props }) => {
-    /**
-     * Check if the component is a valid pre-built variant and return the corresponding component.
-     */
-    if (component && componentsMap[component]) {
-        const Component = componentsMap[component];
-        return (_jsx(Pulse, { animate: true, children: _jsx(Component, { ...props, lx: lx }) }));
-    }
-    return (_jsx(Pulse, { animate: true, children: _jsx(BaseSkeleton, { testID: 'skeleton', lx: lx, ...props }) }));
-};
-Skeleton.displayName = 'Skeleton';
-export { Skeleton };

package/dist/src/lib/Components/Skeleton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/Skeleton/index.js

@@ -1,2 +0,0 @@
-export * from './Skeleton';
-export * from './types';

package/dist/src/lib/Components/Skeleton/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CAClC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/src/lib/Components/Skeleton/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/lib/Components/Slot/Slot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slot.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Slot/Slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,qBAAqB,EACtB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EAGV,0BAA0B,EAE3B,MAAM,cAAc,CAAC;AAEtB,QAAA,MAAM,aAAa;wBAGhB,cAAc,GAAG,qBAAqB,CAAC,OAAO,SAAS,CAAC;;CAe1D,CAAC;AAIF,QAAA,MAAM,QAAQ;wBAGX,SAAS,GAAG,qBAAqB,CAAC,OAAO,IAAI,CAAC;;CAehD,CAAC;AAIF,QAAA,MAAM,QAAQ;wBAGX,SAAS,GAAG,qBAAqB,CAAC,OAAO,IAAI,CAAC;;CAehD,CAAC;AAIF,KAAK,kBAAkB,GAAG,UAAU,GAAG;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,qBAAqB,CAAC,OAAO,KAAK,CAAC,CAAC;AAExC,QAAA,MAAM,SAAS;wBAAuB,kBAAkB;;CAevD,CAAC;AA4EF,wBAAgB,cAAc,CAC5B,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC,WAK7D;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC"}