@evinvest/uikit 0.18.0 → 0.20.0

package/dist/index.d.ts

@@ -45,9 +45,10 @@ declare function useControllableState<T>(opts: {
 }): [T, (next: T) => void];
 
 /**
- * Renders its children into `container` (default `document.body`) via
- * `react-dom`'s `createPortal` — the dep-light stand-in for
- * `@radix-ui/react-portal`. SSR-safe: renders nothing until mounted.
+ * Renders its children into `container` (default: the nearest
+ * {@link PortalProvider}'s, else `document.body`) via `react-dom`'s
+ * `createPortal` — the dep-light stand-in for `@radix-ui/react-portal`.
+ * SSR-safe: renders nothing until mounted.
  *
  * Rust has no portal counterpart (see the README "Limitations"): `ev_lib::uikit`
  * overlays render inline with fixed positioning instead.
@@ -56,6 +57,18 @@ interface PortalProps {
     children: React.ReactNode;
     container?: Element | null;
 }
+interface PortalProviderProps {
+    /** Where every overlay beneath this provider mounts; `null` falls back to `document.body`. */
+    container: Element | null;
+    children?: React.ReactNode;
+}
+/**
+ * Re-targets every overlay beneath it (Dialog, Select, Popover, Tooltip, …)
+ * into `container`. Tokens are inherited custom properties, so an overlay
+ * portaled to `document.body` leaves its `[data-brand]` scope and paints in
+ * the root palette; mounted inside the scope, it keeps the brand's.
+ */
+declare function PortalProvider({ container, children }: PortalProviderProps): React.JSX.Element;
 declare function Portal({ children, container }: PortalProps): React.ReactPortal | null;
 
 /**
@@ -195,7 +208,7 @@ declare function useHoverIntent(opts: {
 declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
 
 declare const alertVariants: {
-    readonly neutral: "bg-card text-ink";
+    readonly neutral: "bg-card text-ink border-border";
     readonly destructive: "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
     readonly success: "text-positive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
     readonly info: "text-accent-info bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-ink-mid";
@@ -214,10 +227,10 @@ declare function AvatarImage({ className, onError, ...props }: React.ComponentPr
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 declare const badgeVariants: {
-    readonly primary: "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90";
-    readonly secondary: "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90";
-    readonly destructive: "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20";
-    readonly outline: "text-ink [a&]:hover:bg-hover [a&]:hover:text-ink";
+    readonly primary: "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+    readonly secondary: "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+    readonly destructive: "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+    readonly outline: "border-border text-ink [a&]:hover:bg-hover [a&]:hover:text-ink";
     readonly success: "border-transparent bg-positive/20 text-positive";
 };
 type BadgeVariant = keyof typeof badgeVariants;
@@ -249,11 +262,11 @@ declare const accentTextClasses: {
 type Accent = keyof typeof accentTextClasses;
 
 declare const buttonVariantClasses: {
-    readonly primary: "bg-primary text-on-primary hover:bg-primary/90";
-    readonly secondary: "bg-secondary text-on-secondary hover:bg-secondary/80";
-    readonly outline: "border bg-transparent shadow-xs hover:bg-hover hover:text-ink";
+    readonly primary: "bg-primary text-on-primary hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+    readonly secondary: "bg-secondary text-on-secondary hover:bg-secondary/80 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+    readonly outline: "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink";
     readonly ghost: "hover:bg-hover hover:text-ink";
-    readonly destructive: "bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20";
+    readonly destructive: "bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
     readonly link: "text-primary-ink underline-offset-4 hover:underline";
 };
 type ButtonVariant = keyof typeof buttonVariantClasses;
@@ -349,11 +362,31 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
     variant?: "legend" | "label";
 }): React.JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & {
+/**
+ * A labelled control. `Field` mints one id and hands it to both ends: its
+ * `FieldLabel` takes it as `for`, and the kit's `Input`, `Textarea`,
+ * `NativeSelect`, `SelectTrigger`, `Checkbox` and `Switch` take it as `id` —
+ * each only when the caller passed none. `controlId` names the id instead of
+ * minting one. One control per `Field`: a field that holds two has to name
+ * their ids by hand, or both would claim the one id (a development warning
+ * says so).
+ */
+declare function Field({ className, orientation, controlId, ...props }: React.ComponentProps<"div"> & {
     orientation?: FieldOrientation;
+    controlId?: string;
 }): React.JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
