@nkanish/liquidglass-ui 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -3,6 +3,13 @@ import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, T
3
3
 
4
4
  type Theme = 'light' | 'dark' | 'system';
5
5
  type ResolvedTheme = 'light' | 'dark';
6
+ interface RefractionConfig {
7
+ enabled: boolean;
8
+ depth: number;
9
+ dome: number;
10
+ shine: number;
11
+ lightAngle: number;
12
+ }
6
13
  interface GlassConfig {
7
14
  blur?: number;
8
15
  saturation?: number;
@@ -10,6 +17,7 @@ interface GlassConfig {
10
17
  accentColor?: string;
11
18
  reducedMotion?: boolean;
12
19
  reducedTransparency?: boolean;
20
+ refraction?: Partial<RefractionConfig>;
13
21
  }
14
22
  interface GlassContextValue {
15
23
  theme: Theme;
@@ -17,6 +25,7 @@ interface GlassContextValue {
17
25
  setTheme: (theme: Theme) => void;
18
26
  config: GlassConfig;
19
27
  setConfig: (config: Partial<GlassConfig>) => void;
28
+ refraction: RefractionConfig;
20
29
  }
21
30
  interface GlassProviderProps {
22
31
  children: ReactNode;
@@ -27,15 +36,34 @@ interface GlassProviderProps {
27
36
  declare function GlassProvider({ children, defaultTheme, config: initialConfig, storageKey, }: GlassProviderProps): react.JSX.Element;
28
37
  declare function useGlass(): GlassContextValue;
29
38
  declare function useTheme(): Pick<GlassContextValue, 'theme' | 'resolvedTheme' | 'setTheme'>;
39
+ declare function useRefraction(): RefractionConfig;
30
40
 
31
41
  interface GlassProps extends HTMLAttributes<HTMLDivElement> {
42
+ /** Visual variant */
32
43
  variant?: 'default' | 'elevated' | 'subtle' | 'solid';
44
+ /** Blur intensity in pixels */
33
45
  blur?: number;
46
+ /** Color saturation multiplier */
34
47
  saturation?: number;
48
+ /** Custom tint color */
35
49
  tint?: string;
50
+ /** Enable pointer tracking for highlight effect */
36
51
  interactive?: boolean;
52
+ /** Show rim light gradient (legacy, superseded by refraction) */
37
53
  rimLight?: boolean;
38
- bendStrength?: number;
54
+ /**
55
+ * Enable glisse-style edge refraction with chromatic aberration and specular highlights.
56
+ * Defaults to true. Set to false to disable.
57
+ */
58
+ refraction?: boolean;
59
+ /** Refraction depth in pixels from edge. Default: 8 */
60
+ refractionDepth?: number;
61
+ /** Dome curvature for lens effect. Default: 4 */
62
+ refractionDome?: number;
63
+ /** Specular shine intensity (-2 to 2). Default: 0.3 */
64
+ shine?: number;
65
+ /** Light angle in degrees for rim and refraction. Default: 225 */
66
+ lightAngle?: number;
39
67
  }
40
68
  declare const Glass: react.ForwardRefExoticComponent<GlassProps & react.RefAttributes<HTMLDivElement>>;
41
69
 
@@ -44,6 +72,8 @@ interface GlassCardProps extends HTMLAttributes<HTMLDivElement> {
44
72
  padding?: 'none' | 'sm' | 'md' | 'lg';
45
73
  radius?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
46
74
  hoverable?: boolean;
75
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled). */
76
+ disableRefraction?: boolean;
47
77
  }
48
78
  declare const GlassCard: react.ForwardRefExoticComponent<GlassCardProps & react.RefAttributes<HTMLDivElement>>;
49
79
 
@@ -56,6 +86,8 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
56
86
  tint?: string;
57
87
  loading?: boolean;
58
88
  fullWidth?: boolean;
89
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled for glass variant). */
90
+ disableRefraction?: boolean;
59
91
  }
60
92
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
61
93
 
@@ -153,6 +185,7 @@ interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'val
153
185
  checked?: boolean;
154
186
  defaultChecked?: boolean;
155
187
  onCheckedChange?: (checked: boolean) => void;
188
+ /** Visual scale. `md` matches glisse exactly. */
156
189
  size?: 'sm' | 'md' | 'lg';
157
190
  }
158
191
  declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
@@ -303,6 +336,8 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
303
336
  closeOnOverlayClick?: boolean;
304
337
  closeOnEscape?: boolean;
305
338
  showCloseButton?: boolean;
339
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled). */
340
+ disableRefraction?: boolean;
306
341
  }
307
342
  declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>>;
