@retray-dev/ui-kit 13.0.0 → 13.4.0

package/dist/{chunk-KSSVIFYR.mjs → chunk-ZQGCQ7SA.mjs}

@@ -25,23 +25,6 @@ function componentToHex(c) {
 function rgbToHex(r, g, b) {
   return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
 }
-function withAlphaOnWhite(hex, alpha) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  const r = rgb.r * alpha + 255 * (1 - alpha);
-  const g = rgb.g * alpha + 255 * (1 - alpha);
-  const b = rgb.b * alpha + 255 * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
-function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
-  const rgb = hexToRgb(hex);
-  const bg = hexToRgb(bgHex);
-  if (!rgb || !bg) return hex;
-  const r = rgb.r * alpha + bg.r * (1 - alpha);
-  const g = rgb.g * alpha + bg.g * (1 - alpha);
-  const b = rgb.b * alpha + bg.b * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
 function mixWithBackground(fgHex, bgHex, opacity) {
   const fg = hexToRgb(fgHex);
   const bg = hexToRgb(bgHex);
@@ -51,13 +34,11 @@ function mixWithBackground(fgHex, bgHex, opacity) {
   const b = fg.b * opacity + bg.b * (1 - opacity);
   return rgbToHex(r, g, b);
 }
-function lighten(hex, amount) {
-  return withAlphaOnWhite(hex, 1 - amount);
-}
-function darken(hex, amount) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
+function createColorPair(fg, bg, dark) {
+  return {
+    tint: mixWithBackground(fg, dark ? bg : "#ffffff", dark ? 0.15 : 0.08),
+    border: mixWithBackground(fg, dark ? bg : "#ffffff", dark ? 0.45 : 0.3)
+  };
 }
 var defaultLight = {
   background: "#ffffff",
@@ -100,17 +81,16 @@ var defaultDark = {
 function deriveColors(t, scheme) {
   const dark = scheme === "dark";
   const bg = t.background;
+  const WHITE = "#ffffff";
+  const BLACK = "#000000";
   const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
   const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
-  const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
-  const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
-  const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
-  const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
-  const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
-  const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
-  const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
-  const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
-  const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
+  const surface = dark ? mixWithBackground(bg, BLACK, 0.94) : mixWithBackground(bg, BLACK, 0.96);
+  const surfaceStrong = dark ? mixWithBackground(bg, BLACK, 0.88) : mixWithBackground(bg, BLACK, 0.92);
+  const skeleton = dark ? mixWithBackground(bg, BLACK, 0.9) : mixWithBackground(bg, BLACK, 0.9);
+  const { tint: destructiveTint, border: destructiveBorder } = createColorPair(t.destructive, bg, dark);
+  const { tint: successTint, border: successBorder } = createColorPair(t.success, bg, dark);
+  const { tint: warningTint, border: warningBorder } = createColorPair(t.warning, bg, dark);
   return {
     ...t,
     foregroundSubtle,
@@ -129,7 +109,7 @@ function deriveColors(t, scheme) {
     accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
     ring: t.accent ?? t.primary,
     input: t.border,
-    separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
+    separator: dark ? mixWithBackground(t.border, WHITE, 0.78) : mixWithBackground(t.border, BLACK, 0.84)
   };
 }
 var ThemeContext = createContext(void 0);

package/dist/{chunk-ZTPYUU5C.mjs → chunk-ZRUUUVOO.mjs}

@@ -1,7 +1,7 @@
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, ActivityIndicator, Text } from 'react-native';

package/dist/fonts.mjs

@@ -1,5 +1,3 @@
-import './chunk-Y6FXYEAI.mjs';
-
 // src/fonts.ts
 var SohneFontNames = [
   // Sohne base (14)

package/dist/{index-CY34hxPN.d.ts → index-CinAt5Uo.d.mts}

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 
 type ThemeColors = {
     background: string;
@@ -50,7 +50,7 @@ type ThemeContextValue = {
 };
 
 interface RetrayProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** Optional per-scheme token overrides — forwarded to `ThemeProvider`. */
     theme?: Theme;
     /**
@@ -81,6 +81,6 @@ interface RetrayProviderProps {
  *   )
  * }
  */
-declare function RetrayProvider({ children, theme, colorScheme }: RetrayProviderProps): React.JSX.Element;
+declare function RetrayProvider({ children, theme, colorScheme }: RetrayProviderProps): React__default.JSX.Element;
 
 export { type ColorScheme as C, type ResolvedColors as R, type Theme as T, type ThemeContextValue as a, type ThemeColors as b, RetrayProvider as c, type RetrayProviderProps as d };

package/dist/{index-CY34hxPN.d.mts → index-CinAt5Uo.d.ts}

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 
 type ThemeColors = {
     background: string;
@@ -50,7 +50,7 @@ type ThemeContextValue = {
 };
 
 interface RetrayProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** Optional per-scheme token overrides — forwarded to `ThemeProvider`. */
     theme?: Theme;
     /**
@@ -81,6 +81,6 @@ interface RetrayProviderProps {
  *   )
  * }
  */
-declare function RetrayProvider({ children, theme, colorScheme }: RetrayProviderProps): React.JSX.Element;
+declare function RetrayProvider({ children, theme, colorScheme }: RetrayProviderProps): React__default.JSX.Element;
 
 export { type ColorScheme as C, type ResolvedColors as R, type Theme as T, type ThemeContextValue as a, type ThemeColors as b, RetrayProvider as c, type RetrayProviderProps as d };

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,25 +21,24 @@ 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, SheetProps } from './Sheet.mjs';
+export { Sheet, SheetContent, SheetContentProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps } from './Sheet.mjs';
 export { Select, SelectOption, SelectProps } from './Select.mjs';
 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,25 +21,24 @@ 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, SheetProps } from './Sheet.js';
+export { Sheet, SheetContent, SheetContentProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps } from './Sheet.js';
 export { Select, SelectOption, SelectProps } from './Select.js';
 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 };