@bmsuisse/ui 0.18.0 → 0.20.0

package/CATALOG.md

@@ -0,0 +1,101 @@
+# @bmsuisse/ui catalog
+
+One line per export: what it is and when to reach for it. Written for coding
+agents and people in consuming apps: **check here before building a local
+component** — if it's listed, import it from `@bmsuisse/ui` instead.
+
+Shipped in the npm package (`node_modules/@bmsuisse/ui/CATALOG.md`). Every
+runtime export of `src/index.ts` must appear here; `tests/catalog.test.ts`
+fails otherwise. Longer docs and examples: `docs-site/docs/ui/` and the
+repo's `AGENTS.md`.
+
+## Primitives (shadcn/ui on Radix)
+
+| Export | Use for |
+| --- | --- |
+| `Button`, `buttonVariants` | Every button. Variants `default` `secondary` `outline` `ghost` `destructive` `link` `ai*`; sizes `xs` `sm` `default` `lg` `icon*`. |
+| `Input` | Single-line text input. For dates use `DateInput`; for search use `SearchBar`. |
+| `Textarea` | Multi-line text. |
+| `Label` | Form label. Prefer `FormField`, which wires label + error + ids. |
+| `Checkbox`, `Switch` | Boolean inputs. |
+| `Select`, `SelectContent`, `SelectGroup`, `SelectItem`, `SelectTrigger`, `SelectValue` | Short fixed option list without search. With search use `Combobox`. |
+| `Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter` | Bordered content block. |
+| `Badge`, `badgeVariants` | Small label. For statuses use `StatusBadge`. |
+| `Dialog`, `DialogTrigger`, `DialogContent`, `DialogHeader`, `DialogTitle`, `DialogDescription`, `DialogBody`, `DialogFooter` | Low-level dialog. Usually use `Modal` / `FormModal` / `ConfirmDialog` / `ResponsivePanel` instead. |
+| `Sheet`, `SheetTrigger`, `SheetContent`, `SheetHeader`, `SheetTitle`, `SheetDescription`, `SheetBody`, `SheetFooter`, `SheetClose`, `SheetPortal`, `sheetVariants` | Side or bottom drawer. |
+| `Popover`, `PopoverTrigger`, `PopoverContent`, `PopoverAnchor` | Floating panel anchored to a trigger. |
+| `Tooltip`, `TooltipTrigger`, `TooltipContent`, `TooltipProvider` | Hover/focus hint text. |
+| `DropdownMenu`, `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuItem`, `DropdownMenuCheckboxItem`, `DropdownMenuRadioGroup`, `DropdownMenuRadioItem`, `DropdownMenuLabel`, `DropdownMenuSeparator`, `DropdownMenuShortcut`, `DropdownMenuGroup`, `DropdownMenuPortal`, `DropdownMenuSub`, `DropdownMenuSubTrigger`, `DropdownMenuSubContent` | Action menus ("⋯" menus, row actions). |
+| `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent` | Switching between views of one page. |
+| `Table`, `TableHeader`, `TableBody`, `TableFooter`, `TableRow`, `TableHead`, `TableCell`, `TableCaption` | Static HTML table. For sorting/filtering/paging data use `@bmsuisse/datagrid`. |
+| `Separator` | Horizontal/vertical rule. |
+| `ScrollArea`, `ScrollBar` | Styled scroll container. |
+| `Skeleton` | Loading placeholder block. |
+
+## Dialogs
+
+| Export | Use for |
+| --- | --- |
+| `Modal` | Generic dialog: title, description, body, footer. |
+| `FormModal` | Dialog wrapping a form; does **not** auto-close on submit (server validation). |
+| `ConfirmDialog` | "Are you sure?"; closes itself after a successful confirm. |
+| `QuestionDialog` | Question with several actions + Cancel ("Save changes before closing?"). |
+| `DialogActions` | Buttons in the platform's order (Cancel right on Windows, left elsewhere). |
+| `ResponsivePanel` | Large dialog on desktop, bottom sheet on phones. Prefer over `Modal` for long forms/lists. |
+
+## Forms and inputs
+
+| Export | Use for |
+| --- | --- |
+| `FormField` | Label + control + error/description with ids wired. Wrap every form control. |
+| `DateInput`, `defaultDateInputLabels` | Day field in the app locale (dd.mm.yyyy), ISO value, `min`/`max`, calendar button, native `<input type="date">` on touch devices. Instead of `<input type="date">`. |
+| `parseIsoDay`, `formatIsoDay`, `shiftIsoDay`, `datePlaceholder`, `toLocalIsoDay` | Date helpers. `toLocalIsoDay(new Date())` instead of `toISOString().slice(0, 10)` (UTC day bug). |
+| `Combobox` | Searchable dropdown, single or `multiple`. |
+| `TagCombobox` | Multi-select with chips inline in the field. |
+| `ButtonGroup` | Connected single-select segment buttons. |
+| `SearchBar` | Pill search input with clear button; caller renders results. |
+| `SearchPanel`, `SearchTrigger` | Bordered search card with mode pills; icon button that opens a search overlay. |
+| `Stepper` | Numbered wizard progress. |
+
+## Feedback and states
+
+| Export | Use for |
+| --- | --- |
+| `AsyncBoundary` | Loading → error → empty → content switch for fetched data. Start here for any query-backed view. |
+| `EmptyState` | "Nothing here" with icon, title, description, action. |
+| `FilteredEmptyState`, `defaultFilteredEmptyStateLabels` | "No results" with a Reset filters button. |
+| `ErrorState`, `InlineError`, `defaultErrorStateLabels`, `toErrorInfo` | Load failure: block or one-line, with Retry. |
+| `LoadingState`, `RefreshBar`, `useDelayedFlag` | Initial-load placeholder; thin bar for refetch; delay flag to avoid spinner flash. |
+| `LoadingSpinner`, `LoadingOverlay`, `loadingSpinnerIconVariants` | Inline spinner; centered overlay spinner. |
+| `toast`, `Toaster`, `defaultToasterLabels`, `MAX_TOASTS`, `resetToasts` | Brief notices (`toast.success("Saved")`). Mount `<Toaster />` once. `resetToasts()` clears the queue between tests. |
+| `AlertBox` | Inline error/warning/info/success banner. |
+| `StatusBadge` | Status string → colored badge. |
+
+## Data display
+
+| Export | Use for |
+| --- | --- |
+| `KpiCard`, `Sparkline`, `DonutChart` | KPI tile with trend sparkline or donut. |
+
+## Navigation and shell
+
+| Export | Use for |
+| --- | --- |
+| `Sidebar`, `SidebarNav`, `NavGroup`, `NavItem`, `useSidebarCollapsed` | App left navigation, resizable and rail-collapsible. |
+| `AnimatedBrand`, `BRAND_ANIMATIONS` | One* product wordmark with optional intro animation. |
+
+## AI
+
+| Export | Use for |
+| --- | --- |
+| `AiButton` | "Do it with AI" button with in-flight state. |
+| `AiExplainButton` | Sparkle button that opens a popover with a lazily generated explanation. |
+| `VoiceInputButton`, `VoiceTranscript`, `useSpeechRecognition`, `describeSpeechError` | Dictation button; dictate-then-rewrite workflow; the hook underneath. |
+
+## Utilities
+
+| Export | Use for |
+| --- | --- |
+| `cn` | `clsx` + `tailwind-merge` class joiner. |
+| `useMediaQuery` | Reactive media query. |
+| `getConfirmButtonPlacement`, `isWindowsPlatform` | Platform-dependent button order. |

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ReactElement, ComponentPropsWithoutRef, TdHTMLAttributes, ThHTMLAttributes, ReactNode, ComponentProps, ComponentType, Ref, ElementType, CSSProperties } from 'react';
+import { ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ReactElement, ComponentPropsWithoutRef, TdHTMLAttributes, ThHTMLAttributes, ReactNode, ComponentProps, ComponentType, Ref, ElementType, SVGProps, CSSProperties } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -1236,8 +1236,8 @@ interface StepperStep {
     n: number;
     /** Visible label under the chip. */
     label: string;
-    /** Small uppercase caption under the label (e.g. a phase/section name). */
-    phase: string;
+    /** Small uppercase caption under the label (e.g. a phase/section name). Omit to render no caption. */
+    phase?: string;
 }
 interface StepperProps {
     /** The current step number (1-based, matches a `StepperStep.n`). */
@@ -1258,11 +1258,21 @@ interface StepperProps {
     scrollTestId?: string;
     /** `data-testid` for the trailing `onNew` button, when rendered. */
     newTestId?: string;
+    /**
+     * Minimum width of the steps track; below it the track scrolls horizontally instead of
+     * shrinking further (a number is px, a string is any CSS length, e.g. `"40rem"`). By default
+     * the track has no fixed minimum: it fills the available width and only scrolls once the
+     * chips themselves no longer fit. Set it to give the chips more room than their own content.
+     */
+    minWidth?: number | string;
+    /** Extra classes for the root element (e.g. to constrain or centre the stepper). */
+    className?: string;
 }
 /**
- * Numbered-chip wizard progress indicator: a horizontally-scrolling row of
- * step chips (done/active/upcoming, connected by a line that fills in as
- * steps complete) plus an optional trailing "start over" button. Replaces
+ * Numbered-chip wizard progress indicator: a row of step chips
+ * (done/active/upcoming, connected by a line that fills in as steps complete)
+ * that scrolls horizontally only when the chips don't fit, plus an optional
+ * trailing "start over" button. Replaces
  * the same shape hand-rolled independently by more than one multi-step
  * wizard.
  *
@@ -1274,7 +1284,186 @@ interface StepperProps {
  * that needs a one-off extra chip should compose its own around this
  * component instead.
  */
-declare function Stepper({ step, maxStep, onNavigate, onNew, steps, navLabel, newLabel, scrollTestId, newTestId, }: StepperProps): react.JSX.Element;
+declare function Stepper({ step, maxStep, onNavigate, onNew, steps, navLabel, newLabel, scrollTestId, newTestId, minWidth, className, }: StepperProps): react.JSX.Element;
+
+interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title: ReactNode;
+    /** Secondary line under the title: why it's empty or what to do next. */
+    description?: ReactNode;
+    /** Heroicon-style component shown in a muted round tile above the title. Omit for text only. */
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    /** A reset-filters or "New …" button rendered under the text. */
+    action?: ReactNode;
+    /** `md` (default) for a whole panel or list; `sm` for an empty card section ("no tasks"). */
+    size?: "sm" | "md";
+    /** Grow to fill a flex parent and center vertically in it. */
+    fill?: boolean;
+}
+/**
+ * "Nothing here" placeholder: optional icon, title, description and action.
+ * Use it for a list, table or panel with no data; use `ErrorState` when loading failed
+ * and `FilteredEmptyState` when filters hide every row.
+ */
+declare const EmptyState: ({ title, description, icon: Icon, action, size, fill, className, ...props }: EmptyStateProps) => ReactElement;
+interface FilteredEmptyStateLabels {
+    title: string;
+    description: string;
+    reset: string;
+}
+declare const defaultFilteredEmptyStateLabels: FilteredEmptyStateLabels;
+interface FilteredEmptyStateProps extends Omit<EmptyStateProps, "title" | "description" | "action"> {
+    /** Clears search and filters. */
+    onReset: () => void;
+    labels?: Partial<FilteredEmptyStateLabels>;
+}
+/** Empty state for a filtered list or table: says nothing matches and offers a way back with a Reset button. */
+declare const FilteredEmptyState: ({ onReset, labels, icon, size, ...props }: FilteredEmptyStateProps) => ReactElement;
+
+type ToastTone = "info" | "success" | "warning" | "error";
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastOptions {
+    /** Short secondary line under the message. */
+    description?: string;
+    tone?: ToastTone;
+    /** One inline button, e.g. "Undo". Clicking it also dismisses the toast. */
+    action?: ToastAction;
+    /** Milliseconds before it hides. Falls back to the `<Toaster duration>` default (4000; errors 8000). `Infinity` keeps it until dismissed. */
+    duration?: number;
+}
+interface ToastItem {
+    id: number;
+    message: string;
+    description?: string;
+    tone: ToastTone;
+    action?: ToastAction;
+    /** Set only when the caller passed one; otherwise `<Toaster>` resolves it from its own default. */
+    duration?: number;
+    /** Dismissed and playing its exit transition before removal. */
+    leaving: boolean;
+}
+/** Toasts kept at once; showing a 4th drops the oldest. */
+declare const MAX_TOASTS = 3;
+/** Starts the exit transition of one toast, or of every toast when `id` is omitted. */
+declare function dismissToast(id?: number): void;
+declare function show(message: string, options?: ToastOptions): number;
+type ToneOptions = Omit<ToastOptions, "tone">;
+/**
+ * Show a brief, non-blocking notice. Needs one `<Toaster />` mounted in the app;
+ * the countdown runs in the rendered toast, so a toast queued while no Toaster
+ * is mounted waits until one is.
+ * Returns the toast id for `toast.dismiss(id)`.
+ */
+declare const toast: typeof show & {
+    info: (message: string, options?: ToneOptions) => number;
+    success: (message: string, options?: ToneOptions) => number;
+    warning: (message: string, options?: ToneOptions) => number;
+    error: (message: string, options?: ToneOptions) => number;
+    dismiss: typeof dismissToast;
+};
+/** Test helper: drop every toast immediately. */
+declare function resetToasts(): void;
+
+type ToasterPosition = "bottom-center" | "bottom-left" | "bottom-right" | "top-center" | "top-left" | "top-right";
+interface ToasterLabels {
+    /** Accessible name of the toast region. */
+    region: string;
+    dismiss: string;
+}
+declare const defaultToasterLabels: ToasterLabels;
+interface ToasterProps {
+    /** Where the stack sits. Defaults to `bottom-center`. */
+    position?: ToasterPosition;
+    /** Default lifetime in ms for toasts that don't pass their own `duration`: one number for all tones, or per tone
+     * (`{ error: 12000 }`; missing tones keep their default of 4000, errors 8000). `Infinity` keeps toasts until dismissed. */
+    duration?: number | Partial<Record<ToastTone, number>>;
+    labels?: Partial<ToasterLabels>;
+    className?: string;
+}
+/**
+ * Renders the toasts queued with `toast(...)`. Mount once near the app root.
+ * Each toast fades in, shows the time it has left as a thin bar, pauses while
+ * hovered or focused, and fades out on dismiss. No CSS or animation plugin needed.
+ */
+declare const Toaster: ({ position, duration, labels, className }: ToasterProps) => ReactElement;
+
+/** Why the typed text was rejected: it is no date (`invalid`), or a real date outside `min`/`max` (`range`). */
+type DateInputError = "invalid" | "range";
+interface DateInputLabels {
+    /** Message for text that is no date. */
+    invalid: string;
+    /** Message for a date before `min` or after `max`. */
+    outOfRange: string;
+    /** Accessible name of the calendar button. */
+    openCalendar: string;
+}
+declare const defaultDateInputLabels: DateInputLabels;
+interface DateInputProps extends Omit<InputProps, "value" | "defaultValue" | "onChange" | "type" | "min" | "max"> {
+    /** ISO day `yyyy-mm-dd` (the date part of an ISO datetime is accepted too), or `""` for none. */
+    value: string;
+    /** Called with an ISO day (or `""` when cleared). Only real dates within `min`/`max` get here. */
+    onValueChange: (iso: string) => void;
+    /** Called when the field becomes (in)valid, so a form can block submit while it holds a non-date. `reason` is set when `invalid` is true. */
+    onInvalidChange?: (invalid: boolean, reason?: DateInputError) => void;
+    /** Display and parse order of the typed field. Default `de-CH` (dd.mm.yyyy). Ignored by the native control, which follows the device. */
+    locale?: string;
+    /** Earliest allowed ISO day. Typed dates before it are rejected; the calendar greys them out. */
+    min?: string;
+    /** Latest allowed ISO day. Typed dates after it are rejected; the calendar greys them out. */
+    max?: string;
+    /** Shows the error text under the field when the entry is rejected. Turn off to render it yourself (e.g. via `onInvalidChange`). Default `true`. */
+    showError?: boolean;
+    /** Translations for the error messages and the calendar button. */
+    labels?: Partial<DateInputLabels>;
+    /**
+     * `auto` (default) uses the browser's own `<input type="date">` on touch devices
+     * (`pointer: coarse`), where its wheel/calendar is far better than a typed field, and
+     * the typed `locale` field elsewhere. `always` / `never` force one of them.
+     */
+    native?: "auto" | "always" | "never";
+}
+
+/**
+ * Day field that shows and reads the app's locale (dd.mm.yyyy in de-CH) instead of
+ * the browser's own `type="date"` format. The value is an ISO day. Text is committed
+ * on blur or Enter. The calendar button opens the browser's own date picker
+ * (`showPicker()`), restricted to `min`/`max`; the picker itself uses the browser's
+ * language, not `locale`.
+ *
+ * Only real dates within `min`/`max` reach `onValueChange`. Rejected text keeps the
+ * previous value, marks the field `aria-invalid` with an error message, and sets
+ * the field's native validity, so a surrounding `<form>` refuses to submit while it
+ * holds text that is no date. With `name`, a hidden input submits the ISO day.
+ */
+declare const DateInput: react.ForwardRefExoticComponent<DateInputProps & react.RefAttributes<HTMLInputElement>>;
+
+/** "dd.mm.yyyy" for de-CH, "mm/dd/yyyy" for en-US. */
+declare function datePlaceholder(locale: string): string;
+/** An ISO day (or the date part of an ISO datetime) as the field shows it; empty string for anything else. */
+declare function formatIsoDay(iso: string, locale: string): string;
+/**
+ * Typed text -> ISO day, or null when it isn't a real date. Accepts the
+ * locale's order, two-digit years (`3.2.26` -> 2026, `1.2.99` -> 1999), any run
+ * of `. / -` or spaces as separator (`3. 2. 2026`), bare digits (`03022026`,
+ * `030226`), ISO days and ISO datetimes (date part only).
+ */
+declare function parseIsoDay(text: string, locale: string): string | null;
+/**
+ * Local calendar day as ISO. Not `d.toISOString().slice(0, 10)`: that is the
+ * UTC day, which in Swiss time is still "yesterday" after 22:00/23:00.
+ */
+declare function toLocalIsoDay(d: Date): string;
+/**
+ * Moves an ISO day by whole months (the day of month is kept, or clamped to the
+ * month's last day: Jan 31 + 1 month = Feb 28/29) and then by days. Returns the
+ * input unchanged when it isn't an ISO day or the result leaves years 1000-9999.
+ */
+declare function shiftIsoDay(iso: string, by: {
+    days?: number;
+    months?: number;
+}): string;
 
 /** Merges conditional class names, then dedupes conflicting Tailwind utility classes. */
 declare function cn(...inputs: ClassValue[]): string;
