@evinvest/uikit 0.2.0 → 0.3.2

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 |
@@ -132,9 +132,19 @@ measuring needs host-only `web-sys`). Known gaps:
 - **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`.
-- **sonner:** TS exposes a global `toast()` backed by a module store with
-  auto-dismiss; Rust uses a `ToasterProvider` + `use_toaster()` hook and omits
-  auto-dismiss (dismiss via the close button or `.dismiss(id)`).
+- **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
+  keyframe (plays on insertion), the exit slides out on `data-state="closed"` and
+  unmounts on `transitionend` (no host timer). React measures each toast's height
+  for exact expanded spacing; Dioxus can't (layout measuring needs host-only
+  `web-sys`), so it assumes a constant height — collapsed pile exact, expanded
+  list uniform. Both **auto-dismiss** (default 4000ms) and **pause while the stack
+  is hovered/focused**, and support **persistent** toasts; React does it with a
+  `setTimeout` (`duration: Infinity` to persist), Dioxus with a host-timer-free
+  CSS "life" animation whose `animationend` closes the toast (`use_toaster().show(
+  msg, variant, None)` to persist). Swipe-to-dismiss (horizontal drag, past 45px
+  or a fast flick) is TS-only pointer physics.
 - **form:** react-hook-form is dropped — these are presentational + ARIA-id
   wiring; consumers own validation/state. Rust `FormControl` can't inject ids
   onto an arbitrary child (no `Slot`), so the consumer wires them.
@@ -156,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";
@@ -295,7 +296,6 @@ declare function Input({ className, type, ...props }: React.ComponentProps<"inpu
 
 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 +303,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 +310,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 +329,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;
 }
@@ -462,13 +466,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 +547,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 +605,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 +623,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 +984,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,10 +1145,38 @@ interface CalendarProps {
  */
 declare function Calendar({ selected, onSelect, month, defaultMonth, onMonthChange, today, className, }: CalendarProps): React.JSX.Element;
 
-type ToastVariant = "default" | "success" | "error" | "info" | "warning";
-type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+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
+ * the live node is dropped once the exit `animationend` fires. Mirrors Rust's
+ * `ToastState` enum and the `data-state` the shared `tokens.css` keys on.
+ */
+type ToastState = "open" | "closing";
 interface ToastOptions {
     description?: React.ReactNode;
+    /**
+     * Auto-dismiss delay in ms (default 4000). Pass `Infinity` for a **persistent**
+     * toast that never times out — it stays until the close button, a swipe, or
+     * `toast.dismiss(id)` removes it. Hovering the stack also pauses the countdown.
+     */
     duration?: number;
     variant?: ToastVariant;
 }
@@ -1131,6 +1186,7 @@ interface Toast {
     description?: React.ReactNode;
     duration: number;
     variant: ToastVariant;
+    state: ToastState;
 }
 interface ToastFn {
     (message: React.ReactNode, opts?: ToastOptions): number;
@@ -1151,9 +1207,16 @@ interface ToasterProps extends React.ComponentProps<"ol"> {
 }
 /**
  * Renders the live toast stack from the module store. Fixed-positioned per
- * `position` (default `bottom-right`); each toast auto-dismisses after its
- * `duration` (default 4000ms) via `setTimeout`. Single dark palette — no theme
- * switching (the upstream `next-themes` dependency is dropped).
+ * `position` (default `bottom-right`).
+ *
+ * Stacking mirrors Sonner: toasts pile up collapsed (the front three peeking,
+ * each scaled + lifted by depth and clamped to the front toast's height) and
+ * spread into a list on hover / keyboard focus — driven by the measured
+ * `--front-height`/`--offset` vars and the `data-stack` CSS in `tokens.css`.
+ * Each toast auto-dismisses after its `duration` (default 4000ms) via the same
+ * animated `dismiss` as the close button (`data-state="closed"` → slide out →
+ * unmount on `transitionend`), and is swipe-to-dismiss (horizontal drag, TS-only
+ * pointer physics). Single dark palette — no theme switching.
  */
 declare function Toaster({ position, className, ...props }: ToasterProps): React.JSX.Element;
 
@@ -1186,4 +1249,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 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, 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 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 };