@xenide-io/the-old-ui-theme 0.2.6 → 0.3.0

package/dist/index-D1RTT2Ap.d.ts

@@ -0,0 +1,1044 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, AriaAttributes, ComponentPropsWithoutRef, CSSProperties, SVGAttributes } 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;
+
+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;
+
+export { type DropdownAlign as $, Accordion as A, Badge as B, type ButtonSize as C, type ButtonVariant as D, CANONICAL_ICONS as E, Calendar as F, type CanonicalIconName as G, Caption as H, Card as I, type CardProps as J, type CardVariant as K, ChatBubble as L, type ChatBubbleProps as M, type ChatBubbleVariant as N, Checkbox as O, type CheckboxProps as P, CodeBlock as Q, CollapsibleSection as R, CommandPalette as S, ComponentDocs as T, type ComponentDocsProps as U, type ComponentPropRow as V, Display as W, Drawer as X, type DrawerProps as Y, type DrawerSide as Z, type DrawerSize as _, Alert as a, IconExclamation as a$, DropdownButton as a0, type DropdownButtonProps as a1, DropdownItem as a2, type DropdownItemProps as a3, DropdownMenu as a4, type DropdownMenuProps as a5, DropdownRadioGroup as a6, type DropdownRadioGroupProps as a7, DropdownRadioItem as a8, type DropdownRadioItemProps as a9, IconArrowDown as aA, IconArrowUp as aB, IconBase as aC, IconBell as aD, IconBellOff as aE, IconBolt as aF, IconBox as aG, IconByName as aH, IconCancel as aI, IconCheck as aJ, IconCheckCircle as aK, IconChevronDown as aL, IconChevronLeft as aM, IconChevronRight as aN, IconClipboardEdit as aO, IconClose as aP, IconCodePreview as aQ, IconCohort as aR, IconCommandCursor as aS, IconCopy as aT, IconCumulativeChart as aU, IconDataReel as aV, IconDatabase as aW, IconDownload as aX, IconEdit as aY, IconErrorOutline as aZ, IconEventStream as a_, type DropdownSide as aa, EmptyState as ab, FileUpload as ac, type FileUploadProps as ad, FilterBar as ae, type FilterBarProps as af, type FilterChip as ag, FilterChips as ah, type FilterChipsProps as ai, FilterControls as aj, type FilterControlsProps as ak, FilterMenu as al, type FilterMenuOption as am, type FilterMenuProps as an, FormField as ao, type FormFieldControlProps as ap, type FormFieldProps as aq, H1 as ar, H2 as as, H3 as at, H4 as au, H5 as av, HoverCard as aw, IconActivity as ax, type IconAliasName as ay, IconAreaChart as az, type AlertProps as b, Loader as b$, IconExperimentSplit as b0, IconFeatureGate as b1, IconFlag as b2, IconFlare as b3, IconFlask as b4, IconGift as b5, IconGridView as b6, IconHandClick as b7, IconHome as b8, IconInfo as b9, IconStar as bA, IconSubArrowRight as bB, IconSun as bC, IconSurveyCard as bD, IconSurveys as bE, IconSync as bF, IconTableChart as bG, IconTerminal as bH, IconToggle as bI, IconTrash as bJ, IconTuning as bK, IconUpload as bL, IconVolume as bM, IconVolumeOff as bN, Indicator as bO, type IndicatorPosition as bP, type IndicatorProps as bQ, Input as bR, type InputProps as bS, type InputSize as bT, type InputVariant as bU, Kbd as bV, type KbdPlatform as bW, type KbdProps as bX, type KbdVariant as bY, Label as bZ, Lead as b_, IconInsightBoard as ba, IconLayers as bb, IconListView as bc, IconLogout as bd, IconMail as be, IconMoon as bf, type IconName as bg, IconOldWindow as bh, IconPanelRight as bi, IconPerson as bj, IconPlayCircle as bk, IconPlus as bl, IconPremium as bm, type IconProps as bn, IconQueryEditor as bo, IconQueryStack as bp, IconRadar as bq, IconRecording as br, IconReplayFrame as bs, IconRobot as bt, IconRocket as bu, IconSave as bv, IconSearch as bw, IconSelectEvents as bx, IconShoppingCart as by, IconSpinner as bz, type AlertStatus as c, type ThemeManagerProps as c$, type LoaderProps as c0, type LoaderSize as c1, type LoaderVariant as c2, LoadingState as c3, type LoadingStateProps as c4, Modal as c5, type ModalProps as c6, type ModalSize as c7, Mono as c8, OLD_UI_ICONS as c9, type SettingsNavGroup as cA, type SettingsNavItem as cB, type SettingsNavProps as cC, ShowcaseWrapper as cD, Skeleton as cE, type SkeletonProps as cF, type SkeletonShape as cG, Small as cH, SortMenu as cI, type SortMenuProps as cJ, Stat as cK, type StatProps as cL, type StatTone as cM, Stepper as cN, type TabItem as cO, Table as cP, type TableColumn as cQ, type TableProps as cR, Tabs as cS, type TabsProps as cT, type TabsVariant as cU, Terminal as cV, type TerminalProps as cW, Textarea as cX, type TextareaProps as cY, ThemeDomSync as cZ, ThemeManager as c_, Overline as ca, P as cb, PH_ICONS as cc, PH_ICON_ALIASES as cd, Pagination as ce, type PaginationProps as cf, Panel as cg, type PanelProps as ch, Progress as ci, type ProgressProps as cj, Radio as ck, type RadioProps as cl, Range as cm, type RangeProps as cn, Rating as co, type RatingProps as cp, SearchGroup as cq, type SearchGroupProps as cr, SearchInput as cs, type SearchInputProps as ct, SegmentedControl as cu, Select as cv, type SelectProps as cw, SettingsLayout as cx, type SettingsLayoutProps as cy, SettingsNav as cz, AuthCard as d, ThemeSwitcher as d0, type ThemeSwitcherProps as d1, Timeline as d2, type TimelineEvent as d3, type TimelineProps as d4, Toast as d5, type ToastProps as d6, ToastStack as d7, type ToastStackProps as d8, type ToastStatus as d9, Toggle as da, type ToggleProps as db, type AuthCardProps as e, AuthDivider as f, type AuthDividerProps as g, AuthLayout as h, type AuthLayoutProps as i, Avatar as j, AvatarGroup as k, type AvatarGroupProps as l, type AvatarProps as m, type AvatarSize as n, type AvatarStatus as o, type BadgeProps as p, type BadgeSize as q, type BadgeVariant as r, type BreadcrumbItem as s, Breadcrumbs as t, type BreadcrumbsProps as u, Button as v, ButtonChrome as w, type ButtonChromeProps as x, type ButtonProps as y, type ButtonShape as z };