308
343
  interface ModalFooterProps extends HTMLAttributes<HTMLDivElement> {
@@ -317,6 +352,8 @@ interface SheetProps extends HTMLAttributes<HTMLDivElement> {
317
352
  side?: 'bottom' | 'top' | 'left' | 'right';
318
353
  size?: 'sm' | 'md' | 'lg' | 'full';
319
354
  showHandle?: boolean;
355
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled). */
356
+ disableRefraction?: boolean;
320
357
  }
321
358
  declare const Sheet: react.ForwardRefExoticComponent<SheetProps & react.RefAttributes<HTMLDivElement>>;
322
359
 
@@ -609,6 +646,31 @@ declare function usePressedState(options?: UsePressedStateOptions): PressedState
609
646
 
610
647
  declare function useId(providedId?: string): string;
611
648
 
649
+ /**
650
+ * Glisse-compatible glass refraction effect hook
651
+ *
652
+ * Based on glisse (MIT License)
653
+ * https://github.com/0kzh/glisse
654
+ * Copyright (c) 2024 Kelvin Zhang
655
+ */
656
+
657
+ interface UseGlisseEffectOptions {
658
+ enabled?: boolean;
659
+ depth?: number;
660
+ dome?: number;
661
+ splay?: number;
662
+ shine?: number;
663
+ density?: number;
664
+ lightAngle?: number;
665
+ }
666
+ interface GlisseEffectResult {
667
+ filterUrl: string | null;
668
+ rimGradient: string;
669
+ isReady: boolean;
670
+ }
671
+ declare function useGlisseEffect(ref: RefObject<HTMLElement | null>, options?: UseGlisseEffectOptions): GlisseEffectResult;
672
+ declare function clearGlisseCache(): void;
673
+
612
674
  /**
613
675
  * SVG Filter System for Liquid Glass Refraction Effects
614
676
  * Creates dynamic SVG filters for lens/refraction effects
@@ -657,4 +719,4 @@ declare function noop(): void;
657
719
  declare function isServer(): boolean;
658
720
  declare function isBrowser(): boolean;
659
721
 
660
- export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandItem, CommandPalette, type CommandPaletteProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dock, type DockItem, type DockProps, Drawer, type DrawerProps, FloatingActionButton as FAB, FloatingActionButton, type FloatingActionButtonProps, Glass, GlassCard, type GlassCardProps, type GlassConfig, type GlassContextValue, type GlassFilterResult, type GlassProps, GlassProvider, type GlassProviderProps, IconButton, type IconButtonProps, Input, type InputProps, type LensFilterOptions, Menu, type MenuEntry, type MenuItem, type MenuProps, Modal, ModalFooter, type ModalFooterProps, type ModalProps, Navbar, NavbarLink, type NavbarLinkProps, type NavbarProps, Popover, type PopoverProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RefractionFilterOptions, type ResolvedTheme, type RimLightOptions, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, type SheetProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, Toast, type ToastProps, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipProps, clamp, cleanupFilters, cn, createLensFilter, createRefractionFilter, createRimLightGradient, createSpecularHighlight, debounce, isBrowser, isServer, lerp, mapRange, noop, supportsBackdropFilter, supportsSVGFilters, throttle, useControllable, useGlass, useId, useMounted, usePointerPosition, usePressedState, useReducedMotion, useReducedTransparency, useSidebar, useTheme, useToast };
722
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandItem, CommandPalette, type CommandPaletteProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dock, type DockItem, type DockProps, Drawer, type DrawerProps, FloatingActionButton as FAB, FloatingActionButton, type FloatingActionButtonProps, Glass, GlassCard, type GlassCardProps, type GlassConfig, type GlassContextValue, type GlassFilterResult, type GlassProps, GlassProvider, type GlassProviderProps, type GlisseEffectResult, IconButton, type IconButtonProps, Input, type InputProps, type LensFilterOptions, Menu, type MenuEntry, type MenuItem, type MenuProps, Modal, ModalFooter, type ModalFooterProps, type ModalProps, Navbar, NavbarLink, type NavbarLinkProps, type NavbarProps, Popover, type PopoverProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RefractionConfig, type RefractionFilterOptions, type ResolvedTheme, type RimLightOptions, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, type SheetProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, Toast, type ToastProps, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipProps, type UseGlisseEffectOptions, clamp, cleanupFilters, clearGlisseCache, cn, createLensFilter, createRefractionFilter, createRimLightGradient, createSpecularHighlight, debounce, isBrowser, isServer, lerp, mapRange, noop, supportsBackdropFilter, supportsSVGFilters, throttle, useControllable, useGlass, useGlisseEffect, useId, useMounted, usePointerPosition, usePressedState, useReducedMotion, useReducedTransparency, useRefraction, useSidebar, useTheme, useToast };
package/dist/index.d.ts CHANGED
@@ -3,6 +3,13 @@ import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, T
3
3
 
4
4
  type Theme = 'light' | 'dark' | 'system';
5
5
  type ResolvedTheme = 'light' | 'dark';
6
+ interface RefractionConfig {
7
+ enabled: boolean;
8
+ depth: number;
9
+ dome: number;
10
+ shine: number;
11
+ lightAngle: number;
12
+ }
6
13
  interface GlassConfig {
7
14
  blur?: number;
8
15
  saturation?: number;
@@ -10,6 +17,7 @@ interface GlassConfig {
10
17
  accentColor?: string;
11
18
  reducedMotion?: boolean;
12
19
  reducedTransparency?: boolean;
20
+ refraction?: Partial<RefractionConfig>;
13
21
  }
14
22
  interface GlassContextValue {
15
23
  theme: Theme;
@@ -17,6 +25,7 @@ interface GlassContextValue {
17
25
  setTheme: (theme: Theme) => void;
18
26
  config: GlassConfig;
19
27
  setConfig: (config: Partial<GlassConfig>) => void;
28
+ refraction: RefractionConfig;
20
29
  }
21
30
  interface GlassProviderProps {
22
31
  children: ReactNode;
@@ -27,15 +36,34 @@ interface GlassProviderProps {
27
36
  declare function GlassProvider({ children, defaultTheme, config: initialConfig, storageKey, }: GlassProviderProps): react.JSX.Element;
28
37
  declare function useGlass(): GlassContextValue;
29
38
  declare function useTheme(): Pick<GlassContextValue, 'theme' | 'resolvedTheme' | 'setTheme'>;
39
+ declare function useRefraction(): RefractionConfig;
30
40
 
31
41
  interface GlassProps extends HTMLAttributes<HTMLDivElement> {
42
+ /** Visual variant */
32
43
  variant?: 'default' | 'elevated' | 'subtle' | 'solid';
