@xenide-io/the-old-ui-theme 0.5.2 → 0.5.4

package/dist/ui.d.mts

@@ -1,3 +1,609 @@
-export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b3 as IconAliasName, bc as IconByName, bN as IconName, bU as IconProps, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cW as Overline, cX as P, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-Od4pIP4F.mjs';
-import 'react';
+import { a4 as FilterBarProps, a7 as FilterChipsProps, bP as ModalProps, v as ButtonProps } from './Chip-C5hRFAhe.mjs';
+export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as AuthCard, e as AuthCardProps, f as AuthDivider, g as AuthDividerProps, h as AuthLayout, i as AuthLayoutProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Badge, p as BadgeProps, q as BadgeSize, r as BadgeVariant, s as Button, t as ButtonChrome, u as ButtonChromeProps, w as ButtonShape, x as ButtonSize, y as ButtonVariant, z as Calendar, D as CanonicalIconName, E as Caption, F as Card, G as CardProps, H as CardVariant, I as Checkbox, J as CheckboxProps, K as Chip, L as ChipProps, M as CommandPalette, N as Display, O as Dot, P as DotProps, Q as DropdownAlign, R as DropdownButton, S as DropdownButtonProps, T as DropdownItem, U as DropdownItemProps, V as DropdownMenu, W as DropdownMenuProps, X as DropdownRadioGroup, Y as DropdownRadioGroupProps, Z as DropdownRadioItem, _ as DropdownRadioItemProps, $ as DropdownSide, a0 as EmptyState, a1 as FileUpload, a2 as FileUploadProps, a3 as FilterBar, a5 as FilterChip, a6 as FilterChips, a8 as FilterMenu, a9 as FilterMenuOption, aa as FilterMenuProps, ab as FormField, ac as FormFieldControlProps, ad as FormFieldProps, ae as H1, af as H2, ag as H3, ah as H4, ai as H5, ao as Icon, ak as IconAliasName, at as IconByName, b2 as IconName, b9 as IconProps, bA as Input, bB as InputProps, bC as InputSize, bD as InputVariant, bE as Label, bF as Lead, bG as Link, bH as LinkProps, bI as Loader, bJ as LoaderProps, bK as LoaderSize, bL as LoaderVariant, bM as LoadingState, bN as LoadingStateProps, bO as Modal, bQ as ModalSize, bR as Mono, bT as Overline, bU as P, bX as Panel, bY as PanelProps, bZ as Progress, b_ as ProgressProps, b$ as Radio, c0 as RadioProps, c1 as Range, c2 as RangeProps, c3 as SearchGroup, c4 as SearchGroupProps, c5 as SearchInput, c6 as SearchInputProps, c7 as SegmentedControl, c8 as Select, c9 as SelectProps, ca as SettingsLayout, cb as SettingsLayoutProps, cc as SettingsNav, cd as SettingsNavGroup, ce as SettingsNavItem, cf as SettingsNavProps, cg as Skeleton, ch as SkeletonProps, ci as SkeletonShape, cj as Small, ck as SortMenu, cl as SortMenuProps, cm as Spinner, cn as SpinnerProps, co as Stat, cp as StatProps, cq as StatTone, cr as Table, cs as TableColumn, ct as TableProps, cu as Textarea, cv as TextareaProps, cw as Toggle, cx as ToggleProps, cy as Tooltip, cz as TooltipAlign, cA as TooltipProps, cB as TooltipProvider, cC as TooltipProviderProps, cD as TooltipSide } from './Chip-C5hRFAhe.mjs';
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, InputHTMLAttributes, ButtonHTMLAttributes } from 'react';
 import '@radix-ui/react-dropdown-menu';
