@xenide-io/the-old-ui-theme 0.2.9 → 0.3.1

package/dist/index-BgG8Homu.d.ts

@@ -0,0 +1,1461 @@
+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";
+type ButtonSize = "xs" | "sm" | "md" | "lg";
+type ButtonShape = "default" | "circle" | "square" | "wide";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    outline?: boolean;
+    /** Toolbar split control (Run ▾) — adds divider before trailing icon slot */
+    split?: boolean;
+    icon?: ReactNode;
+    sideIcon?: ReactNode;
+    children?: ReactNode;
+    loading?: boolean;
+    loadingLabel?: ReactNode;
+}
+/** Filled variants keep a stationary depth plate while the face and content move together. */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface ButtonChromeProps {
+    label?: ReactNode;
+    icon?: ReactNode;
+    sideIcon?: ReactNode;
+    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;
+
+type AlertStatus = "info" | "success" | "warning" | "danger";
+interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    status?: AlertStatus;
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    onDismiss?: () => void;
+    live?: AriaAttributes["aria-live"];
+    dismissLabel?: string;
+}
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+
+type BadgeVariant = "brand" | "neutral" | "success" | "warning" | "danger" | "info" | "outline";
+type BadgeSize = "sm" | "md";
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    children?: ReactNode;
+    className?: string;
+}
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+type CardVariant = "default" | "outlined" | "elevated" | "highlighted";
+interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    children?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    footer?: ReactNode;
+    media?: ReactNode;
+    variant?: CardVariant;
+    className?: string;
+    bodyClassName?: string;
+    interactive?: boolean;
+    titleAs?: "h2" | "h3" | "h4";
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+
+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_runtime.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_runtime.JSX.Element;
+
+type LoaderVariant = "spinner" | "dots" | "pulse";
+type LoaderSize = "sm" | "md" | "lg";
+type SkeletonShape = "title" | "text" | "short-text" | "avatar" | "button" | "block";
+interface LoaderProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+    variant?: LoaderVariant;
+    size?: LoaderSize;
+    label?: string;
+}
+interface SkeletonProps extends ComponentPropsWithoutRef<"span"> {
+    shape?: SkeletonShape;
+}
+interface LoadingStateProps extends Omit<ComponentPropsWithoutRef<"div">, "title"> {
+    label?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    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;
+
+interface AuthLayoutProps extends ComponentPropsWithoutRef<"div"> {
+    brand?: ReactNode;
+    footer?: ReactNode;
+    aside?: ReactNode;
+    children: ReactNode;
+}
+interface AuthCardProps extends Omit<ComponentPropsWithoutRef<"section">, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+}
+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;
+
+interface SettingsNavItem {
+    id: string;
+    label: ReactNode;
+    href: string;
+    icon?: ReactNode;
+    active?: boolean;
+    badge?: ReactNode;
+}
+interface SettingsNavGroup {
+    label: ReactNode;
+    items: readonly SettingsNavItem[];
+}
+interface SettingsNavProps extends ComponentPropsWithoutRef<"div"> {
+    groups: readonly SettingsNavGroup[];
+}
+interface SettingsLayoutProps extends Omit<ComponentPropsWithoutRef<"section">, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    navigation: ReactNode;
+    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;
+
+type ContentProps = ComponentPropsWithoutRef<typeof DropdownPrimitive.Content>;
+type DropdownAlign = NonNullable<ContentProps["align"]>;
+type DropdownSide = NonNullable<ContentProps["side"]>;
+interface DropdownPlacementProps {
+    align?: DropdownAlign;
+    side?: DropdownSide;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: ContentProps["collisionPadding"];
+    avoidCollisions?: boolean;
+    panelClassName?: string;
+}
+interface DropdownOpenProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+interface DropdownMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, "children">, DropdownPlacementProps, DropdownOpenProps {
+    /** Custom non-interactive trigger node, such as an avatar or icon chip. */
+    trigger: ReactNode;
+    /** Accessible name when the trigger has no visible text. */
+    "aria-label": string;
+    children: ReactNode;
+    disabled?: boolean;
+}
+interface DropdownButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "children">, DropdownPlacementProps, DropdownOpenProps {
+    /** Visible button label. */
+    label: string;
+    variant?: "primary" | "secondary" | "accent";
+    outline?: boolean;
+    size?: ButtonSize;
+    /** Split control styling with a divider before the trailing chevron. */
+    split?: boolean;
+    icon?: ReactNode;
+    /** Defaults to a chevron when omitted. */
+    sideIcon?: ReactNode;
+    children: ReactNode;
+    disabled?: boolean;
+    /** Overrides the accessible name; defaults to `label`. */
+    "aria-label"?: string;
+}
+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;
+/** 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;
+
+type InputSize = "sm" | "md" | "lg";
+type InputVariant = "default" | "ghost";
+interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+    label?: string;
+    hideLabel?: boolean;
+    error?: string;
+    helperText?: string;
+    size?: InputSize;
+    variant?: InputVariant;
+    wrapperClassName?: string;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+interface SelectProps extends Omit<ComponentPropsWithoutRef<"select">, "size"> {
+    label?: string;
+    hideLabel?: boolean;
+    error?: string;
+    helperText?: string;
+    size?: InputSize;
+    wrapperClassName?: string;
+    children: ReactNode;
+}
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+interface TextareaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "size"> {
+    label?: string;
+    hideLabel?: boolean;
+    error?: string;
+    helperText?: string;
+    size?: InputSize;
+    wrapperClassName?: string;
+}
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+interface CheckboxProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
+    label?: ReactNode;
+    error?: string;
+    helperText?: string;
+    wrapperClassName?: string;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+interface RadioProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
+    label?: ReactNode;
+    wrapperClassName?: string;
+}
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+interface ToggleProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
+    label?: ReactNode;
+    wrapperClassName?: string;
+}
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
+interface RangeProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
+    label?: string;
+    minLabel?: string;
+    maxLabel?: string;
+    valueLabel?: string;
+    wrapperClassName?: string;
+}
+declare const Range: react.ForwardRefExoticComponent<RangeProps & react.RefAttributes<HTMLInputElement>>;
+interface FileUploadProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
+    label?: string;
+    prompt?: string;
+    wrapperClassName?: string;
+}
+declare const FileUpload: react.ForwardRefExoticComponent<FileUploadProps & react.RefAttributes<HTMLInputElement>>;
+
+interface FormFieldControlProps {
+    id: string;
+    "aria-describedby"?: string;
+    "aria-errormessage"?: string;
+    "aria-invalid"?: true;
+}
+interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    controlId?: string;
+    label?: ReactNode;
+    hideLabel?: boolean;
+    helperText?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    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;
+
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+interface ModalProps {
+    open?: boolean;
+    onClose?: () => void;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    footer?: ReactNode;
+    size?: ModalSize;
+    className?: string;
+    showCloseButton?: boolean;
+    closeOnOutsideClick?: boolean;
+    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;
+
+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_runtime.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_runtime.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;
+
+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_runtime.JSX.Element;
+
+interface SearchInputProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
+    /** Associated label text — always rendered (visually hidden when `hideLabel`) */
+    label?: string;
+    hideLabel?: boolean;
+    /** Optional shortcut hint shown inside the field (e.g. "⌘K") */
+    shortcut?: string;
+    density?: "default" | "compact";
+    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;
+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;
+
+interface TableColumn<T> {
+    key: string;
+    header: ReactNode;
+    cell: (row: T) => ReactNode;
+    className?: string;
+}
+interface TableProps<T> {
+    data: T[];
+    columns: TableColumn<T>[];
+    zebra?: boolean;
+    compact?: boolean;
+    ribbon?: boolean;
+    getRowStyle?: (row: T) => CSSProperties | undefined;
+    className?: string;
+    caption?: string;
+}
+declare function Table<T>({ data, columns, zebra, compact, ribbon, getRowStyle, className, caption, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+
+type StatTone = "default" | "brand" | "blue" | "purple" | "warning";
+interface StatProps extends ComponentPropsWithoutRef<"article"> {
+    icon?: ReactNode;
+    label: ReactNode;
+    value: ReactNode;
+    footer?: ReactNode;
+    tone?: StatTone;
+}
+declare function Stat({ icon, label, value, footer, tone, className, ...props }: StatProps): react_jsx_runtime.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_runtime.JSX.Element;
+interface ToastStackProps {
+    children?: ReactNode;
+    className?: string;
+}
+declare function ToastStack({ children, className }: ToastStackProps): react_jsx_runtime.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_runtime.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_runtime.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;
+
+interface IconProps extends SVGAttributes<SVGSVGElement> {
+    /** Pixel size or CSS length; defaults to `1em`. */
+    size?: number | string;
+}
+/** Shared SVG wrapper with predictable sizing and accessible-name behavior. */
+declare const IconBase: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+
+declare const IconAreaChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCumulativeChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconTableChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconHandClick: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSurveys: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCohort: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconRecording: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconFlare: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSelectEvents: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconClipboardEdit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconQueryEditor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconTuning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSync: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconPlayCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconGridView: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconListView: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconPremium: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconGift: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconRobot: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconExclamation: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconErrorOutline: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconInfo: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCancel: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCheckCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconArrowUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconArrowDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconChevronLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconChevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconChevronDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSubArrowRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSearch: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconBell: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconBellOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconPerson: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconHome: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconPanelRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconPlus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCheck: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconClose: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconTrash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconDownload: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconUpload: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSave: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCopy: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconEdit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconLogout: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconStar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconMail: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconShoppingCart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconMoon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSun: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconVolume: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconVolumeOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconFlag: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconDatabase: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconLayers: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconBox: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconBolt: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconRadar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconToggle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconRocket: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconTerminal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconOldWindow: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCommandCursor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconDataReel: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconCodePreview: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconInsightBoard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconEventStream: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconFeatureGate: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconReplayFrame: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconQueryStack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconExperimentSplit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconSurveyCard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const OLD_UI_ICONS: {
+    readonly oldWindow: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly commandCursor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly dataReel: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly codePreview: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly insightBoard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly eventStream: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly featureGate: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly replayFrame: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly queryStack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly experimentSplit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly surveyCard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+};
+declare const IconActivity: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const IconFlask: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+/** Busy-state spinner — PostHog `IconSync` with spin animation. */
+declare const IconSpinner: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+/** Canonical names power documentation and new dynamic-icon usage. */
+declare const CANONICAL_ICONS: {
+    readonly activity: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly areaChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly arrowDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly arrowUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly bell: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly bellOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly bolt: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly box: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly cancel: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly check: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly checkCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly chevronDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly chevronLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly chevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly clipboardEdit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly close: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly codePreview: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly cohort: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly commandCursor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly copy: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly cumulativeChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly dataReel: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly database: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly download: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly edit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly errorOutline: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly eventStream: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly exclamation: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly experimentSplit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly featureGate: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly flag: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly flare: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly flask: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly gift: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly gridView: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly handClick: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly home: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly info: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly insightBoard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly layers: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly listView: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly logout: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly mail: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly moon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly oldWindow: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly panelRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly person: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly playCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly plus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly premium: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly queryEditor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly queryStack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly radar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly recording: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly replayFrame: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly robot: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly rocket: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly save: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly search: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly selectEvents: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly shoppingCart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly spinner: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly star: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly subArrowRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly sun: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly surveyCard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly surveys: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly sync: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly tableChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly terminal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly toggle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly trash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly tuning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly upload: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly volume: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly volumeOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+};
+/** Compatibility names remain runtime-identical to their canonical glyphs. */
+declare const PH_ICON_ALIASES: {
+    readonly clipboard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly grid: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly list: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly play: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly settings: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly trendingUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly warning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly xCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+};
+declare const PH_ICONS: {
+    readonly clipboard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly grid: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly list: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly play: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly settings: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly trendingUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly warning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly xCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly activity: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly areaChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly arrowDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly arrowUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly bell: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly bellOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly bolt: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly box: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly cancel: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly check: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly checkCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly chevronDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly chevronLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly chevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly clipboardEdit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly close: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly codePreview: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly cohort: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly commandCursor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly copy: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly cumulativeChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly dataReel: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly database: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly download: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly edit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly errorOutline: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly eventStream: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly exclamation: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly experimentSplit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly featureGate: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly flag: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly flare: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly flask: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly gift: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly gridView: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly handClick: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly home: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly info: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly insightBoard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly layers: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly listView: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly logout: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly mail: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly moon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly oldWindow: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly panelRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly person: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly playCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly plus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly premium: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly queryEditor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly queryStack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly radar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly recording: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly replayFrame: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly robot: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly rocket: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly save: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly search: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly selectEvents: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly shoppingCart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly spinner: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly star: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly subArrowRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly sun: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly surveyCard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly surveys: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly sync: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly tableChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly terminal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly toggle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly trash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly tuning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly upload: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly volume: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+    readonly volumeOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+};
+type CanonicalIconName = keyof typeof CANONICAL_ICONS;
+type IconAliasName = keyof typeof PH_ICON_ALIASES;
+type IconName = keyof typeof PH_ICONS;
+declare const IconByName: react.ForwardRefExoticComponent<IconProps & {
+    name: IconName;
+} & react.RefAttributes<SVGSVGElement>>;
+
+interface AccordionItem {
+    id: string;
+    title: string;
+    content: React.ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItem[];
+    allowMultiple?: boolean;
+    defaultOpen?: string[];
+    className?: string;
+}
+declare function Accordion({ items, allowMultiple, defaultOpen, className, }: AccordionProps): react_jsx_runtime.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_runtime.JSX.Element;
+
+interface SegmentedControlOption {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+interface SegmentedControlProps {
+    options: SegmentedControlOption[];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+}
+declare function SegmentedControl({ options, value, onChange, className }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+
+interface CommandItem {
+    id: string;
+    label: string;
+    shortcut?: string;
+    icon?: React.ReactNode;
+    onSelect: () => void;
+}
+interface CommandPaletteProps {
+    items: CommandItem[];
+    isOpen: boolean;
+    onClose: () => void;
+    placeholder?: string;
+    className?: string;
+}
+declare function CommandPalette({ items, isOpen, onClose, placeholder, className, }: CommandPaletteProps): react_jsx_runtime.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;
+
+interface HoverCardProps {
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+declare function HoverCard({ trigger, children, className }: HoverCardProps): react_jsx_runtime.JSX.Element;
+
+type TooltipSide = "top" | "right" | "bottom" | "left";
+type TooltipAlign = "start" | "center" | "end";
+interface TooltipProviderProps {
+    children: ReactNode;
+    delayDuration?: number;
+}
+interface TooltipProps {
+    content: ReactNode;
+    children: ReactElement<HTMLAttributes<HTMLElement>>;
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    sideOffset?: number;
+    collisionPadding?: number;
+    className?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    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;
+
+interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+    className?: string;
+}
+declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface FilterChip {
+    id: string;
+    label: ReactNode;
+    value?: ReactNode;
+    active?: boolean;
+    removeLabel?: string;
+}
+interface FilterChipsProps {
+    chips: readonly FilterChip[];
+    onToggle?: (id: string) => void;
+    onRemove?: (id: string) => void;
+    className?: string;
+    "aria-label"?: string;
+}
+declare function FilterChips({ chips, onToggle, onRemove, className, "aria-label": ariaLabel, }: FilterChipsProps): react_jsx_runtime.JSX.Element;
+
+interface FilterMenuOption {
+    value: string;
+    label: ReactNode;
+    /** Plain-text label used for typeahead and accessible trigger naming. */
+    textValue?: string;
+    disabled?: boolean;
+}
+interface FilterMenuProps {
+    label: string;
+    value?: string;
+    options: readonly FilterMenuOption[];
+    onValueChange: (value: string) => void;
+    placeholder?: ReactNode;
+    align?: DropdownAlign;
+    disabled?: boolean;
+    className?: string;
+}
+interface SortMenuProps extends Omit<FilterMenuProps, "placeholder"> {
+    direction?: "ascending" | "descending";
+}
+interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    children: ReactNode;
+    label?: string;
+    onClear?: () => void;
+    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;
+
+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_runtime.JSX.Element;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    filename?: string;
+    className?: string;
+}
+declare function CodeBlock({ code, language, filename, className }: CodeBlockProps): react_jsx_runtime.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_runtime.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_runtime.JSX.Element;
+
+interface CollapsibleSectionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    id?: string;
+}
+declare function CollapsibleSection({ title, children, defaultOpen, id }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
+
+type TextTone = "default" | "muted" | "subtle" | "brand" | "danger" | "success" | "warning" | "info" | "inherit";
+type TextWeight = "normal" | "medium" | "semibold" | "bold" | "extrabold";
+interface TextBaseProps {
+    tone?: TextTone;
+    weight?: TextWeight;
+    className?: string;
+    children?: ReactNode;
+    truncate?: boolean;
+}
+/** Display text — largest heading, use once per page */
+declare function Display({ children, tone, weight, truncate, className, }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** H1 — page title */
+declare function H1({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** H2 — section title */
+declare function H2({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** H3 — subsection title */
+declare function H3({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** H4 — card / panel title */
+declare function H4({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** H5 — small heading */
+declare function H5({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** Body — default paragraph text */
+declare function P({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** Small body text */
+declare function Small({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** Extra small text — captions, meta */
+declare function Caption({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** Overline — tiny eyebrow text */
+declare function Overline({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** Lead — intro paragraph, larger and muted */
+declare function Lead({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** Mono — code, data, technical text */
+declare function Mono({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+/** Label — form labels, tags */
+declare function Label({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
+
+type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+type AvatarStatus = "online" | "offline" | "away" | "busy";
+interface AvatarProps extends ComponentPropsWithoutRef<"div"> {
+    /** Text initials or label (e.g. "JD") */
+    label?: string;
+    /** Optional icon or image */
+    icon?: ReactNode;
+    /** Size preset */
+    size?: AvatarSize;
+    /** Background colour class */
+    color?: string;
+    /** Status indicator dot */
+    status?: AvatarStatus;
+    /** Badge count or text */
+    badge?: string;
+}
+declare function Avatar({ label, icon, size, color, status, badge, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+interface AvatarGroupProps extends ComponentPropsWithoutRef<"div"> {
+    children?: ReactNode;
+    max?: number;
+}
+declare function AvatarGroup({ children, max, className, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+
+interface ProgressProps extends ComponentPropsWithoutRef<"div"> {
+    /** Current value (0-100) */
+    value: number;
+    /** Maximum value (default 100) */
+    max?: number;
+    /** Color class for the bar */
+    color?: string;
+    /** Optional label shown above */
+    label?: string;
+    /** Show percentage text */
+    showPercentage?: boolean;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+}
+declare function Progress({ value, max, color, label, showPercentage, size, className, ...props }: ProgressProps): react_jsx_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.JSX.Element;
+declare namespace Popover {
+    var displayName: string;
+}
+
+interface LoadingBarProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+}
+declare function LoadingBar({ active, className, ...props }: LoadingBarProps): react_jsx_runtime.JSX.Element;
+declare namespace LoadingBar {
+    var displayName: string;
+}
+
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: ReactNode;
+    disabled?: boolean;
+}
+declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+
+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 namespace Spinner {
+    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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.JSX.Element;
+declare namespace NumberField {
+    var displayName: string;
+}
+
+interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare function InputGroup({ children, className, ...props }: InputGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace InputGroup {
+    var displayName: string;
+}
+
+interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare function ButtonGroup({ children, className, ...props }: ButtonGroupProps): react_jsx_runtime.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_runtime.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_runtime.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_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+
+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 namespace Dot {
+    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_runtime.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_runtime.JSX.Element;
+declare namespace Metric {
+    var displayName: string;
+}
+
+interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    onRemove?: () => void;
+    children: ReactNode;
+}
+declare const Chip: react.ForwardRefExoticComponent<ChipProps & react.RefAttributes<HTMLButtonElement>>;
+
+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_runtime.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_runtime.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_runtime.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;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+}
+declare function Sidebar({ groups, className, header, footer, collapsed, onCollapse }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare namespace Sidebar {
+    var displayName: string;
+}
+
+export { type CheckboxProps as $, Accordion as A, Badge as B, type BannerProps as C, type BannerType as D, type BreadcrumbItem as E, Breadcrumbs as F, type BreadcrumbsProps as G, Button as H, ButtonChrome as I, type ButtonChromeProps as J, ButtonGroup as K, type ButtonGroupProps as L, type ButtonProps as M, type ButtonShape as N, type ButtonSize as O, type ButtonVariant as P, CANONICAL_ICONS as Q, Calendar as R, type CanonicalIconName as S, Caption as T, Card as U, type CardProps as V, type CardVariant as W, ChatBubble as X, type ChatBubbleProps as Y, type ChatBubbleVariant as Z, Checkbox as _, Alert as a, H4 as a$, Chip as a0, type ChipProps as a1, CodeBlock as a2, Collapsible as a3, type CollapsibleProps as a4, CollapsibleSection as a5, Combobox as a6, type ComboboxOption as a7, type ComboboxProps as a8, CommandPalette as a9, type DropdownItemProps as aA, DropdownMenu as aB, type DropdownMenuProps as aC, DropdownRadioGroup as aD, type DropdownRadioGroupProps as aE, DropdownRadioItem as aF, type DropdownRadioItemProps as aG, type DropdownSide as aH, EmptyState as aI, FileUpload as aJ, type FileUploadProps as aK, FilterBar as aL, type FilterBarProps as aM, type FilterChip as aN, FilterChips as aO, type FilterChipsProps as aP, FilterControls as aQ, type FilterControlsProps as aR, FilterMenu as aS, type FilterMenuOption as aT, type FilterMenuProps as aU, FormField as aV, type FormFieldControlProps as aW, type FormFieldProps as aX, H1 as aY, H2 as aZ, H3 as a_, ComponentDocs as aa, type ComponentDocsProps as ab, type ComponentPropRow as ac, ContextMenu as ad, type ContextMenuItem as ae, type ContextMenuProps as af, DataTable as ag, type DataTableColumn as ah, type DataTableProps as ai, DatePicker as aj, type DatePickerProps as ak, Dialog as al, type DialogProps as am, Display as an, Divider as ao, type DividerProps as ap, Dot as aq, type DotProps as ar, Drawer as as, type DrawerProps as at, type DrawerSide as au, type DrawerSize as av, type DropdownAlign as aw, DropdownButton as ax, type DropdownButtonProps as ay, DropdownItem as az, AlertDialog as b, IconRocket as b$, H5 as b0, HoverCard as b1, IconActivity as b2, type IconAliasName as b3, IconAreaChart as b4, IconArrowDown as b5, IconArrowUp as b6, IconBase as b7, IconBell as b8, IconBellOff as b9, IconFlare as bA, IconFlask as bB, IconGift as bC, IconGridView as bD, IconHandClick as bE, IconHome as bF, IconInfo as bG, IconInsightBoard as bH, IconLayers as bI, IconListView as bJ, IconLogout as bK, IconMail as bL, IconMoon as bM, type IconName as bN, IconOldWindow as bO, IconPanelRight as bP, IconPerson as bQ, IconPlayCircle as bR, IconPlus as bS, IconPremium as bT, type IconProps as bU, IconQueryEditor as bV, IconQueryStack as bW, IconRadar as bX, IconRecording as bY, IconReplayFrame as bZ, IconRobot as b_, IconBolt as ba, IconBox as bb, IconByName as bc, IconCancel as bd, IconCheck as be, IconCheckCircle as bf, IconChevronDown as bg, IconChevronLeft as bh, IconChevronRight as bi, IconClipboardEdit as bj, IconClose as bk, IconCodePreview as bl, IconCohort as bm, IconCommandCursor as bn, IconCopy as bo, IconCumulativeChart as bp, IconDataReel as bq, IconDatabase as br, IconDownload as bs, IconEdit as bt, IconErrorOutline as bu, IconEventStream as bv, IconExclamation as bw, IconExperimentSplit as bx, IconFeatureGate as by, IconFlag as bz, type AlertDialogProps as c, type PaginationProps as c$, IconSave as c0, IconSearch as c1, IconSelectEvents as c2, IconShoppingCart as c3, IconSpinner as c4, IconStar as c5, IconSubArrowRight as c6, IconSun as c7, IconSurveyCard as c8, IconSurveys as c9, Link as cA, type LinkProps as cB, Loader as cC, type LoaderProps as cD, type LoaderSize as cE, type LoaderVariant as cF, LoadingBar as cG, type LoadingBarProps as cH, LoadingState as cI, type LoadingStateProps as cJ, Menubar as cK, type MenubarItem as cL, type MenubarProps as cM, Metric as cN, type MetricProps as cO, Modal as cP, type ModalProps as cQ, type ModalSize as cR, Mono as cS, NumberField as cT, type NumberFieldProps as cU, OLD_UI_ICONS as cV, Overline as cW, P as cX, PH_ICONS as cY, PH_ICON_ALIASES as cZ, Pagination as c_, IconSync as ca, IconTableChart as cb, IconTerminal as cc, IconToggle as cd, IconTrash as ce, IconTuning as cf, IconUpload as cg, IconVolume as ch, IconVolumeOff as ci, Indicator as cj, type IndicatorPosition as ck, type IndicatorProps as cl, Input as cm, InputGroup as cn, type InputGroupProps as co, type InputProps as cp, type InputSize as cq, type InputVariant as cr, Kbd as cs, type KbdPlatform as ct, type KbdProps as cu, type KbdVariant as cv, Label as cw, Lead as cx, Lettermark as cy, type LettermarkProps as cz, type AlertProps as d, Tag as d$, Panel as d0, type PanelProps as d1, Popover as d2, type PopoverProps as d3, Progress as d4, ProgressCircle as d5, type ProgressCircleProps as d6, type ProgressProps as d7, Radio as d8, type RadioProps as d9, type SidebarGroup as dA, type SidebarItemDef as dB, type SidebarProps as dC, Skeleton as dD, type SkeletonProps as dE, type SkeletonShape as dF, Small as dG, Snack as dH, type SnackProps as dI, SortMenu as dJ, type SortMenuProps as dK, Spinner as dL, type SpinnerProps as dM, Splotch as dN, type SplotchColor as dO, type SplotchProps as dP, Stat as dQ, type StatProps as dR, type StatTone as dS, Stepper as dT, type TabItem as dU, Table as dV, type TableColumn as dW, type TableProps as dX, Tabs as dY, type TabsProps as dZ, type TabsVariant as d_, Range as da, type RangeProps as db, Rating as dc, type RatingProps as dd, Resizable as de, type ResizableProps as df, Row as dg, type RowProps as dh, ScrollArea as di, type ScrollAreaProps as dj, SearchGroup as dk, type SearchGroupProps as dl, SearchInput as dm, type SearchInputProps as dn, SegmentedControl as dp, Select as dq, type SelectProps as dr, SettingsLayout as ds, type SettingsLayoutProps as dt, SettingsNav as du, type SettingsNavGroup as dv, type SettingsNavItem as dw, type SettingsNavProps as dx, ShowcaseWrapper as dy, Sidebar as dz, type AlertStatus as e, type TagProps as e0, type TagType as e1, Terminal as e2, type TerminalProps as e3, Textarea as e4, type TextareaProps as e5, ThemeDomSync as e6, ThemeManager as e7, type ThemeManagerProps as e8, ThemeSwitcher as e9, type ThemeSwitcherProps as ea, Timeline as eb, type TimelineEvent as ec, type TimelineProps as ed, Toast as ee, type ToastProps as ef, ToastStack as eg, type ToastStackProps as eh, type ToastStatus as ei, Toggle as ej, ToggleButton as ek, type ToggleButtonProps as el, ToggleGroup as em, type ToggleGroupProps as en, type ToggleProps as eo, Tooltip as ep, type TooltipAlign as eq, type TooltipProps as er, TooltipProvider as es, type TooltipProviderProps as et, type TooltipSide as eu, Widget as ev, type WidgetProps as ew, AppLayout as f, type AppLayoutProps as g, AuthCard as h, type AuthCardProps as i, AuthDivider as j, type AuthDividerProps as k, AuthLayout as l, type AuthLayoutProps as m, Autocomplete as n, type AutocompleteOption as o, type AutocompleteProps as p, Avatar as q, AvatarGroup as r, type AvatarGroupProps as s, type AvatarProps as t, type AvatarSize as u, type AvatarStatus as v, type BadgeProps as w, type BadgeSize as x, type BadgeVariant as y, Banner as z };