@morze/ui 0.2.12 → 0.3.1

package/dist/index.d.ts

@@ -2,9 +2,10 @@ import { ClassValue } from 'clsx';
 import * as React from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Slider as Slider$1, Label as Label$1, Select as Select$1, Tabs as Tabs$1, Accordion as Accordion$1, Progress as Progress$1, Avatar as Avatar$1, Separator as Separator$1, Dialog as Dialog$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, Tooltip as Tooltip$1 } from 'radix-ui';
-import { D as DataTableLabels } from './types-B8jz2FF9.js';
-export { M as MorzeCommonLabels, a as MorzeLocale, d as defaultDataTableLabels, r as resolveLabels } from './types-B8jz2FF9.js';
+import { Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Slider as Slider$1, Select as Select$1, Tabs as Tabs$1, Accordion as Accordion$1, Progress as Progress$1, Avatar as Avatar$1, Separator as Separator$1, Dialog as Dialog$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, Tooltip as Tooltip$1, AlertDialog as AlertDialog$1, ScrollArea as ScrollArea$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Toast as Toast$1 } from 'radix-ui';
+export { L as Label } from './label-Bf37KoRc.js';
+import { D as DataTableLabels } from './types-B3pfG-Kz.js';
+export { C as Calendar, a as CalendarLabels, b as CalendarProps, c as DateMatcher, d as DateRange, M as MorzeCommonLabels, e as MorzeLocale, f as defaultDataTableLabels, r as resolveLabels } from './types-B3pfG-Kz.js';
 
 /**
  * Class name joiner. Morze UI ships plain, prefixed CSS rather than utility
@@ -107,8 +108,6 @@ declare function Input({ className, type, inputSize, ...props }: InputProps): Re
 
 declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
 
-declare function Label({ className, ...props }: React.ComponentProps<typeof Label$1.Root>): React.JSX.Element;
-
 /** Vertical label + control + hint/error stack. */
 declare function Field({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function FieldHint({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
@@ -129,10 +128,21 @@ declare function SelectScrollUpButton({ className, ...props }: React.ComponentPr
 declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): React.JSX.Element;
 
 declare function Tabs({ className, ...props }: React.ComponentProps<typeof Tabs$1.Root>): React.JSX.Element;
-declare function TabsList({ className, variant, tone, ...props }: React.ComponentProps<typeof Tabs$1.List> & {
+type TabsListProps = React.ComponentProps<typeof Tabs$1.List> & {
     variant?: 'default' | 'line';
     tone?: Tone;
-}): React.JSX.Element;
+    /**
+     * What a row of tabs does when it runs out of room.
+     *
+     * `wrap` (default) lets it flow onto a second line, `scroll` keeps one line
+     * and scrolls it, and `menu` keeps one line and collapses whatever does not
+     * fit into a trailing "More" menu.
+     */
+    overflow?: 'wrap' | 'scroll' | 'menu';
+    /** Label on the collapsed-tabs button. Only read when `overflow="menu"`. */
+    overflowLabel?: string;
+};
+declare function TabsList({ overflow, overflowLabel, ...props }: TabsListProps): React.JSX.Element;
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof Tabs$1.Trigger>): React.JSX.Element;
 declare function TabsContent({ className, ...props }: React.ComponentProps<typeof Tabs$1.Content>): React.JSX.Element;
 
@@ -233,6 +243,334 @@ declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Roo
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): React.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): React.JSX.Element;
 
+/** The button props both footer actions accept, minus the ones Radix owns. */
+type ActionLook = {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    tone?: Tone;
+};
+/**
+ * A dialog that interrupts to ask. Unlike `Dialog` it carries no close button
+ * and Radix blocks light-dismiss — the only ways out are the two footer
+ * buttons, which is the whole point of the pattern.
+ */
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): React.JSX.Element;
+/**
+ * The confirming button. It is styled through `buttonVariants` rather than by
+ * nesting a `Button`, because Radix needs its own ref and close behaviour on
+ * this element. `tone` re-points it exactly as it would a button, so a
+ * destructive confirmation is `<AlertDialogAction tone="danger">` and not a
+ * differently-shaped component.
+ */
+declare function AlertDialogAction({ className, variant, size, tone, ...props }: React.ComponentProps<typeof AlertDialog$1.Action> & ActionLook): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, tone, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel> & ActionLook): React.JSX.Element;
+
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbLink({ className, asChild, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+/**
+ * The trail's last crumb. It is not a link, but it is the page you are on —
+ * `aria-current` is what tells a screen reader that, and `role="link"` keeps
+ * it in the same list of link roles as its siblings.
+ */
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+/** Collapsed middle of a long trail. Pair it with a menu to reveal the rest. */
+declare function BreadcrumbEllipsis({ className, label, ...props }: React.ComponentProps<'span'> & {
+    label?: string;
+}): React.JSX.Element;
+
+/**
+ * Plain table primitives — the markup layer under a data grid, not a grid
+ * itself. `DataTable` is the batteries-included component; these are for the
+ * tables an application lays out by hand.
+ *
+ * The scroll container is part of `Table` rather than something the host wraps
+ * around it: a bare `<table>` with a `min-width` pushes the page into a
+ * horizontal scroll instead of scrolling itself, which is the single most
+ * common way a table breaks a layout.
+ */
+declare function Table({ className, containerClassName, containerRef, ...props }: React.ComponentProps<'table'> & {
+    containerClassName?: string;
+    /**
+     * The scrolling element itself. Reach for it when something outside the
+     * table has to follow the scroll — a synchronised header, a virtualiser,
+     * restoring the position after a refetch. Owning the container would
+     * otherwise put it out of the caller's reach entirely.
+     */
+    containerRef?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): React.JSX.Element;
+
+/**
+ * A scroll container with the kit's own scrollbar instead of the platform's.
+ *
+ * Radix hides the native bar and drives a rendered one, so the track keeps the
+ * kit's colours on every platform — including macOS, where the overlay
+ * scrollbar is invisible until it moves and a pane gives no hint that it
+ * scrolls at all.
+ *
+ * The vertical bar ships by default; add a horizontal one explicitly:
+ *
+ *   <ScrollArea>
+ *     {wideContent}
+ *     <ScrollBar orientation="horizontal" />
+ *   </ScrollArea>
+ */
+declare function ScrollArea({ className, children, viewportClassName, viewportRef, ...props }: React.ComponentProps<typeof ScrollArea$1.Root> & {
+    viewportClassName?: string;
+    /** The scrolling element itself — for scroll restoration or `scrollTo`. */
+    viewportRef?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): React.JSX.Element;
+
+/**
+ * The application menu bar — File, Edit, View. It shares every surface and
+ * item style with `DropdownMenu`; what it adds is the bar itself and the
+ * hand-off between triggers, so moving the pointer across the row opens each
+ * menu in turn once one is already open.
+ */
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof Menubar$1.Root>): React.JSX.Element;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof Menubar$1.Menu>): React.JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof Menubar$1.Group>): React.JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof Menubar$1.Portal>): React.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof Menubar$1.RadioGroup>): React.JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof Menubar$1.Trigger>): React.JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof Menubar$1.Content>): React.JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof Menubar$1.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): React.JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof Menubar$1.CheckboxItem>): React.JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof Menubar$1.RadioItem>): React.JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof Menubar$1.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof Menubar$1.Separator>): React.JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof Menubar$1.Sub>): React.JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof Menubar$1.SubContent>): React.JSX.Element;
+
+/**
+ * Site navigation with drop-down panels — the marketing-header pattern, not
+ * the application menu bar (`Menubar`) and not a menu of commands
+ * (`DropdownMenu`). Its items are links, so it renders as a `<nav>` and the
+ * panels stay in the accessibility tree as regions rather than menus.
+ */
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
+    /**
+     * Render panels into one shared, animated viewport under the bar (the
+     * default), or leave each panel anchored under its own trigger. The shared
+     * viewport is what gives the width-and-height morph between panels; turn it
+     * off when a panel must escape a clipping ancestor.
+     */
+    viewport?: boolean;
+}): React.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.List>): React.JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Item>): React.JSX.Element;
+/**
+ * Exported so a plain link in the bar can wear the trigger's shape without
+ * being one — the row would step otherwise.
+ */
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenu$1.Trigger>): React.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Content>): React.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Viewport>): React.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Link>): React.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Indicator>): React.JSX.Element;
+
+type ToastId = string;
+type ToastOptions = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Colour and icon: `danger` for failures, `success` for confirmations. */
+    tone?: Tone;
+    /** Milliseconds on screen. `Infinity` pins it until dismissed. */
+    duration?: number;
+    /** A single control — usually an undo or a retry. */
+    action?: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
+};
+type ToastRecord = ToastOptions & {
+    id: ToastId;
+};
+type ToastHandle = {
+    id: ToastId;
+    dismiss: () => void;
+    update: (options: ToastOptions) => void;
+};
+/**
+ * Raise a toast from anywhere — no hook, no context, no provider lookup.
+ *
+ *   toast({ title: 'Saved', tone: 'success' })
+ *   const t = toast({ title: 'Uploading…', duration: Infinity })
+ *   t.update({ title: 'Uploaded', tone: 'success', duration: 4000 })
+ */
+declare function toast(options: ToastOptions): ToastHandle;
+/** Clears every toast on screen, or one by id. */
+declare function dismiss(id?: ToastId): void;
+/**
+ * The same queue, as a hook. Prefer the plain `toast()` — this exists for the
+ * cases that need to render the live list (a notification centre, a test).
+ */
+declare function useToast(): {
+    toasts: ToastRecord[];
+    toast: typeof toast;
+    dismiss: typeof dismiss;
+};
+declare function ToastProvider({ ...props }: React.ComponentProps<typeof Toast$1.Provider>): React.JSX.Element;
+declare function ToastViewport({ className, ...props }: React.ComponentProps<typeof Toast$1.Viewport>): React.JSX.Element;
+declare function Toast({ className, tone, ...props }: React.ComponentProps<typeof Toast$1.Root> & {
+    tone?: Tone;
+}): React.JSX.Element;
+declare function ToastTitle({ className, ...props }: React.ComponentProps<typeof Toast$1.Title>): React.JSX.Element;
+declare function ToastDescription({ className, ...props }: React.ComponentProps<typeof Toast$1.Description>): React.JSX.Element;
+declare function ToastAction({ className, ...props }: React.ComponentProps<typeof Toast$1.Action>): React.JSX.Element;
+declare function ToastClose({ className, label, ...props }: React.ComponentProps<typeof Toast$1.Close> & {
+    label?: string;
+}): React.JSX.Element;
+type ToasterProps = {
+    /** Default time on screen for a toast that does not set its own. */
+    duration?: number;
+    /** Which corner the stack grows from. */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    closeLabel?: string;
+    /** Radix hotkey to focus the viewport. Defaults to Radix's F8. */
+    hotkey?: string[];
+    className?: string;
+};
+/**
+ * Mount once, near the root. It renders whatever `toast()` has queued.
+ *
+ * `Infinity` is translated to a very large finite duration rather than passed
+ * through: Radix multiplies the duration by a swipe factor and `Infinity`
+ * arithmetic produced a `NaN` timeout that closed the toast immediately.
+ */
+declare function Toaster({ duration, position, closeLabel, hotkey, className, }: ToasterProps): React.JSX.Element;
+
+/**
+ * Chart theming, without a charting dependency.
+ *
+ * The kit does not draw charts — recharts, visx, uPlot and friends already do,
+ * and none of them should be baked into a component kit. What is missing from
+ * all of them is the part a design system owns: one place that names the
+ * series, gives each a colour that follows the theme, and dresses the tooltip
+ * and legend so they read like the rest of the interface.
+ *
+ * `ChartContainer` publishes each series colour as a CSS custom property
+ * scoped to itself, so any library that accepts a CSS colour can consume it:
+ *
+ *   const config = {
+ *     shipped: { label: 'Shipped', color: 'var(--mz-primary)' },
+ *     returned: { label: 'Returned', theme: { light: '#c2410c', dark: '#fb923c' } },
+ *   } satisfies ChartConfig
+ *
+ *   <ChartContainer config={config} className="h-64">
+ *     <ResponsiveContainer>
+ *       <BarChart data={rows}>
+ *         <Bar dataKey="shipped" fill="var(--color-shipped)" />
+ *         <Tooltip content={<ChartTooltipContent />} />
+ *       </BarChart>
+ *     </ResponsiveContainer>
+ *   </ChartContainer>
+ *
+ * The responsive wrapper stays the host's: sizing belongs to the charting
+ * library, and a container that owned it would only work with one of them.
+ */
+type ChartSeriesConfig = {
+    label?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: {
+        light: string;
+        dark: string;
+    };
+});
+type ChartConfig = Record<string, ChartSeriesConfig>;
+type ChartContextValue = {
+    config: ChartConfig;
+};
+declare function useChart(): ChartContextValue;
+/**
+ * The `<style>` element that binds the config to one container.
+ *
+ * The rules are keyed on the kit's theme selectors as well as `.dark`, so the
+ * colours follow both a `MorzeThemeProvider` and a host that toggles a class
+ * of its own. Values are filtered to plain CSS colours before they are
+ * interpolated — a config is data, and data ends up coming from a server.
+ */
+declare function ChartStyle({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}): React.JSX.Element | null;
+declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<'div'> & {
+    config: ChartConfig;
+}): React.JSX.Element;
+/**
+ * One series at one point, in the shape charting libraries hand to a custom
+ * tooltip. Typed structurally on purpose: it matches recharts without the kit
+ * importing it, and anything with the same fields works too.
+ */
+type ChartPayloadItem = {
+    dataKey?: string | number;
+    name?: string | number;
+    value?: number | string;
+    color?: string;
+    fill?: string;
+    payload?: Record<string, unknown>;
+};
+type ChartTooltipContentProps = {
+    active?: boolean;
+    payload?: ChartPayloadItem[];
+    label?: React.ReactNode;
+    /** Renders the group heading; receives the raw label and the payload. */
+    labelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;
+    formatter?: (value: ChartPayloadItem['value'], name: React.ReactNode, item: ChartPayloadItem) => React.ReactNode;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'dot' | 'line' | 'dashed';
+    /** Field naming each item's series — for charts keyed inside the datum. */
+    nameKey?: string;
+    /** Same, for the group heading. */
+    labelKey?: string;
+    className?: string;
+};
+declare function ChartTooltipContent({ active, payload, label, labelFormatter, formatter, hideLabel, hideIndicator, indicator, nameKey, labelKey, className, }: ChartTooltipContentProps): React.JSX.Element | null;
+type ChartLegendContentProps = {
+    payload?: ChartPayloadItem[];
+    hideIcon?: boolean;
+    /** Field naming each item's series — see `ChartTooltipContentProps`. */
+    nameKey?: string;
+    className?: string;
+};
+declare function ChartLegendContent({ payload, hideIcon, nameKey, className, }: ChartLegendContentProps): React.JSX.Element | null;
+
 declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): React.JSX.Element;
 declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
 declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