+
+type DrawerSide = "left" | "right";
+type DrawerSize = "sm" | "md" | "lg";
+interface DrawerProps {
+    open?: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    side?: DrawerSide;
+    size?: DrawerSize;
+    className?: string;
+    showCloseButton?: boolean;
+}
+declare function Drawer({ open, onClose, title, children, footer, side, size, className, showCloseButton, }: DrawerProps): react.JSX.Element | null;
+
+type KbdVariant = "shortcut" | "key" | "token";
+type KbdPlatform = "text" | "mac" | "windows";
+interface KbdProps extends HTMLAttributes<HTMLElement> {
+    variant?: KbdVariant;
+    keys?: readonly ReactNode[];
+    platform?: KbdPlatform;
+    separator?: ReactNode;
+    children?: ReactNode;
+}
+declare function Kbd({ variant, keys, platform, separator, children, className, "aria-label": ariaLabel, ...props }: KbdProps): react.JSX.Element;
+
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    current?: boolean;
+}
+interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    label?: string;
+    className?: string;
+}
+declare function Breadcrumbs({ items, label, className }: BreadcrumbsProps): react.JSX.Element;
+interface PaginationProps {
+    page: number;
+    totalPages: number;
+    onPageChange?: (page: number) => void;
+    label?: string;
+    compact?: boolean;
+    className?: string;
+}
+declare function Pagination({ page, totalPages, onPageChange, label, compact, className, }: PaginationProps): react.JSX.Element;
+
+interface RatingProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    label?: string;
+    value?: number;
+    max?: number;
+    readOnly?: boolean;
+    onChange?: (value: number) => void;
+    wrapperClassName?: string;
+}
+declare function Rating({ label, value, max, readOnly, onChange, className, wrapperClassName, ...props }: RatingProps): react.JSX.Element;
+
+type ToastStatus = "info" | "success" | "warning" | "danger";
+interface ToastProps {
+    status?: ToastStatus;
+    title: string;
+    description?: string;
+    onDismiss?: () => void;
+    className?: string;
+}
+declare function Toast({ status, title, description, onDismiss, className, }: ToastProps): react.JSX.Element;
+interface ToastStackProps {
+    children?: ReactNode;
+    className?: string;
+}
+declare function ToastStack({ children, className }: ToastStackProps): react.JSX.Element;
+
+interface TabItem {
+    value: string;
+    label: string;
+}
+type TabsVariant = "pill" | "underline";
+interface TabsProps {
+    items: TabItem[];
+    value: string;
+    onChange: (value: string) => void;
+    variant?: TabsVariant;
+    className?: string;
+}
+declare function Tabs({ items, value, onChange, variant, className }: TabsProps): react.JSX.Element;
+
+/**
+ * Re-applies `html[data-theme]` after React commits. Hydration can clear attributes
+ * that were set only by `THEME_INIT_SCRIPT` — without this sync, `:root`-scoped
+ * light tokens effectively win visually.
+ */
+declare function ThemeDomSync(): null;
+
+interface ThemeManagerProps {
+    children?: ReactNode;
+}
+/** Client wrapper that keeps html[data-theme] synced with localStorage. */
+declare function ThemeManager({ children }: ThemeManagerProps): react.JSX.Element;
+
+interface ThemeSwitcherProps {
+    className?: string;
+}
+/** Colour-only theme picker — persists to localStorage and sets html[data-theme]. */
+declare function ThemeSwitcher({ className }: ThemeSwitcherProps): react.JSX.Element;
+
+interface Step {
+    id: string;
+    label: string;
+    description?: string;
+    status?: "pending" | "current" | "completed" | "error";
+}
+interface StepperProps {
+    steps: Step[];
+    currentStep: number;
+    className?: string;
+}
+declare function Stepper({ steps, currentStep, className }: StepperProps): react.JSX.Element;
+
+interface HoverCardProps {
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+declare function HoverCard({ trigger, children, className }: HoverCardProps): react.JSX.Element;
+
+interface FilterControlsProps extends ComponentPropsWithoutRef<"div"> {
+    children: ReactNode;
+    barProps?: Omit<FilterBarProps, "children">;
+    chipsProps?: FilterChipsProps;
+    emptyState?: ReactNode;
+}
+/** Combines filter controls and their applied chips without owning filter state. */
+declare function FilterControls({ children, barProps, chipsProps, emptyState, className, ...props }: FilterControlsProps): react.JSX.Element;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    filename?: string;
+    className?: string;
+}
+declare function CodeBlock({ code, language, filename, className }: CodeBlockProps): react.JSX.Element;
+
+interface ComponentPropRow {
+    name: string;
+    type: string;
+    defaultValue?: string;
+    description?: ReactNode;
+}
+interface ComponentDocsProps {
+    title?: string;
+    rows: ComponentPropRow[];
+    defaultOpen?: boolean;
+    className?: string;
+}
+declare function ComponentDocs({ title, rows, defaultOpen, className }: ComponentDocsProps): react.JSX.Element;
+
+interface ShowcaseWrapperProps {
+    id?: string;
+    title: string;
+    description?: string;
+    docs?: ReactNode;
+    code: string;
+    filename?: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function ShowcaseWrapper({ id, title, description, docs, code, filename, children, className, }: ShowcaseWrapperProps): react.JSX.Element;
+
+interface CollapsibleSectionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    id?: string;
+}
+declare function CollapsibleSection({ title, children, defaultOpen, id }: CollapsibleSectionProps): react.JSX.Element;
+
+type ChatBubbleVariant = "from" | "self";
+interface ChatBubbleProps extends ComponentPropsWithoutRef<"div"> {
+    /** Message content */
+    children?: ReactNode;
+    /** Avatar or icon */
+    avatar?: ReactNode;
+    /** Sender name */
+    name?: string;
+    /** Timestamp */
+    time?: string;
+    /** "from" = left/grey, "self" = right/brand */
+    variant?: ChatBubbleVariant;
+    /** Footer text (e.g. "Synced with...") */
+    footer?: ReactNode;
+}
+declare function ChatBubble({ children, avatar, name, time, variant, footer, className, ...props }: ChatBubbleProps): react.JSX.Element;
+
+interface TerminalProps extends ComponentPropsWithoutRef<"div"> {
+    /** Window title */
+    title?: string;
+    /** Terminal lines — array of { text, color? } or plain strings */
+    lines?: Array<{
+        text: string;
+        color?: string;
+    } | string>;
+    /** Custom content instead of lines */
+    children?: ReactNode;
+}
+declare function Terminal({ title, lines, children, className, ...props }: TerminalProps): react.JSX.Element;
+
+type IndicatorPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+interface IndicatorProps extends ComponentPropsWithoutRef<"div"> {
+    /** The element to attach the indicator to */
+    children: ReactNode;
+    /** Badge content (number, text, or "!") */
+    badge?: ReactNode;
+    /** Indicator colour */
+    color?: string;
+    /** Position of the indicator dot */
+    position?: IndicatorPosition;
+    /** Show a simple dot instead of a badge */
+    dot?: boolean;
+    /** Offset from corner (default: 2px) */
+    offset?: number;
+}
+declare function Indicator({ children, badge, color, position, dot, className, ...props }: IndicatorProps): react.JSX.Element;
+
+interface TimelineEvent {
+    id: string;
+    title: string;
+    description?: string;
+    time?: string;
+    icon?: ReactNode;
+    color?: string;
+}
+interface TimelineProps extends ComponentPropsWithoutRef<"ol"> {
+    events: TimelineEvent[];
+    /** Alternate left/right layout on large screens */
+    alternate?: boolean;
+}
+declare function Timeline({ events, alternate, className, ...props }: TimelineProps): react.JSX.Element;
+
+type BannerType = "info" | "success" | "warning" | "danger" | "ai";
+interface BannerProps extends HTMLAttributes<HTMLDivElement> {
+    type?: BannerType;
+    onClose?: () => void;
+    action?: ReactNode;
+    hideIcon?: boolean;
+    square?: boolean;
+    icon?: ReactNode;
+    children: ReactNode;
+}
+declare const Banner: react.ForwardRefExoticComponent<BannerProps & react.RefAttributes<HTMLDivElement>>;
+
+interface DialogProps extends Omit<ModalProps, "onClose"> {
+    isOpen?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void | Promise<void>;
+    confirmText?: string;
+    cancelText?: string;
+    confirmProps?: Partial<ButtonProps>;
+    cancelProps?: Partial<ButtonProps>;
+    children?: ReactNode;
+}
+declare function Dialog({ isOpen: openProp, onClose, onConfirm, confirmText, cancelText, confirmProps, cancelProps, children, title, ...modalProps }: DialogProps): react.JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+}
+
+interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    vertical?: boolean;
+    dashed?: boolean;
+    thick?: boolean;
+    label?: string;
+}
+declare function Divider({ vertical, dashed, thick, label, className, ...props }: DividerProps): react.JSX.Element;
+declare namespace Divider {
+    var displayName: string;
+}
+
+type TagType = "default" | "primary" | "success" | "warning" | "danger" | "info" | "muted" | "highlight";
+interface TagProps extends HTMLAttributes<HTMLDivElement> {
+    type?: TagType;
+    size?: "sm" | "md";
+    icon?: ReactNode;
+    closable?: boolean;
+    onClose?: () => void;
+    children: ReactNode;
+}
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ProgressCircleProps extends HTMLAttributes<HTMLSpanElement> {
+    progress: number;
+    size?: number;
+    strokeWidth?: number;
+    children?: ReactNode;
+}
+declare function ProgressCircle({ progress, size, strokeWidth: sw, children, className, ...props }: ProgressCircleProps): react.JSX.Element;
+declare namespace ProgressCircle {
+    var displayName: string;
+}
+
+interface RowProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: ReactElement | null;
+    sideIcon?: ReactElement | null;
+    status?: "default" | "success" | "warning" | "danger" | "muted";
+    fullWidth?: boolean;
+    center?: boolean;
+    size?: "sm" | "md" | "lg";
+    children?: ReactNode;
+}
+declare const Row: react.ForwardRefExoticComponent<RowProps & react.RefAttributes<HTMLDivElement>>;
+
+interface WidgetProps {
+    title: ReactNode;
+    onClose?: () => void;
+    actions?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+declare function Widget({ title, onClose, actions, children, className }: WidgetProps): react.JSX.Element;
+declare namespace Widget {
+    var displayName: string;
+}
+
+interface LettermarkProps extends HTMLAttributes<HTMLDivElement> {
+    name?: string | number | null;
+    index?: number;
+    rounded?: boolean;
+    outlined?: boolean;
+    size?: "xs" | "sm" | "md" | "lg";
+}
+declare const Lettermark: react.ForwardRefExoticComponent<LettermarkProps & react.RefAttributes<HTMLDivElement>>;
+
+type SplotchColor = "purple" | "blue" | "green" | "black" | "white" | "orange" | "red" | "yellow";
+interface SplotchProps extends HTMLAttributes<HTMLDivElement> {
+    color: SplotchColor;
+}
+declare function Splotch({ color, className, ...props }: SplotchProps): react.JSX.Element;
+declare namespace Splotch {
+    var displayName: string;
+}
+
+interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
+    trigger: ReactNode;
+    children: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: "top" | "bottom" | "left" | "right";
+    matchTriggerWidth?: boolean;
+    padded?: boolean;
+}
+declare function Popover({ trigger, children, open: controlledOpen, onOpenChange, placement, matchTriggerWidth, padded, className, ...props }: PopoverProps): react.JSX.Element;
+declare namespace Popover {
+    var displayName: string;
+}
+
+interface LoadingBarProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+}
+declare function LoadingBar({ active, className, ...props }: LoadingBarProps): react.JSX.Element;
+declare namespace LoadingBar {
+    var displayName: string;
+}
+
+interface SnackProps extends HTMLAttributes<HTMLSpanElement> {
+    type?: "regular" | "pill";
+    onClose?: () => void;
+    wrap?: boolean;
+    children: ReactNode;
+}
+declare const Snack: react.ForwardRefExoticComponent<SnackProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+}
+interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function Combobox({ options, value, onChange, placeholder, className, disabled, }: ComboboxProps): react.JSX.Element;
+declare namespace Combobox {
+    var displayName: string;
+}
+
+interface AutocompleteOption {
+    value: string;
+    label: string;
+}
+interface AutocompleteProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect"> {
+    options: AutocompleteOption[];
+    onSelect?: (option: AutocompleteOption) => void;
+}
+declare function Autocomplete({ options, onSelect, className, value: controlledValue, onChange, placeholder, ...inputProps }: AutocompleteProps): react.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+
+interface ContextMenuItem {
+    label?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    separator?: boolean;
+    icon?: ReactNode;
+}
+interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
+    items: ContextMenuItem[];
+    children: ReactNode;
+}
+declare function ContextMenu({ items, children, className, ...props }: ContextMenuProps): react.JSX.Element;
+declare namespace ContextMenu {
+    var displayName: string;
+}
+
+interface ResizableProps extends HTMLAttributes<HTMLDivElement> {
+    left: ReactNode;
+    right: ReactNode;
+    defaultLeftWidth?: number;
+    minLeftWidth?: number;
+    minRightWidth?: number;
+}
+declare function Resizable({ left, right, defaultLeftWidth, minLeftWidth, minRightWidth, className, ...props }: ResizableProps): react.JSX.Element;
+declare namespace Resizable {
+    var displayName: string;
+}
+
+interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    orientation?: "vertical" | "horizontal" | "both";
+}
+declare function ScrollArea({ children, orientation, className, ...props }: ScrollAreaProps): react.JSX.Element;
+declare namespace ScrollArea {
+    var displayName: string;
+}
+
+interface NumberFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+}
+declare function NumberField({ value: controlledValue, onChange, min, max, step, label, className, disabled, defaultValue, ...inputProps }: NumberFieldProps): react.JSX.Element;
+declare namespace NumberField {
+    var displayName: string;
+}
+
+interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare function InputGroup({ children, className, ...props }: InputGroupProps): react.JSX.Element;
+declare namespace InputGroup {
+    var displayName: string;
+}
+
+interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare function ButtonGroup({ children, className, ...props }: ButtonGroupProps): react.JSX.Element;
+declare namespace ButtonGroup {
+    var displayName: string;
+}
+
+interface ToggleButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+declare const ToggleButton: react.ForwardRefExoticComponent<ToggleButtonProps & react.RefAttributes<HTMLButtonElement>>;
+interface ToggleGroupProps {
+    type?: "single" | "multiple";
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    children: ReactNode;
+    className?: string;
+}
+declare function ToggleGroup({ type, value, onValueChange, children, className, }: ToggleGroupProps): react.JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
+
+interface MenubarItem {
+    label: string;
+    items?: {
+        label?: string;
+        onClick?: () => void;
+        disabled?: boolean;
+        separator?: boolean;
+    }[];
+}
+interface MenubarProps extends HTMLAttributes<HTMLDivElement> {
+    items: MenubarItem[];
+}
+declare function Menubar({ items, className, ...props }: MenubarProps): react.JSX.Element;
+declare namespace Menubar {
+    var displayName: string;
+}
+
+interface AlertDialogProps extends Omit<ModalProps, "onClose"> {
+    isOpen?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void | Promise<void>;
+    confirmText?: string;
+    cancelText?: string;
+    confirmProps?: Partial<ButtonProps>;
+    cancelProps?: Partial<ButtonProps>;
+    children?: ReactNode;
+}
+declare function AlertDialog({ isOpen: openProp, onClose, onConfirm, confirmText, cancelText, confirmProps, cancelProps, children, title, ...modalProps }: AlertDialogProps): react.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+
+interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {
+    trigger: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
+}
+declare function Collapsible({ trigger, open: controlledOpen, onOpenChange, children, className, ...props }: CollapsibleProps): react.JSX.Element;
+declare namespace Collapsible {
+    var displayName: string;
+}
+
+interface MetricProps extends HTMLAttributes<HTMLDivElement> {
+    value: string | number;
+    label: string;
+    badge?: ReactNode;
+    trend?: ReactNode;
+    icon?: ReactNode;
+}
+declare function Metric({ value, label, badge, trend, icon, className, ...props }: MetricProps): react.JSX.Element;
+declare namespace Metric {
+    var displayName: string;
+}
+
+interface DataTableColumn<T> {
+    key: string;
+    label: string;
+    render?: (item: T) => ReactNode;
+    sortable?: boolean;
+    className?: string;
+}
+interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    pageSize?: number;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    className?: string;
+}
+declare function DataTable<T extends Record<string, any>>({ columns, data, pageSize, searchable, searchPlaceholder, className, }: DataTableProps<T>): react.JSX.Element;
+declare namespace DataTable {
+    var displayName: string;
+}
+
+interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> {
+    value?: Date;
+    onChange?: (date: Date) => void;
+}
+declare function DatePicker({ value, onChange, className, ...props }: DatePickerProps): react.JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
+}
+
+interface AppLayoutProps {
+    sidebar: ReactNode;
+    children: ReactNode;
+    sidebarWidth?: number;
+    className?: string;
+}
+declare function AppLayout({ sidebar, children, sidebarWidth, className }: AppLayoutProps): react.JSX.Element;
+
+interface SidebarGroup {
+    label?: string;
+    items: SidebarItemDef[];
+}
+interface SidebarItemDef {
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    badge?: ReactNode;
+    active?: boolean;
+    onClick?: () => void;
+}
+interface SidebarProps {
+    groups: SidebarGroup[];
+    className?: string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+}
+declare function Sidebar({ groups, className, header, footer, children, collapsed, onCollapse }: SidebarProps): react.JSX.Element;
+declare namespace Sidebar {
+    var displayName: string;
+}
+
+export { AlertDialog, type AlertDialogProps, AppLayout, type AppLayoutProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Banner, type BannerProps, type BannerType, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, ButtonGroup, type ButtonGroupProps, ButtonProps, ChatBubble, type ChatBubbleProps, type ChatBubbleVariant, CodeBlock, Collapsible, type CollapsibleProps, CollapsibleSection, Combobox, type ComboboxOption, type ComboboxProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, type DrawerSide, type DrawerSize, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, HoverCard, Indicator, type IndicatorPosition, type IndicatorProps, InputGroup, type InputGroupProps, Kbd, type KbdPlatform, type KbdProps, type KbdVariant, Lettermark, type LettermarkProps, LoadingBar, type LoadingBarProps, Menubar, type MenubarItem, type MenubarProps, Metric, type MetricProps, ModalProps, NumberField, type NumberFieldProps, Pagination, type PaginationProps, Popover, type PopoverProps, ProgressCircle, type ProgressCircleProps, Rating, type RatingProps, Resizable, type ResizableProps, Row, type RowProps, ScrollArea, type ScrollAreaProps, ShowcaseWrapper, Sidebar, type SidebarGroup, type SidebarItemDef, type SidebarProps, Snack, type SnackProps, Splotch, type SplotchColor, type SplotchProps, Stepper, type TabItem, Tabs, type TabsProps, type TabsVariant, Tag, type TagProps, type TagType, Terminal, type TerminalProps, ThemeDomSync, ThemeManager, type ThemeManagerProps, ThemeSwitcher, type ThemeSwitcherProps, Timeline, type TimelineEvent, type TimelineProps, Toast, type ToastProps, ToastStack, type ToastStackProps, type ToastStatus, ToggleButton, type ToggleButtonProps, ToggleGroup, type ToggleGroupProps, Widget, type WidgetProps };