@xenide-io/the-old-ui-theme 0.3.2 → 0.4.0

package/dist/{index-BgG8Homu.d.mts → index-B5NOyoKS.d.mts}

@@ -1,6 +1,5 @@
 import * as react from 'react';
 import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, AriaAttributes, ComponentPropsWithoutRef, CSSProperties, SVGAttributes, ReactElement, AnchorHTMLAttributes, InputHTMLAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DropdownPrimitive from '@radix-ui/react-dropdown-menu';
 
 type ButtonVariant = "primary" | "secondary" | "tertiary" | "signal" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "ghost" | "link";
@@ -29,7 +28,7 @@ interface ButtonChromeProps {
     split?: boolean;
 }
 /** Content layer for tactile variants; CSS moves it with the independently rendered face. */
-declare function ButtonChrome({ label, icon, sideIcon, split }: ButtonChromeProps): react_jsx_runtime.JSX.Element;
+declare function ButtonChrome({ label, icon, sideIcon, split }: ButtonChromeProps): react.JSX.Element;
 
 type AlertStatus = "info" | "success" | "warning" | "danger";
 interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
@@ -84,7 +83,7 @@ interface DrawerProps {
     className?: string;
     showCloseButton?: boolean;
 }
-declare function Drawer({ open, onClose, title, children, footer, side, size, className, showCloseButton, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
+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";
@@ -95,7 +94,7 @@ interface KbdProps extends HTMLAttributes<HTMLElement> {
     separator?: ReactNode;
     children?: ReactNode;
 }
-declare function Kbd({ variant, keys, platform, separator, children, className, "aria-label": ariaLabel, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+declare function Kbd({ variant, keys, platform, separator, children, className, "aria-label": ariaLabel, ...props }: KbdProps): react.JSX.Element;
 
 type LoaderVariant = "spinner" | "dots" | "pulse";
 type LoaderSize = "sm" | "md" | "lg";
@@ -115,9 +114,9 @@ interface LoadingStateProps extends Omit<ComponentPropsWithoutRef<"div">, "title
     variant?: LoaderVariant;
     size?: LoaderSize;
 }
-declare function Loader({ variant, size, label, className, ...props }: LoaderProps): react_jsx_runtime.JSX.Element;
-declare function Skeleton({ shape, className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
-declare function LoadingState({ label, title, description, variant, size, className, ...props }: LoadingStateProps): react_jsx_runtime.JSX.Element;
+declare function Loader({ variant, size, label, className, ...props }: LoaderProps): react.JSX.Element;
+declare function Skeleton({ shape, className, ...props }: SkeletonProps): react.JSX.Element;
+declare function LoadingState({ label, title, description, variant, size, className, ...props }: LoadingStateProps): react.JSX.Element;
 
 interface AuthLayoutProps extends ComponentPropsWithoutRef<"div"> {
     brand?: ReactNode;
@@ -134,9 +133,9 @@ interface AuthCardProps extends Omit<ComponentPropsWithoutRef<"section">, "title
 interface AuthDividerProps extends ComponentPropsWithoutRef<"div"> {
     children?: ReactNode;
 }
-declare function AuthLayout({ brand, footer, aside, children, className, ...props }: AuthLayoutProps): react_jsx_runtime.JSX.Element;
-declare function AuthCard({ title, description, footer, children, className, ...props }: AuthCardProps): react_jsx_runtime.JSX.Element;
-declare function AuthDivider({ children, className, ...props }: AuthDividerProps): react_jsx_runtime.JSX.Element;
+declare function AuthLayout({ brand, footer, aside, children, className, ...props }: AuthLayoutProps): react.JSX.Element;
+declare function AuthCard({ title, description, footer, children, className, ...props }: AuthCardProps): react.JSX.Element;
+declare function AuthDivider({ children, className, ...props }: AuthDividerProps): react.JSX.Element;
 
 interface SettingsNavItem {
     id: string;
@@ -161,8 +160,8 @@ interface SettingsLayoutProps extends Omit<ComponentPropsWithoutRef<"section">,
     navigationLabel?: string;
     children: ReactNode;
 }
-declare function SettingsNav({ groups, className, ...props }: SettingsNavProps): react_jsx_runtime.JSX.Element;
-declare function SettingsLayout({ title, description, actions, navigation, navigationLabel, children, className, ...props }: SettingsLayoutProps): react_jsx_runtime.JSX.Element;
+declare function SettingsNav({ groups, className, ...props }: SettingsNavProps): react.JSX.Element;
+declare function SettingsLayout({ title, description, actions, navigation, navigationLabel, children, className, ...props }: SettingsLayoutProps): react.JSX.Element;
 
 type ContentProps = ComponentPropsWithoutRef<typeof DropdownPrimitive.Content>;
 type DropdownAlign = NonNullable<ContentProps["align"]>;
@@ -210,12 +209,12 @@ type DropdownItemProps = ButtonHTMLAttributes<HTMLButtonElement>;
 type DropdownRadioGroupProps = ComponentPropsWithoutRef<typeof DropdownPrimitive.RadioGroup>;
 type DropdownRadioItemProps = ComponentPropsWithoutRef<typeof DropdownPrimitive.RadioItem>;
 /** Collision-aware menu that flips sides and shifts its alignment to remain visible. */
-declare function DropdownMenu({ trigger, children, align, side, sideOffset, alignOffset, collisionPadding, avoidCollisions, className, panelClassName, "aria-label": ariaLabel, open, defaultOpen, onOpenChange, modal, disabled, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenu({ trigger, children, align, side, sideOffset, alignOffset, collisionPadding, avoidCollisions, className, panelClassName, "aria-label": ariaLabel, open, defaultOpen, onOpenChange, modal, disabled, ...props }: DropdownMenuProps): react.JSX.Element;
 /** Tactile dropdown trigger backed by the same adaptive menu positioning. */
-declare function DropdownButton({ label, variant, outline, size, split, icon, sideIcon, children, align, side, sideOffset, alignOffset, collisionPadding, avoidCollisions, className, panelClassName, "aria-label": ariaLabel, open, defaultOpen, onOpenChange, modal, disabled, ...props }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
-declare function DropdownItem({ className, children, disabled, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
-declare function DropdownRadioGroup(props: DropdownRadioGroupProps): react_jsx_runtime.JSX.Element;
-declare function DropdownRadioItem({ className, children, ...props }: DropdownRadioItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownButton({ label, variant, outline, size, split, icon, sideIcon, children, align, side, sideOffset, alignOffset, collisionPadding, avoidCollisions, className, panelClassName, "aria-label": ariaLabel, open, defaultOpen, onOpenChange, modal, disabled, ...props }: DropdownButtonProps): react.JSX.Element;
+declare function DropdownItem({ className, children, disabled, ...props }: DropdownItemProps): react.JSX.Element;
+declare function DropdownRadioGroup(props: DropdownRadioGroupProps): react.JSX.Element;
+declare function DropdownRadioItem({ className, children, ...props }: DropdownRadioItemProps): react.JSX.Element;
 
 type InputSize = "sm" | "md" | "lg";
 type InputVariant = "default" | "ghost";
@@ -296,7 +295,7 @@ interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"
     disabled?: boolean;
     children: ReactNode | ((controlProps: FormFieldControlProps) => ReactNode);
 }
-declare function FormField({ controlId, label, hideLabel, helperText, error, required, disabled, children, className, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
+declare function FormField({ controlId, label, hideLabel, helperText, error, required, disabled, children, className, ...props }: FormFieldProps): react.JSX.Element;
 
 type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 interface ModalProps {
@@ -313,7 +312,7 @@ interface ModalProps {
     closeOnEscape?: boolean;
     "aria-label"?: string;
 }
-declare function Modal({ open, onClose, title, description, children, footer, size, className, showCloseButton, closeOnOutsideClick, closeOnEscape, "aria-label": ariaLabel, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ open, onClose, title, description, children, footer, size, className, showCloseButton, closeOnOutsideClick, closeOnEscape, "aria-label": ariaLabel, }: ModalProps): react.JSX.Element;
 
 interface BreadcrumbItem {
     label: string;
@@ -325,7 +324,7 @@ interface BreadcrumbsProps {
     label?: string;
     className?: string;
 }
-declare function Breadcrumbs({ items, label, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+declare function Breadcrumbs({ items, label, className }: BreadcrumbsProps): react.JSX.Element;
 interface PaginationProps {
     page: number;
     totalPages: number;
@@ -334,14 +333,14 @@ interface PaginationProps {
     compact?: boolean;
     className?: string;
 }
-declare function Pagination({ page, totalPages, onPageChange, label, compact, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare function Pagination({ page, totalPages, onPageChange, label, compact, className, }: PaginationProps): react.JSX.Element;
 
 interface PanelProps extends Omit<ComponentPropsWithoutRef<"div">, "title"> {
     title?: ReactNode;
     description?: ReactNode;
     children?: ReactNode;
 }
-declare function Panel({ title, description, children, className, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
+declare function Panel({ title, description, children, className, ...props }: PanelProps): react.JSX.Element;
 
 interface RatingProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     label?: string;
@@ -351,7 +350,7 @@ interface RatingProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange">
     onChange?: (value: number) => void;
     wrapperClassName?: string;
 }
-declare function Rating({ label, value, max, readOnly, onChange, className, wrapperClassName, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
+declare function Rating({ label, value, max, readOnly, onChange, className, wrapperClassName, ...props }: RatingProps): react.JSX.Element;
 
 interface SearchInputProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
     /** Associated label text — always rendered (visually hidden when `hideLabel`) */
@@ -363,14 +362,14 @@ interface SearchInputProps extends Omit<ComponentPropsWithoutRef<"input">, "type
     wrapperClassName?: string;
 }
 /** Labelled search field — use in nav bars and toolbars. */
-declare function SearchInput({ id: idProp, label, hideLabel, shortcut, density, className, wrapperClassName, placeholder, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
+declare function SearchInput({ id: idProp, label, hideLabel, shortcut, density, className, wrapperClassName, placeholder, ...props }: SearchInputProps): react.JSX.Element;
 interface SearchGroupProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
     label?: string;
     submitLabel?: string;
     wrapperClassName?: string;
 }
 /** Input + primary search — one control shell, 1px vertical seam, matched height to `ph-input`. */
-declare function SearchGroup({ id: idProp, label, submitLabel, placeholder, wrapperClassName, className, ...props }: SearchGroupProps): react_jsx_runtime.JSX.Element;
+declare function SearchGroup({ id: idProp, label, submitLabel, placeholder, wrapperClassName, className, ...props }: SearchGroupProps): react.JSX.Element;
 
 interface TableColumn<T> {
     key: string;
@@ -388,7 +387,7 @@ interface TableProps<T> {
     className?: string;
     caption?: string;
 }
-declare function Table<T>({ data, columns, zebra, compact, ribbon, getRowStyle, className, caption, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T>({ data, columns, zebra, compact, ribbon, getRowStyle, className, caption, }: TableProps<T>): react.JSX.Element;
 
 type StatTone = "default" | "brand" | "blue" | "purple" | "warning";
 interface StatProps extends ComponentPropsWithoutRef<"article"> {
@@ -398,7 +397,7 @@ interface StatProps extends ComponentPropsWithoutRef<"article"> {
     footer?: ReactNode;
     tone?: StatTone;
 }
-declare function Stat({ icon, label, value, footer, tone, className, ...props }: StatProps): react_jsx_runtime.JSX.Element;
+declare function Stat({ icon, label, value, footer, tone, className, ...props }: StatProps): react.JSX.Element;
 
 type ToastStatus = "info" | "success" | "warning" | "danger";
 interface ToastProps {
@@ -408,12 +407,12 @@ interface ToastProps {
     onDismiss?: () => void;
     className?: string;
 }
-declare function Toast({ status, title, description, onDismiss, className, }: ToastProps): react_jsx_runtime.JSX.Element;
+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_runtime.JSX.Element;
+declare function ToastStack({ children, className }: ToastStackProps): react.JSX.Element;
 
 interface TabItem {
     value: string;
@@ -427,7 +426,7 @@ interface TabsProps {
     variant?: TabsVariant;
     className?: string;
 }
-declare function Tabs({ items, value, onChange, variant, className }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ items, value, onChange, variant, className }: TabsProps): react.JSX.Element;
 
 /**
  * Re-applies `html[data-theme]` after React commits. Hydration can clear attributes
@@ -440,13 +439,13 @@ interface ThemeManagerProps {
     children?: ReactNode;
 }
 /** Client wrapper that keeps html[data-theme] synced with localStorage. */
-declare function ThemeManager({ children }: ThemeManagerProps): react_jsx_runtime.JSX.Element;
+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_runtime.JSX.Element;
+declare function ThemeSwitcher({ className }: ThemeSwitcherProps): react.JSX.Element;
 
 interface IconProps extends SVGAttributes<SVGSVGElement> {
     /** Pixel size or CSS length; defaults to `1em`. */
@@ -739,7 +738,7 @@ interface AccordionProps {
     defaultOpen?: string[];
     className?: string;
 }
-declare function Accordion({ items, allowMultiple, defaultOpen, className, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function Accordion({ items, allowMultiple, defaultOpen, className, }: AccordionProps): react.JSX.Element;
 
 interface Step {
     id: string;
@@ -752,7 +751,7 @@ interface StepperProps {
     currentStep: number;
     className?: string;
 }
-declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
+declare function Stepper({ steps, currentStep, className }: StepperProps): react.JSX.Element;
 
 interface SegmentedControlOption {
     value: string;
@@ -765,7 +764,7 @@ interface SegmentedControlProps {
     onChange: (value: string) => void;
     className?: string;
 }
-declare function SegmentedControl({ options, value, onChange, className }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl({ options, value, onChange, className }: SegmentedControlProps): react.JSX.Element;
 
 interface CommandItem {
     id: string;
@@ -781,21 +780,21 @@ interface CommandPaletteProps {
     placeholder?: string;
     className?: string;
 }
-declare function CommandPalette({ items, isOpen, onClose, placeholder, className, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
+declare function CommandPalette({ items, isOpen, onClose, placeholder, className, }: CommandPaletteProps): react.JSX.Element | null;
 
 interface CalendarProps {
     value?: Date;
     onChange?: (date: Date) => void;
     className?: string;
 }
-declare function Calendar({ value, onChange, className }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ value, onChange, className }: CalendarProps): react.JSX.Element;
 
 interface HoverCardProps {
     trigger: React.ReactNode;
     children: React.ReactNode;
     className?: string;
 }
-declare function HoverCard({ trigger, children, className }: HoverCardProps): react_jsx_runtime.JSX.Element;
+declare function HoverCard({ trigger, children, className }: HoverCardProps): react.JSX.Element;
 
 type TooltipSide = "top" | "right" | "bottom" | "left";
 type TooltipAlign = "start" | "center" | "end";
@@ -817,8 +816,8 @@ interface TooltipProps {
     delayDuration?: number;
     disableHoverableContent?: boolean;
 }
-declare function TooltipProvider({ children, delayDuration, }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ content, children, side, align, sideOffset, className, open, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function TooltipProvider({ children, delayDuration, }: TooltipProviderProps): react.JSX.Element;
+declare function Tooltip({ content, children, side, align, sideOffset, className, open, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): react.JSX.Element;
 
 interface EmptyStateProps {
     icon?: React.ReactNode;
@@ -827,7 +826,7 @@ interface EmptyStateProps {
     action?: React.ReactNode;
     className?: string;
 }
-declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): react.JSX.Element;
 
 interface FilterChip {
     id: string;
@@ -843,7 +842,7 @@ interface FilterChipsProps {
     className?: string;
     "aria-label"?: string;
 }
-declare function FilterChips({ chips, onToggle, onRemove, className, "aria-label": ariaLabel, }: FilterChipsProps): react_jsx_runtime.JSX.Element;
+declare function FilterChips({ chips, onToggle, onRemove, className, "aria-label": ariaLabel, }: FilterChipsProps): react.JSX.Element;
 
 interface FilterMenuOption {
     value: string;
@@ -872,9 +871,9 @@ interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"
     clearLabel?: string;
     resultCount?: ReactNode;
 }
-declare function FilterBar({ children, label, onClear, clearLabel, resultCount, className, ...props }: FilterBarProps): react_jsx_runtime.JSX.Element;
-declare function FilterMenu({ label, value, options, onValueChange, placeholder, align, disabled, className, }: FilterMenuProps): react_jsx_runtime.JSX.Element;
-declare function SortMenu({ label, value, options, onValueChange, direction, align, disabled, className, }: SortMenuProps): react_jsx_runtime.JSX.Element;
+declare function FilterBar({ children, label, onClear, clearLabel, resultCount, className, ...props }: FilterBarProps): react.JSX.Element;
+declare function FilterMenu({ label, value, options, onValueChange, placeholder, align, disabled, className, }: FilterMenuProps): react.JSX.Element;
+declare function SortMenu({ label, value, options, onValueChange, direction, align, disabled, className, }: SortMenuProps): react.JSX.Element;
 
 interface FilterControlsProps extends ComponentPropsWithoutRef<"div"> {
     children: ReactNode;
@@ -883,7 +882,7 @@ interface FilterControlsProps extends ComponentPropsWithoutRef<"div"> {
     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_runtime.JSX.Element;
+declare function FilterControls({ children, barProps, chipsProps, emptyState, className, ...props }: FilterControlsProps): react.JSX.Element;
 
 interface CodeBlockProps {
     code: string;
@@ -891,13 +890,13 @@ interface CodeBlockProps {
     filename?: string;
     className?: string;
 }
-declare function CodeBlock({ code, language, filename, className }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+declare function CodeBlock({ code, language, filename, className }: CodeBlockProps): react.JSX.Element;
 
 interface ComponentPropRow {
     name: string;
     type: string;
     defaultValue?: string;
-    description: ReactNode;
+    description?: ReactNode;
 }
 interface ComponentDocsProps {
     title?: string;
@@ -905,7 +904,7 @@ interface ComponentDocsProps {
     defaultOpen?: boolean;
     className?: string;
 }
-declare function ComponentDocs({ title, rows, defaultOpen, className }: ComponentDocsProps): react_jsx_runtime.JSX.Element;
+declare function ComponentDocs({ title, rows, defaultOpen, className }: ComponentDocsProps): react.JSX.Element;
 
 interface ShowcaseWrapperProps {
     id?: string;
@@ -917,7 +916,7 @@ interface ShowcaseWrapperProps {
     children: ReactNode;
     className?: string;
 }
-declare function ShowcaseWrapper({ id, title, description, docs, code, filename, children, className, }: ShowcaseWrapperProps): react_jsx_runtime.JSX.Element;
+declare function ShowcaseWrapper({ id, title, description, docs, code, filename, children, className, }: ShowcaseWrapperProps): react.JSX.Element;
 
 interface CollapsibleSectionProps {
     title: string;
@@ -925,7 +924,7 @@ interface CollapsibleSectionProps {
     defaultOpen?: boolean;
     id?: string;
 }
-declare function CollapsibleSection({ title, children, defaultOpen, id }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
+declare function CollapsibleSection({ title, children, defaultOpen, id }: CollapsibleSectionProps): react.JSX.Element;
 
 type TextTone = "default" | "muted" | "subtle" | "brand" | "danger" | "success" | "warning" | "info" | "inherit";
 type TextWeight = "normal" | "medium" | "semibold" | "bold" | "extrabold";
@@ -937,31 +936,31 @@ interface TextBaseProps {
     truncate?: boolean;
 }
 /** Display text — largest heading, use once per page */
-declare function Display({ children, tone, weight, truncate, className, }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function Display({ children, tone, weight, truncate, className, }: TextBaseProps): react.JSX.Element;
 /** H1 — page title */
-declare function H1({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function H1({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** H2 — section title */
-declare function H2({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function H2({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** H3 — subsection title */
-declare function H3({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function H3({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** H4 — card / panel title */
-declare function H4({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function H4({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** H5 — small heading */
-declare function H5({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function H5({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** Body — default paragraph text */
-declare function P({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function P({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** Small body text */
-declare function Small({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function Small({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** Extra small text — captions, meta */
-declare function Caption({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function Caption({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** Overline — tiny eyebrow text */
-declare function Overline({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function Overline({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** Lead — intro paragraph, larger and muted */
-declare function Lead({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function Lead({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** Mono — code, data, technical text */
-declare function Mono({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function Mono({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 /** Label — form labels, tags */
-declare function Label({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+declare function Label({ children, tone, weight, truncate, className }: TextBaseProps): react.JSX.Element;
 
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AvatarStatus = "online" | "offline" | "away" | "busy";
@@ -979,12 +978,12 @@ interface AvatarProps extends ComponentPropsWithoutRef<"div"> {
     /** Badge count or text */
     badge?: string;
 }
-declare function Avatar({ label, icon, size, color, status, badge, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function Avatar({ label, icon, size, color, status, badge, className, ...props }: AvatarProps): react.JSX.Element;
 interface AvatarGroupProps extends ComponentPropsWithoutRef<"div"> {
     children?: ReactNode;
     max?: number;
 }
-declare function AvatarGroup({ children, max, className, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+declare function AvatarGroup({ children, max, className, ...props }: AvatarGroupProps): react.JSX.Element;
 
 interface ProgressProps extends ComponentPropsWithoutRef<"div"> {
     /** Current value (0-100) */
@@ -1000,7 +999,7 @@ interface ProgressProps extends ComponentPropsWithoutRef<"div"> {
     /** Size variant */
     size?: "sm" | "md" | "lg";
 }
-declare function Progress({ value, max, color, label, showPercentage, size, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function Progress({ value, max, color, label, showPercentage, size, className, ...props }: ProgressProps): react.JSX.Element;
 
 type ChatBubbleVariant = "from" | "self";
 interface ChatBubbleProps extends ComponentPropsWithoutRef<"div"> {
@@ -1017,7 +1016,7 @@ interface ChatBubbleProps extends ComponentPropsWithoutRef<"div"> {
     /** Footer text (e.g. "Synced with...") */
     footer?: ReactNode;
 }
-declare function ChatBubble({ children, avatar, name, time, variant, footer, className, ...props }: ChatBubbleProps): react_jsx_runtime.JSX.Element;
+declare function ChatBubble({ children, avatar, name, time, variant, footer, className, ...props }: ChatBubbleProps): react.JSX.Element;
 
 interface TerminalProps extends ComponentPropsWithoutRef<"div"> {
     /** Window title */
@@ -1030,7 +1029,7 @@ interface TerminalProps extends ComponentPropsWithoutRef<"div"> {
     /** Custom content instead of lines */
     children?: ReactNode;
 }
-declare function Terminal({ title, lines, children, className, ...props }: TerminalProps): react_jsx_runtime.JSX.Element;
+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"> {
@@ -1047,7 +1046,7 @@ interface IndicatorProps extends ComponentPropsWithoutRef<"div"> {
     /** Offset from corner (default: 2px) */
     offset?: number;
 }
-declare function Indicator({ children, badge, color, position, dot, className, ...props }: IndicatorProps): react_jsx_runtime.JSX.Element;
+declare function Indicator({ children, badge, color, position, dot, className, ...props }: IndicatorProps): react.JSX.Element;
 
 interface TimelineEvent {
     id: string;
@@ -1062,7 +1061,7 @@ interface TimelineProps extends ComponentPropsWithoutRef<"ol"> {
     /** Alternate left/right layout on large screens */
     alternate?: boolean;
 }
-declare function Timeline({ events, alternate, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
+declare function Timeline({ events, alternate, className, ...props }: TimelineProps): react.JSX.Element;
 
 type BannerType = "info" | "success" | "warning" | "danger" | "ai";
 interface BannerProps extends HTMLAttributes<HTMLDivElement> {
@@ -1086,7 +1085,7 @@ interface DialogProps extends Omit<ModalProps, "onClose"> {
     cancelProps?: Partial<ButtonProps>;
     children?: ReactNode;
 }
-declare function Dialog({ isOpen: openProp, onClose, onConfirm, confirmText, cancelText, confirmProps, cancelProps, children, title, ...modalProps }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function Dialog({ isOpen: openProp, onClose, onConfirm, confirmText, cancelText, confirmProps, cancelProps, children, title, ...modalProps }: DialogProps): react.JSX.Element;
 declare namespace Dialog {
     var displayName: string;
 }
@@ -1097,7 +1096,7 @@ interface DividerProps extends HTMLAttributes<HTMLDivElement> {
     thick?: boolean;
     label?: string;
 }
-declare function Divider({ vertical, dashed, thick, label, className, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
+declare function Divider({ vertical, dashed, thick, label, className, ...props }: DividerProps): react.JSX.Element;
 declare namespace Divider {
     var displayName: string;
 }
@@ -1119,7 +1118,7 @@ interface ProgressCircleProps extends HTMLAttributes<HTMLSpanElement> {
     strokeWidth?: number;
     children?: ReactNode;
 }
-declare function ProgressCircle({ progress, size, strokeWidth: sw, children, className, ...props }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
+declare function ProgressCircle({ progress, size, strokeWidth: sw, children, className, ...props }: ProgressCircleProps): react.JSX.Element;
 declare namespace ProgressCircle {
     var displayName: string;
 }
@@ -1142,7 +1141,7 @@ interface WidgetProps {
     children?: ReactNode;
     className?: string;
 }
-declare function Widget({ title, onClose, actions, children, className }: WidgetProps): react_jsx_runtime.JSX.Element;
+declare function Widget({ title, onClose, actions, children, className }: WidgetProps): react.JSX.Element;
 declare namespace Widget {
     var displayName: string;
 }
@@ -1160,7 +1159,7 @@ type SplotchColor = "purple" | "blue" | "green" | "black" | "white" | "orange" |
 interface SplotchProps extends HTMLAttributes<HTMLDivElement> {
     color: SplotchColor;
 }
-declare function Splotch({ color, className, ...props }: SplotchProps): react_jsx_runtime.JSX.Element;
+declare function Splotch({ color, className, ...props }: SplotchProps): react.JSX.Element;
 declare namespace Splotch {
     var displayName: string;
 }
@@ -1174,7 +1173,7 @@ interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
     matchTriggerWidth?: boolean;
     padded?: boolean;
 }
-declare function Popover({ trigger, children, open: controlledOpen, onOpenChange, placement, matchTriggerWidth, padded, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function Popover({ trigger, children, open: controlledOpen, onOpenChange, placement, matchTriggerWidth, padded, className, ...props }: PopoverProps): react.JSX.Element;
 declare namespace Popover {
     var displayName: string;
 }
@@ -1182,7 +1181,7 @@ declare namespace Popover {
 interface LoadingBarProps extends HTMLAttributes<HTMLDivElement> {
     active?: boolean;
 }
-declare function LoadingBar({ active, className, ...props }: LoadingBarProps): react_jsx_runtime.JSX.Element;
+declare function LoadingBar({ active, className, ...props }: LoadingBarProps): react.JSX.Element;
 declare namespace LoadingBar {
     var displayName: string;
 }
@@ -1197,7 +1196,7 @@ interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
     size?: "sm" | "md" | "lg";
     textColored?: boolean;
 }
-declare function Spinner({ size, textColored, className, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare function Spinner({ size, textColored, className, ...props }: SpinnerProps): react.JSX.Element;
 declare namespace Spinner {
     var displayName: string;
 }
@@ -1222,7 +1221,7 @@ interface ComboboxProps {
     className?: string;
     disabled?: boolean;
 }
-declare function Combobox({ options, value, onChange, placeholder, className, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+declare function Combobox({ options, value, onChange, placeholder, className, disabled, }: ComboboxProps): react.JSX.Element;
 declare namespace Combobox {
     var displayName: string;
 }
@@ -1235,13 +1234,13 @@ interface AutocompleteProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     options: AutocompleteOption[];
     onSelect?: (option: AutocompleteOption) => void;
 }
-declare function Autocomplete({ options, onSelect, className, value: controlledValue, onChange, placeholder, ...inputProps }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+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;
+    label?: string;
     onClick?: () => void;
     disabled?: boolean;
     separator?: boolean;
@@ -1251,7 +1250,7 @@ interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
     items: ContextMenuItem[];
     children: ReactNode;
 }
-declare function ContextMenu({ items, children, className, ...props }: ContextMenuProps): react_jsx_runtime.JSX.Element;
+declare function ContextMenu({ items, children, className, ...props }: ContextMenuProps): react.JSX.Element;
 declare namespace ContextMenu {
     var displayName: string;
 }
@@ -1263,7 +1262,7 @@ interface ResizableProps extends HTMLAttributes<HTMLDivElement> {
     minLeftWidth?: number;
     minRightWidth?: number;
 }
-declare function Resizable({ left, right, defaultLeftWidth, minLeftWidth, minRightWidth, className, ...props }: ResizableProps): react_jsx_runtime.JSX.Element;
+declare function Resizable({ left, right, defaultLeftWidth, minLeftWidth, minRightWidth, className, ...props }: ResizableProps): react.JSX.Element;
 declare namespace Resizable {
     var displayName: string;
 }
@@ -1272,7 +1271,7 @@ interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     orientation?: "vertical" | "horizontal" | "both";
 }
-declare function ScrollArea({ children, orientation, className, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+declare function ScrollArea({ children, orientation, className, ...props }: ScrollAreaProps): react.JSX.Element;
 declare namespace ScrollArea {
     var displayName: string;
 }
@@ -1285,7 +1284,7 @@ interface NumberFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "
     step?: number;
     label?: string;
 }
-declare function NumberField({ value: controlledValue, onChange, min, max, step, label, className, disabled, defaultValue, ...inputProps }: NumberFieldProps): react_jsx_runtime.JSX.Element;
+declare function NumberField({ value: controlledValue, onChange, min, max, step, label, className, disabled, defaultValue, ...inputProps }: NumberFieldProps): react.JSX.Element;
 declare namespace NumberField {
     var displayName: string;
 }
@@ -1293,7 +1292,7 @@ declare namespace NumberField {
 interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
-declare function InputGroup({ children, className, ...props }: InputGroupProps): react_jsx_runtime.JSX.Element;
+declare function InputGroup({ children, className, ...props }: InputGroupProps): react.JSX.Element;
 declare namespace InputGroup {
     var displayName: string;
 }
@@ -1301,7 +1300,7 @@ declare namespace InputGroup {
 interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
-declare function ButtonGroup({ children, className, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+declare function ButtonGroup({ children, className, ...props }: ButtonGroupProps): react.JSX.Element;
 declare namespace ButtonGroup {
     var displayName: string;
 }
@@ -1320,7 +1319,7 @@ interface ToggleGroupProps {
     children: ReactNode;
     className?: string;
 }
-declare function ToggleGroup({ type, value, onValueChange, children, className, }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+declare function ToggleGroup({ type, value, onValueChange, children, className, }: ToggleGroupProps): react.JSX.Element;
 declare namespace ToggleGroup {
     var displayName: string;
 }
@@ -1328,7 +1327,7 @@ declare namespace ToggleGroup {
 interface MenubarItem {
     label: string;
     items?: {
-        label: string;
+        label?: string;
         onClick?: () => void;
         disabled?: boolean;
         separator?: boolean;
@@ -1337,7 +1336,7 @@ interface MenubarItem {
 interface MenubarProps extends HTMLAttributes<HTMLDivElement> {
     items: MenubarItem[];
 }
-declare function Menubar({ items, className, ...props }: MenubarProps): react_jsx_runtime.JSX.Element;
+declare function Menubar({ items, className, ...props }: MenubarProps): react.JSX.Element;
 declare namespace Menubar {
     var displayName: string;
 }
@@ -1352,7 +1351,7 @@ interface AlertDialogProps extends Omit<ModalProps, "onClose"> {
     cancelProps?: Partial<ButtonProps>;
     children?: ReactNode;
 }
-declare function AlertDialog({ isOpen: openProp, onClose, onConfirm, confirmText, cancelText, confirmProps, cancelProps, children, title, ...modalProps }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ isOpen: openProp, onClose, onConfirm, confirmText, cancelText, confirmProps, cancelProps, children, title, ...modalProps }: AlertDialogProps): react.JSX.Element;
 declare namespace AlertDialog {
     var displayName: string;
 }
@@ -1361,7 +1360,7 @@ interface DotProps extends HTMLAttributes<HTMLSpanElement> {
     color?: "green" | "yellow" | "red" | "blue" | "gray";
     size?: "sm" | "md";
 }
-declare function Dot({ color, size, className, ...props }: DotProps): react_jsx_runtime.JSX.Element;
+declare function Dot({ color, size, className, ...props }: DotProps): react.JSX.Element;
 declare namespace Dot {
     var displayName: string;
 }
@@ -1372,7 +1371,7 @@ interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {
     onOpenChange?: (open: boolean) => void;
     children: ReactNode;
 }
-declare function Collapsible({ trigger, open: controlledOpen, onOpenChange, children, className, ...props }: CollapsibleProps): react_jsx_runtime.JSX.Element;
+declare function Collapsible({ trigger, open: controlledOpen, onOpenChange, children, className, ...props }: CollapsibleProps): react.JSX.Element;
 declare namespace Collapsible {
     var displayName: string;
 }
@@ -1384,7 +1383,7 @@ interface MetricProps extends HTMLAttributes<HTMLDivElement> {
     trend?: ReactNode;
     icon?: ReactNode;
 }
-declare function Metric({ value, label, badge, trend, icon, className, ...props }: MetricProps): react_jsx_runtime.JSX.Element;
+declare function Metric({ value, label, badge, trend, icon, className, ...props }: MetricProps): react.JSX.Element;
 declare namespace Metric {
     var displayName: string;
 }
@@ -1411,7 +1410,7 @@ interface DataTableProps<T> {
     searchPlaceholder?: string;
     className?: string;
 }
-declare function DataTable<T extends Record<string, any>>({ columns, data, pageSize, searchable, searchPlaceholder, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+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;
 }
@@ -1420,7 +1419,7 @@ interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "v
     value?: Date;
     onChange?: (date: Date) => void;
 }
-declare function DatePicker({ value, onChange, className, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare function DatePicker({ value, onChange, className, ...props }: DatePickerProps): react.JSX.Element;
 declare namespace DatePicker {
     var displayName: string;
 }
@@ -1431,10 +1430,10 @@ interface AppLayoutProps {
     sidebarWidth?: number;
     className?: string;
 }
-declare function AppLayout({ sidebar, children, sidebarWidth, className }: AppLayoutProps): react_jsx_runtime.JSX.Element;
+declare function AppLayout({ sidebar, children, sidebarWidth, className }: AppLayoutProps): react.JSX.Element;
 
 interface SidebarGroup {
-    label: string;
+    label?: string;
     items: SidebarItemDef[];
 }
 interface SidebarItemDef {
@@ -1450,10 +1449,11 @@ interface SidebarProps {
     className?: string;
     header?: ReactNode;
     footer?: ReactNode;
+    children?: ReactNode;
     collapsed?: boolean;
     onCollapse?: (collapsed: boolean) => void;
 }
-declare function Sidebar({ groups, className, header, footer, collapsed, onCollapse }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ groups, className, header, footer, children, collapsed, onCollapse }: SidebarProps): react.JSX.Element;
 declare namespace Sidebar {
     var displayName: string;
 }