@@ -1353,4 +1542,4 @@ interface AnimatedBrandProps {
 /** A static accessible brand with an optional finite, reduced-motion-aware introduction. */
 declare function AnimatedBrand({ product, dotColor, textColor, oneColor, productColor, ringColor, mode, animation, size, autoPlay, replayKey, onComplete, className, style, }: AnimatedBrandProps): ReactElement;
 
-export { AiButton, type AiButtonProps, type AiButtonVariant, AiExplainButton, type AiExplainButtonProps, AlertBox, type AlertBoxProps, type AlertBoxVariant, AnimatedBrand, type AnimatedBrandProps, AsyncBoundary, type AsyncBoundaryProps, BRAND_ANIMATIONS, Badge, type BadgeProps, type BrandAnimation, type BrandMode, Button, ButtonGroup, type ButtonGroupOption, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, type GridColumn as ComboboxColumn, type ComboboxMultiProps, type ComboboxOption, type ComboboxProps, type ComboboxSingleProps, type ConfirmButtonPlacement, ConfirmDialog, type ConfirmDialogProps, Dialog, DialogActions, type DialogActionsProps, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ErrorInfo, type ErrorInput, ErrorState, type ErrorStateLabels, type ErrorStateProps, FormField, type FormFieldProps, FormModal, type FormModalProps, InlineError, type InlineErrorProps, Input, type InputProps, KpiCard, type KpiCardProps, Label, LoadingOverlay, type LoadingOverlayProps, LoadingSpinner, type LoadingSpinnerProps, LoadingState, type LoadingStateProps, Modal, type ModalProps, NavGroup, type NavGroupProps, type NavIconProps, NavItem, type NavItemProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuestionDialog, type QuestionDialogAction, type QuestionDialogProps, RefreshBar, ResponsivePanel, type ResponsivePanelProps, type ResponsivePanelSize, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchPanel, type SearchPanelMode, type SearchPanelProps, SearchTrigger, type SearchTriggerProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarNav, type SidebarNavProps, type SidebarProps, Skeleton, Sparkline, type SpeechRecognitionEngine, type SpeechRecognitionEngineFactory, type SpeechRecognitionState, StatusBadge, type StatusBadgeProps, type StatusTone, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagCombobox, type TagComboboxOption, type TagComboboxProps, Textarea, type TextareaProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSpeechRecognitionOptions, VoiceInputButton, type VoiceInputButtonProps, VoiceTranscript, type VoiceTranscriptProps, badgeVariants, buttonVariants, cn, defaultErrorStateLabels, describeSpeechError, getConfirmButtonPlacement, isWindowsPlatform, loadingSpinnerIconVariants, sheetVariants, toErrorInfo, useDelayedFlag, useMediaQuery, useSidebarCollapsed, useSpeechRecognition };
+export { AiButton, type AiButtonProps, type AiButtonVariant, AiExplainButton, type AiExplainButtonProps, AlertBox, type AlertBoxProps, type AlertBoxVariant, AnimatedBrand, type AnimatedBrandProps, AsyncBoundary, type AsyncBoundaryProps, BRAND_ANIMATIONS, Badge, type BadgeProps, type BrandAnimation, type BrandMode, Button, ButtonGroup, type ButtonGroupOption, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, type GridColumn as ComboboxColumn, type ComboboxMultiProps, type ComboboxOption, type ComboboxProps, type ComboboxSingleProps, type ConfirmButtonPlacement, ConfirmDialog, type ConfirmDialogProps, DateInput, type DateInputError, type DateInputLabels, type DateInputProps, Dialog, DialogActions, type DialogActionsProps, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, type ErrorInfo, type ErrorInput, ErrorState, type ErrorStateLabels, type ErrorStateProps, FilteredEmptyState, type FilteredEmptyStateLabels, type FilteredEmptyStateProps, FormField, type FormFieldProps, FormModal, type FormModalProps, InlineError, type InlineErrorProps, Input, type InputProps, KpiCard, type KpiCardProps, Label, LoadingOverlay, type LoadingOverlayProps, LoadingSpinner, type LoadingSpinnerProps, LoadingState, type LoadingStateProps, MAX_TOASTS, Modal, type ModalProps, NavGroup, type NavGroupProps, type NavIconProps, NavItem, type NavItemProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuestionDialog, type QuestionDialogAction, type QuestionDialogProps, RefreshBar, ResponsivePanel, type ResponsivePanelProps, type ResponsivePanelSize, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchPanel, type SearchPanelMode, type SearchPanelProps, SearchTrigger, type SearchTriggerProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarNav, type SidebarNavProps, type SidebarProps, Skeleton, Sparkline, type SpeechRecognitionEngine, type SpeechRecognitionEngineFactory, type SpeechRecognitionState, StatusBadge, type StatusBadgeProps, type StatusTone, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagCombobox, type TagComboboxOption, type TagComboboxProps, Textarea, type TextareaProps, type ToastAction, type ToastItem, type ToastOptions, type ToastTone, Toaster, type ToasterLabels, type ToasterPosition, type ToasterProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSpeechRecognitionOptions, VoiceInputButton, type VoiceInputButtonProps, VoiceTranscript, type VoiceTranscriptProps, badgeVariants, buttonVariants, cn, datePlaceholder, defaultDateInputLabels, defaultErrorStateLabels, defaultFilteredEmptyStateLabels, defaultToasterLabels, describeSpeechError, formatIsoDay, getConfirmButtonPlacement, isWindowsPlatform, loadingSpinnerIconVariants, parseIsoDay, resetToasts, sheetVariants, shiftIsoDay, toErrorInfo, toLocalIsoDay, toast, useDelayedFlag, useMediaQuery, useSidebarCollapsed, useSpeechRecognition };