@evinvest/uikit 0.13.0 → 0.15.0

package/README.md

@@ -78,7 +78,6 @@ state, never its appearance (`Red`) and never its selection (`Default`); see
 and carries EV's values: a single dark palette on `:root, .dark`. A consumer
 with two polarities writes its own sheet against the same names.
 
-`styles/tokens-legacy.css` is the pre-0.11 vocabulary layered on top —
 `text-main-mist`, `bg-sidebar`, `text-muted-foreground` and the rest keep
 working, and the current tokens are re-pointed at the old values so rendered
 colour is unchanged. Import it instead while migrating; it goes away once every
@@ -130,7 +129,7 @@ element across the two ports.
 | overlay placement | inline `position:fixed` + `data-side` | `Portal` + `useFloating` |
 | dismiss / focus trap | full-screen backdrop / native order | `useDismissableLayer` / `useFocusScope` |
 
-### Component inventory (all 61 bricks)
+### Component inventory (all 62 bricks)
 
 - **Tier A — static (22):** badge, button, button-group, card, input, textarea,
   label, field, separator, skeleton, spinner, kbd, table, container, alert,
@@ -141,10 +140,13 @@ element across the two ports.
 - **Tier C — overlay (13):** tooltip, popover, hover-card, dropdown-menu,
   context-menu, menubar, navigation-menu, dialog, alert-dialog, sheet, drawer,
   select, command.
-- **Tier D — engines (5):** chart, calendar, sonner (toaster), form, resizable.
-- **Brand chrome — site shell (7):** header (marketing / compact density, plus
-  `hideNav`), footer, logo, and the shared status pages — `StatusScreen` with the
-  `NotFound` / `Forbidden` / `ServerError` presets (404 / 403 / 500).
+- **Tier D — engines (6):** chart, calendar, date-time-picker, sonner (toaster),
+  form, resizable.
+- **Site chrome (7):** header (marketing / compact density, plus `hideNav`),
+  footer, logo, and the shared status pages — `StatusScreen` with the `NotFound`
+  / `Forbidden` / `ServerError` presets (404 / 403 / 500). The kit ships no
+  artwork: `Logo` masks whatever `--brand-mark` / `--brand-aspect` the consumer
+  declares beside the palette, and the status pages use it for their mark.
 - **Features — composed screens (1):** terminal — a trading terminal over an
   investment product's shares (`Terminal` grid placing each `TerminalPane` by
   `TerminalArea`; `TerminalTicker` / `TickerStat`; `OrderBook` with
@@ -154,8 +156,9 @@ element across the two ports.
   locale and no number format.
 
 The canonical variant set is the **superset** of the original cabinet (Rust) and
-landing (TS) sources — e.g. `Badge` keeps cabinet's `success` variant, `Button`
-keeps landing's `icon-sm`/`icon-lg` sizes.
+landing (TS) sources — e.g. `Badge` keeps cabinet's `success` variant, and
+`Button` keeps landing's square icon shape at every size, as the separate `icon`
+boolean it always was in Rust (see [docs/spec/variants.md](../../docs/spec/variants.md)).
 
 ## Limitations
 
@@ -179,8 +182,21 @@ measuring needs host-only `web-sys`). Known gaps:
   submit's default — inputs, validation and the order itself are the
   consumer's. The open-orders pane reuses `Table` and `Tabs`.
 - **calendar:** single month, single-date selection (no range/multi-month, no
-  locale/dropdown features). Rust does manual date math; TS uses the built-in
-  `Date`.
+  dropdown captions). `min`/`max` bound the grid at day granularity (days outside
+  render `disabled` + `data-disabled="true"`); `disabled` freezes the
+  whole grid and the nav the same way; the nav buttons take label overrides. TS-only `locale` renders the caption and weekday headers through
+  `Intl` (Monday-first); Rust has no `Intl`, so its captions stay English. Rust
+  does manual date math; TS uses the built-in `Date`.
+- **date-time-picker:** the kit's own bricks only — an outline trigger, a
+  `Popover` with the `Calendar` and two numeric 24-hour hours/minutes fields (no
+  native `datetime-local` / `time` input, so the browser's locale popup never
+  appears). Its ARIA and button strings are `labels` overrides with English
+  defaults — the nav buttons, the hours/minutes `aria-label`s, the clear button
+  and the popover's own accessible name (`labels.dialog`). TS formats the trigger label through `Intl` when `locale` is set,
+  else `YYYY-MM-DD HH:MM`; Rust has no `Intl`: the ISO-like label or the
+  `format` callback, English month/weekday captions. The hidden form value is
+  unix seconds in TS and `YYYY-MM-DDTHH:MM` in Rust (no zone there). The Rust
+  overlay is the inline popover described above.
 - **sonner:** both ports stack toasts Sonner-style — a collapsed pile (front
   three peeking, scaled by depth) that spreads into a list on hover / keyboard
   focus, via the shared `data-stack` CSS in `tokens.css`. The enter is a CSS

