@evinvest/uikit 0.10.0 → 0.11.1

package/README.md

@@ -34,10 +34,10 @@ Requires Node ≥ 20 and React 18 or 19. `dist/` is built on publish, not commit
 
 ## Design tokens — the theme contract
 
-Every component's Tailwind classes reference design tokens (`bg-primary`,
-`text-card-foreground`, `border-input`, `ring-ring`, `bg-main-accent-t2`, …).
-Those tokens are **shipped with the package** and must be imported into your
-Tailwind v4 entrypoint — this is the load-bearing part of the kit:
+Every component's Tailwind classes reference design tokens and nothing else, so
+a consumer re-themes the whole kit by writing values, never by overriding
+classes. The tokens are **shipped with the package** and must be imported into
+your Tailwind v4 entrypoint — this is the load-bearing part of the kit:
 
 ```css
 /* app.css — your Tailwind v4 entrypoint */
@@ -45,10 +45,40 @@ Tailwind v4 entrypoint — this is the load-bearing part of the kit:
 @import "@evinvest/uikit/styles/tokens.css";
 ```
 
+| group | names |
+|---|---|
+| scope | `:root` · `.dark` · `.light` — a consumer defines one or both |
+| surfaces | `background` `card` `popover` `muted` `hover` |
+| ink | `ink` `ink-mid` `ink-soft` — hierarchy, loudest first |
+| lines | `border` `input` `ring` |
+| roles | `brand` `primary` `secondary` `positive` `accent-trace` `accent-debug` `accent-info` `accent-warn` `accent-error`, each with `on-*` where it gets filled |
+| scalars | `radius` `control-radius` `control-py` `display-scale` `band-py` `page-max` `page-px` `shadow-*` `font-*` |
+| charts | `chart-1` … `chart-5` |
+
+Custom properties inherit, so a scope class on a `<section>` re-themes its
+subtree — `bg-card text-ink` is correct on both polarities with no prop. That is
+what `<Section polarity="dark">` does.
+
+A surface takes its ink from the scope, so it carries no `-foreground`. A
+**filled role** does not — gold wants black and navy wants white regardless of
+polarity — so `on-{role}` exists exactly there.
+
+Accents are decorative and **ordered by significance**, quiet to loud. Pick a
+rung by how loud the thing should be, never by what it means; see
+[`docs/spec/accents.md`](../../docs/spec/accents.md). Every consumer defines all
+five, binding rungs it does not distinguish to the same value, which is what
+lets a kit component reference an accent at all.
+
 `styles/tokens.css` is copied at pack time from the repo-root `tokens.css` shared