44
+ /** Blur intensity in pixels */
33
45
  blur?: number;
46
+ /** Color saturation multiplier */
34
47
  saturation?: number;
48
+ /** Custom tint color */
35
49
  tint?: string;
50
+ /** Enable pointer tracking for highlight effect */
36
51
  interactive?: boolean;
52
+ /** Show rim light gradient (legacy, superseded by refraction) */
37
53
  rimLight?: boolean;
38
- bendStrength?: number;
54
+ /**
55
+ * Enable glisse-style edge refraction with chromatic aberration and specular highlights.
56
+ * Defaults to true. Set to false to disable.
57
+ */
58
+ refraction?: boolean;
59
+ /** Refraction depth in pixels from edge. Default: 8 */
60
+ refractionDepth?: number;
61
+ /** Dome curvature for lens effect. Default: 4 */
62
+ refractionDome?: number;
63
+ /** Specular shine intensity (-2 to 2). Default: 0.3 */
64
+ shine?: number;
65
+ /** Light angle in degrees for rim and refraction. Default: 225 */
66
+ lightAngle?: number;
39
67
  }
40
68
  declare const Glass: react.ForwardRefExoticComponent<GlassProps & react.RefAttributes<HTMLDivElement>>;
41
69
 
@@ -44,6 +72,8 @@ interface GlassCardProps extends HTMLAttributes<HTMLDivElement> {
44
72
  padding?: 'none' | 'sm' | 'md' | 'lg';
45
73
  radius?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
46
74
  hoverable?: boolean;
75
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled). */
76
+ disableRefraction?: boolean;
47
77
  }
48
78
  declare const GlassCard: react.ForwardRefExoticComponent<GlassCardProps & react.RefAttributes<HTMLDivElement>>;
49
79
 
@@ -56,6 +86,8 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
56
86
  tint?: string;
57
87
  loading?: boolean;
58
88
  fullWidth?: boolean;
89
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled for glass variant). */
90
+ disableRefraction?: boolean;
59
91
  }
60
92
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
61
93
 
@@ -153,6 +185,7 @@ interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'val
153
185
  checked?: boolean;
154
186
  defaultChecked?: boolean;
155
187
  onCheckedChange?: (checked: boolean) => void;
188
+ /** Visual scale. `md` matches glisse exactly. */
156
189
  size?: 'sm' | 'md' | 'lg';
157
190
  }
158
191
  declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
@@ -303,6 +336,8 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
303
336
  closeOnOverlayClick?: boolean;
304
337
  closeOnEscape?: boolean;
305
338
  showCloseButton?: boolean;
339
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled). */
340
+ disableRefraction?: boolean;
306
341
  }
307
342
  declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>>;