package/dist/index.d.ts

@@ -169,6 +169,8 @@ declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.R
 declare const alertVariants: {
     readonly neutral: "bg-card text-ink";
     readonly destructive: "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-error/90";
+    readonly success: "text-positive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-positive/90";
+    readonly info: "text-accent-info bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-info/90";
 };
 type AlertVariant = keyof typeof alertVariants;
 
@@ -209,6 +211,15 @@ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"s
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 
+declare const accentTextClasses: {
+    readonly trace: "text-accent-trace";
+    readonly debug: "text-accent-debug";
+    readonly info: "text-accent-info";
+    readonly warn: "text-accent-warn";
+    readonly error: "text-accent-error";
+};
+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";
@@ -219,39 +230,42 @@ declare const buttonVariantClasses: {
 };
 type ButtonVariant = keyof typeof buttonVariantClasses;
 declare const buttonSizeClasses: {
-    readonly md: "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3";
     readonly xs: "h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5";
     readonly sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5";
+    readonly md: "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3";
     readonly lg: "h-10 px-6 has-[>svg]:px-4";
     readonly xl: "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]";
-    readonly icon: "h-9 aspect-square px-0";
-    readonly "icon-xs": "h-7 aspect-square px-0";
-    readonly "icon-sm": "h-8 aspect-square px-0";
-    readonly "icon-lg": "h-10 aspect-square px-0";
-    readonly "icon-xl": "aspect-square p-[var(--control-py)]";
 };
 type ButtonSize = keyof typeof buttonSizeClasses;
 
 interface ButtonVariantsOptions {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    /** A square button holding a bare glyph; `size` still picks the magnitude. */
+    icon?: boolean;
+    /** Recolours the button at an accent rung; unset is the normal case. */
+    accent?: Accent | undefined;
     className?: string;
 }
 /**
  * Returns the fused canonical button class string. Reused by `pagination` so a
  * non-`Button` element can adopt the same styling, mirroring Rust's
  * `button_classes`.
+ *
+ * The accent fuses after the variant so it recolours whatever the variant set.
  */
-declare function buttonVariants({ variant, size, className, }?: ButtonVariantsOptions): string;
+declare function buttonVariants({ variant, size, icon, accent, className, }?: ButtonVariantsOptions): string;
 interface ButtonProps extends React.ComponentProps<"button"> {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    icon?: boolean;
+    accent?: Accent;
     asChild?: boolean;
     /** Renders an `<a>` wearing the button's classes — a link that looks like a
      *  call to action is still a link. */
     href?: string;
 }
