@evinvest/uikit 0.3.0 → 0.4.0

package/README.md

@@ -1,8 +1,8 @@
 # @evinvest/uikit
 
 A **dep-light** React UI kit with shadcn-style semantics — the TypeScript mirror
-of the `uikit` feature of the [`ev`](https://github.com/EV-invest/lib) Rust crate
-(`ev::uikit`, Dioxus). Both ports are driven from the same canonical class
+of the `uikit` feature of the [`ev_lib`](https://github.com/EV-invest/lib) Rust crate
+(`ev_lib::uikit`, Dioxus). Both ports are driven from the same canonical class
 strings and the same design tokens, so a component looks and behaves the same
 whether it is rendered by React or by Dioxus.
 
@@ -86,7 +86,7 @@ The Rust crate is the source of truth; this package preserves its _semantics_
 while reading like idiomatic React. Canonical class strings are identical per
 element across the two ports.
 
-| Concept | Rust (`ev::uikit`) | TS (`@evinvest/uikit`) |
+| Concept | Rust (`ev_lib::uikit`) | TS (`@evinvest/uikit`) |
 | --- | --- | --- |
 | class fusion | `cn!` macro (`tailwind_fuse`) | `cn` (`clsx` + `tailwind-merge`) |
 | variants | `enum` + `fn class()` match | `as const` map keyed by variant |
@@ -166,7 +166,7 @@ npm run build       # tsup → dist/ (ESM + d.ts)
 The Rust counterpart is verified from the repo root:
 
 ```sh
-cargo test  -p ev --features uikit
-cargo clippy -p ev --features uikit --all-targets -- -D warnings
-cargo check -p ev --features "uikit wasm" --target wasm32-unknown-unknown
+cargo test  -p ev_lib --features uikit
+cargo clippy -p ev_lib --features uikit --all-targets -- -D warnings
+cargo check -p ev_lib --features "uikit wasm" --target wasm32-unknown-unknown
 ```

package/dist/index.d.ts

@@ -147,6 +147,7 @@ declare const alertVariants: {
     readonly destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90";
 };
 type AlertVariant = keyof typeof alertVariants;
+
 interface AlertProps extends React.ComponentProps<"div"> {
     variant?: AlertVariant;
 }
@@ -154,11 +155,6 @@ declare function Alert({ className, variant, ...props }: AlertProps): React.JSX.
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-interface AspectRatioProps extends React.ComponentProps<"div"> {
-    ratio?: number;
-}
-declare function AspectRatio({ ratio, className, style, ...props }: AspectRatioProps): React.JSX.Element;
-
 declare function Avatar({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AvatarImage({ className, onError, ...props }: React.ComponentProps<"img">): React.JSX.Element | null;
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -171,6 +167,7 @@ declare const badgeVariants: {
     readonly success: "border-transparent bg-main-accent-t2/20 text-main-accent-t2";
 };
 type BadgeVariant = keyof typeof badgeVariants;
+
 interface BadgeProps extends React.ComponentProps<"span"> {
     variant?: BadgeVariant;
     asChild?: boolean;
@@ -196,16 +193,17 @@ declare const buttonVariantClasses: {
     readonly destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/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 icon: "size-9";
-    readonly "icon-sm": "size-8";
-    readonly "icon-lg": "size-10";
+    readonly icon: "h-9 aspect-square px-0";
+    readonly "icon-sm": "h-8 aspect-square px-0";
+    readonly "icon-lg": "h-10 aspect-square px-0";
 };
-type ButtonVariant = keyof typeof buttonVariantClasses;
 type ButtonSize = keyof typeof buttonSizeClasses;
+
 interface ButtonVariantsOptions {
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -229,6 +227,7 @@ declare const buttonGroupOrientationClasses: {
     readonly vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none";
 };
 type ButtonGroupOrientation = keyof typeof buttonGroupOrientationClasses;
+
 interface ButtonGroupProps extends React.ComponentProps<"div"> {
     orientation?: ButtonGroupOrientation;
 }
@@ -247,13 +246,14 @@ declare function CardAction({ className, ...props }: React.ComponentProps<"div">
 declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 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";
 };
 type EmptyMediaVariant = keyof typeof emptyMediaVariants;
+
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 interface EmptyMediaProps extends React.ComponentProps<"div"> {
     variant?: EmptyMediaVariant;
 }
@@ -266,10 +266,11 @@ declare function Label({ className, ...props }: React.ComponentProps<"label">):
 
 declare const fieldOrientation: {
     readonly vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto";
-    readonly horizontal: string;
-    readonly responsive: string;
+    readonly horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+    readonly responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
 };
 type FieldOrientation = keyof typeof fieldOrientation;
+
 declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React.JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
     variant?: "legend" | "label";
@@ -291,11 +292,75 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
     } | undefined>;
 }): React.JSX.Element | null;
 
+/**
+ * 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.
+ *
+ * `linkComponent` lets Next hosts pass `next/link`; everyone else gets `<a>`.
+ */
+interface FooterLink {
+    label: string;
+    href: string;
+}
+interface FooterLinkGroup {
+    heading: string;
+    links: readonly FooterLink[];
+}
+interface FooterOffice {
+    name: string;
+    address: string;
+}
+interface FooterProps {
+    nav: readonly FooterLinkGroup[];
+    description?: string;
+    offices?: readonly FooterOffice[];
+    legalLinks?: readonly FooterLink[];
+    /** The newsletter form; the Newsletter column renders only when present. */
+    newsletter?: React.ReactNode;
+    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;
+
+/**
+ * The EV brand chrome header, ported from site_conductor: a fixed, scroll-aware
+ * bar (transparent over the hero, blurred dark once scrolled past 50px) with
+ * the brand lockup, a desktop nav and a built-in below-`lg` full-screen menu.
+ * Nav items and the CTA stay app-side — the kit owns only the chrome.
+ *
+ * `linkComponent` lets Next hosts pass `next/link`; everyone else gets `<a>`.
+ */
+interface HeaderNavItem {
+    label: string;
+    href: string;
+}
+interface HeaderProps {
+    nav: readonly HeaderNavItem[];
+    /** Right-side call-to-action slot; also re-rendered at the mobile menu's bottom. */
+    cta?: React.ReactNode;
+    /** Overlay-specific CTA (e.g. full-width variant); falls back to `cta`. */
+    mobileCta?: React.ReactNode;
+    tagline?: string;
+    homeHref?: string;
+    className?: string;
+    linkComponent?: React.ElementType;
+}
+declare function Header({ nav, cta, mobileCta, tagline, homeHref, className, linkComponent, }: HeaderProps): React.JSX.Element;
+
 declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
 
 declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
 
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): 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]";
@@ -303,10 +368,6 @@ declare const inputGroupAddonAligns: {
     readonly "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5";
 };
 type InputGroupAddonAlign = keyof typeof inputGroupAddonAligns;
-interface InputGroupAddonProps extends React.ComponentProps<"div"> {
-    align?: InputGroupAddonAlign;
-}
-declare function InputGroupAddon({ className, align, ...props }: InputGroupAddonProps): React.JSX.Element;
 declare const inputGroupButtonSizes: {
     readonly xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2";
     readonly sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5";
@@ -314,6 +375,12 @@ declare const inputGroupButtonSizes: {
     readonly "icon-sm": "size-8 p-0 has-[>svg]:p-0";
 };
 type InputGroupButtonSize = keyof typeof inputGroupButtonSizes;
+
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+interface InputGroupAddonProps extends React.ComponentProps<"div"> {
+    align?: InputGroupAddonAlign;
+}
+declare function InputGroupAddon({ className, align, ...props }: InputGroupAddonProps): React.JSX.Element;
 interface InputGroupButtonProps extends Omit<ButtonProps, "size"> {
     size?: InputGroupButtonSize;
 }
@@ -327,36 +394,38 @@ declare const separatorOrientations: {
     readonly vertical: "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px";
 };
 type SeparatorOrientation = keyof typeof separatorOrientations;
+
 interface SeparatorProps extends React.ComponentProps<"div"> {
     orientation?: SeparatorOrientation;
 }
 declare function Separator({ className, orientation, ...props }: SeparatorProps): React.JSX.Element;
 
-declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 declare const itemVariants: {
     readonly default: "bg-transparent";
     readonly outline: "border-border";
     readonly muted: "bg-muted/50";
 };
+type ItemVariant = keyof typeof itemVariants;
 declare const itemSizes: {
-    readonly default: "p-4 gap-4 ";
+    readonly default: "p-4 gap-4";
     readonly sm: "py-3 px-4 gap-2.5";
 };
-type ItemVariant = keyof typeof itemVariants;
 type ItemSize = keyof typeof itemSizes;
-interface ItemProps extends React.ComponentProps<"div"> {
-    variant?: ItemVariant;
-    size?: ItemSize;
-    asChild?: boolean;
-}
-declare function Item({ className, variant, size, asChild, ...props }: ItemProps): React.JSX.Element;
 declare const itemMediaVariants: {
     readonly default: "bg-transparent";
     readonly icon: "size-8 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;
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+interface ItemProps extends React.ComponentProps<"div"> {
+    variant?: ItemVariant;
+    size?: ItemSize;
+    asChild?: boolean;
+}
+declare function Item({ className, variant, size, asChild, ...props }: ItemProps): React.JSX.Element;
 interface ItemMediaProps extends React.ComponentProps<"div"> {
     variant?: ItemMediaVariant;
 }
@@ -371,6 +440,25 @@ 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;
@@ -462,13 +550,14 @@ declare const toggleVariantClasses: {
     readonly default: "bg-transparent";
     readonly outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground";
 };
+type ToggleVariant = keyof typeof toggleVariantClasses;
 declare const toggleSizeClasses: {
     readonly default: "h-9 px-2 min-w-9";
     readonly sm: "h-8 px-1.5 min-w-8";
     readonly lg: "h-10 px-2.5 min-w-10";
 };
-type ToggleVariant = keyof typeof toggleVariantClasses;
 type ToggleSize = keyof typeof toggleSizeClasses;
+
 interface ToggleVariantsOptions {
     variant?: ToggleVariant;
     size?: ToggleSize;
@@ -542,12 +631,30 @@ interface SliderProps extends Omit<React.ComponentProps<"span">, "defaultValue"
 }
 declare function Slider({ className, value, defaultValue, onValueChange, min, max, step, orientation, disabled, ...props }: SliderProps): React.JSX.Element;
 
+declare const scrollBarOrientations: {
+    readonly vertical: "h-full w-2.5 border-l border-l-transparent";
+    readonly horizontal: "h-2.5 flex-col border-t border-t-transparent";
+};
+type ScrollBarOrientation = keyof typeof scrollBarOrientations;
+
 declare function ScrollArea({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 interface ScrollBarProps extends React.ComponentProps<"div"> {
-    orientation?: "vertical" | "horizontal";
+    orientation?: ScrollBarOrientation;
 }
 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 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;
+
 interface SidebarContextValue {
     state: "expanded" | "collapsed";
     open: boolean;
@@ -582,17 +689,6 @@ declare function SidebarGroupLabel({ className, asChild, ...props }: SidebarGrou
 declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
 declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): 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))]";
-};
-declare const sidebarMenuButtonSizeClasses: {
-    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 SidebarMenuButtonVariant = keyof typeof sidebarMenuButtonVariantClasses;
-type SidebarMenuButtonSize = keyof typeof sidebarMenuButtonSizeClasses;
 interface SidebarMenuButtonProps extends React.ComponentProps<"button"> {
     asChild?: boolean;
     isActive?: boolean;
@@ -611,6 +707,14 @@ interface CarouselProps extends React.ComponentProps<"div"> {
 declare function Carousel({ orientation, index: indexProp, defaultIndex, onIndexChange, className, children, onKeyDown, ...props }: CarouselProps): React.JSX.Element;
 declare function CarouselContent({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/**
+ * Netflix-style edge scrims that dissolve the current slide into the surface
+ * colour, signalling adjacent slides without revealing them. Each side shows
+ * only when there is somewhere to scroll. Drop inside a <Carousel>.
+ */
+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;
 
@@ -964,7 +1068,14 @@ declare function SheetFooter({ className, ...props }: React.ComponentProps<"div"
 declare function SheetTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
 declare function SheetDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 
-type DrawerDirection = "top" | "bottom" | "left" | "right";
+declare const drawerDirectionClasses: {
+    readonly bottom: "inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0";
+    readonly top: "inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0";
+    readonly left: "inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm";
+    readonly right: "inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm";
+};
+type DrawerDirection = keyof typeof drawerDirectionClasses;
+
 interface DrawerProps {
     open?: boolean;
     defaultOpen?: boolean;
@@ -1118,7 +1229,24 @@ interface CalendarProps {
  */
 declare function Calendar({ selected, onSelect, month, defaultMonth, onMonthChange, today, className, }: CalendarProps): React.JSX.Element;
 
-type ToastVariant = "default" | "success" | "error" | "info" | "warning";
+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";
+};
+type ToastVariant = keyof typeof toastVariantClasses;
+declare const positionClasses: {
+    readonly "top-left": "top-4 left-4";
+    readonly "top-center": "top-4 left-1/2 -translate-x-1/2";
+    readonly "top-right": "top-4 right-4";
+    readonly "bottom-left": "bottom-4 left-4";
+    readonly "bottom-center": "bottom-4 left-1/2 -translate-x-1/2";
+    readonly "bottom-right": "bottom-4 right-4";
+};
+type ToastPosition = keyof typeof positionClasses;
+
 /**
  * Lifecycle phase of a toast. It is added `"open"` (plays the enter keyframe);
  * {@link ToastFn.dismiss} flips it to `"closing"` (plays the exit keyframe) and
@@ -1126,7 +1254,6 @@ type ToastVariant = "default" | "success" | "error" | "info" | "warning";
  * `ToastState` enum and the `data-state` the shared `tokens.css` keys on.
  */
 type ToastState = "open" | "closing";
-type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 interface ToastOptions {
     description?: React.ReactNode;
     /**
@@ -1206,4 +1333,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, AspectRatio, type AspectRatioProps, 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, 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, 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, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, 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, 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 ScrollBarProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, 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, 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, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, 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, 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, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, Header, type HeaderNavItem, type HeaderProps, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, 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, 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, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, 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, 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, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, usePresence, useRovingFocus, useSidebar };