@thesage/ui 1.1.0 → 1.3.1

package/dist/index.d.mts

@@ -12,12 +12,12 @@ import { OTPInput } from 'input-otp';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as _radix_ui_react_select from '@radix-ui/react-select';
-import { Trigger, Content, Label as Label$1, Item, Separator as Separator$1, ScrollUpButton, ScrollDownButton } from '@radix-ui/react-select';
+import { Content, Item, Label as Label$1, ScrollDownButton, ScrollUpButton, Separator as Separator$1, Trigger } from '@radix-ui/react-select';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { Accept, FileRejection } from 'react-dropzone';
-import { S as SyntaxType, a as SyntaxToken, B as BreadcrumbItemLegacy, b as Breadcrumbs, c as BreadcrumbsProps } from './utils-DlJKRVzQ.mjs';
-export { U as Language, R as RouteConfig, T as Transition, V as Variant, d as Variants, G as adjustLightness, J as adjustOpacity, H as adjustSaturation, N as cn, j as collapseVariants, q as colorTokens, M as colorUtils, k as createAnimation, Q as detectLanguage, i as drawerVariants, e as durations, f as easings, g as fadeVariants, o as generateBreadcrumbs, L as generateColorScale, u as getCSSVariable, C as getContrastRatio, w as getForegroundColor, A as getLuminance, K as getOptimalForeground, y as getSemanticColorPair, E as hexToHSL, z as hexToRgb, F as hslToHex, l as listVariants, D as meetsContrastRequirements, m as modalVariants, O as parseCode, p as presets, I as rotateHue, r as rotateVariants, n as scaleDuration, h as scaleVariants, x as semanticColors, v as setCSSVariable, s as slideVariants, P as tokenize, t as transitions } from './utils-DlJKRVzQ.mjs';
+import { S as SyntaxType, a as SyntaxToken, B as BreadcrumbItemLegacy, b as Breadcrumbs, c as BreadcrumbsProps } from './utils-Cs04sxth.mjs';
+export { L as Language, R as RouteConfig, T as Transition, V as Variant, d as Variants, e as adjustLightness, f as adjustOpacity, g as adjustSaturation, h as cn, i as collapseVariants, j as colorTokens, k as colorUtils, l as createAnimation, m as detectLanguage, n as drawerVariants, o as durations, p as easings, q as fadeVariants, r as generateBreadcrumbs, s as generateColorScale, t as getCSSVariable, u as getContrastRatio, v as getForegroundColor, w as getLuminance, x as getOptimalForeground, y as getSemanticColorPair, z as hexToHSL, A as hexToRgb, C as hslToHex, D as listVariants, E as meetsContrastRequirements, F as modalVariants, G as parseCode, H as presets, I as rotateHue, J as rotateVariants, K as scaleDuration, M as scaleVariants, N as semanticColors, O as setCSSVariable, P as slideVariants, Q as tokenize, U as transitions } from './utils-Cs04sxth.mjs';
 import { Command as Command$1 } from 'cmdk';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
@@ -40,16 +40,16 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import { Group, Panel, Separator as Separator$2 } from 'react-resizable-panels';
+import { T as ThemeName$1, C as ColorMode$1 } from './index-DscTIrZ2.mjs';
+import { Separator as Separator$2, Panel, Group } from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-export { p as Providers, T as ThemeProvider } from './providers-Dv3LFGtJ.mjs';
-export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, b as UseFormReturn, c as useForm, a as useMotionPreference, u as useTheme } from './hooks-CobTQpCg.mjs';
+export { p as Providers, T as ThemeProvider, a as ThemeProviderProps } from './providers-aJW1AKg6.mjs';
+export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, a as UseFormReturn, u as useForm, b as useMotionPreference, c as useTheme } from './hooks-1b8WaQf1.mjs';
 import * as zustand_middleware from 'zustand/middleware';
 import * as zustand from 'zustand';