-with the Rust feature; it defines a single **dark** palette via `:root` and wires it into
-Tailwind utilities via `@theme inline`. (The kit drops `dark:*` utility variants
-because the palette is dark by default — see [Limitations](#limitations).)
+with the Rust feature, 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
+consumer has moved.
 
 ## Usage
 

package/dist/index.d.ts

@@ -7,6 +7,10 @@ import * as React from 'react';
  * conflicting utilities so the rightmost wins (`cn("p-4", "p-2") === "p-2"`). A
  * caller's `className` override, passed last, therefore beats the base classes.
  *
+ * `twMerge` parses every utility on every render, and the overwhelmingly common
+ * call is one kit constant plus a `className` override that is absent — so that
+ * call returns the constant untouched.
+ *
  * The Rust mirror is the `cn!` macro in `ev_lib::uikit` (`tailwind_fuse::tw_merge!`).
  */
 declare function cn(...inputs: ClassValue[]): string;
@@ -163,8 +167,8 @@ declare function useHoverIntent(opts: {
 declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
 
 declare const alertVariants: {
-    readonly default: "bg-card text-card-foreground";
-    readonly destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90";
+    readonly default: "bg-card text-ink";
+    readonly destructive: "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-error/90";
 };
 type AlertVariant = keyof typeof alertVariants;
 
@@ -180,11 +184,11 @@ declare function AvatarImage({ className, onError, ...props }: React.ComponentPr
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 declare const badgeVariants: {
-    readonly default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90";
-    readonly secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90";
-    readonly destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20";
-    readonly outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
-    readonly success: "border-transparent bg-main-accent-t2/20 text-main-accent-t2";
+    readonly default: "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 success: "border-transparent bg-positive/20 text-positive";
 };
 type BadgeVariant = keyof typeof badgeVariants;
 
@@ -206,21 +210,25 @@ declare function BreadcrumbSeparator({ children, className, ...props }: React.Co
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 
 declare const buttonVariantClasses: {
-    readonly default: "bg-primary text-primary-foreground hover:bg-primary/90";
-    readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80";
-    readonly outline: "border bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground";
-    readonly ghost: "hover:bg-accent hover:text-accent-foreground";
-    readonly destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20";
+    readonly default: "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 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 link: "text-primary underline-offset-4 hover:underline";
 };
 type ButtonVariant = keyof typeof buttonVariantClasses;
 declare const buttonSizeClasses: {
-    readonly default: "h-9 px-4 py-2 has-[>svg]:px-3";
-    readonly sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5";
-    readonly lg: "h-10 rounded-md px-6 has-[>svg]:px-4";
+    readonly default: "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 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;
 
@@ -239,8 +247,11 @@ interface ButtonProps extends React.ComponentProps<"button"> {
     variant?: ButtonVariant;
     size?: ButtonSize;
     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, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ className, variant, size, 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";
@@ -268,7 +279,7 @@ declare function CardFooter({ className, ...props }: React.ComponentProps<"div">
 
 declare const emptyMediaVariants: {
     readonly default: "bg-transparent";
-    readonly icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6";
+    readonly icon: "bg-muted text-ink flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6";
 };
 type EmptyMediaVariant = keyof typeof emptyMediaVariants;
 
@@ -324,14 +335,11 @@ interface SectionDescriptorProps extends Omit<React.ComponentProps<"section">, "
 declare function SectionDescriptor({ title, icon, collapsible, defaultOpen, className, children, ...props }: SectionDescriptorProps): React.JSX.Element;
 
 /**
- * The EV brand chrome footer, ported from site_conductor: a 12-col grid —
- * brand 3 | sitemap groups 2 each | Offices 3 | Newsletter 2 — over the dark
- * field, with the legal links and copyright line. On mobile the sitemap
- * columns sit side by side. All copy is parameterized with the EV defaults so
- * a bare `<Footer nav={…} />` matches the site; only the sitemap groups (and
- * the newsletter form, when wanted) come from the app. `children` render right
- * after the `<footer>` tag — the slot for app-side extras like the
- * build-version easter egg.
+ * 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.
  *
  * `linkComponent` lets Next hosts pass `next/link`; everyone else gets `<a>`.
  */
@@ -348,20 +356,26 @@ interface FooterOffice {
     address: string;
 }
 interface FooterProps {
+    brand: string;
+    description: string;
+    copyright: string;
     nav: readonly FooterLinkGroup[];
-    description?: string;
+    /** The mark beside the brand name. Sized by the caller. */
+    mark?: React.ReactNode;
+    tagline?: string;
     offices?: readonly FooterOffice[];
+    officesHeading?: string;
     legalLinks?: readonly FooterLink[];
-    /** The newsletter form; the Newsletter column renders only when present. */
+    /** The newsletter form; the newsletter column renders only when present. */
     newsletter?: React.ReactNode;
+    newsletterHeading?: string;
     newsletterBlurb?: string;
     version?: string;
     commitHref?: string;
-    tagline?: string;
     linkComponent?: React.ElementType;
     children?: React.ReactNode;
 }
-declare function Footer({ nav, description, offices, legalLinks, newsletter, newsletterBlurb, version, commitHref, tagline, linkComponent, children, }: FooterProps): React.JSX.Element;
+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;
 
@@ -446,25 +460,6 @@ declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">
 declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
 declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-/**
- * The EV Investment mark, rendered as a CSS mask (`backgroundColor:
- * currentColor` + `maskImage`) so the monochrome lockup follows the
- * surrounding text color instead of the SVG's baked-in black. The SVG is
- * inlined as a URL-encoded `data:` URI so consumers need no asset pipeline;
- * `src` swaps in an externally hosted mark when one is preferred.
- *
- * `withBackground` paints the clean brand field generated from
- * OKLCH(0.256, 0.1, 260) behind the mark, keeping the chip consistent with
- * the favicon.
- */
-interface LogoProps {
-    className?: string;
-    withBackground?: boolean;
-    /** Overrides the inlined data-URI mark with an external SVG URL. */
-    src?: string;
-}
-declare function Logo({ className, withBackground, src }: LogoProps): React.JSX.Element;
-
 declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
 declare function PaginationItem(props: React.ComponentProps<"li">): React.JSX.Element;
@@ -487,8 +482,7 @@ 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, ported from site_conductor so every
- * EV app (landing, cabinet) shows the same branded error pages.
+ * 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
@@ -497,12 +491,19 @@ declare function Spinner({ className, ...props }: React.ComponentProps<"svg">):
  * soft navigation from a client boundary.
  */
 type StatusAccent = "teal" | "gold" | "red" | "blue";
-/** Class for a status CTA — shared by the nav links and the 500 retry button. */
-declare function statusButtonClass(accent: StatusAccent, variant: "filled" | "outline"): string;
+/**
+ * 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.
+ *
+ * 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.
+ */
+declare function statusCtaClass(accent: StatusAccent, variant: ButtonVariant): string;
 interface StatusLinkData {
     label: string;
     href: string;
-    variant?: "filled" | "outline";
+    variant?: ButtonVariant;
     leadingArrow?: boolean;
 }
 interface StatusScreenProps {
@@ -593,6 +594,61 @@ type ContainerProps = React.ComponentProps<"div">;
  */
 declare function Container({ className, ...props }: ContainerProps): React.JSX.Element;
 
+declare const polarityClasses: {
+    readonly light: "light";
+    readonly dark: "dark";
+};
+type Polarity = keyof typeof polarityClasses;
+declare const surfaceClasses: {
+    readonly background: "bg-background text-ink";
+    readonly card: "bg-card text-ink";
+    readonly muted: "bg-muted text-ink";
+    readonly primary: "bg-primary text-on-primary";
+};
+type Surface = keyof typeof surfaceClasses;
+
+/**
+ * Full-bleed page bands and the type vocabulary that goes in them. A page built
+ * from these writes no spacing or type-scale class of its own: the rhythm is
+ * `--band-py`, the gutter `--page-px` and the headline scale `--display-scale`,
+ * so a global retune is one edit in the consumer's tokens.
+ */
+interface SectionProps extends React.ComponentProps<"section"> {
+    polarity?: Polarity;
+    surface?: Surface;
+    tight?: boolean;
+}
+/**
+ * `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.
+ */
+declare function Section({ polarity, surface, tight, className, ...props }: SectionProps): React.JSX.Element;
+/** The label above a headline, in the interactive role's colour. */
+declare function Eyebrow({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+/** The headline. One scale for every band on the site, so a retune is one number. */
+declare function Display({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+interface SectionHeadProps extends Omit<React.ComponentProps<"div">, "title"> {
+    eyebrow: React.ReactNode;
+    title: React.ReactNode;
+    lede?: React.ReactNode;
+}
+/** Eyebrow → headline → lede, the head a band shares. */
+declare function SectionHead({ eyebrow, title, lede, className, ...props }: SectionHeadProps): React.JSX.Element;
+/** Body copy at the reading measure. */
+declare function Prose({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+interface StatProps extends React.ComponentProps<"span"> {
+    figure: React.ReactNode;
+    label: React.ReactNode;
+}
+/** A figure with its label beside it. */
+declare function Stat({ figure, label, className, ...props }: StatProps): React.JSX.Element;
+/**
+ * The affirmative tick. Positive is a valence, not a significance rung — see the
+ * kit's `docs/spec/accents.md`.
+ */
+declare function Check({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+
 type TabsOrientation = "horizontal" | "vertical";
 interface TabsProps extends Omit<React.ComponentProps<"div">, "onChange"> {
     value?: string;
@@ -618,13 +674,15 @@ declare function TabsContent({ className, value, children, ...props }: TabsConte
 
 declare const toggleVariantClasses: {
     readonly default: "bg-transparent";
-    readonly outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground";
+    readonly outline: "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink";
 };
 type ToggleVariant = keyof typeof toggleVariantClasses;
 declare const toggleSizeClasses: {
     readonly default: "h-9 px-2 min-w-9";
+    readonly xs: "h-7 px-1 min-w-7";
     readonly sm: "h-8 px-1.5 min-w-8";
     readonly lg: "h-10 px-2.5 min-w-10";
+    readonly xl: "h-12 px-3 min-w-12";
 };
 type ToggleSize = keyof typeof toggleSizeClasses;
 
@@ -713,14 +771,9 @@ interface ScrollBarProps extends React.ComponentProps<"div"> {
 }
 declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): React.JSX.Element;
 
-declare const sidebarMenuButtonVariantClasses: {
-    readonly default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground";
-    readonly outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]";
-};
-type SidebarMenuButtonVariant = keyof typeof sidebarMenuButtonVariantClasses;
 declare const sidebarMenuButtonSizeClasses: {
+    readonly xs: "h-7 text-xs";
     readonly default: "h-8 text-sm";
-    readonly sm: "h-7 text-xs";
     readonly lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!";
 };
 type SidebarMenuButtonSize = keyof typeof sidebarMenuButtonSizeClasses;
@@ -762,7 +815,7 @@ declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"
 interface SidebarMenuButtonProps extends React.ComponentProps<"button"> {
     asChild?: boolean;
     isActive?: boolean;
-    variant?: SidebarMenuButtonVariant;
+    variant?: ButtonVariant;
     size?: SidebarMenuButtonSize;
 }
 declare function SidebarMenuButton({ asChild, isActive, variant, size, className, ...props }: SidebarMenuButtonProps): React.JSX.Element;
@@ -1322,11 +1375,11 @@ interface CalendarProps {
 declare function Calendar({ selected, onSelect, month, defaultMonth, onMonthChange, today, className, }: CalendarProps): React.JSX.Element;
 
 declare const toastVariantClasses: {
-    readonly default: "bg-popover text-popover-foreground border-border";
-    readonly success: "bg-popover text-popover-foreground border-main-accent-t2/40";
-    readonly error: "bg-popover text-popover-foreground border-destructive/50";
-    readonly info: "bg-popover text-popover-foreground border-border";
-    readonly warning: "bg-popover text-popover-foreground border-border";
+    readonly default: "bg-popover text-ink border-border";
+    readonly success: "bg-popover text-ink border-positive/40";
+    readonly error: "bg-popover text-ink border-accent-error/50";
+    readonly info: "bg-popover text-ink border-border";
+    readonly warning: "bg-popover text-ink border-border";
 };
 type ToastVariant = keyof typeof toastVariantClasses;
 declare const positionClasses: {
@@ -1425,4 +1478,4 @@ interface ResizableHandleProps extends React.ComponentProps<"div"> {
 }
 declare function ResizableHandle({ className, index, withHandle, children, ...props }: ResizableHandleProps): React.JSX.Element;
 
-export { 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, 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, 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, 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, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResizableDirection, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, ScrollBar, type ScrollBarOrientation, type ScrollBarProps, SectionDescriptor, type SectionDescriptorProps, 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, type SidebarMenuButtonVariant, SidebarMenuItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Slot, type SlotProps, Spinner, type StatusAccent, type StatusLinkData, type StatusPageProps, StatusScreen, type StatusScreenProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, 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, buttonVariants, cn, mergeRefs, navigationMenuTriggerStyle, statusButtonClass, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePresence, useRovingFocus, useSidebar };
+export { 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, 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, 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 StatusAccent, 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, Textarea, 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, buttonVariants, cn, mergeRefs, navigationMenuTriggerStyle, statusCtaClass, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePresence, useRovingFocus, useSidebar };