+interface FieldLabelProps extends Omit<React.ComponentProps<typeof Label>, "htmlFor"> {
+    /** `null` opts out of the `Field`'s id: the label then has no `for` at all. */
+    htmlFor?: string | null;
+}
+/**
+ * Takes its `Field`'s id as `for` unless it wraps a control itself — a label
+ * around an `<input>` already labels it, and a `for` pointing elsewhere would
+ * steal the click. A control inside a component of yours is invisible to that
+ * check; pass `htmlFor={null}` there.
+ */
+declare function FieldLabel({ className, htmlFor, children, ...props }: FieldLabelProps): React.JSX.Element;
 declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
@@ -379,9 +412,13 @@ declare function SectionDescriptor({ title, icon, collapsible, defaultOpen, clas
 /**
  * A 12-col footer grid — brand 3 | sitemap groups 2 each | offices 3 |
  * newsletter 2 — with the legal links and copyright line. On mobile the sitemap
- * columns sit side by side. Every string is the caller's; the `offices` and
- * `newsletter` columns are omitted when empty. `children` render right after the
- * `<footer>` tag — the slot for app-side extras like a build-version easter egg.
+ * columns sit side by side. The kit brings no content of its own: every string,
+ * the mark and the lock-up are the caller's, and each column renders only when
+ * it has something in it. `children` render right after the `<footer>` tag —
+ * the slot for app-side extras like a build-version easter egg.
+ *
+ * The lock-up is either composed from `mark` + `brand` + `tagline`, or handed
+ * over whole as `lockup` when a brand's arrangement is not that one.
  *
  * `linkComponent` lets Next hosts pass `next/link`; everyone else gets `<a>`.
  */
@@ -398,13 +435,16 @@ interface FooterOffice {
     address: string;
 }
 interface FooterProps {
-    brand: string;
-    description: string;
-    copyright: string;
-    nav: readonly FooterLinkGroup[];
+    /** The whole lock-up; replaces the one `mark` + `brand` + `tagline` compose. */
+    lockup?: React.ReactNode;
+    /** The wordmark beside the mark, set in the display family. */
+    brand?: string;
     /** The mark beside the brand name. Sized by the caller. */
     mark?: React.ReactNode;
     tagline?: string;
+    description?: React.ReactNode;
+    copyright?: React.ReactNode;
+    nav?: readonly FooterLinkGroup[];
     offices?: readonly FooterOffice[];
     officesHeading?: string;
     legalLinks?: readonly FooterLink[];
@@ -417,11 +457,31 @@ interface FooterProps {
     linkComponent?: React.ElementType;
     children?: React.ReactNode;
 }
-declare function Footer({ brand, description, copyright, nav, mark, tagline, offices, officesHeading, legalLinks, newsletter, newsletterHeading, newsletterBlurb, version, commitHref, linkComponent, children, }: FooterProps): React.JSX.Element;
+declare function Footer({ lockup, brand, mark, tagline, description, copyright, nav, offices, officesHeading, legalLinks, newsletter, newsletterHeading, newsletterBlurb, version, commitHref, linkComponent, children, }: FooterProps): React.JSX.Element;
+
+declare const inputSizeClasses: {
+    readonly sm: "h-8";
+    readonly md: "h-9";
+    readonly lg: "h-12 px-4 text-base md:text-base file:h-9";
+};
+type InputSize = keyof typeof inputSizeClasses;
+
+interface InputProps extends Omit<React.ComponentPropsWithoutRef<"input">, "size"> {
+    size?: InputSize;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const textareaSizeClasses: {
+    readonly sm: "min-h-14";
+    readonly md: "min-h-16";
+    readonly lg: "min-h-20 px-4 py-3 text-base md:text-base";
+};
+type TextareaSize = keyof typeof textareaSizeClasses;
 
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+interface TextareaProps extends React.ComponentProps<"textarea"> {
+    size?: TextareaSize;
+}
+declare function Textarea({ className, id, size, ...props }: TextareaProps): React.JSX.Element;
 
 /**
  * The consumer's mark, painted as a CSS mask (`backgroundColor: currentColor` +
@@ -470,7 +530,7 @@ interface InputGroupButtonProps extends Omit<ButtonProps, "size"> {
 }
 declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): React.JSX.Element;
 declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: Omit<React.ComponentProps<"input">, "size">): React.JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
 
 declare const separatorOrientations: {
@@ -497,7 +557,7 @@ declare const itemSizes: {
 type ItemSize = keyof typeof itemSizes;
 declare const itemMediaVariants: {
     readonly bare: "bg-transparent";
-    readonly icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4";
+    readonly icon: "size-8 border border-border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4";
     readonly image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover";
 };
 type ItemMediaVariant = keyof typeof itemMediaVariants;
@@ -677,7 +737,9 @@ interface SectionProps extends React.ComponentProps<"section"> {
 /**
  * `polarity` sets the token scope on the element, so everything inside reads
  * `text-ink` / `border-border` / `text-ink-soft` and resolves correctly on
- * either side. `tight` is the shorter vertical rhythm.
+ * either side. Omitted, the band sets no scope and inherits its parent's: a
+ * default of `light` would flip every band of a dark-first brand. `tight` is
+ * the shorter vertical rhythm.
  */
 declare function Section({ polarity, surface, tight, className, ...props }: SectionProps): React.JSX.Element;
 /** The label above a headline, in the interactive role's colour. */
@@ -782,14 +844,14 @@ interface SwitchProps extends Omit<React.ComponentProps<"button">, "onChange"> {
     defaultChecked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }
-declare function Switch({ className, checked, defaultChecked, onCheckedChange, onClick, disabled, ...props }: SwitchProps): React.JSX.Element;
+declare function Switch({ className, checked, defaultChecked, onCheckedChange, onClick, disabled, id, ...props }: SwitchProps): React.JSX.Element;
 
 interface CheckboxProps extends Omit<React.ComponentProps<"button">, "onChange"> {
     checked?: boolean;
     defaultChecked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }
-declare function Checkbox({ className, checked, defaultChecked, onCheckedChange, onClick, disabled, ...props }: CheckboxProps): React.JSX.Element;
+declare function Checkbox({ className, checked, defaultChecked, onCheckedChange, onClick, disabled, id, ...props }: CheckboxProps): React.JSX.Element;
 
 interface RadioGroupProps extends Omit<React.ComponentProps<"div">, "onChange"> {
     value?: string;
@@ -1313,6 +1375,19 @@ declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div
 declare function DrawerTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
+declare const selectTriggerSizeClasses: {
+    readonly sm: "h-8";
+    readonly md: "h-9";
+    readonly lg: "h-12 px-4 text-base";
+};
+type SelectTriggerSize = keyof typeof selectTriggerSizeClasses;
+declare const nativeSelectSizeClasses: {
+    readonly sm: "h-8";
+    readonly md: "h-9";
+    readonly lg: "h-12 pr-11 pl-4 text-base md:text-base";
+};
+type NativeSelectSize = keyof typeof nativeSelectSizeClasses;
+
 interface SelectProps {
     value?: string;
     defaultValue?: string;
@@ -1324,13 +1399,19 @@ interface SelectProps {
 }
 declare function Select({ value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, children, }: SelectProps): React.JSX.Element;
 interface SelectTriggerProps extends React.ComponentProps<"button"> {
-    size?: "sm" | "md";
+    size?: SelectTriggerSize;
 }
-declare function SelectTrigger({ className, size, onClick, children, ...props }: SelectTriggerProps): React.JSX.Element;
+declare function SelectTrigger({ className, size, onClick, children, id, ...props }: SelectTriggerProps): React.JSX.Element;
 interface SelectValueProps extends React.ComponentProps<"span"> {
     placeholder?: string;
 }
-declare function SelectValue({ className, placeholder, ...props }: SelectValueProps): React.JSX.Element;
+/**
+ * The chosen option's label — the `textValue` of the `SelectItem` whose `value`
+ * matches, else the text of its children — or `placeholder` while nothing is
+ * chosen. `children`, when given,
+ * replace the label outright.
+ */
+declare function SelectValue({ className, placeholder, children, ...props }: SelectValueProps): React.JSX.Element;
 interface SelectContentProps extends React.ComponentProps<"div"> {
     side?: "top" | "right" | "bottom" | "left";
     align?: "start" | "center" | "end";
@@ -1344,12 +1425,38 @@ interface SelectItemContext {
 }
 interface SelectItemProps extends React.ComponentProps<"div">, SelectItemContext {
     value: string;
+    /** What the trigger shows once this item is chosen; defaults to the text of `children`. */
+    textValue?: string;
 }
-declare function SelectItem({ className, value, children, __index, __active, __setActive, ...props }: SelectItemProps): React.JSX.Element;
+declare function SelectItem({ className, value, textValue, children, __index, __active, __setActive, ...props }: SelectItemProps): React.JSX.Element;
 declare function SelectGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SelectLabel({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SelectSeparator({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
+/**
+ * A real `<select>` wearing the kit's control: the form posts its `name` with no
+ * script at all, and the popup is the platform's own (keyboard, type-ahead, the
+ * mobile picker). `Select` is the scripted combobox for everything a native
+ * popup cannot draw; this is for a form that has to submit before hydration.
+ *
+ * A component of its own rather than a `native` switch on `Select`: none of
+ * `SelectTrigger` / `SelectValue` / `SelectContent` has a native counterpart, so
+ * a flag would leave most of the compound API meaning nothing in one mode.
+ *
+ * `className` styles the `<select>`; `wrapperClassName` the box that holds it
+ * and the arrow — that box is what a layout sizes. It is `w-full` like `Input`,
+ * so the two line up in a form column; narrow it with `wrapperClassName`.
+ */
+interface NativeSelectProps extends Omit<React.ComponentPropsWithoutRef<"select">, "size" | "multiple"> {
+    size?: NativeSelectSize;
+    /** An empty, unpickable first option shown until a value is chosen. */
+    placeholder?: string;
+    wrapperClassName?: string;
+}
+declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;
+declare function NativeSelectOption(props: React.ComponentProps<"option">): React.JSX.Element;
+declare function NativeSelectGroup(props: React.ComponentProps<"optgroup">): React.JSX.Element;
+
 interface CommandProps extends React.ComponentProps<"div"> {
     search?: string;
     defaultSearch?: string;
@@ -1748,4 +1855,4 @@ declare function OrderFormSubmit({ side, className, ...props }: OrderFormSubmitP
 /** The open-orders pane with nothing in it. */
 declare function OpenOrdersEmpty({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-export { type Accent, Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AlertTitle, type AlertVariant, type Align, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeVariant, type BookSide, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselEdgeFade, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, type ChartConfig, ChartContainer, type ChartItem, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Check, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DateTimePicker, type DateTimePickerLabels, type DateTimePickerProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, Display, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, type DrawerProps, DrawerTitle, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyMediaVariant, EmptyTitle, Eyebrow, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, FieldTitle, type FloatingResult, Footer, type FooterLink, type FooterLinkGroup, type FooterOffice, type FooterProps, Forbidden, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type HoverIntentHandlers, InfoTip, InfoTipContent, type InfoTipContentProps, type InfoTipProps, InfoTipTrigger, type InfoTipTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSize, ItemTitle, type ItemVariant, Kbd, KbdGroup, Label, Logo, type LogoProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, type MenubarMenuProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, type MenubarSubProps, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFound, OpenOrdersEmpty, OrderBook, OrderBookHead, type OrderBookHeadProps, OrderBookRow, type OrderBookRowProps, OrderBookSpread, OrderForm, OrderFormRow, type OrderFormRowProps, OrderFormSubmit, type OrderFormSubmitProps, type OrderSide, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Polarity, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Progress, type ProgressProps, Prose, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResizableDirection, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, ScrollBar, type ScrollBarOrientation, type ScrollBarProps, Section, SectionDescriptor, type SectionDescriptorProps, SectionHead, type SectionHeadProps, type SectionProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, ServerError, type ServerErrorProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, type SheetProps, SheetTitle, SheetTrigger, type SheetTriggerProps, type Side, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, type SidebarMenuButtonSize, SidebarMenuItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Slot, type SlotProps, Spinner, Stat, type StatProps, type StatusLinkData, type StatusPageProps, StatusScreen, type StatusScreenProps, type Surface, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, type TerminalArea, TerminalChart, TerminalPane, TerminalPaneBody, TerminalPaneHeader, type TerminalPaneProps, TerminalTicker, Textarea, TickerStat, type TickerStatProps, type Toast, type ToastFn, type ToastOptions, type ToastPosition, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TradesTapeRow, type TradesTapeRowProps, buttonVariants, cn, mergeRefs, navigationMenuTriggerStyle, statusCtaClass, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePresence, useRovingFocus, useSidebar };
+export { type Accent, Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AlertTitle, type AlertVariant, type Align, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeVariant, type BookSide, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselEdgeFade, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, type ChartConfig, ChartContainer, type ChartItem, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Check, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DateTimePicker, type DateTimePickerLabels, type DateTimePickerProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, Display, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, type DrawerProps, DrawerTitle, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyMediaVariant, EmptyTitle, Eyebrow, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, FieldTitle, type FloatingResult, Footer, type FooterLink, type FooterLinkGroup, type FooterOffice, type FooterProps, Forbidden, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type HoverIntentHandlers, InfoTip, InfoTipContent, type InfoTipContentProps, type InfoTipProps, InfoTipTrigger, type InfoTipTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, type InputSize, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSize, ItemTitle, type ItemVariant, Kbd, KbdGroup, Label, Logo, type LogoProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, type MenubarMenuProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, type MenubarSubProps, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectGroup, NativeSelectOption, type NativeSelectProps, type NativeSelectSize, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFound, OpenOrdersEmpty, OrderBook, OrderBookHead, type OrderBookHeadProps, OrderBookRow, type OrderBookRowProps, OrderBookSpread, OrderForm, OrderFormRow, type OrderFormRowProps, OrderFormSubmit, type OrderFormSubmitProps, type OrderSide, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Polarity, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, PortalProvider, type PortalProviderProps, Progress, type ProgressProps, Prose, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResizableDirection, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, ScrollBar, type ScrollBarOrientation, type ScrollBarProps, Section, SectionDescriptor, type SectionDescriptorProps, SectionHead, type SectionHeadProps, type SectionProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, type SelectTriggerSize, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, ServerError, type ServerErrorProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, type SheetProps, SheetTitle, SheetTrigger, type SheetTriggerProps, type Side, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, type SidebarMenuButtonSize, SidebarMenuItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Slot, type SlotProps, Spinner, Stat, type StatProps, type StatusLinkData, type StatusPageProps, StatusScreen, type StatusScreenProps, type Surface, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, type TerminalArea, TerminalChart, TerminalPane, TerminalPaneBody, TerminalPaneHeader, type TerminalPaneProps, TerminalTicker, Textarea, type TextareaProps, type TextareaSize, TickerStat, type TickerStatProps, type Toast, type ToastFn, type ToastOptions, type ToastPosition, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TradesTapeRow, type TradesTapeRowProps, buttonVariants, cn, mergeRefs, navigationMenuTriggerStyle, statusCtaClass, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePresence, useRovingFocus, useSidebar };