-import { T as ThemeName$1, C as ColorMode$1 } from './index-L8R3gyuQ.mjs';
-import { q as FontTheme } from './fontThemes-Cum0S1DI.mjs';
-export { m as typographySystem } from './fontThemes-Cum0S1DI.mjs';
+import { a as FontTheme } from './fontThemes-Dh8mtXES.mjs';
+export { C as typographySystem } from './fontThemes-Dh8mtXES.mjs';
 export { F as FieldValidation, a as FormErrors, V as ValidationRule, h as hasErrors, p as patterns, r as rules, v as validateField, b as validateForm } from './validation-Bj1ye-v_.mjs';
 import '@dnd-kit/sortable';
 import 'react-hook-form';
@@ -185,7 +185,7 @@ declare const FilterButton: ({ ref, active, count, children, shape, className, .
 
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 }
-declare const Input: ({ ref, className, type, ...props }: InputProps & {
+declare const Input: ({ ref, className, type, style, ...props }: InputProps & {
     ref?: React$1.Ref<HTMLInputElement>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -324,8 +324,12 @@ declare const SearchBar: ({ ref, onSearch, debounceMs, showClearButton, onClear,
 declare const Select: React$1.FC<_radix_ui_react_select.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<typeof Trigger> & {
+declare const SelectTrigger: ({ ref, className, children, style, label, labelClassName, ...props }: ComponentPropsWithoutRef<typeof Trigger> & {
     ref?: React$1.Ref<ElementRef<typeof Trigger>>;
+    /** Optional text label rendered above the trigger. */
+    label?: string;
+    /** Override classes on the label. */
+    labelClassName?: string;
 }) => react_jsx_runtime.JSX.Element;
 declare const SelectScrollUpButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollUpButton> & {
     ref?: React$1.Ref<ElementRef<typeof ScrollUpButton>>;
@@ -333,7 +337,7 @@ declare const SelectScrollUpButton: ({ ref, className, ...props }: ComponentProp
 declare const SelectScrollDownButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollDownButton> & {
     ref?: React$1.Ref<ElementRef<typeof ScrollDownButton>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const SelectContent: ({ ref, className, children, position, ...props }: ComponentPropsWithoutRef<typeof Content> & {
+declare const SelectContent: ({ ref, className, children, position, style, ...props }: ComponentPropsWithoutRef<typeof Content> & {
     ref?: React$1.Ref<ElementRef<typeof Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const SelectLabel: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof Label$1> & {
@@ -508,8 +512,8 @@ declare function Dialog({ ...props }: React$1.ComponentProps<typeof SheetPrimiti
 declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
 declare function DialogClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
+declare function DialogOverlay({ className, style, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, style, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
     showCloseButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -555,7 +559,7 @@ declare const Menubar: ({ ref, className, ...props }: React$1.ComponentPropsWith
 declare const MenubarTrigger: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Trigger>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const MenubarContent: ({ ref, className, align, alignOffset, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & {
+declare const MenubarContent: ({ ref, className, align, alignOffset, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const MenubarItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
@@ -735,10 +739,10 @@ declare const TertiaryNav: ({ ref, items, activeId, onItemChange, mode, top, cla
 declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & {
+declare const AlertDialogOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Overlay>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const AlertDialogContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
+declare const AlertDialogContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const AlertDialogHeader: {
@@ -773,10 +777,10 @@ declare const ContextMenuSubTrigger: ({ ref, className, inset, children, ...prop
 } & {
     ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubTrigger>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuSubContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & {
+declare const ContextMenuSubContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubContent>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
+declare const ContextMenuContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const ContextMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
@@ -807,10 +811,10 @@ declare const Drawer: typeof Drawer$1.Root;
 declare const DrawerTrigger: typeof Drawer$1.Trigger;
 declare const DrawerPortal: typeof Drawer$1.Portal;
 declare const DrawerClose: typeof Drawer$1.Close;
-declare const DrawerOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay> & {
+declare const DrawerOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Overlay>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const DrawerContent: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content> & {
+declare const DrawerContent: ({ ref, className, children, style, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const DrawerHeader: {
@@ -899,10 +903,10 @@ declare const DropdownMenuSubTrigger: ({ ref, className, inset, children, ...pro
 } & {
     ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuSubContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
+declare const DropdownMenuSubContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubContent>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuContent: ({ ref, className, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+declare const DropdownMenuContent: ({ ref, className, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const DropdownMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
@@ -1013,7 +1017,7 @@ declare const Modal: React__default.FC<ModalProps>;
 declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: ({ ref, className, align, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+declare const PopoverContent: ({ ref, className, align, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof PopoverPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1021,7 +1025,7 @@ declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
-declare const SheetOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay> & {
+declare const SheetOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Overlay>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const sheetVariants: (props?: ({
@@ -1029,7 +1033,7 @@ declare const sheetVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
-declare const SheetContent: ({ ref, side, className, children, ...props }: SheetContentProps & {
+declare const SheetContent: ({ ref, side, className, children, style, ...props }: SheetContentProps & {
     ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const SheetHeader: {
@@ -1372,7 +1376,9 @@ declare const badgeVariants: (props?: ({
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     dot?: boolean;
 }
-declare function Badge({ className, variant, size, dot, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, size, dot, children, style, ...props }: BadgeProps & {
+    style?: React$1.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
 
 interface BrandProps {
     /**
@@ -1724,12 +1730,9 @@ interface TextProps {
  * <Text as="label">Form label</Text>
  * ```
  */
-declare const Text: ({ ref, children, variant, size, weight, as: Component, className }: TextProps & {
+declare const Text: React__default.FC<TextProps & {
     ref?: React__default.Ref<HTMLElement>;
-}) => React__default.DetailedReactHTMLElement<{
-    ref: React__default.Ref<HTMLElement> | undefined;
-    className: string;
-}, HTMLElement>;
+}>;
 
 interface VariableWeightTextProps extends Omit<HTMLMotionProps<'div'>, 'children'> {
     /**
@@ -2030,8 +2033,15 @@ interface CustomizerPanelProps {
      * @default false
      */
     showMotionIntensity?: boolean;
+    /**
+     * Which themes to show in the selector.
+     * Defaults to public themes only (studio, terra, volt).
+     * Pass ['speedboat'] to lock to Speedboat, or include it
+     * explicitly to make it visible alongside other themes.
+     */
+    themes?: ThemeName$1[];
 }
-declare const CustomizerPanel: ({ mode, showMotionIntensity }: CustomizerPanelProps) => react_jsx_runtime.JSX.Element | null;
+declare const CustomizerPanel: ({ mode, showMotionIntensity, themes }: CustomizerPanelProps) => react_jsx_runtime.JSX.Element | null;
 
 interface FooterLink {
     label: string;
@@ -2614,7 +2624,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
     setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
     persist: {
         setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "terra" | "volt";
+            theme: "studio" | "terra" | "volt" | "speedboat";
             mode: "light" | "dark";
         }, unknown>>) => void;
         clearStorage: () => void;
@@ -2623,7 +2633,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
         onHydrate: (fn: (state: ThemeState) => void) => () => void;
         onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
         getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "terra" | "volt";
+            theme: "studio" | "terra" | "volt" | "speedboat";
             mode: "light" | "dark";
         }, unknown>>;
     };
@@ -2663,7 +2673,7 @@ interface SavedFontTheme extends FontTheme {
     createdAt: number;
     category: 'custom';
 }
-type ThemeName = 'studio' | 'terra' | 'volt';
+type ThemeName = 'studio' | 'terra' | 'volt' | 'speedboat';
 type ColorMode = 'light' | 'dark';
 interface CustomizerState {
     motion: number;
@@ -2733,6 +2743,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
             };
             savedPalettes: SavedPalette[];
             customFontThemes: {
@@ -2748,6 +2762,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
             };
             savedFontThemes: SavedFontTheme[];
         }, unknown>>) => void;
@@ -2773,6 +2791,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
             };
             savedPalettes: SavedPalette[];
             customFontThemes: {
@@ -2788,6 +2810,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
             };
             savedFontThemes: SavedFontTheme[];
         }, unknown>>;

package/dist/index.d.ts

@@ -12,12 +12,12 @@ import { OTPInput } from 'input-otp';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as _radix_ui_react_select from '@radix-ui/react-select';
-import { Trigger, Content, Label as Label$1, Item, Separator as Separator$1, ScrollUpButton, ScrollDownButton } from '@radix-ui/react-select';
+import { Content, Item, Label as Label$1, ScrollDownButton, ScrollUpButton, Separator as Separator$1, Trigger } from '@radix-ui/react-select';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { Accept, FileRejection } from 'react-dropzone';
-import { S as SyntaxType, a as SyntaxToken, B as BreadcrumbItemLegacy, b as Breadcrumbs, c as BreadcrumbsProps } from './utils-xrpHqxXR.js';
-export { U as Language, R as RouteConfig, T as Transition, V as Variant, d as Variants, G as adjustLightness, J as adjustOpacity, H as adjustSaturation, N as cn, j as collapseVariants, q as colorTokens, M as colorUtils, k as createAnimation, Q as detectLanguage, i as drawerVariants, e as durations, f as easings, g as fadeVariants, o as generateBreadcrumbs, L as generateColorScale, u as getCSSVariable, C as getContrastRatio, w as getForegroundColor, A as getLuminance, K as getOptimalForeground, y as getSemanticColorPair, E as hexToHSL, z as hexToRgb, F as hslToHex, l as listVariants, D as meetsContrastRequirements, m as modalVariants, O as parseCode, p as presets, I as rotateHue, r as rotateVariants, n as scaleDuration, h as scaleVariants, x as semanticColors, v as setCSSVariable, s as slideVariants, P as tokenize, t as transitions } from './utils-xrpHqxXR.js';
+import { S as SyntaxType, a as SyntaxToken, B as BreadcrumbItemLegacy, b as Breadcrumbs, c as BreadcrumbsProps } from './utils-CIIM7dAC.js';
+export { L as Language, R as RouteConfig, T as Transition, V as Variant, d as Variants, e as adjustLightness, f as adjustOpacity, g as adjustSaturation, h as cn, i as collapseVariants, j as colorTokens, k as colorUtils, l as createAnimation, m as detectLanguage, n as drawerVariants, o as durations, p as easings, q as fadeVariants, r as generateBreadcrumbs, s as generateColorScale, t as getCSSVariable, u as getContrastRatio, v as getForegroundColor, w as getLuminance, x as getOptimalForeground, y as getSemanticColorPair, z as hexToHSL, A as hexToRgb, C as hslToHex, D as listVariants, E as meetsContrastRequirements, F as modalVariants, G as parseCode, H as presets, I as rotateHue, J as rotateVariants, K as scaleDuration, M as scaleVariants, N as semanticColors, O as setCSSVariable, P as slideVariants, Q as tokenize, U as transitions } from './utils-CIIM7dAC.js';
 import { Command as Command$1 } from 'cmdk';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
@@ -40,16 +40,16 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import { Group, Panel, Separator as Separator$2 } from 'react-resizable-panels';
+import { T as ThemeName$1, C as ColorMode$1 } from './index-DscTIrZ2.js';
+import { Separator as Separator$2, Panel, Group } from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-export { p as Providers, T as ThemeProvider } from './providers-Dv3LFGtJ.js';
-export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, b as UseFormReturn, c as useForm, a as useMotionPreference, u as useTheme } from './hooks-DHPlUx3T.js';
+export { p as Providers, T as ThemeProvider, a as ThemeProviderProps } from './providers-qfyBVcPW.js';
+export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, a as UseFormReturn, u as useForm, b as useMotionPreference, c as useTheme } from './hooks-CKW8vE9H.js';
 import * as zustand_middleware from 'zustand/middleware';
 import * as zustand from 'zustand';
-import { T as ThemeName$1, C as ColorMode$1 } from './index-L8R3gyuQ.js';
-import { q as FontTheme } from './fontThemes-Cum0S1DI.js';
-export { m as typographySystem } from './fontThemes-Cum0S1DI.js';
+import { a as FontTheme } from './fontThemes-Dh8mtXES.js';
+export { C as typographySystem } from './fontThemes-Dh8mtXES.js';
 export { F as FieldValidation, a as FormErrors, V as ValidationRule, h as hasErrors, p as patterns, r as rules, v as validateField, b as validateForm } from './validation-Bj1ye-v_.js';
 import '@dnd-kit/sortable';
 import 'react-hook-form';
@@ -185,7 +185,7 @@ declare const FilterButton: ({ ref, active, count, children, shape, className, .
 
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 }
-declare const Input: ({ ref, className, type, ...props }: InputProps & {
+declare const Input: ({ ref, className, type, style, ...props }: InputProps & {
     ref?: React$1.Ref<HTMLInputElement>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -324,8 +324,12 @@ declare const SearchBar: ({ ref, onSearch, debounceMs, showClearButton, onClear,
 declare const Select: React$1.FC<_radix_ui_react_select.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<_radix_ui_react_select.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: ({ ref, className, children, ...props }: ComponentPropsWithoutRef<typeof Trigger> & {
+declare const SelectTrigger: ({ ref, className, children, style, label, labelClassName, ...props }: ComponentPropsWithoutRef<typeof Trigger> & {
     ref?: React$1.Ref<ElementRef<typeof Trigger>>;
+    /** Optional text label rendered above the trigger. */
+    label?: string;
+    /** Override classes on the label. */
+    labelClassName?: string;
 }) => react_jsx_runtime.JSX.Element;
 declare const SelectScrollUpButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollUpButton> & {
     ref?: React$1.Ref<ElementRef<typeof ScrollUpButton>>;
@@ -333,7 +337,7 @@ declare const SelectScrollUpButton: ({ ref, className, ...props }: ComponentProp
 declare const SelectScrollDownButton: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof ScrollDownButton> & {
     ref?: React$1.Ref<ElementRef<typeof ScrollDownButton>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const SelectContent: ({ ref, className, children, position, ...props }: ComponentPropsWithoutRef<typeof Content> & {
+declare const SelectContent: ({ ref, className, children, position, style, ...props }: ComponentPropsWithoutRef<typeof Content> & {
     ref?: React$1.Ref<ElementRef<typeof Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const SelectLabel: ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof Label$1> & {
@@ -508,8 +512,8 @@ declare function Dialog({ ...props }: React$1.ComponentProps<typeof SheetPrimiti
 declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Portal>): react_jsx_runtime.JSX.Element;
 declare function DialogClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
+declare function DialogOverlay({ className, style, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, style, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
     showCloseButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -555,7 +559,7 @@ declare const Menubar: ({ ref, className, ...props }: React$1.ComponentPropsWith
 declare const MenubarTrigger: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Trigger>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const MenubarContent: ({ ref, className, align, alignOffset, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & {
+declare const MenubarContent: ({ ref, className, align, alignOffset, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof MenubarPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const MenubarItem: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
@@ -735,10 +739,10 @@ declare const TertiaryNav: ({ ref, items, activeId, onItemChange, mode, top, cla
 declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & {
+declare const AlertDialogOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Overlay>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const AlertDialogContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
+declare const AlertDialogContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof AlertDialogPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const AlertDialogHeader: {
@@ -773,10 +777,10 @@ declare const ContextMenuSubTrigger: ({ ref, className, inset, children, ...prop
 } & {
     ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubTrigger>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuSubContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & {
+declare const ContextMenuSubContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.SubContent>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const ContextMenuContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
+declare const ContextMenuContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof ContextMenuPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const ContextMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
@@ -807,10 +811,10 @@ declare const Drawer: typeof Drawer$1.Root;
 declare const DrawerTrigger: typeof Drawer$1.Trigger;
 declare const DrawerPortal: typeof Drawer$1.Portal;
 declare const DrawerClose: typeof Drawer$1.Close;
-declare const DrawerOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay> & {
+declare const DrawerOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Overlay>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const DrawerContent: ({ ref, className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content> & {
+declare const DrawerContent: ({ ref, className, children, style, ...props }: React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof Drawer$1.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const DrawerHeader: {
@@ -899,10 +903,10 @@ declare const DropdownMenuSubTrigger: ({ ref, className, inset, children, ...pro
 } & {
     ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuSubContent: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
+declare const DropdownMenuSubContent: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.SubContent>>;
 }) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuContent: ({ ref, className, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+declare const DropdownMenuContent: ({ ref, className, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof DropdownMenuPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const DropdownMenuItem: ({ ref, className, inset, ...props }: React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
@@ -1013,7 +1017,7 @@ declare const Modal: React__default.FC<ModalProps>;
 declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: ({ ref, className, align, sideOffset, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+declare const PopoverContent: ({ ref, className, align, sideOffset, style, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof PopoverPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -1021,7 +1025,7 @@ declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
-declare const SheetOverlay: ({ ref, className, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay> & {
+declare const SheetOverlay: ({ ref, className, style, ...props }: React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay> & {
     ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Overlay>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const sheetVariants: (props?: ({
@@ -1029,7 +1033,7 @@ declare const sheetVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
-declare const SheetContent: ({ ref, side, className, children, ...props }: SheetContentProps & {
+declare const SheetContent: ({ ref, side, className, children, style, ...props }: SheetContentProps & {
     ref?: React$1.Ref<React$1.ElementRef<typeof SheetPrimitive.Content>>;
 }) => react_jsx_runtime.JSX.Element;
 declare const SheetHeader: {
@@ -1372,7 +1376,9 @@ declare const badgeVariants: (props?: ({
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     dot?: boolean;
 }
-declare function Badge({ className, variant, size, dot, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, size, dot, children, style, ...props }: BadgeProps & {
+    style?: React$1.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
 
 interface BrandProps {
     /**
@@ -1724,12 +1730,9 @@ interface TextProps {
  * <Text as="label">Form label</Text>
  * ```
  */
-declare const Text: ({ ref, children, variant, size, weight, as: Component, className }: TextProps & {
+declare const Text: React__default.FC<TextProps & {
     ref?: React__default.Ref<HTMLElement>;
-}) => React__default.DetailedReactHTMLElement<{
-    ref: React__default.Ref<HTMLElement> | undefined;
-    className: string;
-}, HTMLElement>;
+}>;
 
 interface VariableWeightTextProps extends Omit<HTMLMotionProps<'div'>, 'children'> {
     /**
@@ -2030,8 +2033,15 @@ interface CustomizerPanelProps {
      * @default false
      */
     showMotionIntensity?: boolean;
+    /**
+     * Which themes to show in the selector.
+     * Defaults to public themes only (studio, terra, volt).
+     * Pass ['speedboat'] to lock to Speedboat, or include it
+     * explicitly to make it visible alongside other themes.
+     */
+    themes?: ThemeName$1[];
 }
-declare const CustomizerPanel: ({ mode, showMotionIntensity }: CustomizerPanelProps) => react_jsx_runtime.JSX.Element | null;
+declare const CustomizerPanel: ({ mode, showMotionIntensity, themes }: CustomizerPanelProps) => react_jsx_runtime.JSX.Element | null;
 
 interface FooterLink {
     label: string;
@@ -2614,7 +2624,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
     setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
     persist: {
         setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "terra" | "volt";
+            theme: "studio" | "terra" | "volt" | "speedboat";
             mode: "light" | "dark";
         }, unknown>>) => void;
         clearStorage: () => void;
@@ -2623,7 +2633,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
         onHydrate: (fn: (state: ThemeState) => void) => () => void;
         onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
         getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "terra" | "volt";
+            theme: "studio" | "terra" | "volt" | "speedboat";
             mode: "light" | "dark";
         }, unknown>>;
     };
@@ -2663,7 +2673,7 @@ interface SavedFontTheme extends FontTheme {
     createdAt: number;
     category: 'custom';
 }
-type ThemeName = 'studio' | 'terra' | 'volt';
+type ThemeName = 'studio' | 'terra' | 'volt' | 'speedboat';
 type ColorMode = 'light' | 'dark';
 interface CustomizerState {
     motion: number;
@@ -2733,6 +2743,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
             };
             savedPalettes: SavedPalette[];
             customFontThemes: {
@@ -2748,6 +2762,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
             };
             savedFontThemes: SavedFontTheme[];
         }, unknown>>) => void;
@@ -2773,6 +2791,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: ColorPalette | undefined;
+                    dark?: ColorPalette | undefined;
+                } | undefined;
             };
             savedPalettes: SavedPalette[];
             customFontThemes: {
@@ -2788,6 +2810,10 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
+                speedboat?: {
+                    light?: FontTheme | undefined;
+                    dark?: FontTheme | undefined;
+                } | undefined;
             };
             savedFontThemes: SavedFontTheme[];
         }, unknown>>;