-declare function Button({ className, variant, size, asChild, href, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ className, variant, size, icon, accent, asChild, href, ...props }: ButtonProps): React.JSX.Element;
 
 declare const buttonGroupOrientationClasses: {
     readonly horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none";
@@ -377,10 +391,32 @@ interface FooterProps {
 }
 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 Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
 
+/**
+ * The consumer's mark, painted as a CSS mask (`backgroundColor: currentColor` +
+ * `maskImage`) so a monochrome lockup follows the surrounding text colour
+ * instead of the artwork's baked-in fill. `withBackground` seats it on the brand
+ * field, keeping a chip consistent with a favicon.
+ *
+ * The kit ships no artwork. The mark is a design token like every colour: the
+ * consumer declares `--brand-mark` — a `url()` at its own asset — and
+ * `--brand-aspect` in the same sheet it declares the palette in (see
+ * `styles/tokens.css`). Undeclared, `maskImage` is invalid at computed-value time
+ * and the span paints as a solid block: loud, and nobody else's logo.
+ *
+ * Decorative by design (`aria-hidden`): every real call site has the brand name
+ * in adjacent text or on the wrapping link, and a mark announced twice is worse
+ * than one announced once.
+ */
+interface LogoProps {
+    className?: string;
+    withBackground?: boolean;
+}
+declare function Logo({ className, withBackground }: LogoProps): React.JSX.Element;
+
 declare const inputGroupAddonAligns: {
     readonly "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]";
     readonly "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]";
@@ -466,8 +502,10 @@ declare function PaginationItem(props: React.ComponentProps<"li">): React.JSX.El
 type PaginationLinkProps = {
     isActive?: boolean;
     size?: ButtonSize;
+    /** Page numbers are square glyphs; a "Previous"/"Next" label is not. */
+    icon?: boolean;
 } & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
+declare function PaginationLink({ className, isActive, size, icon, ...props }: PaginationLinkProps): React.JSX.Element;
 declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
 declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
@@ -482,22 +520,12 @@ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
 declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React.JSX.Element;
 
 /**
- * The shared 404 / 403 / 500 status surface.
- *
- * `StatusScreen` is the generic shell; `NotFound` / `Forbidden` / `ServerError`
- * are the ready-made pages with their copy baked in — a host renders those with
- * its own hrefs. Links default to a plain `<a>` (a full document load, which is
- * what you want off an error page); pass `linkComponent` (e.g. `next/link`) for
- * soft navigation from a client boundary.
- */
-type Accent = "trace" | "debug" | "info" | "warn" | "error";
-/**
- * A status CTA is a Button at the page's accent: the canonical button string,
- * then the mono/uppercase treatment the error pages wear, then the accent.
+ * A status CTA is a Button at the page's accent: the canonical button string for
+ * that variant and rung, then the mono/uppercase treatment the error pages wear.
  *
  * Exported because a host that renders its own action into `StatusScreen`'s
  * slot — a retry button wired to Next's `reset`, say — has to be able to match
- * the CTAs beside it, and the accent colour maps are ours.
+ * the CTAs beside it.
  */
 declare function statusCtaClass(accent: Accent, variant: ButtonVariant): string;
 interface StatusLinkData {
@@ -838,8 +866,8 @@ declare function CarouselItem({ className, ...props }: React.ComponentProps<"div
 declare function CarouselEdgeFade({ className, }: {
     className?: string;
 }): React.JSX.Element;
-declare function CarouselPrevious({ className, variant, size, ...props }: ButtonProps): React.JSX.Element;
-declare function CarouselNext({ className, variant, size, ...props }: ButtonProps): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, icon, ...props }: ButtonProps): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, icon, ...props }: ButtonProps): React.JSX.Element;
 
 interface InputOTPProps extends Omit<React.ComponentProps<"input">, "value" | "defaultValue" | "onChange"> {
     maxLength: number;
@@ -1360,6 +1388,21 @@ interface CalendarProps {
     onMonthChange?: (month: Date) => void;
     /** "Today", highlighted in the grid; defaults to the real current date. */
     today?: Date;
+    /** Earliest selectable day (inclusive, day granularity); earlier days render disabled. */
+    min?: Date;
+    /** Latest selectable day (inclusive, day granularity); later days render disabled. */
+    max?: Date;
+    /** Disables the whole grid and the nav buttons; every day renders `data-disabled`. */
+    disabled?: boolean;
+    /** `aria-label` of the previous-month button; "Previous month" by default. */
+    previousMonthLabel?: string;
+    /** `aria-label` of the next-month button; "Next month" by default. */
+    nextMonthLabel?: string;
+    /**
+     * BCP-47 tag for the month caption and weekday headers via `Intl`
+     * (Monday-first). Absent → the English constants, byte-identical to Rust.
+     */
+    locale?: string;
     className?: string;
 }
 /**
@@ -1369,10 +1412,76 @@ interface CalendarProps {
  * math; the Rust mirror does the same math by hand.
  *
  * Simplifications versus the source: one month only (no multi-month), a single
- * selected date (no range/multi), and none of the locale/dropdown/caption
- * features — see the package README.
+ * selected date (no range/multi), no dropdown captions; `locale` only swaps the
+ * caption and weekday strings through `Intl` — see the package README.
+ */
+declare function Calendar({ selected, onSelect, month, defaultMonth, onMonthChange, today, min, max, disabled, previousMonthLabel, nextMonthLabel, locale, className, }: CalendarProps): React.JSX.Element;
+
+/** The picker's own strings; every one defaults to English. */
+interface DateTimePickerLabels {
+    /** `aria-label` of the calendar's previous-month button; "Previous month". */
+    previousMonth?: string;
+    /** `aria-label` of the calendar's next-month button; "Next month". */
+    nextMonth?: string;
+    /** `aria-label` of the hours input; "Hours". */
+    hours?: string;
+    /** `aria-label` of the minutes input; "Minutes". */
+    minutes?: string;
+    /** Text of the clear button; "Clear". */
+    clear?: string;
+    /** `aria-label` of the popover dialog; "Choose date and time". */
+    dialog?: string;
+}
+interface DateTimePickerProps extends React.AriaAttributes, Pick<React.ComponentProps<"button">, "onFocus" | "onBlur"> {
+    /** Controlled value; `null` = empty. Local-zone `Date` (seconds/ms are zeroed on every change). */
+    value?: Date | null;
+    /** Uncontrolled seed; default `null`. */
+    defaultValue?: Date | null;
+    onChange?: (value: Date | null) => void;
+    /** Earliest allowed moment (inclusive, minute precision). */
+    min?: Date;
+    /** Latest allowed moment (inclusive, minute precision). */
+    max?: Date;
+    /**
+     * BCP-47 tag for the trigger label and calendar captions (`Intl`). Absent →
+     * `YYYY-MM-DD HH:MM` and English captions, like the Rust port.
+     */
+    locale?: string;
+    /** Overrides the trigger label entirely (e.g. the cabinet's `formatMoment`). */
+    format?: (value: Date) => string;
+    /** Shown on the trigger while empty; default "". */
+    placeholder?: string;
+    labels?: DateTimePickerLabels;
+    disabled?: boolean;
+    /** Renders a hidden `<input name>` carrying unix seconds ("" when empty) for plain forms. */
+    name?: string;
+    /**
+     * "Today" for the calendar highlight and as the day a typed time lands on
+     * while empty; default `new Date()`.
+     */
+    today?: Date;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** `PopoverContent` alignment; default "start". */
+    align?: "start" | "center" | "end";
+    /** Fused onto the trigger. */
+    className?: string;
+    /** Put on the trigger, so a `FieldLabel`'s `htmlFor` reaches it. */
+    id?: string;
+}
+/**
+ * A date + time field over the kit's own bricks: an outline trigger opening a
+ * popover with the `Calendar` and two numeric hours/minutes inputs — no native
+ * `datetime-local`, so the browser's locale popup never appears.
+ *
+ * Every edit reports through `onChange`; the popover stays open after a day
+ * click (the operator still sets the time) and closes on clear. Opening moves
+ * focus into the hours field; closing hands it back to the trigger unless the
+ * operator already focused something else. Any other `aria-*` prop, `onFocus`
+ * and `onBlur` land on the trigger.
  */
-declare function Calendar({ selected, onSelect, month, defaultMonth, onMonthChange, today, className, }: CalendarProps): React.JSX.Element;
+declare function DateTimePicker({ value: valueProp, defaultValue, onChange, min, max, locale, format, placeholder, labels, disabled, name, today, open, defaultOpen, onOpenChange, align, className, id, ...rest }: DateTimePickerProps): React.JSX.Element;
 
 declare const toastVariantClasses: {
     readonly neutral: "bg-popover text-ink border-border";
@@ -1595,4 +1704,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, 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, 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, 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 };