@retray-dev/ui-kit 13.2.0 → 13.4.0

package/dist/index.d.mts

@@ -1,6 +1,7 @@
-import React from 'react';
-import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-CY34hxPN.mjs';
-export { c as RetrayProvider, d as RetrayProviderProps } from './index-CY34hxPN.mjs';
+import * as React from 'react';
+import React__default from 'react';
+import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-CinAt5Uo.mjs';
+export { c as RetrayProvider, d as RetrayProviderProps } from './index-CinAt5Uo.mjs';
 export { Button, ButtonProps, ButtonSize, ButtonVariant } from './Button.mjs';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup.mjs';
 export { IconButton, IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton.mjs';
@@ -20,7 +21,7 @@ export { Checkbox, CheckboxProps } from './Checkbox.mjs';
 export { Switch, SwitchProps } from './Switch.mjs';
 export { Toggle, ToggleProps, ToggleSize, ToggleVariant } from './Toggle.mjs';
 export { RadioGroup, RadioGroupProps, RadioOption } from './RadioGroup.mjs';
-export { TabItem, Tabs, TabsContent, TabsContentProps, TabsProps } from './Tabs.mjs';
+export { TabItem, Tabs, TabsContent, TabsContentProps, TabsProps, TabsVariant } from './Tabs.mjs';
 export { Accordion, AccordionItem, AccordionProps } from './Accordion.mjs';
 export { Slider, SliderProps } from './Slider.mjs';
 export { Sheet, SheetContent, SheetContentProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps } from './Sheet.mjs';
@@ -29,16 +30,15 @@ export { ToastProvider, useToast } from './Toast.mjs';
 export { CurrencyInput, CurrencyInputProps } from './CurrencyInput.mjs';
 export { CurrencyDisplay, CurrencyDisplayProps, CurrencyDisplayVariant } from './CurrencyDisplay.mjs';
 export { ListItem, ListItemProps } from './ListItem.mjs';
-export { ListGroup, ListGroupFooter, ListGroupFooterProps, ListGroupHeader, ListGroupHeaderProps, ListGroupProps, ListGroupVariant } from './ListGroup.mjs';
+import { ItemGroupProps, ItemGroupHeader, ItemGroupFooter, ItemGroupFooterProps, ItemGroupHeaderProps, ItemGroupVariant } from './ItemGroup.mjs';
 export { MenuItem, MenuItemProps, MenuItemVariant } from './MenuItem.mjs';
-export { MenuGroup, MenuGroupFooter, MenuGroupFooterProps, MenuGroupHeader, MenuGroupHeaderProps, MenuGroupProps, MenuGroupVariant } from './MenuGroup.mjs';
 export { Chip, ChipGroup, ChipGroupProps, ChipOption, ChipProps } from './Chip.mjs';
 export { ConfirmDialog, ConfirmDialogProps } from './ConfirmDialog.mjs';
 export { LabelValue, LabelValueProps } from './LabelValue.mjs';
 export { MonthPicker, MonthPickerProps, MonthPickerValue, dateToMonthPickerValue, monthPickerValueToDate } from './MonthPicker.mjs';
+export { Pressable, PressableProps } from './Pressable.mjs';
 export { MediaCard, MediaCardAspectRatio, MediaCardProps } from './MediaCard.mjs';
 export { CategoryItem, CategoryStrip, CategoryStripProps } from './CategoryStrip.mjs';
-export { Pressable, PressableProps } from './Pressable.mjs';
 export { DetailRow, DetailRowLabelWeight, DetailRowProps, DetailRowSeparator } from './DetailRow.mjs';
 export { Form, FormField, FormFieldProps, FormFooter, FormFooterProps, FormProps, FormSection, FormSectionProps } from './Form.mjs';
 export { ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps } from './ErrorBoundary.mjs';
@@ -54,12 +54,17 @@ export { ImageUpload, ImageUploadProps } from './ImageUpload.mjs';
 export { IconPicker, IconPickerProps } from './IconPicker.mjs';
 export { NumberStepper, NumberStepperProps, NumberStepperSize } from './NumberStepper.mjs';
 export { Stats, StatsGroupProps, StatsProps, StatsVariant } from './Stats.mjs';
+export { Image, ImageProps } from './Image.mjs';
+export { ScreenContainer, ScreenContainerProps } from './ScreenContainer.mjs';
+export { VirtualizedList, VirtualizedListProps, VirtualizedListSection } from './VirtualizedList.mjs';
+import { BottomSheetModal } from '@gorhom/bottom-sheet';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
+import 'expo-image';
 
 interface ThemeProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Optional token overrides per scheme. Supply any of the 12 public ThemeColors
      * tokens for `light` and/or `dark`. All derived colors are recomputed automatically.
@@ -73,13 +78,39 @@ interface ThemeProviderProps {
      */
     colorScheme?: ColorScheme;
 }
-declare function ThemeProvider({ children, theme, colorScheme }: ThemeProviderProps): React.JSX.Element;
+declare function ThemeProvider({ children, theme, colorScheme }: ThemeProviderProps): React__default.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 
 declare const defaultLight: ThemeColors;
 declare const defaultDark: ThemeColors;
 declare function deriveColors(t: ThemeColors, scheme: 'light' | 'dark'): ResolvedColors;
 
+type ListGroupVariant = ItemGroupVariant;
+interface ListGroupProps extends Omit<ItemGroupProps, 'childPropKey'> {
+}
+interface ListGroupHeaderProps extends ItemGroupHeaderProps {
+}
+interface ListGroupFooterProps extends ItemGroupFooterProps {
+}
+declare function ListGroup(props: ListGroupProps): React__default.JSX.Element;
+declare namespace ListGroup {
+    var Header: typeof ItemGroupHeader;
+    var Footer: typeof ItemGroupFooter;
+}
+
+type MenuGroupVariant = ItemGroupVariant;
+interface MenuGroupProps extends Omit<ItemGroupProps, 'childPropKey'> {
+}
+interface MenuGroupHeaderProps extends ItemGroupHeaderProps {
+}
+interface MenuGroupFooterProps extends ItemGroupFooterProps {
+}
+declare function MenuGroup(props: MenuGroupProps): React__default.JSX.Element;
+declare namespace MenuGroup {
+    var Header: typeof ItemGroupHeader;
+    var Footer: typeof ItemGroupFooter;
+}
+
 type IconFamily = 'Feather' | 'AntDesign' | 'Entypo' | 'FontAwesome5' | 'MaterialIcons' | 'Ionicons';
 interface IconProps {
     name: string;
@@ -87,7 +118,7 @@ interface IconProps {
     color: string;
     family?: IconFamily;
 }
-declare function Icon({ name, size, color, family }: IconProps): React.ReactElement | null;
+declare function Icon({ name, size, color, family }: IconProps): React__default.ReactElement | null;
 
 declare function hexToRgb(hex: string): {
     r: number;
@@ -130,6 +161,11 @@ interface UseConfirmDialogResult {
 }
 declare function useConfirmDialog(options: UseConfirmDialogOptions): UseConfirmDialogResult;
 
+declare function useSheetModal(visible: boolean, onDismiss?: () => void): {
+    ref: React.RefObject<BottomSheetModal | null>;
+    handleDismiss: () => void;
+};
+
 declare const SPACING: {
     readonly xxs: 2;
     readonly xs: 4;
@@ -182,21 +218,21 @@ declare const SHADOWS: {
         readonly shadowColor: "#000";
         readonly shadowOffset: {
             readonly width: 0;
-            readonly height: 6;
+            readonly height: 4;
         };
-        readonly shadowOpacity: 0.16;
-        readonly shadowRadius: 16;
-        readonly elevation: 10;
+        readonly shadowOpacity: 0.12;
+        readonly shadowRadius: 12;
+        readonly elevation: 8;
     };
     readonly xl: {
         readonly shadowColor: "#000";
         readonly shadowOffset: {
             readonly width: 0;
-            readonly height: 12;
+            readonly height: 8;
         };
-        readonly shadowOpacity: 0.24;
+        readonly shadowOpacity: 0.18;
         readonly shadowRadius: 24;
-        readonly elevation: 18;
+        readonly elevation: 16;
     };
 };
 declare const BREAKPOINTS: {
@@ -323,6 +359,20 @@ declare const TYPOGRAPHY: {
         readonly lineHeight: 18;
         readonly letterSpacing: 0;
     };
+    readonly 'code-sm': {
+        readonly fontFamily: "SohneMono-Regular";
+        readonly fontSize: 13;
+        readonly fontWeight: "400";
+        readonly lineHeight: 18;
+        readonly letterSpacing: 0;
+    };
+    readonly 'code-md': {
+        readonly fontFamily: "SohneMono-Regular";
+        readonly fontSize: 15;
+        readonly fontWeight: "400";
+        readonly lineHeight: 22;
+        readonly letterSpacing: 0;
+    };
 };
 type Spacing = typeof SPACING;
 type SpacingKey = keyof Spacing;
@@ -333,4 +383,4 @@ type RadiusKey = keyof Radius;
 type Typography = typeof TYPOGRAPHY;
 type TypographyKey = keyof Typography;
 
-export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, hexToRgb, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, selectionAsync, useConfirmDialog, useTheme, withAlpha };
+export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, ListGroup, ItemGroupFooter as ListGroupFooter, type ListGroupFooterProps, ItemGroupHeader as ListGroupHeader, type ListGroupHeaderProps, type ListGroupProps, type ListGroupVariant, MenuGroup, ItemGroupFooter as MenuGroupFooter, type MenuGroupFooterProps, ItemGroupHeader as MenuGroupHeader, type MenuGroupHeaderProps, type MenuGroupProps, type MenuGroupVariant, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, hexToRgb, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, selectionAsync, useConfirmDialog, useSheetModal, useTheme, withAlpha };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-CY34hxPN.js';
-export { c as RetrayProvider, d as RetrayProviderProps } from './index-CY34hxPN.js';
+import * as React from 'react';
+import React__default from 'react';
+import { T as Theme, C as ColorScheme, a as ThemeContextValue, b as ThemeColors, R as ResolvedColors } from './index-CinAt5Uo.js';
+export { c as RetrayProvider, d as RetrayProviderProps } from './index-CinAt5Uo.js';
 export { Button, ButtonProps, ButtonSize, ButtonVariant } from './Button.js';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup.js';
 export { IconButton, IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton.js';
@@ -20,7 +21,7 @@ export { Checkbox, CheckboxProps } from './Checkbox.js';
 export { Switch, SwitchProps } from './Switch.js';
 export { Toggle, ToggleProps, ToggleSize, ToggleVariant } from './Toggle.js';
 export { RadioGroup, RadioGroupProps, RadioOption } from './RadioGroup.js';
-export { TabItem, Tabs, TabsContent, TabsContentProps, TabsProps } from './Tabs.js';
+export { TabItem, Tabs, TabsContent, TabsContentProps, TabsProps, TabsVariant } from './Tabs.js';
 export { Accordion, AccordionItem, AccordionProps } from './Accordion.js';
 export { Slider, SliderProps } from './Slider.js';
 export { Sheet, SheetContent, SheetContentProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps } from './Sheet.js';
@@ -29,16 +30,15 @@ export { ToastProvider, useToast } from './Toast.js';
 export { CurrencyInput, CurrencyInputProps } from './CurrencyInput.js';
 export { CurrencyDisplay, CurrencyDisplayProps, CurrencyDisplayVariant } from './CurrencyDisplay.js';
 export { ListItem, ListItemProps } from './ListItem.js';
-export { ListGroup, ListGroupFooter, ListGroupFooterProps, ListGroupHeader, ListGroupHeaderProps, ListGroupProps, ListGroupVariant } from './ListGroup.js';
+import { ItemGroupProps, ItemGroupHeader, ItemGroupFooter, ItemGroupFooterProps, ItemGroupHeaderProps, ItemGroupVariant } from './ItemGroup.js';
 export { MenuItem, MenuItemProps, MenuItemVariant } from './MenuItem.js';
-export { MenuGroup, MenuGroupFooter, MenuGroupFooterProps, MenuGroupHeader, MenuGroupHeaderProps, MenuGroupProps, MenuGroupVariant } from './MenuGroup.js';
 export { Chip, ChipGroup, ChipGroupProps, ChipOption, ChipProps } from './Chip.js';
 export { ConfirmDialog, ConfirmDialogProps } from './ConfirmDialog.js';
 export { LabelValue, LabelValueProps } from './LabelValue.js';
 export { MonthPicker, MonthPickerProps, MonthPickerValue, dateToMonthPickerValue, monthPickerValueToDate } from './MonthPicker.js';
+export { Pressable, PressableProps } from './Pressable.js';
 export { MediaCard, MediaCardAspectRatio, MediaCardProps } from './MediaCard.js';
 export { CategoryItem, CategoryStrip, CategoryStripProps } from './CategoryStrip.js';
-export { Pressable, PressableProps } from './Pressable.js';
 export { DetailRow, DetailRowLabelWeight, DetailRowProps, DetailRowSeparator } from './DetailRow.js';
 export { Form, FormField, FormFieldProps, FormFooter, FormFooterProps, FormProps, FormSection, FormSectionProps } from './Form.js';
 export { ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps } from './ErrorBoundary.js';
@@ -54,12 +54,17 @@ export { ImageUpload, ImageUploadProps } from './ImageUpload.js';
 export { IconPicker, IconPickerProps } from './IconPicker.js';
 export { NumberStepper, NumberStepperProps, NumberStepperSize } from './NumberStepper.js';
 export { Stats, StatsGroupProps, StatsProps, StatsVariant } from './Stats.js';
+export { Image, ImageProps } from './Image.js';
+export { ScreenContainer, ScreenContainerProps } from './ScreenContainer.js';
+export { VirtualizedList, VirtualizedListProps, VirtualizedListSection } from './VirtualizedList.js';
+import { BottomSheetModal } from '@gorhom/bottom-sheet';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
+import 'expo-image';
 
 interface ThemeProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Optional token overrides per scheme. Supply any of the 12 public ThemeColors
      * tokens for `light` and/or `dark`. All derived colors are recomputed automatically.
@@ -73,13 +78,39 @@ interface ThemeProviderProps {
      */
     colorScheme?: ColorScheme;
 }
-declare function ThemeProvider({ children, theme, colorScheme }: ThemeProviderProps): React.JSX.Element;
+declare function ThemeProvider({ children, theme, colorScheme }: ThemeProviderProps): React__default.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 
 declare const defaultLight: ThemeColors;
 declare const defaultDark: ThemeColors;
 declare function deriveColors(t: ThemeColors, scheme: 'light' | 'dark'): ResolvedColors;
 
+type ListGroupVariant = ItemGroupVariant;
+interface ListGroupProps extends Omit<ItemGroupProps, 'childPropKey'> {
+}
+interface ListGroupHeaderProps extends ItemGroupHeaderProps {
+}
+interface ListGroupFooterProps extends ItemGroupFooterProps {
+}
+declare function ListGroup(props: ListGroupProps): React__default.JSX.Element;
+declare namespace ListGroup {
+    var Header: typeof ItemGroupHeader;
+    var Footer: typeof ItemGroupFooter;
+}
+
+type MenuGroupVariant = ItemGroupVariant;
+interface MenuGroupProps extends Omit<ItemGroupProps, 'childPropKey'> {
+}
+interface MenuGroupHeaderProps extends ItemGroupHeaderProps {
+}
+interface MenuGroupFooterProps extends ItemGroupFooterProps {
+}
+declare function MenuGroup(props: MenuGroupProps): React__default.JSX.Element;
+declare namespace MenuGroup {
+    var Header: typeof ItemGroupHeader;
+    var Footer: typeof ItemGroupFooter;
+}
+
 type IconFamily = 'Feather' | 'AntDesign' | 'Entypo' | 'FontAwesome5' | 'MaterialIcons' | 'Ionicons';
 interface IconProps {
     name: string;
@@ -87,7 +118,7 @@ interface IconProps {
     color: string;
     family?: IconFamily;
 }
-declare function Icon({ name, size, color, family }: IconProps): React.ReactElement | null;
+declare function Icon({ name, size, color, family }: IconProps): React__default.ReactElement | null;
 
 declare function hexToRgb(hex: string): {
     r: number;
@@ -130,6 +161,11 @@ interface UseConfirmDialogResult {
 }
 declare function useConfirmDialog(options: UseConfirmDialogOptions): UseConfirmDialogResult;
 
+declare function useSheetModal(visible: boolean, onDismiss?: () => void): {
+    ref: React.RefObject<BottomSheetModal | null>;
+    handleDismiss: () => void;
+};
+
 declare const SPACING: {
     readonly xxs: 2;
     readonly xs: 4;
@@ -182,21 +218,21 @@ declare const SHADOWS: {
         readonly shadowColor: "#000";
         readonly shadowOffset: {
             readonly width: 0;
-            readonly height: 6;
+            readonly height: 4;
         };
-        readonly shadowOpacity: 0.16;
-        readonly shadowRadius: 16;
-        readonly elevation: 10;
+        readonly shadowOpacity: 0.12;
+        readonly shadowRadius: 12;
+        readonly elevation: 8;
     };
     readonly xl: {
         readonly shadowColor: "#000";
         readonly shadowOffset: {
             readonly width: 0;
-            readonly height: 12;
+            readonly height: 8;
         };
-        readonly shadowOpacity: 0.24;
+        readonly shadowOpacity: 0.18;
         readonly shadowRadius: 24;
-        readonly elevation: 18;
+        readonly elevation: 16;
     };
 };
 declare const BREAKPOINTS: {
@@ -323,6 +359,20 @@ declare const TYPOGRAPHY: {
         readonly lineHeight: 18;
         readonly letterSpacing: 0;
     };
+    readonly 'code-sm': {
+        readonly fontFamily: "SohneMono-Regular";
+        readonly fontSize: 13;
+        readonly fontWeight: "400";
+        readonly lineHeight: 18;
+        readonly letterSpacing: 0;
+    };
+    readonly 'code-md': {
+        readonly fontFamily: "SohneMono-Regular";
+        readonly fontSize: 15;
+        readonly fontWeight: "400";
+        readonly lineHeight: 22;
+        readonly letterSpacing: 0;
+    };
 };
 type Spacing = typeof SPACING;
 type SpacingKey = keyof Spacing;
@@ -333,4 +383,4 @@ type RadiusKey = keyof Radius;
 type Typography = typeof TYPOGRAPHY;
 type TypographyKey = keyof Typography;
 
-export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, hexToRgb, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, selectionAsync, useConfirmDialog, useTheme, withAlpha };
+export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, ListGroup, ItemGroupFooter as ListGroupFooter, type ListGroupFooterProps, ItemGroupHeader as ListGroupHeader, type ListGroupHeaderProps, type ListGroupProps, type ListGroupVariant, MenuGroup, ItemGroupFooter as MenuGroupFooter, type MenuGroupFooterProps, ItemGroupHeader as MenuGroupHeader, type MenuGroupHeaderProps, type MenuGroupProps, type MenuGroupVariant, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, hexToRgb, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, selectionAsync, useConfirmDialog, useSheetModal, useTheme, withAlpha };