@@ -729,4 +1067,4 @@ declare function pageCount(total: number | undefined, pageSize: number): number;
 declare function serializeSort(sort: DataTableSort[]): string;
 declare function parseSort(raw: string | null): DataTableSort[];
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, ColumnFilter, type ColumnFilterDef, type ColumnLayout, ColumnManager, type CustomFilterContext, DataTable, type DataTableColumn, type DataTableFilters, DataTableLabels, DataTablePagination, type DataTableProps, type DataTableQuery, type DataTableSort, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type EditableDef, Field, FieldError, FieldHint, FilterChip, type FilterValue, Input, type InputProps, Label, type MorzeTheme, MorzeThemeProvider, type MorzeThemeProviderProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, type RowAttributes, type RowSelectionState, type SavedView, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOptionDef, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPanel, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SortDir, Spinner, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, type Tone, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSavedViewsOptions, type UseTableQueryOptions, activeFilters, badgeVariants, buttonVariants, cn, emptyQuery, isFilterActive, pageCount, parseSort, serializeSort, setFilter, sortStateOf, toggleSort, toggleVariants, useColumnLayout, useIsMobile, useMorzeTheme, useRowSelection, useSavedViews, useSidebar, useTableQuery };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegendContent, type ChartLegendContentProps, type ChartPayloadItem, type ChartSeriesConfig, ChartStyle, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, ColumnFilter, type ColumnFilterDef, type ColumnLayout, ColumnManager, type CustomFilterContext, DataTable, type DataTableColumn, type DataTableFilters, DataTableLabels, DataTablePagination, type DataTableProps, type DataTableQuery, type DataTableSort, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type EditableDef, Field, FieldError, FieldHint, FilterChip, type FilterValue, Input, type InputProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type MorzeTheme, MorzeThemeProvider, type MorzeThemeProviderProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, type RowAttributes, type RowSelectionState, type SavedView, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOptionDef, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPanel, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SortDir, Spinner, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, type ToastHandle, type ToastOptions, ToastProvider, type ToastRecord, ToastTitle, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type Tone, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSavedViewsOptions, type UseTableQueryOptions, activeFilters, badgeVariants, buttonVariants, cn, dismiss, emptyQuery, isFilterActive, navigationMenuTriggerStyle, pageCount, parseSort, serializeSort, setFilter, sortStateOf, toast, toggleSort, toggleVariants, useChart, useColumnLayout, useIsMobile, useMorzeTheme, useRowSelection, useSavedViews, useSidebar, useTableQuery, useToast };