308
343
  interface ModalFooterProps extends HTMLAttributes<HTMLDivElement> {
@@ -317,6 +352,8 @@ interface SheetProps extends HTMLAttributes<HTMLDivElement> {
317
352
  side?: 'bottom' | 'top' | 'left' | 'right';
318
353
  size?: 'sm' | 'md' | 'lg' | 'full';
319
354
  showHandle?: boolean;
355
+ /** Disable glisse refraction effect. Defaults to false (refraction enabled). */
356
+ disableRefraction?: boolean;
320
357
  }
321
358
  declare const Sheet: react.ForwardRefExoticComponent<SheetProps & react.RefAttributes<HTMLDivElement>>;
322
359
 
@@ -609,6 +646,31 @@ declare function usePressedState(options?: UsePressedStateOptions): PressedState
609
646
 
610
647
  declare function useId(providedId?: string): string;
611
648
 
649
+ /**
650
+ * Glisse-compatible glass refraction effect hook
651
+ *
652
+ * Based on glisse (MIT License)
653
+ * https://github.com/0kzh/glisse
654
+ * Copyright (c) 2024 Kelvin Zhang
655
+ */
656
+
657
+ interface UseGlisseEffectOptions {
658
+ enabled?: boolean;
659
+ depth?: number;
660
+ dome?: number;
661
+ splay?: number;
662
+ shine?: number;
663
+ density?: number;
664
+ lightAngle?: number;
665
+ }
666
+ interface GlisseEffectResult {
667
+ filterUrl: string | null;
668
+ rimGradient: string;
669
+ isReady: boolean;
670
+ }
671
+ declare function useGlisseEffect(ref: RefObject<HTMLElement | null>, options?: UseGlisseEffectOptions): GlisseEffectResult;
672
+ declare function clearGlisseCache(): void;
673
+
612
674
  /**
613
675
  * SVG Filter System for Liquid Glass Refraction Effects
614
676
  * Creates dynamic SVG filters for lens/refraction effects
@@ -657,4 +719,4 @@ declare function noop(): void;
657
719
  declare function isServer(): boolean;
658
720
  declare function isBrowser(): boolean;
659
721
 
660
- export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandItem, CommandPalette, type CommandPaletteProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dock, type DockItem, type DockProps, Drawer, type DrawerProps, FloatingActionButton as FAB, FloatingActionButton, type FloatingActionButtonProps, Glass, GlassCard, type GlassCardProps, type GlassConfig, type GlassContextValue, type GlassFilterResult, type GlassProps, GlassProvider, type GlassProviderProps, IconButton, type IconButtonProps, Input, type InputProps, type LensFilterOptions, Menu, type MenuEntry, type MenuItem, type MenuProps, Modal, ModalFooter, type ModalFooterProps, type ModalProps, Navbar, NavbarLink, type NavbarLinkProps, type NavbarProps, Popover, type PopoverProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RefractionFilterOptions, type ResolvedTheme, type RimLightOptions, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, type SheetProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, Toast, type ToastProps, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipProps, clamp, cleanupFilters, cn, createLensFilter, createRefractionFilter, createRimLightGradient, createSpecularHighlight, debounce, isBrowser, isServer, lerp, mapRange, noop, supportsBackdropFilter, supportsSVGFilters, throttle, useControllable, useGlass, useId, useMounted, usePointerPosition, usePressedState, useReducedMotion, useReducedTransparency, useSidebar, useTheme, useToast };
722
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandItem, CommandPalette, type CommandPaletteProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dock, type DockItem, type DockProps, Drawer, type DrawerProps, FloatingActionButton as FAB, FloatingActionButton, type FloatingActionButtonProps, Glass, GlassCard, type GlassCardProps, type GlassConfig, type GlassContextValue, type GlassFilterResult, type GlassProps, GlassProvider, type GlassProviderProps, type GlisseEffectResult, IconButton, type IconButtonProps, Input, type InputProps, type LensFilterOptions, Menu, type MenuEntry, type MenuItem, type MenuProps, Modal, ModalFooter, type ModalFooterProps, type ModalProps, Navbar, NavbarLink, type NavbarLinkProps, type NavbarProps, Popover, type PopoverProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RefractionConfig, type RefractionFilterOptions, type ResolvedTheme, type RimLightOptions, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, type SheetProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, Toast, type ToastProps, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipProps, type UseGlisseEffectOptions, clamp, cleanupFilters, clearGlisseCache, cn, createLensFilter, createRefractionFilter, createRimLightGradient, createSpecularHighlight, debounce, isBrowser, isServer, lerp, mapRange, noop, supportsBackdropFilter, supportsSVGFilters, throttle, useControllable, useGlass, useGlisseEffect, useId, useMounted, usePointerPosition, usePressedState, useReducedMotion, useReducedTransparency, useRefraction, useSidebar, useTheme, useToast };