@particle-academy/react-fancy 5.11.0 → 5.13.1

package/dist/index.d.cts

@@ -1,3402 +1,96 @@
-import * as react from 'react';
-import { ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
+export { Action, ActionProps, Button, ButtonProps } from './button.cjs';
+export { AccordionOrientation, AccordionPanel, AccordionPanelContent, AccordionPanelContentProps, AccordionPanelProps, AccordionPanelSection, AccordionPanelSectionProps, AccordionPanelTrigger, AccordionPanelTriggerProps, SectionRenderState, SectionRenderable, useAccordionPanel, useAccordionSection } from './accordion-panel.cjs';
+export { Field, FieldProps } from './field.cjs';
+export { Input, InputProps } from './input.cjs';
+export { Textarea, TextareaProps } from './textarea.cjs';
+export { Select, SelectProps } from './select.cjs';
+export { Checkbox, CheckboxProps } from './checkbox.cjs';
+export { CheckboxGroup, CheckboxGroupProps } from './checkbox-group.cjs';
+export { RadioGroup, RadioGroupProps } from './radio-group.cjs';
+export { Switch, SwitchProps } from './switch.cjs';
+export { Slider, SliderProps } from './slider.cjs';
+export { MultiSwitch, MultiSwitchProps } from './multi-switch.cjs';
+export { DatePicker, DatePickerProps } from './date-picker.cjs';
+export { A as AffixPosition, F as FieldMode, I as InputAffixProps, a as InputBaseProps, b as InputOption, c as InputOptionGroup } from './inputs.types-CkWdvN-t.cjs';
+export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-C28RH8GR.cjs';
+export { d as Carousel, e as CarouselContextValue, b as CarouselControlsProps, C as CarouselPanelsProps, f as CarouselProps, a as CarouselSlideProps, c as CarouselStepsProps, g as CarouselVariant, u as useCarousel } from './Carousel.context-Ba3gKZHQ.cjs';
+export { ColorPicker, ColorPickerProps } from './color-picker.cjs';
+export { E as EMOJI_CATEGORY_ORDER, a as EMOJI_DATA, b as EMOJI_ENTRIES, c as Emoji, d as EmojiCategory, e as EmojiCategoryKey, f as EmojiEntry, g as EmojiFlatEntry, h as EmojiProps, S as SKIN_TONES, i as SkinTone, j as applyTone, k as find, l as hasSkinTones, r as resolve, s as search, m as skinTones } from './index-BktWpyRH.cjs';
+export { EmojiSelect, EmojiSelectProps } from './emoji-select.cjs';
+export { Table, TableBodyProps, TableCellProps, TableColumnProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableRowTrayProps, TableSearchProps, TableTrayProps } from './table.cjs';
+export { Portal, PortalProps } from './portal.cjs';
+export { Heading, HeadingProps } from './heading.cjs';
+export { Text, TextProps } from './text.cjs';
+export { Separator, SeparatorProps } from './separator.cjs';
+export { Badge, BadgeProps } from './badge.cjs';
+export { Icon, IconProps, IconSet, configureIcons, registerIconAddendum, registerIconSet, registerIcons } from './icon.cjs';
+export { Avatar, AvatarProps } from './avatar.cjs';
+export { Skeleton, SkeletonProps } from './skeleton.cjs';
+export { Progress, ProgressProps } from './progress.cjs';
+export { Brand, BrandMark, BrandMarkProps, BrandProps } from './brand.cjs';
+export { Eyebrow, EyebrowProps } from './eyebrow.cjs';
+export { Kbd, KbdProps } from './kbd.cjs';
+export { IndexList, IndexListItem, IndexListProps } from './index-list.cjs';
+export { PullQuote, PullQuoteProps } from './pull-quote.cjs';
+export { Stat, StatBand, StatBandProps, StatProps } from './stat.cjs';
+export { Profile, ProfileProps } from './profile.cjs';
+export { d as Card, a as CardBodyProps, b as CardFooterProps, C as CardHeaderProps, e as CardProps } from './Card-BZ5F6-wd.cjs';
+export { Callout, CalloutProps } from './callout.cjs';
+export { FauxClient, FauxClientProps } from './faux-client.cjs';
+export { StickyNote, StickyNoteColor, StickyNoteProps } from './sticky-note.cjs';
+export { b as Timeline, a as TimelineBlockProps, c as TimelineEvent, T as TimelineItemProps, d as TimelineOrientation, e as TimelineProps, f as TimelineVariant } from './Timeline-7zHhIk3P.cjs';
+export { TimeGrid, TimeGridProps, TimeGridTone } from './time-grid.cjs';
+export { Marquee, MarqueeDirection, MarqueeProps } from './marquee.cjs';
+export { Tooltip, TooltipProps } from './tooltip.cjs';
+export { Popover, PopoverContentProps, PopoverContextValue, PopoverProps, PopoverTriggerProps, usePopover } from './popover.cjs';
+export { Dropdown, DropdownContextValue, DropdownItemProps, DropdownItemsProps, DropdownProps, DropdownSeparatorProps, DropdownTriggerProps, useDropdown } from './dropdown.cjs';
+export { ContextMenu, ContextMenuContentProps, ContextMenuContextValue, ContextMenuItemProps, ContextMenuProps, ContextMenuSeparatorProps, ContextMenuTriggerProps, useContextMenu } from './context-menu.cjs';
+export { Modal, ModalBodyProps, ModalContextValue, ModalFooterProps, ModalHeaderProps, ModalProps, useModal } from './modal.cjs';
+export { Drawer, DrawerAttach, DrawerBodyProps, DrawerContainerProps, DrawerContextValue, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerSize, useDrawer } from './drawer.cjs';
+export { Toast, ToastAction, ToastContextValue, ToastData, ToastPosition, ToastProviderProps, ToastVariant, useToast } from './toast.cjs';
+export { Command, CommandContextValue, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, useCommand } from './command.cjs';
+export { Tabs, TabsContextValue, TabsListProps, TabsPanelProps, TabsPanelsProps, TabsProps, TabsTabProps, TabsVariant, useTabs } from './tabs.cjs';
+export { Accordion, AccordionContentProps, AccordionContextValue, AccordionItemProps, AccordionProps, AccordionTriggerProps, useAccordion } from './accordion.cjs';
+export { Breadcrumbs, BreadcrumbsItemProps, BreadcrumbsProps } from './breadcrumbs.cjs';
+export { Navbar, NavbarBrandProps, NavbarContextValue, NavbarItemProps, NavbarItemsProps, NavbarProps, NavbarToggleProps, useNavbar } from './navbar.cjs';
+export { Pagination, PaginationProps } from './pagination.cjs';
+export { Autocomplete, AutocompleteOption, AutocompleteProps } from './autocomplete.cjs';
+export { Pillbox, PillboxProps } from './pillbox.cjs';
+export { OtpInput, OtpInputProps } from './otp-input.cjs';
+export { FileUpload, FileUploadContextValue, FileUploadDropzoneProps, FileUploadListProps, FileUploadProps, useFileUpload } from './file-upload.cjs';
+export { TimePicker, TimePickerProps } from './time-picker.cjs';
+export { Calendar, CalendarMode, CalendarProps, DateRange } from './calendar.cjs';
+export { Composer, ComposerProps } from './composer.cjs';
+export { Chart, ChartAreaProps, ChartBarData, ChartBarProps, ChartCommonProps, ChartDonutData, ChartDonutProps, ChartHorizontalBarProps, ChartLineProps, ChartPieData, ChartPieProps, ChartSeries, ChartSparklineProps, ChartStackedBarProps } from './chart.cjs';
+export { Editor, EditorAction, EditorContentProps, EditorContextValue, EditorProps, EditorSourceToggleProps, EditorToolbarProps, useEditor } from './editor.cjs';
+export { CodeView, CodeViewProps } from './code-view.cjs';
+export { ContentRenderer, ContentRendererProps } from './content-renderer.cjs';
+export { R as RenderExtension, a as RenderExtensionProps, r as registerExtension, b as registerExtensions } from './extensions-6PVd3-vB.cjs';
+export { Menu, MenuContextValue, MenuGroupProps, MenuItemProps, MenuOrientation, MenuProps, MenuSubmenuProps, useMenu } from './menu.cjs';
+export { Sidebar, SidebarCollapseMode, SidebarContextValue, SidebarGroupProps, SidebarItemProps, SidebarProps, SidebarSubmenuProps, SidebarToggleProps, useSidebar } from './sidebar.cjs';
+export { MobileMenu, MobileMenuBottomBarProps, MobileMenuContextValue, MobileMenuFlyoutProps, MobileMenuItemProps, MobileMenuSide, MobileMenuVariant, useMobileMenu } from './mobile-menu.cjs';
+export { Kanban, KanbanCardMoveHandler, KanbanCardProps, KanbanColumnHandleProps, KanbanColumnMoveHandler, KanbanColumnProps, KanbanContextValue, KanbanProps, useKanban } from './kanban.cjs';
+export { DropPosition, TreeNav, TreeNavContextValue, TreeNavProps, TreeNodeData, TreeNodeProps, useTreeNav } from './tree-nav.cjs';
+export { FileBrowser, FileBrowserContextValue, FileBrowserNodeProps, FileBrowserPathBarProps, FileBrowserProps, FileBrowserProvider, FileBrowserRow, FileBrowserToolbarProps, FileBrowserTreeProps, FileEntry, FileKind, FileLoadStatus, FileSelectMode, FileSnapshotNode, FileSort, FileSortDirection, FileSortField, useFileBrowser } from './file-browser.cjs';
 import { ClassValue } from 'clsx';
-
-type Size = "xs" | "sm" | "md" | "lg" | "xl";
-/**
- * What a navigation primitive owes a router.
- *
- * Every nav surface here — `Navbar.Item`, `Sidebar.Item`, `Menu.Item`,
- * `MobileMenu.Item`, `Breadcrumbs.Item` — used to hardcode a plain `<a href>`.
- * That is a FULL PAGE LOAD in every client-routed app, and the only way around
- * it was to nest a router `<Link>` inside the item: an anchor inside an anchor,
- * which is invalid HTML and the same nested-anchor shape that already cost this
- * suite an SSR hydration bug.
- *
- * `as` is the seam {@link ButtonProps.as} already had. It is router-agnostic on
- * purpose — one prop serves Inertia, TanStack Router, React Router and Next
- * rather than a package per router:
- *
- * ```tsx
- * // href-based routers (Inertia, Next)
- * <Navbar.Item as={Link} href="/dashboard">Dashboard</Navbar.Item>
- *
- * // to-based routers (TanStack Router, React Router) — `to` reaches the Link
- * // through the forwarded rest props
- * <Navbar.Item as={Link} to="/dashboard">Dashboard</Navbar.Item>
- * ```
- *
- * Link mode engages on `href` OR `as`, because a `to`-based router never passes
- * an `href` and would otherwise silently render the non-interactive fallback.
- */
-interface NavigableProps {
-    /** Target URL. Renders link mode with a plain `<a>` unless `as` is given. */
-    href?: string;
-    /**
-     * Link-mode element override — the component to render INSTEAD of the plain
-     * `<a>`, e.g. a router's `<Link>` so navigation happens client-side. Receives
-     * `className`, the item's `data-*` handles, and every unrecognized prop, so
-     * router-specific props (`to`, `params`, `preload`, `search`) pass straight
-     * through. Ignored in button mode.
-     */
-    as?: ElementType;
-}
-/**
- * The full Tailwind v4 named color palette — every default hue, including all
- * five gray families. Components that accept a `color` should type it as this
- * so the whole palette is available.
- */
-type Color = "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-type Variant = "solid" | "outline" | "ghost" | "soft";
-/** Button accepts the full Tailwind v4 palette (alias of {@link Color}). */
-type ButtonColor = Color;
-/**
- * @deprecated Renamed to {@link ButtonColor}. `ActionColor` remains as an alias
- * for backward compatibility and will be removed in a future major version.
- */
-type ActionColor = ButtonColor;
-type Placement = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
-
-interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
-    /** Shape/fill variant */
-    variant?: "default" | "circle" | "ghost";
-    /** Standalone color (overrides state colors) */
-    color?: ButtonColor;
-    size?: Size;
-    /** Behavioral states */
-    active?: boolean;
-    checked?: boolean;
-    warn?: boolean;
-    alert?: boolean;
-    /** Leading icon slug (resolved via Icon component, e.g. "pencil", "chevron-right") */
-    icon?: string;
-    /** Trailing icon slug (convenience for right-side icon) */
-    iconTrailing?: string;
-    /** Icon placement direction */
-    iconPlace?: "left" | "right" | "top" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right" | "left top" | "left bottom" | "right top" | "right bottom";
-    /** Pulsing alert icon slug */
-    alertIcon?: string;
-    /** Position alert icon on trailing side */
-    alertIconTrailing?: boolean;
-    /** Emoji slug (resolved via emoji-utils) */
-    emoji?: string;
-    /** Trailing emoji slug */
-    emojiTrailing?: string;
-    /** Avatar image URL */
-    avatar?: string;
-    /** Position avatar on trailing side */
-    avatarTrailing?: boolean;
-    /** Badge text */
-    badge?: string;
-    /** Position badge on trailing side */
-    badgeTrailing?: boolean;
-    /** Sort order of decorative elements: e=emoji, i=icon, a=avatar, b=badge */
-    sort?: string;
-    /** Show loading spinner */
-    loading?: boolean;
-    disabled?: boolean;
-    /** Render as anchor tag */
-    href?: string;
-    /**
-     * Anchor-mode element override — the component to render INSTEAD of the
-     * plain `<a>` when `href` is set, e.g. a router's `<Link>` (Inertia, React
-     * Router, Next) so the button navigates client-side. Receives `href`,
-     * `className`, and the forwarded rest props. Ignored without `href` or when
-     * `disabled` (the plain `<button>` renders as always).
-     */
-    as?: ElementType;
-    /** Anchor `target` — only applies in `href` (anchor) mode. */
-    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
-    /** Anchor `rel` — only applies in `href` (anchor) mode. */
-    rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
-    /** Anchor `download` — only applies in `href` (anchor) mode. */
-    download?: AnchorHTMLAttributes<HTMLAnchorElement>["download"];
-    /**
-     * Collapse to icon-only when squeezed — injects the minimal Tailwind classes
-     * (`sr-only sm:not-sr-only`) onto the label so it stays screen-reader
-     * accessible but visually hidden on small screens. The label is also directly
-     * targetable via `data-react-fancy-button-label` for a custom breakpoint, e.g.
-     * `className="[&_[data-react-fancy-button-label]]:hidden md:[&_[data-react-fancy-button-label]]:inline"`.
-     */
-    responsive?: boolean;
-    /** Extra classes for the label wrapper — alignment, responsive hiding, etc. */
-    labelClassName?: string;
-}
-/**
- * @deprecated Renamed to {@link ButtonProps}. `ActionProps` remains as an alias
- * for backward compatibility and will be removed in a future major version.
- */
-type ActionProps = ButtonProps;
-
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-/**
- * @deprecated Renamed to {@link Button}. `Action` remains as an alias for
- * backward compatibility and will be removed in a future major version.
- * Prefer importing `Button` from "@particle-academy/react-fancy".
- */
-declare const Action: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-type AccordionOrientation = "horizontal" | "vertical";
-/**
- * Render-prop or static node accepted by Trigger.children — lets the
- * caller branch rendering on the section state.
- */
-type SectionRenderable = ReactNode | ((state: SectionRenderState) => ReactNode);
-interface SectionRenderState {
-    /** Section's id */
-    id: string;
-    /** True when the section is currently open */
-    open: boolean;
-    /** Direction the panel is laid out in */
-    orientation: AccordionOrientation;
-    /** Toggle this section open/closed */
-    toggle: () => void;
-}
-interface AccordionPanelProps {
-    /** Layout direction. Horizontal for menus/toolbars, vertical for sidebars/panels. */
-    orientation?: AccordionOrientation;
-    /** Controlled list of open section ids */
-    value?: string[];
-    /** Default open section ids (uncontrolled) */
-    defaultValue?: string[];
-    /** Fires whenever the open set changes */
-    onValueChange?: (open: string[]) => void;
-    /** Optional class on the root container */
-    className?: string;
-    children: ReactNode;
-}
-interface AccordionPanelSectionProps {
-    /** Stable id used for open-state tracking */
-    id: string;
-    /**
-     * Pinned sections never collapse. Useful for an "anchor" item like a
-     * Home button at the start of a menu.
-     */
-    pinned?: boolean;
-    /** Class on the section's outer container */
-    className?: string;
-    /** Class applied only when the section is open */
-    openClassName?: string;
-    /** Class applied only when the section is collapsed */
-    closedClassName?: string;
-    /**
-     * Skip the default flex layout (items-center + gap-1 + flex-row/col).
-     * Use this for full-bleed panel sections that need their children
-     * to stretch (e.g. a chat sidebar where the trigger should fill
-     * full panel height). The data attributes, section context, and
-     * conditional render of children stay in place.
-     */
-    unstyled?: boolean;
-    /**
-     * Children. Compose with `<AccordionPanel.Trigger>` and
-     * `<AccordionPanel.Content>` — Trigger always renders, Content only
-     * renders when the section is open.
-     */
-    children: ReactNode;
-}
-interface AccordionPanelTriggerProps {
-    /**
-     * Custom render. Receives section state — `{ open, toggle, ... }`. If
-     * omitted, the default chevron-divider is rendered.
-     */
-    children?: SectionRenderable;
-    /** Class on the trigger element */
-    className?: string;
-    /** Aria label override (default: "Toggle section") */
-    "aria-label"?: string;
-}
-
-/**
- * One collapsible section inside an AccordionPanel.
- *
- * Compose with `<AccordionPanel.Trigger>` and `<AccordionPanel.Content>`
- * children — Content renders only when open, Trigger always renders and
- * adapts its look by state. Children that are not Trigger/Content are
- * rendered as-is, regardless of state, so static decorations stay put.
- *
- * Pinned sections never collapse and don't need a Trigger.
- */
-declare function AccordionPanelSection({ id, pinned, className, openClassName, closedClassName, unstyled, children, }: AccordionPanelSectionProps): react.JSX.Element;
-declare namespace AccordionPanelSection {
-    var displayName: string;
-}
-
-/**
- * Trigger for an AccordionPanel.Section.
- *
- * Has two visual roles, picked automatically from section state:
- *
- *   - When the section is OPEN: renders as a thin divider on the section's
- *     trailing edge. Hovering reveals an inset chevron pointing toward the
- *     section so the user knows clicking will collapse it.
- *
- *   - When the section is CLOSED: renders as a standalone chevron button
- *     in place of the section content. Clicking re-expands the section.
- *
- * Supply `children` (node or render-prop) to fully replace the default
- * rendering. The render-prop receives `{ open, toggle, orientation, id }`.
- */
-declare function AccordionPanelTrigger({ children, className, "aria-label": ariaLabel, }: AccordionPanelTriggerProps): react.JSX.Element;
-declare namespace AccordionPanelTrigger {
-    var displayName: string;
-}
-
-interface AccordionPanelContentProps {
-    children: ReactNode;
-    className?: string;
-    /**
-     * Skip the default flex-row/flex-col + items-center + gap classes so the
-     * consumer can lay out the open-state content however they want (e.g. a
-     * full-height chat panel with header/scroll/input rows). The
-     * `data-react-fancy-accordion-content` attribute and conditional render
-     * (only when the section is open) are kept.
-     */
-    unstyled?: boolean;
-}
-/**
- * Wrapper for the open-state content of a Section. Renders its children
- * only when the parent Section is open; returns `null` otherwise.
- *
- * Use this so siblings of `<AccordionPanel.Trigger>` inside a section can
- * cleanly toggle in/out of the DOM.
- *
- * The default styling assumes an inline cluster — flex row (horizontal
- * orientation) or column (vertical), centered, with a small gap. For panel
- * use cases where the content needs full-bleed layout (chat panes, canvas
- * surfaces, etc.), pass `unstyled` and supply your own className.
- */
-declare function AccordionPanelContent({ children, className, unstyled, }: AccordionPanelContentProps): react.JSX.Element | null;
-declare namespace AccordionPanelContent {
-    var displayName: string;
-}
-
-/**
- * Horizontal or vertical accordion of collapsible sections.
- *
- * Use the compound parts:
- *   <AccordionPanel orientation="horizontal" defaultValue={["wishlist"]}>
- *     <AccordionPanel.Section id="home" pinned>
- *       <Button icon="home" />
- *     </AccordionPanel.Section>
- *     <AccordionPanel.Section id="wishlist">
- *       <Button icon="list">Wishlist</Button>
- *     </AccordionPanel.Section>
- *   </AccordionPanel>
- *
- * Each non-pinned section renders a trigger (default chevron-divider) that
- * collapses/expands. Pass a custom `trigger` prop on a Section, or use the
- * exported `AccordionPanel.Trigger` directly to compose your own.
- */
-declare function AccordionPanelRoot({ orientation, value: controlledValue, defaultValue, onValueChange, className, children, }: AccordionPanelProps): react.JSX.Element;
-declare namespace AccordionPanelRoot {
-    var displayName: string;
-}
-type AccordionPanelType = typeof AccordionPanelRoot & {
-    Section: typeof AccordionPanelSection;
-    Trigger: typeof AccordionPanelTrigger;
-    Content: typeof AccordionPanelContent;
-};
-declare const AccordionPanel: AccordionPanelType;
-
-interface AccordionPanelContextValue {
-    orientation: AccordionOrientation;
-    isOpen: (id: string) => boolean;
-    toggle: (id: string) => void;
-    open: (id: string) => void;
-    close: (id: string) => void;
-    /** Ordered list of all section ids registered in this panel */
-    sectionIds: string[];
-    registerSection: (id: string) => () => void;
-}
-declare function useAccordionPanel(): AccordionPanelContextValue;
-interface AccordionSectionContextValue {
-    id: string;
-    open: boolean;
-    pinned: boolean;
-    orientation: AccordionOrientation;
-    toggle: () => void;
-}
-declare function useAccordionSection(): AccordionSectionContextValue;
-
-interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    label?: string;
-    description?: string;
-    error?: string;
-    required?: boolean;
-    htmlFor?: string;
-    size?: Size;
-    children: ReactNode;
-    className?: string;
-}
-
-declare function Field({ label, description, error, required, htmlFor, size, children, className, ...rest }: FieldProps): react.JSX.Element;
-
-type InputOption<V = string> = string | {
-    value: V;
-    label: string;
-    disabled?: boolean;
-    description?: string;
-};
-type InputOptionGroup<V = string> = {
-    label: string;
-    options: InputOption<V>[];
-};
-/**
- * Edit vs. read-only display. In `"view"` mode an input renders the bound value
- * as static text instead of an interactive control — the React/Inertia analog of
- * Livewire's public/bindable properties. Declared here (rather than in `mode/`)
- * to keep `InputBaseProps` free of an import cycle. Resolved per input via
- * {@link useFieldMode}: explicit prop → `<Form>`/`<FormProvider>` context → `"edit"`.
- */
-type FieldMode = "edit" | "view";
-interface InputBaseProps {
-    size?: Size;
-    dirty?: boolean;
-    error?: string;
-    label?: string;
-    description?: string;
-    required?: boolean;
-    disabled?: boolean;
-    className?: string;
-    id?: string;
-    name?: string;
-    /** `"edit"` (default) renders the control; `"view"` renders the value as text. Overrides the `<Form mode>` context. */
-    mode?: FieldMode;
-}
-type AffixPosition = "inside" | "outside";
-interface InputAffixProps {
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    prefixPosition?: AffixPosition;
-    suffixPosition?: AffixPosition;
-}
-
-interface InputProps extends InputBaseProps, InputAffixProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "prefix"> {
-    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
-    onValueChange?: (value: string) => void;
-    leading?: ReactNode;
-    trailing?: ReactNode;
-    /**
-     * Show a toggle that reveals the value, for `type="password"`.
-     *
-     * Ignored on other input types — a reveal on a field that is already visible
-     * is a button that does nothing.
-     *
-     * It occupies the trailing slot, so it replaces `trailing` when both are set:
-     * the two would otherwise stack in the same corner, and the reveal is the one
-     * a person needs to click.
-     */
-    reveal?: boolean;
-    /** Controlled reveal state. Omit to let the input own it. */
-    revealed?: boolean;
-    onRevealedChange?: (revealed: boolean) => void;
-    /** Accessible label for the toggle. Defaults to "Show password" / "Hide password". */
-    revealLabel?: string;
-    hideLabel?: string;
-}
-
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
-
-interface TextareaProps extends InputBaseProps, InputAffixProps, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix"> {
-    autoResize?: boolean;
-    minRows?: number;
-    maxRows?: number;
-    onValueChange?: (value: string) => void;
-}
-
-declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
-
-interface SelectProps extends InputBaseProps, InputAffixProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "size" | "prefix" | "multiple"> {
-    /** Options list — strings or objects with value/label */
-    list: InputOption[] | InputOptionGroup[];
-    placeholder?: string;
-    /** Callback for single-select value changes */
-    onValueChange?: (value: string) => void;
-    /** Layout variant. "native" uses <select>, "listbox" uses a custom dropdown. Default: "native" */
-    variant?: "native" | "listbox";
-    /** Enable multi-select (listbox variant only) */
-    multiple?: boolean;
-    /** Controlled multi-select value */
-    values?: string[];
-    /** Default multi-select value (uncontrolled) */
-    defaultValues?: string[];
-    /** Callback for multi-select value changes */
-    onValuesChange?: (values: string[]) => void;
-    /** Enable search/filter within the dropdown (listbox variant only) */
-    searchable?: boolean;
-    /**
-     * Allow creating new options by typing in the dropdown's text input
-     * (listbox variant only). Automatically enables the text input.
-     */
-    creatable?: boolean;
-    /** Callback invoked when a new option is created from user input */
-    onCreate?: (label: string) => void;
-    /** Label prefix for the "Create" affordance. Default: "Create" */
-    createLabel?: string;
-    /** Suffix for the selected count display. Default: "selected" */
-    selectedSuffix?: string;
-    /** Selection indicator style. Default: "check" */
-    indicator?: "check" | "checkbox";
-}
-
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
-
-interface CheckboxProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    indeterminate?: boolean;
-    label?: string;
-}
-
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
-
-interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
-    list: InputOption<V>[];
-    value?: V[];
-    defaultValue?: V[];
-    onValueChange?: (values: V[]) => void;
-    orientation?: "horizontal" | "vertical";
-}
-
-declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: CheckboxGroupProps<V>): react.JSX.Element;
-declare namespace CheckboxGroup {
-    var displayName: string;
-}
-
-interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
-    list: InputOption<V>[];
-    value?: V;
-    defaultValue?: V;
-    onValueChange?: (value: V) => void;
-    orientation?: "horizontal" | "vertical";
-}
-
-declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
-declare namespace RadioGroup {
-    var displayName: string;
-}
-
-interface SwitchProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    color?: Color;
-    label?: string;
-}
-
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface SliderBaseProps extends InputBaseProps {
-    min?: number;
-    max?: number;
-    step?: number;
-    showValue?: boolean;
-    marks?: {
-        value: number;
-        label?: string;
-    }[];
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-}
-interface SliderSingleProps extends SliderBaseProps {
-    range?: false;
-    value?: number;
-    defaultValue?: number;
-    onValueChange?: (value: number) => void;
-}
-interface SliderRangeProps extends SliderBaseProps {
-    range: true;
-    value?: [number, number];
-    defaultValue?: [number, number];
-    onValueChange?: (value: [number, number]) => void;
-}
-type SliderProps = SliderSingleProps | SliderRangeProps;
-
-declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLInputElement>>;
-
-interface MultiSwitchProps<V = string> extends InputBaseProps {
-    list: InputOption<V>[];
-    value?: V;
-    defaultValue?: V;
-    onValueChange?: (value: V) => void;
-    linear?: boolean;
-}
-
-declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
-declare namespace MultiSwitch {
-    var displayName: string;
-}
-
-interface DatePickerBaseProps extends InputBaseProps {
-    min?: string;
-    max?: string;
-    includeTime?: boolean;
-}
-interface DatePickerSingleProps extends DatePickerBaseProps {
-    range?: false;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-}
-interface DatePickerRangeProps extends DatePickerBaseProps {
-    range: true;
-    value?: [string, string];
-    defaultValue?: [string, string];
-    onValueChange?: (value: [string, string]) => void;
-}
-type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
-
-declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
-
-interface FormProviderProps {
-    /** `"edit"` (default) or `"view"` — applied to every input below that doesn't override it. */
-    mode?: FieldMode;
-    children?: ReactNode;
-}
-interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
-    /** `"edit"` (default) or `"view"` — applied to every input inside. */
-    mode?: FieldMode;
-}
-/**
- * Provide a form-wide {@link FieldMode} to every Fancy input below — flip a
- * whole form from editable to read-only display in one place. Pure context, no
- * DOM (use it to wrap a filter bar or any tree that isn't a `<form>`).
- */
-declare function FormProvider({ mode, children }: FormProviderProps): react.JSX.Element;
-/**
- * A real `<form>` that also broadcasts a form-wide {@link FieldMode} to the
- * inputs inside it (sugar over {@link FormProvider}). Per-input `mode` props
- * still override this.
- */
-declare function Form({ mode, children, ...formProps }: FormProps): react.JSX.Element;
-
-interface DisplayValueProps {
-    /** The formatted value to show. Empty / null / undefined renders `empty`. */
-    children?: ReactNode;
-    size?: Size;
-    /** Static adornment rendered before the value (mirrors an input's `leading`/`prefix`). */
-    leading?: ReactNode;
-    /** Static adornment rendered after the value (mirrors an input's `trailing`/`suffix`). */
-    trailing?: ReactNode;
-    /** Shown when the value is empty. Default `—`. */
-    empty?: ReactNode;
-    /** When true the value is clickable to enter edit mode (inline click-to-edit). */
-    interactive?: boolean;
-    /** Called when an interactive value is activated (click / Enter / Space). */
-    onActivate?: () => void;
-    className?: string;
-}
-/**
- * The read-only counterpart to an `<input>`. Renders a non-interactive value
- * with the same size rhythm as the editable control (reusing
- * {@link inputSizeClasses}) but without the border / background / focus ring.
- *
- * When `interactive` (inline click-to-edit), the value becomes a focusable,
- * hoverable target that calls `onActivate` on click / Enter / Space to swap in
- * the real control. Dropped into the SAME `Field` wrapper the editable control
- * uses, so label / description / error chrome stays byte-identical between the
- * display and the editor.
- *
- * Carries `data-react-fancy-display` / `data-mode="view"` stable handles for
- * agents and tests (Human+ contract).
- */
-declare function DisplayValue({ children, size, leading, trailing, empty, interactive, onActivate, className, }: DisplayValueProps): react.JSX.Element;
-
-interface FieldModeContextValue {
-    mode: FieldMode;
-}
-declare const FieldModeContext: react.Context<FieldModeContextValue | null>;
-/**
- * Resolve the effective mode for an input. Precedence: an explicit prop wins,
- * then the nearest `<Form>` / `<FormProvider>` context, then `"edit"`.
- *
- * Deliberately tolerant (returns `"edit"` outside any provider) — unlike a slot
- * guard — so every input works standalone with zero context and existing call
- * sites behave identically.
- */
-declare function useFieldMode(explicit?: FieldMode): FieldMode;
-
-type CarouselVariant = "directional" | "wizard";
-interface CarouselContextValue {
-    activeIndex: number;
-    totalSlides: number;
-    next: () => void;
-    prev: () => void;
-    goTo: (index: number) => void;
-    registerSlides: (count: number) => void;
-    variant: CarouselVariant;
-    loop: boolean;
-    slideNames: string[];
-    registerSlideNames: (names: string[]) => void;
-    onFinish?: () => void;
-    headless: boolean;
-}
-interface CarouselProps {
-    children: ReactNode;
-    defaultIndex?: number;
-    activeIndex?: number;
-    onIndexChange?: (index: number) => void;
-    className?: string;
-    autoPlay?: boolean;
-    interval?: number;
-    loop?: boolean;
-    variant?: CarouselVariant;
-    headless?: boolean;
-    onFinish?: () => void;
-}
-interface CarouselSlideProps {
-    children: ReactNode;
-    className?: string;
-    name?: string;
-}
-interface CarouselControlsProps {
-    className?: string;
-    prevLabel?: ReactNode;
-    nextLabel?: ReactNode;
-    finishLabel?: ReactNode;
-}
-interface CarouselStepsProps {
-    className?: string;
-}
-interface CarouselPanelsProps {
-    children: ReactNode;
-    className?: string;
-    transition?: "none" | "fade";
-}
-
-declare const Carousel: react.ForwardRefExoticComponent<CarouselProps & react.RefAttributes<HTMLDivElement>> & {
-    Panels: react.ForwardRefExoticComponent<CarouselPanelsProps & react.RefAttributes<HTMLDivElement>>;
-    Slide: react.ForwardRefExoticComponent<CarouselSlideProps & react.RefAttributes<HTMLDivElement>>;
-    Controls: react.ForwardRefExoticComponent<CarouselControlsProps & react.RefAttributes<HTMLDivElement>>;
-    Steps: react.ForwardRefExoticComponent<CarouselStepsProps & react.RefAttributes<HTMLDivElement>>;
-};
-
-declare function useCarousel(): CarouselContextValue;
-
-interface ColorPickerProps {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (color: string) => void;
-    presets?: string[];
-    size?: "sm" | "md" | "lg";
-    variant?: "outline" | "filled";
-    disabled?: boolean;
-    className?: string;
-    /** `"edit"` (default) renders the control; `"view"` renders the value as text. */
-    mode?: FieldMode;
-}
-
-declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLDivElement>>;
-
-/**
- * Full Unicode 15.1 emoji set, generated from emoji-test.txt.
- * DO NOT EDIT BY HAND — run scripts/generate-emoji-data.mjs.
- */
-type EmojiEntry = {
-    char: string;
-    name: string;
-    skinTones?: [string, string, string, string, string];
-};
-type EmojiCategory = {
-    icon: string;
-    label: string;
-    emojis: EmojiEntry[];
-};
-declare const EMOJI_CATEGORY_ORDER: readonly ["smileys", "people", "animals", "food", "travel", "activities", "objects", "symbols", "flags"];
-type EmojiCategoryKey = typeof EMOJI_CATEGORY_ORDER[number];
-declare const EMOJI_DATA: Record<EmojiCategoryKey, EmojiCategory>;
-type EmojiFlatEntry = EmojiEntry & {
-    category: EmojiCategoryKey;
-};
-declare const EMOJI_ENTRIES: EmojiFlatEntry[];
-
-declare const SKIN_TONES: readonly ["light", "medium-light", "medium", "medium-dark", "dark"];
-type SkinTone = typeof SKIN_TONES[number];
-type IndexedEntry = EmojiEntry & {
-    category: EmojiCategoryKey;
-};
-/** Resolve an emoji name to its character. */
-declare function resolve(name: string): string | undefined;
-/** Search emojis by name substring. Returns matching base emoji characters. */
-declare function search(query: string): string[];
-/** Find an emoji entry by its character (toned or base). */
-declare function find(char: string): IndexedEntry | undefined;
-/** Return the 5-tone variant array for an emoji (by char, toned or base). */
-declare function skinTones(char: string): readonly [string, string, string, string, string] | undefined;
-/** Whether an emoji supports skin tones. */
-declare function hasSkinTones(char: string): boolean;
-/** Return the toned variant for an emoji, or the base if no tones. */
-declare function applyTone(char: string, tone: SkinTone | null): string;
-
-interface EmojiProps {
-    name?: string;
-    emoji?: string;
-    tone?: SkinTone;
-    size?: "sm" | "md" | "lg" | "xl";
-    className?: string;
-}
-
-declare function Emoji({ name, emoji, tone, size, className }: EmojiProps): react.JSX.Element | null;
-
-interface EmojiSelectProps {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (emoji: string) => void;
-    placeholder?: string;
-    className?: string;
-}
-
-declare function EmojiSelect({ value, defaultValue, onChange, placeholder, className }: EmojiSelectProps): react.JSX.Element;
-
-interface TableProps {
-    children: ReactNode;
-    className?: string;
-}
-interface TableHeadProps {
-    children: ReactNode;
-    className?: string;
-}
-interface TableBodyProps {
-    children: ReactNode;
-    className?: string;
-}
-interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, "onClick"> {
-    children: ReactNode;
-    className?: string;
-    onClick?: () => void;
-    tray?: ReactNode;
-    trayTriggerPosition?: "start" | "end" | "hidden";
-    expanded?: boolean;
-    defaultExpanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
-}
-interface TableRowTrayProps {
-    children: ReactNode;
-    className?: string;
-}
-/**
- * Extends the native cell attributes so `colSpan`/`rowSpan` (full-span
- * empty-state rows, trays) plus `onClick`, `style`, `scope`, `data-*`, etc. are
- * forwarded onto the underlying `<td>`/`<th>` instead of silently dropped.
- */
-interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
-    /** Render a `<th>` header cell instead of a `<td>`. */
-    header?: boolean;
-}
-interface TableColumnProps {
-    label: string;
-    sortKey?: string;
-    className?: string;
-}
-interface TablePaginationProps {
-    className?: string;
-    total: number;
-    pageSize?: number;
-}
-interface TableSearchProps {
-    className?: string;
-    placeholder?: string;
-}
-interface TableTrayProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare function TableHead({ children, className }: TableHeadProps): react.JSX.Element;
-
-declare function TableBody({ children, className }: TableBodyProps): react.JSX.Element;
-
-declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, ...rest }: TableRowProps): react.JSX.Element;
-
-declare function TableCell({ children, className, header, ...rest }: TableCellProps): react.JSX.Element;
-
-declare function TableColumn({ label, sortKey, className }: TableColumnProps): react.JSX.Element;
-
-declare function TablePagination({ className, total, pageSize, }: TablePaginationProps): react.JSX.Element | null;
-
-declare function TableSearch({ className, placeholder, }: TableSearchProps): react.JSX.Element;
-
-declare function TableTray({ children, className }: TableTrayProps): react.JSX.Element;
-
-declare function TableRowTray({ children, className }: TableRowTrayProps): react.JSX.Element;
-
-declare function TableRoot({ children, className }: TableProps): react.JSX.Element;
-declare const Table: typeof TableRoot & {
-    Head: typeof TableHead;
-    Body: typeof TableBody;
-    Row: typeof TableRow;
-    Cell: typeof TableCell;
-    Column: typeof TableColumn;
-    Pagination: typeof TablePagination;
-    Search: typeof TableSearch;
-    Tray: typeof TableTray;
-    RowTray: typeof TableRowTray;
-};
-
-interface PortalProps {
-    children: ReactNode;
-    container?: HTMLElement;
-}
-declare function Portal({ children, container }: PortalProps): react.ReactPortal | null;
-
-interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
-    /** Which heading element to render */
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    /**
-     * Text size, on a SEMANTIC ramp — the names are steps on this scale, not
-     * Tailwind class names. `xl` is `text-2xl` and `2xl` is `text-4xl`, and that
-     * offset has been true since the component shipped, so the display steps
-     * below continue the same ramp rather than re-basing it and silently
-     * resizing every existing heading.
-     *
-     * `3xl`–`7xl` are DISPLAY sizes: hero type, "typography at maximum volume".
-     * They carry tighter tracking, because letter-spacing tuned for body-adjacent
-     * headings reads loose and unset once type gets big.
-     */
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
-    /** Font weight */
-    weight?: "normal" | "medium" | "semibold" | "bold";
-}
-
-declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
-
-interface TextProps extends HTMLAttributes<HTMLElement> {
-    /** Which element to render */
-    as?: "p" | "span" | "div" | "label";
-    /** Text size */
-    size?: "xs" | "sm" | "md" | "lg";
-    /** Font weight */
-    weight?: "normal" | "medium" | "semibold" | "bold";
-    /** Text color preset */
-    color?: "default" | "muted" | "accent" | "danger" | "success";
-}
-
-declare const Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLElement>>;
-
-interface SeparatorProps {
-    /** Separator direction */
-    orientation?: "horizontal" | "vertical";
-    /** Optional centered label text */
-    label?: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-
-declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
-
-interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Badge color — any color in the Tailwind v4 palette. */
-    color?: Color;
-    /** Visual variant */
-    variant?: "solid" | "outline" | "soft";
-    /** Badge size */
-    size?: "sm" | "md" | "lg";
-    /** Show a small dot indicator before text */
-    dot?: boolean;
-}
-
-declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
-
-interface IconProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Icon container size */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    /** Icon name to resolve from the registered icon set (e.g., "rocket", "arrow-right") */
-    name?: string;
-    /** Which registered icon set to use (defaults to the configured default) */
-    iconSet?: string;
-}
-
-declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLSpanElement>>;
-
-interface IconSet {
-    resolve: (name: string) => ComponentType<{
-        className?: string;
-        size?: number;
-    }> | null;
-}
-
-/** Register an icon set as an addendum (supplements every base set). */
-declare function registerIconAddendum(set: IconSet): void;
-/**
- * Register individual icon components by their kebab-case name.
- *
- * ```tsx
- * import { registerIcons } from "@particle-academy/react-fancy";
- * import { Home, Settings, Mail } from "lucide-react";
- *
- * registerIcons({ Home, Settings, Mail });
- * ```
- *
- * Icons are registered into the default "lucide" icon set and resolved
- * by the `<Icon name="home" />` component using kebab-case names.
- */
-declare function registerIcons(icons: Record<string, ComponentType<{
-    className?: string;
-    size?: number;
-}>>): void;
-declare function registerIconSet(name: string, set: IconSet): void;
-declare function configureIcons(options: {
-    defaultSet?: string;
-}): void;
-
-interface AvatarProps {
-    /** Image source URL */
-    src?: string;
-    /** Alt text for the image */
-    alt?: string;
-    /** Fallback initials when no image is provided */
-    fallback?: string;
-    /** Avatar size */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    /** Online status indicator */
-    status?: "online" | "offline" | "busy" | "away";
-    /**
-     * Pulsing halo ring around the avatar. `true` = neutral (violet) glow;
-     * `"xp"` tints green, `"achievement"` tints amber. Pulse respects
-     * `prefers-reduced-motion` (the steady ring stays, the pulse drops).
-     */
-    glow?: boolean | "xp" | "achievement";
-    /** Additional CSS classes */
-    className?: string;
-}
-
-declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
-
-interface SkeletonProps {
-    /** Shape of the skeleton placeholder */
-    shape?: "rect" | "circle" | "text";
-    /** Custom width (CSS value or number in px) */
-    width?: string | number;
-    /** Custom height (CSS value or number in px) */
-    height?: string | number;
-    /** Additional CSS classes */
-    className?: string;
-}
-
-declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
-
-interface ProgressProps {
-    value?: number;
-    max?: number;
-    variant?: "bar" | "circular";
-    /**
-     * Named scale, or an explicit pixel diameter for `variant="circular"`.
-     *
-     * The scale topped out at 64px and was written inline, so a larger ring was
-     * impossible rather than merely awkward.
-     */
-    size?: "sm" | "md" | "lg" | number;
-    /** Ring thickness in px (circular only). Derived from the diameter if unset. */
-    strokeWidth?: number;
-    color?: Color;
-    indeterminate?: boolean;
-    showValue?: boolean;
-    className?: string;
-}
-
-declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
-
-interface BrandProps {
-    logo?: ReactNode;
-    name?: string;
-    tagline?: string;
-    size?: "sm" | "md" | "lg";
-    className?: string;
-}
-interface BrandMarkProps extends HTMLAttributes<HTMLSpanElement> {
-    /** What sits in the square — a letter, an initial, an icon. */
-    glyph?: ReactNode;
-    /**
-     * `"sm" | "md" | "lg"`, or an exact pixel size when a design calls for one
-     * the scale does not have.
-     */
-    size?: "sm" | "md" | "lg" | number;
-}
-
-declare const Brand: react.ForwardRefExoticComponent<BrandProps & react.RefAttributes<HTMLDivElement>> & {
-    Mark: react.ForwardRefExoticComponent<BrandMarkProps & react.RefAttributes<HTMLSpanElement>>;
-};
-
-/**
- * The square logo tile — a glyph centred in a rounded, coloured square.
- *
- * `Brand` has always taken its mark as a caller-supplied `logo` node, which is
- * exactly why every page that wanted one rebuilt the same square: fixed size,
- * rounded, grid-centred, bold, white, and `shrink-0` so a flex row never
- * squashes it. Four surfaces carried that block inline.
- *
- * ## It ships no brand colour, deliberately
- *
- * The default is a neutral zinc tile. A component library inventing your brand
- * gradient would be wrong, and would be the first thing every consumer had to
- * override — so the FILL is `className`'s job and only the geometry lives here.
- * That is also what the duplicated code actually had in common: each copy
- * already pulled its gradient from a token class and hand-rolled the box.
- */
-declare const BrandMark: react.ForwardRefExoticComponent<BrandMarkProps & react.RefAttributes<HTMLSpanElement>>;
-
-interface EyebrowProps extends HTMLAttributes<HTMLDivElement> {
-    /** The section marker — `"01"`, `"00"`, a roman numeral. Emphasised. */
-    num?: ReactNode;
-    /** The section name. Rendered after `num` and an em dash. */
-    label?: ReactNode;
-    /** A second item pushed to the far end of the line. */
-    aside?: ReactNode;
-    /** Draw the hairline rule under the head. Default `false`. */
-    rule?: boolean;
-    /** Full control — replaces the `num`/`label` pair, keeping the arrangement. */
-    children?: ReactNode;
-}
-
-/**
- * The mono running head that opens a section — `01 — SELECTED WORK`, optionally
- * over a hairline rule, with a second item pushed to the far end.
- *
- * Thirty-six surfaces in the Inspiration Gallery carry some version of this. It
- * is a small component for a reason: what they share is the STRUCTURE (a
- * numbered marker, a label, an optional trailing aside, an optional rule) while
- * every one of them restyles the type. So this owns the arrangement and the
- * uppercase mono default, and gets out of the way of `className`.
- *
- * `num` is emphasised rather than styled a fixed colour, because in half the
- * designs it is the only part of the line that is not muted — and expressing
- * that with a `<b>` keeps it meaningful when the styling is replaced wholesale.
- */
-declare const Eyebrow: react.ForwardRefExoticComponent<EyebrowProps & react.RefAttributes<HTMLDivElement>>;
-
-interface KbdProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * Render a chord as separate keys — `keys={["Cmd", "K"]}` renders two caps
-     * with a separator between them, rather than one wide cap reading "Cmd K".
-     */
-    keys?: ReactNode[];
-    /** Separator drawn between chord keys. Default `"+"`. */
-    separator?: ReactNode;
-    size?: "xs" | "sm" | "md";
-    children?: ReactNode;
-}
-
-/**
- * A keyboard key cap — `<Kbd>K</Kbd>`, or a chord via `<Kbd keys={["Cmd","K"]} />`.
- *
- * Twenty `<kbd>` elements across this suite's own showcase carried six
- * different className recipes for the same thing: rounded, bordered, mono,
- * small, with a dark-mode counterpart. None of them disagreed on intent; they
- * disagreed on which greys.
- *
- * `min-w` is the detail worth having in one place: without it a `K` cap is
- * visibly narrower than an `Esc` cap beside it, and a row of single letters
- * reads as ragged rather than as keys.
- */
-declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttributes<HTMLElement>>;
-
-interface IndexListItem {
-    /** Row marker — `"01"`, `"1."`. Rendered tabular so the column aligns. */
-    num?: ReactNode;
-    /** The row's subject, and the link text when `href` is set. */
-    title: ReactNode;
-    /** Secondary text after the title. */
-    meta?: ReactNode;
-    /** Trailing value, pushed to the far end — a year, a count. */
-    value?: ReactNode;
-    /** Makes the whole row clickable. See the note on nested anchors. */
-    href?: string;
-    /** Stable key. Defaults to the index. */
-    id?: string;
-}
-interface IndexListProps extends Omit<HTMLAttributes<HTMLOListElement>, "children"> {
-    items: IndexListItem[];
-    /**
-     * Render an `<a>` for `href`. Pass your router's link (Inertia `Link`,
-     * `next/link`) to keep client-side navigation. It receives `href`,
-     * `className` and `children`.
-     */
-    linkAs?: React.ElementType;
-}
-
-/**
- * A flush-left numbered index — `num · title · meta · trailing value`, each row
- * optionally a single clickable target.
- *
- * Thirteen gallery styles build this, and the sandbox uses a `stretched-link`
- * treatment in twenty-four places.
- *
- * ## Exactly one anchor per row, by construction
- *
- * The row is `relative` and the title's `<a>` carries `after:absolute
- * after:inset-0`, so the anchor's own pseudo-element covers the row. The
- * alternative — wrapping the row in an `<a>` and putting more links inside —
- * produces nested anchors, which is issue #418: the browser silently
- * restructures that DOM, so the server HTML and the client tree disagree and
- * hydration blows up. A test asserts one anchor per row for that reason.
- *
- * The link text stays the title rather than becoming an `aria-label` on an
- * invisible overlay, so the accessible name is the thing you would say out loud.
- */
-declare const IndexList: react.ForwardRefExoticComponent<IndexListProps & react.RefAttributes<HTMLOListElement>>;
-
-interface PullQuoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "cite"> {
-    /** Who said it. Rendered in a `<cite>`. */
-    attribution?: ReactNode;
-    /** Where it is from — publication, page, role. Follows the attribution. */
-    source?: ReactNode;
-    /** URL the quote came from. Becomes the `<blockquote cite>` attribute. */
-    citeUrl?: string;
-    /** Rule-bracketed treatment: hairlines above and below. Default `false`. */
-    rule?: boolean;
-    children?: ReactNode;
-}
-
-/**
- * A pull quote — the oversized line lifted out of body copy, with optional
- * attribution and a rule-bracketed treatment.
- *
- * Twelve gallery styles build one. The reason this is a component rather than a
- * class is the same reason `<Kbd>` renders a real `<kbd>`: of the eight quote
- * elements in those styles, **one** was a `<blockquote>` — five were `<p>` and
- * two were `<div>` — and **none** used `<cite>` for the attribution. They all
- * look right and none of them says what it is.
- *
- * `citeUrl` maps to `<blockquote cite>`, which is the attribute's actual job
- * (the source URL) and is routinely confused with the visible `<cite>` element
- * (the work's title). Keeping them as separate props stops the two collapsing
- * into one another.
- */
-declare const PullQuote: react.ForwardRefExoticComponent<PullQuoteProps & react.RefAttributes<HTMLQuoteElement>>;
-
-interface StatProps extends HTMLAttributes<HTMLDivElement> {
-    /** The figure itself — `"2016"`, `"120+"`, `"08"`. */
-    value?: ReactNode;
-    /** The caption under it. */
-    label?: ReactNode;
-    size?: "sm" | "md" | "lg";
-}
-interface StatBandProps extends HTMLAttributes<HTMLDivElement> {
-    /** Columns in the band. Default `4`. */
-    columns?: number;
-}
-
-declare const Stat: react.ForwardRefExoticComponent<StatProps & react.RefAttributes<HTMLDivElement>> & {
-    Band: react.ForwardRefExoticComponent<StatBandProps & react.RefAttributes<HTMLDivElement>>;
-};
-
-/**
- * The row a set of `<Stat>`s sits in.
- *
- * A plain grid, but it is the reason `<Stat>` defaults to `tabular-nums`: a
- * figure alone can be proportional without anyone noticing, and only becomes
- * wrong once it has neighbours to fail to line up with.
- */
-declare const StatBand: react.ForwardRefExoticComponent<StatBandProps & react.RefAttributes<HTMLDivElement>>;
-
-interface ProfileProps {
-    src?: string;
-    alt?: string;
-    fallback?: string;
-    name: string;
-    subtitle?: string;
-    size?: "sm" | "md" | "lg";
-    status?: "online" | "offline" | "busy" | "away";
-    className?: string;
-}
-
-declare const Profile: react.ForwardRefExoticComponent<ProfileProps & react.RefAttributes<HTMLDivElement>>;
-
-interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    variant?: "outlined" | "elevated" | "flat";
-    padding?: "none" | "sm" | "md" | "lg";
-    /**
-     * Card is a link or a grid tile: adds the hover lift + border/shadow
-     * response, and clips children to the rounded corners so a `Card.Media`
-     * sits flush.
-     */
-    interactive?: boolean;
-}
-interface CardMediaProps extends HTMLAttributes<HTMLDivElement> {
-    /** Image URL. Omit for a pure colour/gradient tile. */
-    src?: string;
-    alt?: string;
-    /** CSS `aspect-ratio`. Default `"16/9"`. Ignored when `height` is set. */
-    ratio?: string;
-    /** Fixed height instead of an aspect ratio. */
-    height?: number | string;
-    /**
-     * Shown UNDER the image — while it loads, and permanently if it never
-     * arrives. Any CSS background value, so a gradient works.
-     */
-    background?: string;
-    /** `object-position` for the image. Default `"center"`. */
-    objectPosition?: string;
-    loading?: "lazy" | "eager";
-    /** Slots pinned to the media's corners — a number chip, a status pill. */
-    topLeft?: ReactNode;
-    topRight?: ReactNode;
-    bottomLeft?: ReactNode;
-    bottomRight?: ReactNode;
-}
-interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
-}
-interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
-}
-interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
-}
-
-declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>> & {
-    Media: react.ForwardRefExoticComponent<CardMediaProps & react.RefAttributes<HTMLDivElement>>;
-    Header: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
-    Body: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
-    Footer: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
-};
-
-interface CalloutProps {
-    children: ReactNode;
-    color?: Color;
-    icon?: ReactNode;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-    className?: string;
-}
-
-declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
-
-interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    /** Chrome style: a browser window, a device bezel, or no chrome. */
-    variant?: "browser" | "device" | "bare";
-    /** Address-bar / title text (browser variant). */
-    url?: ReactNode;
-    /** Right-aligned meta text in the bar (browser variant). */
-    meta?: ReactNode;
-    /** Show the macOS traffic-light dots (browser variant). */
-    dots?: boolean;
-    /**
-     * Logical content width in px. When set, children render at this width and are
-     * scaled to fit (see {@link FauxClientProps.scale}) — for downscaled previews
-     * of full pages/apps. Omit to render children at natural size (chrome only).
-     */
-    width?: number;
-    /** `"fit"` scales the logical {@link FauxClientProps.width} to the frame; a number is a fixed scale. */
-    scale?: number | "fit";
-    className?: string;
-    /** Class for the browser bar. */
-    barClassName?: string;
-    /** Class for the content viewport. */
-    bodyClassName?: string;
-    children?: ReactNode;
-}
-
-/**
- * A frame that mimics a browser window or device, rendering **real UI** inside.
- * With a logical `width` + `scale="fit"` it renders a full-size page/app and
- * scales it down to fit any container (live thumbnails, device mockups) — the
- * content is real and interactive, just zoomed.
- *
- * Omit `width` for chrome around natural-size content (e.g. a code/preview card).
- */
-declare const FauxClient: react.ForwardRefExoticComponent<FauxClientProps & react.RefAttributes<HTMLDivElement>>;
-
-/** Built-in paper colors. Any CSS color string is also accepted. */
-type StickyNoteColor = "yellow" | "blue" | "green" | "pink" | "violet";
-interface StickyNoteProps {
-    /** Note text (controlled). */
-    value?: string;
-    /** Initial text when uncontrolled. */
-    defaultValue?: string;
-    /** Fires when the edited text is committed (on blur). */
-    onChange?: (text: string) => void;
-    /** Paper color — one of the presets, or any CSS color string. Default `"yellow"`. */
-    color?: StickyNoteColor | (string & {});
-    /** Rotation in degrees. Default `0`. */
-    rotate?: number;
-    /** Width as px number or any CSS length. Default `180`. */
-    width?: number | string;
-    /** Height as px number or any CSS length. Default `"auto"`. */
-    height?: number | string;
-    /** Selected styling (focus ring). */
-    selected?: boolean;
-    /** Allow inline editing of the text. Default `true`. */
-    editable?: boolean;
-    /**
-     * Focus the editable region (caret at end) when it becomes editable. Lets a
-     * consumer's "enter edit mode" gesture drop straight into typing. Default `false`.
-     */
-    autoFocus?: boolean;
-    /**
-     * Stable handle — also emitted as the element `id`. Lets agents and
-     * selectors target a specific note without guessing the DOM.
-     */
-    id?: string;
-    /** Static content; when provided, overrides the editable text. */
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-}
-
-/**
- * A sticky note — paper-styled, with optional inline text editing.
- *
- * Presentational primitive only: it owns the note's look and its editable
- * text. Positioning, dragging, resizing, and z-order are the consumer's job
- * (e.g. `fancy-whiteboard`'s `<Board>` places it in world space;
- * `fancy-artboard`'s `<ArtBoard.Note>` positions it absolutely).
- *
- *   <StickyNote value={text} onChange={setText} color="yellow" rotate={-2} />
- */
-declare const StickyNote: react.ForwardRefExoticComponent<StickyNoteProps & react.RefAttributes<HTMLDivElement>>;
-
-type TimelineVariant = "stacked" | "alternating" | "horizontal";
-/** @deprecated Use TimelineVariant instead */
-type TimelineOrientation = "vertical" | "horizontal";
-interface TimelineEvent {
-    /** Free-form date string */
-    date?: string;
-    /** Event heading */
-    title: string;
-    /** Body text (rendered as children) */
-    description?: string;
-    /** Emoji character for the dot */
-    emoji?: string;
-    /** Custom icon ReactNode for the dot */
-    icon?: ReactNode;
-    /** Accent color for the dot */
-    color?: Color;
-}
-interface TimelineProps {
-    children?: ReactNode;
-    /** Layout variant. Default: "stacked" */
-    variant?: TimelineVariant;
-    /** @deprecated Use variant instead. Maps "vertical" → "stacked", "horizontal" → "horizontal" */
-    orientation?: TimelineOrientation;
-    /** Data-driven events (alternative to children) */
-    events?: TimelineEvent[];
-    /** Optional heading above the timeline */
-    heading?: ReactNode;
-    /** Optional description below the heading */
-    description?: ReactNode;
-    /** Enable scroll-reveal animation. Default: true */
-    animated?: boolean;
-    className?: string;
-}
-interface TimelineItemProps {
-    children?: ReactNode;
-    /** Custom icon ReactNode for the dot */
-    icon?: ReactNode;
-    /** Emoji character for the dot */
-    emoji?: string;
-    /** Date label displayed above the title */
-    date?: string;
-    /** Dot accent color */
-    color?: Color;
-    /** Whether this item is the active/current step */
-    active?: boolean;
-    className?: string;
-}
-interface TimelineBlockProps {
-    /** Block heading */
-    heading?: ReactNode;
-    /** Block description / body content */
-    children: ReactNode;
-    /** Optional icon displayed in the timeline dot */
-    icon?: ReactNode;
-    /** Emoji character for the dot */
-    emoji?: string;
-    /** Dot/icon color */
-    color?: Color;
-    /** Whether this block is the active/current step */
-    active?: boolean;
-    className?: string;
-}
-
-declare const Timeline: react.ForwardRefExoticComponent<TimelineProps & react.RefAttributes<HTMLDivElement>> & {
-    Item: react.ForwardRefExoticComponent<TimelineItemProps & react.RefAttributes<HTMLDivElement>>;
-    Block: react.ForwardRefExoticComponent<TimelineBlockProps & react.RefAttributes<HTMLDivElement>>;
-};
-
-/**
- * Subset of palette colors the TimeGrid offers for the "cell-on" tone —
- * small enough to keep the compiled CSS tight, broad enough to cover most
- * use cases.
- */
-type TimeGridTone = "violet" | "emerald" | "sky" | "rose" | "amber" | "indigo" | "blue" | "zinc";
-interface TimeGridProps {
-    /** Row labels, one per row in `value` (e.g. ["Sun","Mon",…]). */
-    rows: string[];
-    /** Column labels, one per column in `value` (e.g. ["0","1",…,"23"]). */
-    cols: string[];
-    /**
-     * Controlled cell state. Must be a rectangular `rows.length × cols.length`
-     * matrix of booleans. The component never mutates it — every change
-     * produces a new array passed to `onChange`.
-     */
-    value: boolean[][];
-    /** Called with the next matrix whenever a cell, row, or column toggles. */
-    onChange: (next: boolean[][]) => void;
-    /** Cell-on tone. Default `"violet"`. */
-    toneOn?: TimeGridTone;
-    /** Cell width in px. Default `20`. */
-    cellWidth?: number;
-    /** Cell height in px. Default `16`. */
-    cellHeight?: number;
-    /**
-     * If true (default), only every Nth column label is rendered to keep the
-     * top axis legible at small `cellWidth`. Set false to show all labels.
-     */
-    sparseColLabels?: boolean;
-    /** If true (default), clicking a row/column header toggles that strip. */
-    toggleStripsOnHeaderClick?: boolean;
-    /**
-     * Optional accessible label per cell. Default produces
-     * `${rows[r]} ${cols[c]} on|off`. Override for richer context
-     * (e.g. include unit: `${rows[r]} ${cols[c]}:00 ${on ? "on" : "off"}`).
-     */
-    ariaCell?: (rowIdx: number, colIdx: number, on: boolean) => string;
-    /**
-     * Stable per-cell identifier. Emitted as `data-react-fancy-timegrid-cell`
-     * on the button so MCP bridges can address a specific cell from a tool
-     * call without DOM walking. Default `${row}:${col}`.
-     */
-    cellId?: (rowIdx: number, colIdx: number) => string;
-    /** Additional CSS classes on the outer scroll container. */
-    className?: string;
-}
-
-declare const TimeGrid: react.ForwardRefExoticComponent<TimeGridProps & react.RefAttributes<HTMLDivElement>>;
-
-type MarqueeDirection = "left" | "right";
-interface MarqueeProps extends HTMLAttributes<HTMLDivElement> {
-    /** Item nodes — each child is one strip item (alternative to `items`) */
-    children?: ReactNode;
-    /** Data-driven items (alternative to children) — strings or nodes */
-    items?: ReactNode[];
-    /**
-     * Scroll speed in px/s — keeps perceived speed constant regardless of
-     * content width. Ignored when `duration` is set. Default: 40
-     */
-    speed?: number;
-    /** Explicit seconds per loop (overrides `speed`) */
-    duration?: number;
-    /** Scroll direction. Default: "left" */
-    direction?: MarqueeDirection;
-    /** Pause the animation while hovered. Default: false */
-    pauseOnHover?: boolean;
-    /** Controlled pause — `true` freezes the strip. Default: false */
-    paused?: boolean;
-    /** Gap between items (number = px). Default: 40 */
-    gap?: number | string;
-    /**
-     * Masked fade at the strip edges: `true` (48px, default), `false` to
-     * disable, or a number/CSS length for a custom fade width
-     */
-    fade?: boolean | number | string;
-    /** Optional node rendered between items */
-    separator?: ReactNode;
-    /**
-     * Tilt the whole strip in degrees (e.g. `-1` for the torn, off-axis band
-     * look). The strip widens slightly to stay edge-to-edge. Default: 0
-     */
-    angle?: number;
-    /**
-     * Decorative strips are `aria-hidden` (default). Set `false` to expose the
-     * content to assistive tech — the duplicated loop copy stays hidden either
-     * way. Default: true
-     */
-    decorative?: boolean;
-    className?: string;
-}
-
-declare const Marquee: react.ForwardRefExoticComponent<MarqueeProps & react.RefAttributes<HTMLDivElement>>;
-
-interface TooltipProps {
-    children: ReactElement;
-    content: ReactNode;
-    placement?: Placement;
-    delay?: number;
-    offset?: number;
-    className?: string;
-}
-
-declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
-
-interface PopoverContextValue {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    anchorRef: React.RefObject<HTMLElement | null>;
-    floatingRef: React.RefObject<HTMLDivElement | null>;
-    placement: Placement;
-    offset: number;
-    hover: boolean;
-    onHoverEnter: () => void;
-    onHoverLeave: () => void;
-}
-interface PopoverProps {
-    children: ReactNode;
-    /** Controlled open state */
-    open?: boolean;
-    /** Default open state (uncontrolled) */
-    defaultOpen?: boolean;
-    /** Callback when open state changes */
-    onOpenChange?: (open: boolean) => void;
-    /** Placement of the popover relative to the trigger */
-    placement?: Placement;
-    /** Pixel offset from the trigger */
-    offset?: number;
-    /** Open on hover instead of click */
-    hover?: boolean;
-    /** Delay in ms before opening on hover. Default: 200 */
-    hoverDelay?: number;
-    /** Delay in ms before closing after hover leaves. Default: 300 */
-    hoverCloseDelay?: number;
-}
-/**
- * The trigger renders a `<span>` — it extends its attributes so consumers can
- * forward `aria-*`, `data-*`, `id`, `title`, etc. onto the actual anchor node
- * (e.g. `aria-label` for an icon-only trigger). Popover-owned props (ref,
- * onClick, aria-expanded/haspopup) always win over forwarded ones.
- */
-interface PopoverTriggerProps extends HTMLAttributes<HTMLSpanElement> {
-    children: ReactNode;
-}
-/**
- * The content renders a `<div>` — it extends its attributes so consumers can
- * forward `aria-*`/`data-*`/`role`/`id` onto the floating panel. Consumer
- * `style` is merged under the Popover's positioning (left/top always win).
- */
-interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}
-
-declare function PopoverTrigger({ children, className, ...rest }: PopoverTriggerProps): react.JSX.Element;
-declare namespace PopoverTrigger {
-    var displayName: string;
-}
-
-declare function PopoverContent({ children, className, style, ...rest }: PopoverContentProps): react.JSX.Element | null;
-declare namespace PopoverContent {
-    var displayName: string;
-}
-
-declare function PopoverRoot({ children, open: controlledOpen, defaultOpen, onOpenChange, placement, offset, hover, hoverDelay, hoverCloseDelay, }: PopoverProps): react.JSX.Element;
-declare const Popover: typeof PopoverRoot & {
-    Trigger: typeof PopoverTrigger;
-    Content: typeof PopoverContent;
-};
-
-declare function usePopover(): PopoverContextValue;
-
-interface DropdownContextValue {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    anchorRef: React.RefObject<HTMLElement | null>;
-    activeIndex: number;
-    setActiveIndex: (index: number) => void;
-    placement: Placement;
-    offset: number;
-}
-interface DropdownProps {
-    children: ReactNode;
-    placement?: Placement;
-    offset?: number;
-}
-interface DropdownTriggerProps {
-    children: ReactNode;
-}
-interface DropdownItemsProps {
-    children: ReactNode;
-    className?: string;
-}
-interface DropdownItemProps {
-    children: ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-    danger?: boolean;
-    className?: string;
-}
-interface DropdownSeparatorProps {
-    className?: string;
-}
-
-declare function DropdownTrigger({ children }: DropdownTriggerProps): react.JSX.Element;
-declare namespace DropdownTrigger {
-    var displayName: string;
-}
-
-declare function DropdownItems({ children, className }: DropdownItemsProps): react.JSX.Element | null;
-declare namespace DropdownItems {
-    var displayName: string;
-}
-
-declare function DropdownItem({ children, onClick, disabled, danger, className, }: DropdownItemProps): react.JSX.Element;
-declare namespace DropdownItem {
-    var displayName: string;
-}
-
-declare function DropdownSeparator({ className }: DropdownSeparatorProps): react.JSX.Element;
-declare namespace DropdownSeparator {
-    var displayName: string;
-}
-
-declare function DropdownRoot({ children, placement, offset, }: DropdownProps): react.JSX.Element;
-declare const Dropdown: typeof DropdownRoot & {
-    Trigger: typeof DropdownTrigger;
-    Items: typeof DropdownItems;
-    Item: typeof DropdownItem;
-    Separator: typeof DropdownSeparator;
-};
-
-declare function useDropdown(): DropdownContextValue;
-
-interface ContextMenuContextValue {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    position: {
-        x: number;
-        y: number;
-    };
-}
-interface ContextMenuProps {
-    children: ReactNode;
-}
-interface ContextMenuTriggerProps {
-    children: ReactNode;
-    className?: string;
-}
-interface ContextMenuContentProps {
-    children: ReactNode;
-    className?: string;
-}
-interface ContextMenuItemProps {
-    children: ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-    danger?: boolean;
-    className?: string;
-}
-interface ContextMenuSeparatorProps {
-    className?: string;
-}
-interface ContextMenuSubProps {
-    children: ReactNode;
-}
-interface ContextMenuSubTriggerProps {
-    children: ReactNode;
-    className?: string;
-}
-interface ContextMenuSubContentProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare function ContextMenuTrigger({ children, className, }: ContextMenuTriggerProps): react.JSX.Element;
-declare namespace ContextMenuTrigger {
-    var displayName: string;
-}
-
-declare function ContextMenuContent({ children, className, }: ContextMenuContentProps): react.JSX.Element | null;
-declare namespace ContextMenuContent {
-    var displayName: string;
-}
-
-declare function ContextMenuItem({ children, onClick, disabled, danger, className, }: ContextMenuItemProps): react.JSX.Element;
-declare namespace ContextMenuItem {
-    var displayName: string;
-}
-
-declare function ContextMenuSeparator({ className }: ContextMenuSeparatorProps): react.JSX.Element;
-declare namespace ContextMenuSeparator {
-    var displayName: string;
-}
-
-declare function ContextMenuSub({ children }: ContextMenuSubProps): react.JSX.Element;
-declare namespace ContextMenuSub {
-    var displayName: string;
-}
-declare function ContextMenuSubTrigger({ children, className }: ContextMenuSubTriggerProps): react.JSX.Element;
-declare namespace ContextMenuSubTrigger {
-    var displayName: string;
-}
-declare function ContextMenuSubContent({ children, className }: ContextMenuSubContentProps): react.JSX.Element | null;
-declare namespace ContextMenuSubContent {
-    var displayName: string;
-}
-
-declare function ContextMenuRoot({ children }: ContextMenuProps): react.JSX.Element;
-declare const ContextMenu: typeof ContextMenuRoot & {
-    Trigger: typeof ContextMenuTrigger;
-    Content: typeof ContextMenuContent;
-    Item: typeof ContextMenuItem;
-    Separator: typeof ContextMenuSeparator;
-    Sub: typeof ContextMenuSub;
-    SubTrigger: typeof ContextMenuSubTrigger;
-    SubContent: typeof ContextMenuSubContent;
-};
-
-declare function useContextMenu(): ContextMenuContextValue;
-
-interface ModalContextValue {
-    open: boolean;
-    close: () => void;
-}
-interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    children: ReactNode;
-    open: boolean;
-    onClose: () => void;
-    size?: "sm" | "md" | "lg" | "xl" | "full";
-    className?: string;
-}
-interface ModalHeaderProps {
-    children: ReactNode;
-    className?: string;
-}
-interface ModalBodyProps {
-    children: ReactNode;
-    className?: string;
-}
-interface ModalFooterProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare function ModalHeader({ children, className }: ModalHeaderProps): react.JSX.Element;
-declare namespace ModalHeader {
-    var displayName: string;
-}
-
-declare function ModalBody({ children, className }: ModalBodyProps): react.JSX.Element;
-declare namespace ModalBody {
-    var displayName: string;
-}
-
-declare function ModalFooter({ children, className }: ModalFooterProps): react.JSX.Element;
-declare namespace ModalFooter {
-    var displayName: string;
-}
-
-declare function ModalRoot({ children, open, onClose, size, className, ...rest }: ModalProps): react.JSX.Element | null;
-declare const Modal: typeof ModalRoot & {
-    Header: typeof ModalHeader;
-    Body: typeof ModalBody;
-    Footer: typeof ModalFooter;
-};
-
-declare function useModal(): ModalContextValue;
-
-/** Which edge the drawer is anchored to, and therefore slides in from. */
-type DrawerSide = "left" | "right" | "top" | "bottom";
-/**
- * How large the drawer is along its own axis.
- *
- * `size` controls WIDTH for `left`/`right` and HEIGHT for `top`/`bottom` — the
- * cross-axis always fills its anchor. One scale, two meanings, so `size="md"`
- * reads the same whichever edge you attach to.
- */
-type DrawerSize = "sm" | "md" | "lg" | "xl" | "full";
-/**
- * Where the drawer is anchored.
- *
- * - `viewport` (default) — portalled, `fixed`, covers the screen, locks body
- *   scroll and traps focus. The classic app-level drawer.
- * - `container` — `absolute` inside the nearest positioned ancestor, no portal,
- *   no scroll lock, no focus trap. Attach it to a Card, a layout region, or the
- *   shell around a prompt input and it stays inside that box.
- */
-type DrawerAttach = "viewport" | "container";
-interface DrawerContextValue {
-    open: boolean;
-    close: () => void;
-    side: DrawerSide;
-}
-interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    children: ReactNode;
-    open: boolean;
-    onClose: () => void;
-    /** Edge to anchor to. Default `right`. */
-    side?: DrawerSide;
-    /** Extent along the drawer's own axis. Default `md`. */
-    size?: DrawerSize;
-    /** Viewport-level or scoped to a container. Default `viewport`. */
-    attach?: DrawerAttach;
-    /** Render the scrim behind the panel. Default `true`. */
-    backdrop?: boolean;
-    /** Clicking the scrim closes. Default `true`. */
-    dismissOnBackdrop?: boolean;
-    /** Escape closes. Default `true`. */
-    dismissOnEscape?: boolean;
-    className?: string;
-}
-interface DrawerHeaderProps {
-    children: ReactNode;
-    /** Show the close button. Default `true`. */
-    closable?: boolean;
-    className?: string;
-}
-interface DrawerBodyProps {
-    children: ReactNode;
-    className?: string;
-}
-interface DrawerFooterProps {
-    children: ReactNode;
-    className?: string;
-}
-interface DrawerContainerProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    className?: string;
-}
-
-declare function DrawerHeader({ children, closable, className }: DrawerHeaderProps): react.JSX.Element;
-declare namespace DrawerHeader {
-    var displayName: string;
-}
-
-declare function DrawerBody({ children, className }: DrawerBodyProps): react.JSX.Element;
-declare namespace DrawerBody {
-    var displayName: string;
-}
-
-declare function DrawerFooter({ children, className }: DrawerFooterProps): react.JSX.Element;
-declare namespace DrawerFooter {
-    var displayName: string;
-}
-
-/**
- * The anchor for `<Drawer attach="container">`.
- *
- * A container-attached drawer positions itself `absolute`, which resolves
- * against the nearest *positioned* ancestor — so without `relative` somewhere
- * above it, the drawer silently escapes to the viewport and looks like it
- * ignored `attach` entirely. This wrapper supplies `relative` + `overflow-hidden`
- * so the panel slides within the box rather than out of it.
- *
- *   <Drawer.Container className="h-80 rounded-xl border">
- *     <YourContent />
- *     <Drawer attach="container" side="bottom" open={open} onClose={close}>
- *       <Drawer.Body>Filters</Drawer.Body>
- *     </Drawer>
- *   </Drawer.Container>
- *
- * Any element works as long as it is positioned — this is the shortcut, not a
- * requirement. Wrapping a Card, a layout pane, or a prompt-input shell in
- * `relative overflow-hidden` does the same job.
- */
-declare function DrawerContainer({ children, className, ...rest }: DrawerContainerProps): react.JSX.Element;
-declare namespace DrawerContainer {
-    var displayName: string;
-}
-
-declare function DrawerRoot({ children, open, onClose, side, size, attach, backdrop, dismissOnBackdrop, dismissOnEscape, className, ...rest }: DrawerProps): react.JSX.Element | null;
-declare const Drawer: typeof DrawerRoot & {
-    Header: typeof DrawerHeader;
-    Body: typeof DrawerBody;
-    Footer: typeof DrawerFooter;
-    Container: typeof DrawerContainer;
-};
-
-declare function useDrawer(): DrawerContextValue;
-
-type ToastVariant = "default" | "success" | "error" | "warning" | "info";
-type ToastPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
-interface ToastData {
-    id: string;
-    title: string;
-    description?: string;
-    variant?: ToastVariant;
-    duration?: number;
-}
-interface ToastContextValue {
-    toasts: ToastData[];
-    toast: (data: Omit<ToastData, "id">) => string;
-    dismiss: (id: string) => void;
-}
-interface ToastProviderProps {
-    children: ReactNode;
-    position?: ToastPosition;
-    maxToasts?: number;
-}
-
-declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps): react.JSX.Element;
-declare const Toast: {
-    Provider: typeof ToastProvider;
-};
-
-declare function useToast(): ToastContextValue;
-
-interface CommandContextValue {
-    open: boolean;
-    close: () => void;
-    query: string;
-    setQuery: (query: string) => void;
-    activeIndex: number;
-    setActiveIndex: (index: number) => void;
-}
-interface CommandProps {
-    children: ReactNode;
-    open: boolean;
-    onClose: () => void;
-    className?: string;
-}
-interface CommandInputProps {
-    placeholder?: string;
-    className?: string;
-}
-interface CommandListProps {
-    children: ReactNode;
-    className?: string;
-}
-interface CommandItemProps {
-    children: ReactNode;
-    value?: string;
-    onSelect?: () => void;
-    className?: string;
-}
-interface CommandGroupProps {
-    children: ReactNode;
-    heading?: string;
-    className?: string;
-}
-interface CommandEmptyProps {
-    children?: ReactNode;
-    className?: string;
-}
-
-declare function CommandInput({ placeholder, className, }: CommandInputProps): react.JSX.Element;
-declare namespace CommandInput {
-    var displayName: string;
-}
-
-declare function CommandList({ children, className }: CommandListProps): react.JSX.Element;
-declare namespace CommandList {
-    var displayName: string;
-}
-
-declare function CommandItem({ children, value, onSelect, className, }: CommandItemProps): react.JSX.Element | null;
-declare namespace CommandItem {
-    var displayName: string;
-}
-
-declare function CommandGroup({ children, heading, className, }: CommandGroupProps): react.JSX.Element;
-declare namespace CommandGroup {
-    var displayName: string;
-}
-
-declare function CommandEmpty({ children, className, }: CommandEmptyProps): react.JSX.Element;
-declare namespace CommandEmpty {
-    var displayName: string;
-}
-
-declare function CommandRoot({ children, open, onClose, className }: CommandProps): react.JSX.Element | null;
-declare const Command: typeof CommandRoot & {
-    Input: typeof CommandInput;
-    List: typeof CommandList;
-    Item: typeof CommandItem;
-    Group: typeof CommandGroup;
-    Empty: typeof CommandEmpty;
-};
-
-declare function useCommand(): CommandContextValue;
-
-type TabsVariant = "underline" | "pills" | "boxed";
-interface TabsContextValue {
-    activeTab: string;
-    setActiveTab: (tab: string) => void;
-    variant: TabsVariant;
-}
-interface TabsProps {
-    children: ReactNode;
-    defaultTab?: string;
-    activeTab?: string;
-    onTabChange?: (tab: string) => void;
-    variant?: TabsVariant;
-    className?: string;
-}
-interface TabsListProps {
-    children: ReactNode;
-    className?: string;
-}
-interface TabsTabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
-    children: ReactNode;
-    value: string;
-    disabled?: boolean;
-    className?: string;
-}
-interface TabsPanelsProps {
-    children: ReactNode;
-    className?: string;
-}
-interface TabsPanelProps {
-    children: ReactNode;
-    value: string;
-    className?: string;
-}
-
-declare function TabsList({ children, className }: TabsListProps): react.JSX.Element;
-declare namespace TabsList {
-    var displayName: string;
-}
-
-declare function TabsTab({ children, value, disabled, className, onClick, ...rest }: TabsTabProps): react.JSX.Element;
-declare namespace TabsTab {
-    var displayName: string;
-}
-
-declare function TabsPanels({ children, className }: TabsPanelsProps): react.JSX.Element;
-declare namespace TabsPanels {
-    var displayName: string;
-}
-
-declare function TabsPanel({ children, value, className }: TabsPanelProps): react.JSX.Element | null;
-declare namespace TabsPanel {
-    var displayName: string;
-}
-
-declare function TabsRoot({ children, defaultTab, activeTab: controlledTab, onTabChange, variant, className, }: TabsProps): react.JSX.Element;
-declare const Tabs: typeof TabsRoot & {
-    List: typeof TabsList;
-    Tab: typeof TabsTab;
-    Panels: typeof TabsPanels;
-    Panel: typeof TabsPanel;
-};
-
-declare function useTabs(): TabsContextValue;
-
-interface AccordionContextValue {
-    openItems: string[];
-    toggle: (value: string) => void;
-    multiple: boolean;
-}
-interface AccordionProps {
-    children: ReactNode;
-    type?: "single" | "multiple";
-    defaultOpen?: string[];
-    className?: string;
-}
-interface AccordionItemProps {
-    children: ReactNode;
-    value: string;
-    className?: string;
-}
-interface AccordionTriggerProps {
-    children: ReactNode;
-    className?: string;
-}
-interface AccordionContentProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare function AccordionItem({ children, value, className, }: AccordionItemProps): react.JSX.Element;
-declare namespace AccordionItem {
-    var displayName: string;
-}
-
-declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): react.JSX.Element;
-declare namespace AccordionTrigger {
-    var displayName: string;
-}
-
-declare function AccordionContent({ children, className, }: AccordionContentProps): react.JSX.Element;
-declare namespace AccordionContent {
-    var displayName: string;
-}
-
-declare function AccordionRoot({ children, type, defaultOpen, className, }: AccordionProps): react.JSX.Element;
-declare const Accordion: typeof AccordionRoot & {
-    Item: typeof AccordionItem;
-    Trigger: typeof AccordionTrigger;
-    Content: typeof AccordionContent;
-};
-
-declare function useAccordion(): AccordionContextValue;
-
-interface BreadcrumbsProps {
-    children: ReactNode;
-    separator?: ReactNode;
-    shrink?: boolean;
-    className?: string;
-}
-interface BreadcrumbsItemProps extends NavigableProps {
-    children: ReactNode;
-    active?: boolean;
-    /**
-     * Navigate by callback instead of by URL, for a crumb with no href.
-     *
-     * Controlled components own their own navigation — a repository browser
-     * walking directories, a wizard stepping back — and have no address to link
-     * to. Renders the crumb as a `<button>`. Ignored when `active`, since the
-     * current crumb is not a destination, and `href` wins if both are given.
-     */
-    onClick?: () => void;
-    className?: string;
-}
-
-declare function BreadcrumbsItem({ children, href, as: As, active, onClick, className, ...rest }: BreadcrumbsItemProps): react.JSX.Element;
-declare namespace BreadcrumbsItem {
-    var displayName: string;
-}
-
-declare function BreadcrumbsRoot({ children, separator, shrink, className, }: BreadcrumbsProps): react.JSX.Element;
-declare const Breadcrumbs: typeof BreadcrumbsRoot & {
-    Item: typeof BreadcrumbsItem;
-};
-
-interface NavbarContextValue {
-    mobileOpen: boolean;
-    setMobileOpen: (open: boolean) => void;
-}
-interface NavbarProps {
-    children: ReactNode;
-    className?: string;
-}
-interface NavbarBrandProps {
-    children: ReactNode;
-    className?: string;
-}
-interface NavbarItemsProps {
-    children: ReactNode;
-    className?: string;
-}
-interface NavbarItemProps extends NavigableProps {
-    children: ReactNode;
-    active?: boolean;
-    className?: string;
-}
-interface NavbarToggleProps {
-    className?: string;
-}
-
-declare function NavbarBrand({ children, className }: NavbarBrandProps): react.JSX.Element;
-declare namespace NavbarBrand {
-    var displayName: string;
-}
-
-declare function NavbarItems({ children, className }: NavbarItemsProps): react.JSX.Element;
-declare namespace NavbarItems {
-    var displayName: string;
-}
-
-declare function NavbarItem({ children, href, as: As, active, className, ...rest }: NavbarItemProps): react.JSX.Element;
-declare namespace NavbarItem {
-    var displayName: string;
-}
-
-declare function NavbarToggle({ className }: NavbarToggleProps): react.JSX.Element;
-declare namespace NavbarToggle {
-    var displayName: string;
-}
-
-declare function NavbarRoot({ children, className }: NavbarProps): react.JSX.Element;
-declare const Navbar: typeof NavbarRoot & {
-    Brand: typeof NavbarBrand;
-    Items: typeof NavbarItems;
-    Item: typeof NavbarItem;
-    Toggle: typeof NavbarToggle;
-};
-
-declare function useNavbar(): NavbarContextValue;
-
-interface PaginationProps {
-    page: number;
-    onPageChange: (page: number) => void;
-    totalPages: number;
-    siblingCount?: number;
-    className?: string;
-}
-
-declare function Pagination({ page, onPageChange, totalPages, siblingCount, className, }: PaginationProps): react.JSX.Element | null;
-declare namespace Pagination {
-    var displayName: string;
-}
-
-interface AutocompleteOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-interface AutocompleteProps {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    onSearch?: (query: string) => void;
-    options: AutocompleteOption[];
-    placeholder?: string;
-    loading?: boolean;
-    emptyMessage?: ReactNode;
-    disabled?: boolean;
-    className?: string;
-    /** `"edit"` (default) renders the control; `"view"` renders the value as text. */
-    mode?: FieldMode;
-}
-
-declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
-
-interface PillboxProps {
-    value?: string[];
-    defaultValue?: string[];
-    onChange?: (values: string[]) => void;
-    placeholder?: string;
-    maxItems?: number;
-    disabled?: boolean;
-    className?: string;
-}
-
-declare const Pillbox: react.ForwardRefExoticComponent<PillboxProps & react.RefAttributes<HTMLDivElement>>;
-
-interface OtpInputProps {
-    length?: number;
-    value?: string;
-    onChange?: (value: string) => void;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    className?: string;
-    /** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
-    mode?: FieldMode;
-}
-
-declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
-
-interface FileUploadContextValue {
-    files: File[];
-    addFiles: (files: FileList | File[]) => void;
-    removeFile: (index: number) => void;
-    disabled: boolean;
-}
-interface FileUploadProps {
-    children: ReactNode;
-    value?: File[];
-    onChange?: (files: File[]) => void;
-    accept?: string;
-    multiple?: boolean;
-    maxFiles?: number;
-    maxSize?: number;
-    disabled?: boolean;
-    className?: string;
-}
-interface FileUploadDropzoneProps {
-    children?: ReactNode;
-    className?: string;
-}
-interface FileUploadListProps {
-    thumbnail?: boolean;
-    className?: string;
-}
-
-declare function FileUploadDropzone({ children, className, }: FileUploadDropzoneProps): react.JSX.Element;
-declare namespace FileUploadDropzone {
-    var displayName: string;
-}
-
-declare function FileUploadList({ thumbnail, className }: FileUploadListProps): react.JSX.Element | null;
-declare namespace FileUploadList {
-    var displayName: string;
-}
-
-declare function FileUploadRoot({ children, value, onChange, maxFiles, maxSize, disabled, className, }: FileUploadProps): react.JSX.Element;
-declare const FileUpload: typeof FileUploadRoot & {
-    Dropzone: typeof FileUploadDropzone;
-    List: typeof FileUploadList;
-};
-
-declare function useFileUpload(): FileUploadContextValue;
-
-interface TimePickerProps {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    format?: "12h" | "24h";
-    minuteStep?: number;
-    disabled?: boolean;
-    className?: string;
-    /** `"edit"` (default) renders the spinners; `"view"` renders the time as text. */
-    mode?: FieldMode;
-}
-
-declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLDivElement>>;
-
-type CalendarMode = "single" | "range" | "multiple";
-interface DateRange {
-    start: Date | null;
-    end: Date | null;
-}
-interface CalendarProps {
-    mode?: CalendarMode;
-    value?: Date | Date[] | DateRange | null;
-    onChange?: (value: Date | Date[] | DateRange | null) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    disabledDates?: Date[];
-    className?: string;
-}
-
-declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
-
-interface ComposerProps {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    onSubmit?: (value: string) => void;
-    placeholder?: string;
-    actions?: ReactNode;
-    disabled?: boolean;
-    className?: string;
-}
-
-declare const Composer: react.ForwardRefExoticComponent<ComposerProps & react.RefAttributes<HTMLDivElement>>;
-
-interface ChartBarData {
-    label: string;
-    value: number;
-    color?: string;
-}
-interface ChartBarProps {
-    data: ChartBarData[];
-    height?: number;
-    showValues?: boolean;
-    className?: string;
-}
-interface ChartDonutData {
-    label: string;
-    value: number;
-    color?: string;
-}
-interface ChartDonutProps {
-    data: ChartDonutData[];
-    size?: number;
-    strokeWidth?: number;
-    showLegend?: boolean;
-    className?: string;
-}
-interface ChartSeries {
-    label: string;
-    data: number[];
-    color?: string;
-}
-interface ChartCommonProps {
-    className?: string;
-    height?: number;
-    xAxis?: boolean | {
-        label?: string;
-        tickCount?: number;
-    };
-    yAxis?: boolean | {
-        label?: string;
-        tickCount?: number;
-    };
-    grid?: boolean | {
-        horizontal?: boolean;
-        vertical?: boolean;
-    };
-    tooltip?: boolean;
-    animate?: boolean;
-    responsive?: boolean;
-}
-interface ChartLineProps extends ChartCommonProps {
-    labels: string[];
-    series: ChartSeries[];
-    curve?: "linear" | "monotone";
-    showDots?: boolean;
-    fill?: boolean;
-    fillOpacity?: number;
-}
-type ChartAreaProps = Omit<ChartLineProps, "fill">;
-interface ChartPieData {
-    label: string;
-    value: number;
-    color?: string;
-}
-interface ChartPieProps {
-    data: ChartPieData[];
-    size?: number;
-    showLabels?: boolean;
-    tooltip?: boolean;
-    className?: string;
-}
-interface ChartSparklineProps {
-    data: number[];
-    width?: number;
-    height?: number;
-    color?: string;
-    className?: string;
-}
-interface ChartHorizontalBarProps {
-    data: ChartBarData[];
-    height?: number;
-    showValues?: boolean;
-    className?: string;
-}
-interface ChartStackedBarProps extends ChartCommonProps {
-    labels: string[];
-    series: ChartSeries[];
-}
-
-declare function ChartBar({ data, height, showValues, className, }: ChartBarProps): react.JSX.Element;
-declare namespace ChartBar {
-    var displayName: string;
-}
-
-declare function ChartDonut({ data, size, strokeWidth, showLegend, className, }: ChartDonutProps): react.JSX.Element;
-declare namespace ChartDonut {
-    var displayName: string;
-}
-
-declare function ChartLine({ labels, series, height, curve, showDots, fill, fillOpacity, xAxis, yAxis, grid, tooltip, animate, responsive, className, }: ChartLineProps): react.JSX.Element;
-declare namespace ChartLine {
-    var displayName: string;
-}
-
-declare function ChartArea(props: ChartAreaProps): react.JSX.Element;
-declare namespace ChartArea {
-    var displayName: string;
-}
-
-declare function ChartPie({ data, size, showLabels, tooltip, className, }: ChartPieProps): react.JSX.Element;
-declare namespace ChartPie {
-    var displayName: string;
-}
-
-declare function ChartSparkline({ data, width, height, color, className, }: ChartSparklineProps): react.JSX.Element;
-declare namespace ChartSparkline {
-    var displayName: string;
-}
-
-declare function ChartHorizontalBar({ data, height, showValues, className, }: ChartHorizontalBarProps): react.JSX.Element;
-declare namespace ChartHorizontalBar {
-    var displayName: string;
-}
-
-declare function ChartStackedBar({ labels, series, height, xAxis, yAxis, grid, tooltip, responsive, className, }: ChartStackedBarProps): react.JSX.Element;
-declare namespace ChartStackedBar {
-    var displayName: string;
-}
-
-declare const Chart: {
-    Bar: typeof ChartBar;
-    Donut: typeof ChartDonut;
-    Line: typeof ChartLine;
-    Area: typeof ChartArea;
-    Pie: typeof ChartPie;
-    Sparkline: typeof ChartSparkline;
-    HorizontalBar: typeof ChartHorizontalBar;
-    StackedBar: typeof ChartStackedBar;
-};
-
-/** Props passed to every render-extension component. */
-interface RenderExtensionProps {
-    /** The inner content of the custom tag (raw string). */
-    content: string;
-    /** Parsed HTML attributes from the opening tag. */
-    attributes: Record<string, string>;
-}
-/** Registers a custom tag with a React component for rendering. */
-interface RenderExtension {
-    /** Tag name to match, e.g. "questions", "thinking". Case-insensitive. */
-    tag: string;
-    /** React component that renders the matched tag. */
-    component: ComponentType<RenderExtensionProps>;
-    /**
-     * Whether this is a block-level element.
-     * Block extensions are wrapped in a `<div>`, inline in a `<span>`.
-     * @default true
-     */
-    block?: boolean;
-}
-/** Register a single render extension globally (available to all ContentRenderer and Editor instances). */
-declare function registerExtension(extension: RenderExtension): void;
-/** Register multiple render extensions globally. */
-declare function registerExtensions(extensions: RenderExtension[]): void;
-
-interface EditorAction {
-    icon: ReactNode;
-    label: string;
-    command: string;
-    commandArg?: string;
-    active?: boolean;
-}
-interface EditorToolbarProps {
-    actions?: EditorAction[];
-    onAction?: (command: string) => void;
-    children?: ReactNode;
-    className?: string;
-    /**
-     * Append a "Source" toggle (reveals the raw HTML/Markdown behind the editor)
-     * to the right of the default toolbar. Ignored when `children` are supplied —
-     * custom toolbars compose their own `<Editor.SourceToggle />`.
-     * @default true
-     */
-    showSourceToggle?: boolean;
-}
-interface EditorContentProps {
-    className?: string;
-    /** Max height in px before scrolling. When set, content area becomes scrollable. */
-    maxHeight?: number;
-    /** Class names applied to the raw-source `<textarea>` shown while source mode is on. */
-    sourceClassName?: string;
-}
-interface EditorSourceToggleProps {
-    className?: string;
-    /** Toggle glyph/label. @default `</>` */
-    icon?: ReactNode;
-    /** Accessible title when in rich-text mode (click → source). @default "Source" */
-    title?: string;
-    /** Accessible title when in source mode (click → rich text). @default "Rich text" */
-    activeTitle?: string;
-}
-interface EditorProps {
-    children: ReactNode;
-    className?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    outputFormat?: "html" | "markdown";
-    /**
-     * The format of the INCOMING `value` / `defaultValue`. Default `"auto"`
-     * keeps the historical sniff (`detectFormat`) — but real-world markdown that
-     * merely mentions HTML-ish snippets (`<code>`, `<table`, …) flips the sniff
-     * to html and renders as a wall of text. Callers with a KNOWN format
-     * (file-typed content, values previously emitted with
-     * `outputFormat="markdown"`) should declare it; explicit values bypass the
-     * sniff entirely — in edit mode AND view mode.
-     * @default "auto"
-     */
-    valueFormat?: "markdown" | "html" | "auto";
-    lineSpacing?: number;
-    placeholder?: string;
-    /**
-     * View/edit mode — like the react-fancy inputs. Resolution: this prop →
-     * nearest `<Form>` / `<FormProvider>` context → `"edit"`. In `"view"` mode the
-     * editor renders its value read-only through `<ContentRenderer>` (matching
-     * `outputFormat` — markdown/html) instead of the editable toolbar + content.
-     * @default "edit"
-     */
-    mode?: FieldMode;
-    /** Per-instance render extensions. Merged with any globally-registered extensions. */
-    extensions?: RenderExtension[];
-    /**
-     * Controlled source-view flag. When `true` the content area shows the raw
-     * HTML/Markdown (`value`, in `outputFormat`) in an editable `<textarea>`
-     * instead of the rich-text surface. Pair with `onShowSourceChange`, or leave
-     * uncontrolled and drive it with the toolbar's Source toggle.
-     */
-    showSource?: boolean;
-    /** Initial source-view flag when uncontrolled. @default false */
-    defaultShowSource?: boolean;
-    /** Fired when the Source toggle (or an agent) flips source view on/off. */
-    onShowSourceChange?: (showSource: boolean) => void;
-    /**
-     * Skip HTML sanitization of the initial value. By default the initial markdown/HTML
-     * is sanitized to remove `<script>`, `<iframe>`, event handlers, and `javascript:`
-     * URIs before being placed into contentEditable. Pass `unsafe` only when the
-     * initial value is fully trusted.
-     * @default false
-     */
-    unsafe?: boolean;
-}
-
-declare function EditorToolbar({ actions, onAction, children, className, showSourceToggle, }: EditorToolbarProps): react.JSX.Element;
-declare namespace EditorToolbar {
-    var displayName: string;
-}
-
-declare function EditorToolbarSeparator(): react.JSX.Element;
-declare namespace EditorToolbarSeparator {
-    var displayName: string;
-}
-
-/**
- * Toolbar button that reveals the raw HTML/Markdown behind the editor. Reads
- * `showSource` / `setShowSource` from context, so it works in the default
- * toolbar and in any custom toolbar composed with `useEditor()`.
- */
-declare function EditorSourceToggle({ className, icon, title, activeTitle, }: EditorSourceToggleProps): react.JSX.Element;
-declare namespace EditorSourceToggle {
-    var displayName: string;
-}
-
-declare function EditorContent({ className, maxHeight, sourceClassName }: EditorContentProps): react.JSX.Element;
-declare namespace EditorContent {
-    var displayName: string;
-}
-
-declare function EditorRoot({ children, className, value: controlledValue, defaultValue, onChange, outputFormat, valueFormat, lineSpacing, placeholder, mode: modeProp, extensions: instanceExtensions, unsafe, showSource: showSourceProp, defaultShowSource, onShowSourceChange, }: EditorProps): react.JSX.Element;
-declare const Editor: typeof EditorRoot & {
-    Toolbar: typeof EditorToolbar & {
-        Separator: typeof EditorToolbarSeparator;
-    };
-    Content: typeof EditorContent;
-    SourceToggle: typeof EditorSourceToggle;
-};
-
-interface EditorContextValue {
-    contentRef: RefObject<HTMLDivElement | null>;
-    exec: (command: string, arg?: string) => void;
-    insertText: (text: string) => void;
-    wrapSelection: (before: string, after: string) => void;
-    outputFormat: "html" | "markdown";
-    lineSpacing: number;
-    placeholder?: string;
-    /** Merged render extensions (global + instance). */
-    extensions: RenderExtension[];
-    /** Whether the raw-source view (textarea) is showing instead of the rich-text surface. */
-    showSource: boolean;
-    /** Toggle/set the raw-source view. */
-    setShowSource: (showSource: boolean) => void;
-    /** Initial HTML content to load into the editor on mount */
-    _initialHtml: string;
-    /** @internal Called by EditorContent on input events */
-    _onInput: () => void;
-    /** @internal Raw source value (`value` in `outputFormat`), for the source textarea. */
-    _sourceValue: string;
-    /** @internal Commit an edit made directly in the source textarea. */
-    _onSourceInput: (value: string) => void;
-}
-declare function useEditor(): EditorContextValue;
-
-interface CodeViewProps {
-    /** Source text to display / edit. Controlled. */
-    value: string;
-    /**
-     * Called on edit. Omit (or set `readOnly`) for a read-only view. When
-     * provided, the view is an editable source surface (transparent textarea over
-     * the highlight overlay).
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Language id for syntax highlighting. Only `"html"` is highlighted (the one
-     * grammar shipped by `fancy-file-commons`); everything else — including
-     * `"markdown"` and `"plaintext"` — renders un-highlighted. For richer language
-     * highlighting use `@particle-academy/fancy-code`'s `CodeEditor`.
-     * @default "plaintext"
-     */
-    language?: "html" | "markdown" | "plaintext" | (string & {});
-    /** Read-only mode (no editing even if `onChange` is passed). @default false */
-    readOnly?: boolean;
-    /** Placeholder shown when empty. */
-    placeholder?: string;
-    /** Min height in px before the view grows with content. @default 120 */
-    minHeight?: number;
-    /** Max height in px before the view scrolls internally. */
-    maxHeight?: number;
-    /** Additional classes on the scroll container (e.g. `h-full`, `flex-auto`). */
-    className?: string;
-}
-
-/**
- * A lightweight, syntax-highlighted source view built on the pure highlight
- * primitives in `@particle-academy/fancy-file-commons` — a highlight overlay
- * with a transparent, auto-growing textarea on top; the container scrolls both
- * together. Fills its parent's height (`h-full`) and grows with content down to
- * `minHeight`. Only HTML is highlighted; other languages render as plain text.
- */
-declare function CodeView({ value, onChange, language, readOnly, placeholder, minHeight, maxHeight, className, }: CodeViewProps): react.JSX.Element;
-declare namespace CodeView {
-    var displayName: string;
-}
-
-interface ContentRendererProps {
-    value: string;
-    format?: "html" | "markdown" | "auto";
-    lineSpacing?: number;
-    className?: string;
-    /** Per-instance render extensions. Merged with any globally-registered extensions. */
-    extensions?: RenderExtension[];
-    /**
-     * Skip HTML sanitization. By default, rendered output is sanitized to remove
-     * `<script>`, `<iframe>`, event handlers, and `javascript:` URIs. Pass
-     * `unsafe` only when the input is fully trusted (e.g. server-rendered
-     * markdown from your own CMS).
-     * @default false
-     */
-    unsafe?: boolean;
-}
-
-declare function ContentRenderer({ value, format, lineSpacing, className, extensions: instanceExtensions, unsafe, }: ContentRendererProps): react.JSX.Element;
-declare namespace ContentRenderer {
-    var displayName: string;
-}
-
-type MenuOrientation = "horizontal" | "vertical";
-interface MenuProps {
-    children: ReactNode;
-    orientation?: MenuOrientation;
-    className?: string;
-}
-interface MenuItemProps extends NavigableProps {
-    children: ReactNode;
-    icon?: ReactNode;
-    active?: boolean;
-    disabled?: boolean;
-    badge?: ReactNode;
-    onClick?: () => void;
-    className?: string;
-}
-interface MenuSubmenuProps {
-    children: ReactNode;
-    label: ReactNode;
-    icon?: ReactNode;
-    defaultOpen?: boolean;
-    className?: string;
-}
-interface MenuGroupProps {
-    children: ReactNode;
-    label?: string;
-    className?: string;
-}
-interface MenuContextValue {
-    orientation: MenuOrientation;
-}
-
-declare function MenuItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: MenuItemProps): react.JSX.Element;
-declare namespace MenuItem {
-    var displayName: string;
-}
-
-declare function MenuSubmenu({ children, label, icon, defaultOpen, className, }: MenuSubmenuProps): react.JSX.Element;
-declare namespace MenuSubmenu {
-    var displayName: string;
-}
-
-declare function MenuGroup({ children, label, className }: MenuGroupProps): react.JSX.Element;
-declare namespace MenuGroup {
-    var displayName: string;
-}
-
-declare function MenuRoot({ children, orientation, className }: MenuProps): react.JSX.Element;
-declare const Menu: typeof MenuRoot & {
-    Item: typeof MenuItem;
-    Submenu: typeof MenuSubmenu;
-    Group: typeof MenuGroup;
-};
-
-declare function useMenu(): MenuContextValue;
-
-type SidebarCollapseMode = "icons" | "letters";
-interface SidebarProps {
-    children: ReactNode;
-    collapsed?: boolean;
-    defaultCollapsed?: boolean;
-    onCollapsedChange?: (collapsed: boolean) => void;
-    /**
-     * How items display when collapsed:
-     * - `"icons"` — show only the icon (falls back to first 3 letters if no icon)
-     * - `"letters"` — show the first 3 letters of the label
-     * @default "icons"
-     */
-    collapseMode?: SidebarCollapseMode;
-    className?: string;
-}
-interface SidebarItemProps extends NavigableProps {
-    children: ReactNode;
-    icon?: ReactNode;
-    active?: boolean;
-    disabled?: boolean;
-    badge?: ReactNode;
-    onClick?: () => void;
-    className?: string;
-}
-interface SidebarGroupProps {
-    children: ReactNode;
-    label?: string;
-    className?: string;
-}
-interface SidebarToggleProps {
-    className?: string;
-}
-interface SidebarSubmenuProps {
-    children: ReactNode;
-    label: string;
-    icon?: ReactNode;
-    defaultOpen?: boolean;
-    className?: string;
-}
-interface SidebarContextValue {
-    collapsed: boolean;
-    collapseMode: SidebarCollapseMode;
-    setCollapsed: (collapsed: boolean) => void;
-}
-
-declare function SidebarItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: SidebarItemProps): react.JSX.Element;
-declare namespace SidebarItem {
-    var displayName: string;
-}
-
-declare function SidebarGroup({ children, label, className }: SidebarGroupProps): react.JSX.Element;
-declare namespace SidebarGroup {
-    var displayName: string;
-}
-
-declare function SidebarSubmenu({ children, label, icon, defaultOpen, className, }: SidebarSubmenuProps): react.JSX.Element;
-declare namespace SidebarSubmenu {
-    var displayName: string;
-}
-
-declare function SidebarToggle({ className }: SidebarToggleProps): react.JSX.Element;
-declare namespace SidebarToggle {
-    var displayName: string;
-}
-
-declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, className, }: SidebarProps): react.JSX.Element;
-declare const Sidebar: typeof SidebarRoot & {
-    Item: typeof SidebarItem;
-    Group: typeof SidebarGroup;
-    Submenu: typeof SidebarSubmenu;
-    Toggle: typeof SidebarToggle;
-};
-
-declare function useSidebar(): SidebarContextValue;
-
-type MobileMenuVariant = "flyout" | "bottom-bar";
-type MobileMenuSide = "left" | "right";
-interface MobileMenuFlyoutProps {
-    children: ReactNode;
-    open: boolean;
-    onClose: () => void;
-    side?: MobileMenuSide;
-    title?: string;
-    className?: string;
-}
-interface MobileMenuBottomBarProps {
-    children: ReactNode;
-    className?: string;
-}
-interface MobileMenuItemProps extends NavigableProps {
-    children: ReactNode;
-    icon?: ReactNode;
-    active?: boolean;
-    disabled?: boolean;
-    badge?: ReactNode;
-    onClick?: () => void;
-    className?: string;
-}
-interface MobileMenuContextValue {
-    variant: MobileMenuVariant;
-}
-
-declare function MobileMenuFlyout({ children, open, onClose, side, title, className, }: MobileMenuFlyoutProps): react.JSX.Element | null;
-declare namespace MobileMenuFlyout {
-    var displayName: string;
-}
-
-declare function MobileMenuBottomBar({ children, className }: MobileMenuBottomBarProps): react.JSX.Element;
-declare namespace MobileMenuBottomBar {
-    var displayName: string;
-}
-
-declare function MobileMenuItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: MobileMenuItemProps): react.JSX.Element;
-declare namespace MobileMenuItem {
-    var displayName: string;
-}
-
-declare const MobileMenu: {
-    Flyout: typeof MobileMenuFlyout;
-    BottomBar: typeof MobileMenuBottomBar;
-    Item: typeof MobileMenuItem;
-};
-
-declare function useMobileMenu(): MobileMenuContextValue;
-
-/**
- * Fired when a card is dropped into a column. `toIndex` is the position
- * the card should land at within the destination column (0-based;
- * `toIndex === current count` means append).
- *
- * For a same-column reorder, `fromColumn === toColumn` and `toIndex` is
- * the new position.
- */
-type KanbanCardMoveHandler = (cardId: string, fromColumn: string, toColumn: string, toIndex: number) => void;
-/**
- * Fired when a column is dropped at a new position. `toIndex` is the
- * new position among registered columns (0-based).
- */
-type KanbanColumnMoveHandler = (columnId: string, toIndex: number) => void;
-interface KanbanContextValue {
-    draggedCard: string | null;
-    setDraggedCard: (id: string | null) => void;
-    dragSource: string | null;
-    setDragSource: (id: string | null) => void;
-    draggedColumn: string | null;
-    setDraggedColumn: (id: string | null) => void;
-    onCardMove?: KanbanCardMoveHandler;
-    onColumnMove?: KanbanColumnMoveHandler;
-    columnIds: string[];
-    registerColumn: (id: string) => () => void;
-}
-interface KanbanProps {
-    children: ReactNode;
-    /**
-     * Called when a card is dropped into a column. Receives the destination
-     * index so handlers can support within-column reorder.
-     */
-    onCardMove?: KanbanCardMoveHandler;
-    /**
-     * Called when a column is dropped at a new position. Only fires if at
-     * least one column inside the board has a `<Kanban.ColumnHandle>` and
-     * a column was actually dragged.
-     */
-    onColumnMove?: KanbanColumnMoveHandler;
-    className?: string;
-}
-interface KanbanColumnProps {
-    children: ReactNode;
-    id: string;
-    title?: string;
-    className?: string;
-    /**
-     * Skip the column's default visuals (background, padding, min-height,
-     * fixed width). Drop-target wiring and the drag-over ring stay.
-     */
-    unstyled?: boolean;
-    /**
-     * Soft work-in-progress limit. Shown in the column header (when `title`
-     * is provided) as `count/limit`. Turns red over capacity. Drops are
-     * still accepted — enforce hard via the consumer's `onCardMove`.
-     */
-    wipLimit?: number;
-    /**
-     * If true, the column renders nothing when it has zero card children.
-     * Useful for filter UIs that want clean collapse instead of empty
-     * placeholders.
-     */
-    hideWhenEmpty?: boolean;
-}
-interface KanbanCardProps {
-    children: ReactNode;
-    id: string;
-    className?: string;
-    /**
-     * Skip the card's default visuals (border, padding, shadow). Drag
-     * handlers and `draggable` stay.
-     */
-    unstyled?: boolean;
-}
-interface KanbanColumnHandleProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare function KanbanColumn({ children, id, title, className, unstyled, wipLimit, hideWhenEmpty, }: KanbanColumnProps): react.JSX.Element | null;
-declare namespace KanbanColumn {
-    var displayName: string;
-}
-
-declare function KanbanCard({ children, id, className, unstyled }: KanbanCardProps): react.JSX.Element;
-declare namespace KanbanCard {
-    var displayName: string;
-}
-
-/**
- * Drag handle for column reordering.
- *
- * Mount inside a `Kanban.Column` to make that column draggable. The
- * column's parent `Kanban` listens for the drop and surfaces the new
- * position via `onColumnMove`. Without a handle, columns are static.
- *
- * Typically wrapped around the column header so users grab the title
- * to reorder; can also be a small grip icon.
- */
-declare function KanbanColumnHandle({ children, className, }: KanbanColumnHandleProps): react.JSX.Element;
-declare namespace KanbanColumnHandle {
-    var displayName: string;
-}
-
-/**
- * Kanban board.
- *
- * Compound:
- *   <Kanban onCardMove={...} onColumnMove={...}>
- *     <Kanban.Column id="todo" wipLimit={4}>
- *       <Kanban.ColumnHandle>...header...</Kanban.ColumnHandle>  // optional
- *       <Kanban.Card id="...">...</Kanban.Card>
- *     </Kanban.Column>
- *   </Kanban>
- *
- * Cards drag between columns AND within a column. Drop position is
- * computed from mouse Y at hover time and surfaced via the `toIndex`
- * argument on `onCardMove`.
- *
- * Columns drag horizontally to reorder when a `<Kanban.ColumnHandle>`
- * is mounted inside them. The root computes the drop index from
- * mouse X and surfaces it via `onColumnMove`.
- */
-declare function KanbanRoot({ children, onCardMove, onColumnMove, className, }: KanbanProps): react.JSX.Element;
-declare const Kanban: typeof KanbanRoot & {
-    Column: typeof KanbanColumn;
-    Card: typeof KanbanCard;
-    ColumnHandle: typeof KanbanColumnHandle;
-};
-
-declare function useKanban(): KanbanContextValue;
-
-interface TreeNodeData {
-    /** Unique identifier */
-    id: string;
-    /** Display label */
-    label: string;
-    /** Node type for icon rendering */
-    type?: "file" | "folder";
-    /** File extension hint (e.g., "ts", "php", "html") for icon coloring */
-    ext?: string;
-    /** Nested children */
-    children?: TreeNodeData[];
-    /** Custom icon override */
-    icon?: ReactNode;
-    /** Whether the node is disabled */
-    disabled?: boolean;
-}
-/** Where the dragged node will land relative to the drop target */
-type DropPosition = "before" | "after" | "inside";
-interface DragState {
-    draggedNodeId: string | null;
-    dropTargetId: string | null;
-    dropPosition: DropPosition | null;
-}
-interface TreeNavProps {
-    /** Tree data */
-    nodes: TreeNodeData[];
-    /** Currently selected node ID */
-    selectedId?: string;
-    /** Callback when a node is selected */
-    onSelect?: (id: string, node: TreeNodeData) => void;
-    /** Callback when a node is right-clicked */
-    onNodeContextMenu?: (e: React.MouseEvent, node: TreeNodeData) => void;
-    /** Enable drag-and-drop reordering (default: false) */
-    draggable?: boolean;
-    /** Callback when a node is moved via drag and drop */
-    onNodeMove?: (sourceId: string, targetId: string, position: DropPosition) => void;
-    /** Accept drops from outside the tree — OS files, items from other
-     *  components, etc. When true, drag-over is allowed for any data source
-     *  and `onExternalDrop` fires on drop. (default: false) */
-    acceptExternalDrops?: boolean;
-    /** Called when an external drag (file or cross-component) is dropped on
-     *  a node. The raw event lets you read `event.dataTransfer.files` for OS
-     *  file drops or `event.dataTransfer.getData(type)` for custom MIME
-     *  payloads from other components. */
-    onExternalDrop?: (event: React.DragEvent, target: TreeNodeData, position: DropPosition) => void;
-    /** Controlled expanded node IDs */
-    expandedIds?: string[];
-    /** Default expanded node IDs (uncontrolled) */
-    defaultExpandedIds?: string[];
-    /** Callback when expanded state changes */
-    onExpandedChange?: (ids: string[]) => void;
-    /** Expand all folders by default */
-    defaultExpandAll?: boolean;
-    /** Indent size per nesting level in px (default: 16) */
-    indentSize?: number;
-    /** Show file/folder icons (default: true) */
-    showIcons?: boolean;
-    /**
-     * Cursor shown on hover over a draggable node.
-     * - `"none"` (default): the normal clickable cursor — no move affordance on
-     *   mere hover. A closed-hand `grabbing` cursor still appears while a drag is
-     *   actually happening. This suits click-to-select/open trees (file/nav
-     *   trees), where an always-on grab cursor wrongly implies move-first intent.
-     * - `"grab"`: show the open-hand `grab` cursor on hover. Opt in when the whole
-     *   row is genuinely a drag handle and reordering is the primary interaction.
-     * @default "none"
-     */
-    dragCursor?: "grab" | "none";
-    /** Custom className */
-    className?: string;
-}
-interface TreeNavContextValue {
-    selectedId?: string;
-    onSelect?: (id: string, node: TreeNodeData) => void;
-    onNodeContextMenu?: (e: React.MouseEvent, node: TreeNodeData) => void;
-    expandedIds: string[];
-    toggle: (id: string) => void;
-    indentSize: number;
-    showIcons: boolean;
-    draggable: boolean;
-    dragCursor: "grab" | "none";
-    dragState: DragState;
-    setDragState: (state: DragState) => void;
-    onNodeMove?: (sourceId: string, targetId: string, position: DropPosition) => void;
-    acceptExternalDrops: boolean;
-    onExternalDrop?: (event: React.DragEvent, target: TreeNodeData, position: DropPosition) => void;
-    nodes: TreeNodeData[];
-    expandNode: (id: string) => void;
-}
-interface TreeNodeProps {
-    node: TreeNodeData;
-    depth: number;
-    className?: string;
-}
-
-declare function TreeNode({ node, depth }: TreeNodeProps): react.JSX.Element;
-declare namespace TreeNode {
-    var displayName: string;
-}
-
-declare function TreeNavRoot({ nodes, selectedId, onSelect, onNodeContextMenu, draggable, onNodeMove, acceptExternalDrops, onExternalDrop, expandedIds: controlledExpanded, defaultExpandedIds, onExpandedChange, defaultExpandAll, indentSize, showIcons, dragCursor, className, }: TreeNavProps): react.JSX.Element;
-declare namespace TreeNavRoot {
-    var displayName: string;
-}
-declare const TreeNav: typeof TreeNavRoot & {
-    Node: typeof TreeNode;
-};
-
-declare function useTreeNav(): TreeNavContextValue;
-
-/** Entry kind — regular file or directory. */
-type FileKind = "file" | "dir";
-/**
- * A single file-system entry. JSON-friendly by design so agents and remote
- * hosts can emit entries directly (over MCP, a relay, or a WebSocket).
- * `path` is the stable identity — POSIX-style, never an index.
- */
-interface FileEntry {
-    /** Stable identity — POSIX-style path (e.g. `"/src/App.tsx"`). */
-    path: string;
-    /** Display name (usually the last path segment). */
-    name: string;
-    /** `"file"` or `"dir"`. */
-    kind: FileKind;
-    /** Size in bytes (optional; shown for files and used by size sorting). */
-    size?: number;
-    /** Last-modified timestamp, ISO 8601 (optional; used by mtime sorting). */
-    mtime?: string;
-    /**
-     * Dirs only: `false` = known-empty (no expand affordance), `true` = has
-     * children, `undefined` = unknown (expandable when a provider is present).
-     */
-    hasChildren?: boolean;
-    /** Disabled entries render dimmed and cannot be selected, expanded, or navigated into. */
-    disabled?: boolean;
-}
-/**
- * JSON-friendly snapshot node — a {@link FileEntry} plus optionally
- * materialized children. `children: undefined` on a dir = unknown depth (a
- * provider fills it lazily in hybrid mode); `children: []` = known-empty.
- */
-interface FileSnapshotNode extends FileEntry {
-    children?: FileSnapshotNode[];
-}
-/** Async data source for provider mode. Works against local FS, HTTP, MCP bridges, SSH adapters — anything that resolves a listing. */
-interface FileBrowserProvider {
-    /**
-     * Load the direct children of `path`. Called lazily — only for the current
-     * directory and explicitly expanded folders. The component never walks the
-     * tree eagerly.
-     */
-    loadChildren: (path: string) => Promise<FileEntry[]>;
-}
-/** Which entry kinds are selectable. */
-type FileSelectMode = "file" | "directory" | "both";
-type FileSortField = "name" | "size" | "mtime";
-type FileSortDirection = "asc" | "desc";
-/** Sort order for directory listings. Directories always sort before files. */
-interface FileSort {
-    by: FileSortField;
-    direction: FileSortDirection;
-}
-/** Per-path load lifecycle for provider mode. */
-type FileLoadStatus = "idle" | "loading" | "loaded" | "error";
-interface FileBrowserProps {
-    /** Async data source (provider mode). Folders load on first expand — never an eager walk. */
-    provider?: FileBrowserProvider;
-    /**
-     * JSON-friendly tree value (snapshot mode). Replace or patch it from outside
-     * as stream chunks land — the component treats it as the source of truth for
-     * every path it covers. May be combined with `provider` (hybrid): the
-     * snapshot seeds, the provider fills unknown-depth folders.
-     */
-    snapshot?: FileSnapshotNode[];
-    /** Which entry kinds are selectable (default `"file"`). Non-selectable entries stay browsable. */
-    select?: FileSelectMode;
-    /** Allow selecting multiple entries; `value` becomes `string[]` (default `false`). */
-    multiple?: boolean;
-    /** Controlled selection — a path, an array of paths (`multiple`), or `null`. */
-    value?: string | string[] | null;
-    /** Initial selection (uncontrolled). */
-    defaultValue?: string | string[] | null;
-    /** Called with the next selection and the matching known entries. */
-    onChange?: (value: string | string[] | null, entries: FileEntry[]) => void;
-    /** Controlled current directory. */
-    path?: string;
-    /** Initial current directory (uncontrolled, default `"/"`). */
-    defaultPath?: string;
-    /** Called when the current directory changes (breadcrumb click, path input, double-clicked folder). */
-    onPathChange?: (path: string) => void;
-    /** Controlled expanded folder paths. */
-    expandedPaths?: string[];
-    /** Initially expanded folder paths (uncontrolled). */
-    defaultExpandedPaths?: string[];
-    /** Called when the expanded set changes. */
-    onExpandedChange?: (paths: string[]) => void;
-    /** Controlled sort order. */
-    sort?: FileSort;
-    /** Initial sort order (uncontrolled, default `{ by: "name", direction: "asc" }`). */
-    defaultSort?: FileSort;
-    /** Called when the sort order changes. */
-    onSortChange?: (sort: FileSort) => void;
-    /** Controlled name filter — a client-side substring match over loaded nodes. */
-    filter?: string;
-    /** Initial name filter (uncontrolled). */
-    defaultFilter?: string;
-    /** Called when the name filter changes. */
-    onFilterChange?: (filter: string) => void;
-    /** Called when a provider load rejects; the failed folder shows an inline error with a retry. */
-    onError?: (path: string, error: unknown) => void;
-    /** Indent per nesting level in px (default `16`). */
-    indentSize?: number;
-    /** Show file/folder icons (default `true`). */
-    showIcons?: boolean;
-    /** Custom className for the outer shell. */
-    className?: string;
-    /**
-     * Custom layout. When omitted, renders the default
-     * `<FileBrowser.PathBar />` + `<FileBrowser.Toolbar />` + `<FileBrowser.Tree />`.
-     */
-    children?: ReactNode;
-}
-/** A flattened, visible row — the keyboard-navigation order of the tree pane. */
-interface FileBrowserRow {
-    entry: FileEntry;
-    depth: number;
-    /** Whether the row shows an expand affordance. */
-    expandable: boolean;
-    /** Whether the row is currently expanded. */
-    expanded: boolean;
-    /** Path of the parent row, or `null` for top-level rows of the current directory. */
-    parentPath: string | null;
-}
-interface FileBrowserContextValue {
-    /** Known children of a path (snapshot first, then provider cache), or `undefined` when not yet loaded. */
-    entriesFor: (path: string) => FileEntry[] | undefined;
-    /** Children of a path after the name filter + sort are applied (empty when unknown). */
-    visibleChildrenFor: (path: string) => FileEntry[];
-    statusFor: (path: string) => FileLoadStatus;
-    errorFor: (path: string) => string | undefined;
-    /** Request a lazy load of a path's children (no-op without a provider or when already known/loading). */
-    loadPath: (path: string, options?: {
-        reload?: boolean;
-    }) => void;
-    hasProvider: boolean;
-    path: string;
-    /** Change the current directory (also clears the name filter and resets roving focus). */
-    navigate: (path: string) => void;
-    expandedPaths: string[];
-    toggleExpanded: (path: string) => void;
-    select: FileSelectMode;
-    multiple: boolean;
-    selectedPaths: string[];
-    isSelected: (path: string) => boolean;
-    isSelectable: (entry: FileEntry) => boolean;
-    selectEntry: (entry: FileEntry) => void;
-    sort: FileSort;
-    setSort: (sort: FileSort) => void;
-    filter: string;
-    setFilter: (filter: string) => void;
-    visibleRows: FileBrowserRow[];
-    focusedPath: string | null;
-    setFocusedPath: (path: string | null) => void;
-    /** The row that currently owns `tabIndex={0}`. */
-    tabFocusPath: string | null;
-    focusRow: (path: string) => void;
-    registerRow: (path: string, el: HTMLElement | null) => void;
-    indentSize: number;
-    showIcons: boolean;
-}
-interface FileBrowserPathBarProps {
-    /** Allow switching to the editable path input (default `true`). */
-    editable?: boolean;
-    /** Placeholder for the path input. */
-    placeholder?: string;
-    className?: string;
-}
-interface FileBrowserToolbarProps {
-    /** Placeholder for the name filter input (default `"Filter"`). */
-    filterPlaceholder?: string;
-    className?: string;
-}
-interface FileBrowserTreeProps {
-    /** Accessible label for the tree (default `"Files"`). */
-    ariaLabel?: string;
-    className?: string;
-}
-interface FileBrowserNodeProps {
-    entry: FileEntry;
-    depth: number;
-}
-
-/**
- * Breadcrumb trail over the current directory plus an editable path input —
- * type a POSIX-style path and press Enter to navigate (lazy-loading it in
- * provider mode). Escape or blur cancels the edit.
- */
-declare function FileBrowserPathBar({ editable, placeholder, className, }: FileBrowserPathBarProps): react.JSX.Element;
-declare namespace FileBrowserPathBar {
-    var displayName: string;
-}
-
-/**
- * Toolbar: client-side name filter (over loaded nodes only — never triggers
- * loads) plus a dirs-first sort control. Clicking the active sort field flips
- * its direction.
- */
-declare function FileBrowserToolbar({ filterPlaceholder, className }: FileBrowserToolbarProps): react.JSX.Element;
-declare namespace FileBrowserToolbar {
-    var displayName: string;
-}
-
-/**
- * The tree pane: ARIA `tree` semantics, roving tabindex, and full keyboard
- * navigation (arrows / Enter / Space / Home / End) over the flattened row
- * order. Lazy loads fire on expand only.
- */
-declare function FileBrowserTree({ ariaLabel, className }: FileBrowserTreeProps): react.JSX.Element;
-declare namespace FileBrowserTree {
-    var displayName: string;
-}
-
-declare function FileBrowserNode({ entry, depth }: FileBrowserNodeProps): react.JSX.Element;
-declare namespace FileBrowserNode {
-    var displayName: string;
-}
-
-/**
- * FileBrowser — remote-capable file/folder browser + directory picker.
- *
- * Browses any file tree the host can describe — local FS, HTTP, SSH, or a
- * remote machine streaming snapshots — via two feeding modes that may be
- * combined:
- *
- * - **Provider mode (lazy pull):** pass `provider.loadChildren(path)`. Folders
- *   load on first expand with per-node loading + error states; the tree is
- *   never walked eagerly.
- * - **Snapshot mode (streamed push):** pass a JSON-friendly `snapshot` tree
- *   and replace/patch it as chunks arrive (relay / WebSocket / MCP). The
- *   snapshot is the source of truth for every path it covers; with a provider
- *   also present, unknown-depth folders stay lazily loadable (hybrid).
- *
- * Fully controlled per the Human+ component contract (`value`/`onChange`,
- * `path`/`onPathChange`, `expandedPaths`/`onExpandedChange`, plus
- * `sort`/`filter`), with uncontrolled `defaultX` fallbacks. Every row carries
- * a `data-path` attribute — paths are the stable handles agents target, never
- * indexes or generated ids.
- *
- * Agent bridge sketch (ships later in `@particle-academy/agent-integrations`):
- * `registerFilesBridge(server, { adapter })` will expose MCP tools over this
- * surface — `files_list(path)`, `files_expand(path)` / `files_collapse(path)`,
- * `files_select(paths)`, `files_navigate(path)`, and
- * `files_request_snapshot(path, depth)` — with each mutation emitting an
- * `AgentActivity` event so presence, undo, and coaching layers compose. The
- * adapter maps those tools onto the same controlled props
- * (`value`/`path`/`expandedPaths`) and provider/snapshot contract; no DOM
- * scraping required.
- *
- * Read-only in v1: no content preview (pair with fancy-code's `FileViewer`)
- * and no write operations — rename/delete/upload arrive later behind a
- * `pendingMode`-gated iteration.
- */
-declare function FileBrowserRoot({ provider, snapshot, select, multiple, value, defaultValue, onChange, path, defaultPath, onPathChange, expandedPaths, defaultExpandedPaths, onExpandedChange, sort, defaultSort, onSortChange, filter, defaultFilter, onFilterChange, onError, indentSize, showIcons, className, children, }: FileBrowserProps): react.JSX.Element;
-declare namespace FileBrowserRoot {
-    var displayName: string;
-}
-declare const FileBrowser: typeof FileBrowserRoot & {
-    PathBar: typeof FileBrowserPathBar;
-    Toolbar: typeof FileBrowserToolbar;
-    Tree: typeof FileBrowserTree;
-    Node: typeof FileBrowserNode;
-};
-
-declare function useFileBrowser(): FileBrowserContextValue;
+export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-B71wa9AW.cjs';
+import { P as Placement } from './types-8Sv0rCjw.cjs';
+export { A as ActionColor, B as ButtonColor, C as Color, S as Size, V as Variant } from './types-8Sv0rCjw.cjs';
+import { RefObject } from 'react';
+export { ReasonTag, ReasonTagProps, ReasonTagSource, ReasonTagTheme } from './reason-tag.cjs';
+export { MoodMeter, MoodMeterProps } from './mood-meter.cjs';
+export { PromptAttachment, PromptCmd, PromptInput, PromptInputProps, PromptMention } from './prompt-input.cjs';
+export { ChatDrawer, ChatDrawerProps, ChatDrawerTab } from './chat-drawer.cjs';
+export { ControlledAdapterHandle, InputTag, InputTagAdapter, InputTagAdapterState, InputTagProps, InputTagTrigger, InputTagTriggers, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './input-tag.cjs';
+export { MagicWand, MagicWandAction, MagicWandAppearance, MagicWandProps, MagicWandSelection } from './magic-wand.cjs';
+export { ImageViewer } from './image-viewer.cjs';
+export { I as ImageViewerProps, a as ImageViewerViewport } from './ImageViewer.types-BaqlDeuo.cjs';
+export { VideoViewer } from './video-viewer.cjs';
+export { V as VideoViewerProps } from './VideoViewer.types-CTwS6PcM.cjs';
+export { AudioViewer } from './audio-viewer.cjs';
+export { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.cjs';
+export { PdfViewer } from './pdf-viewer.cjs';
+export { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.cjs';
 
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -3429,34 +123,6 @@ declare function sanitizeHref(href: string | undefined | null): string | undefin
  */
 declare function sanitizeHtml(html: string): string;
 
-/**
- * Resolve what kind of media a source is, from its MIME type (preferred) or its
- * URL — a file extension, or the type embedded in a `data:` URI.
- *
- * Shared by `<MediaViewer>` to pick the right per-type viewer, and exported so
- * downstream packages (e.g. fancy-code's file viewer) can make the same
- * text-vs-media decision without re-deriving the table.
- */
-type MediaKind = "image" | "video" | "audio" | "pdf" | "unknown";
-interface ResolveMediaTypeInput {
-    /** MIME type — preferred when known (e.g. `"image/png"`, `"video/mp4"`). */
-    mime?: string | null;
-    /**
-     * Source URL — used to sniff the kind from a file extension, or from the type
-     * embedded in a `data:` URI, when no `mime` is given. `http(s):` / `data:` /
-     * `blob:` are all accepted (a bare `blob:` URL carries no type, so pass
-     * `mime` alongside it).
-     */
-    src?: string | null;
-}
-/**
- * Resolve a {@link MediaKind} from a MIME type and/or source URL. MIME wins
- * when it's conclusive; otherwise the `src` is sniffed (a `data:` URI's
- * embedded type first, then the file extension). Returns `"unknown"` when
- * nothing matches — callers treat that as "not previewable media" (e.g. text).
- */
-declare function resolveMediaType({ mime, src }: ResolveMediaTypeInput): MediaKind;
-
 declare function useControllableState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (value: T | ((prev: T) => T)) => void];
 
 declare function useOutsideClick(ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean, ignoreRef?: RefObject<HTMLElement | null>): void;
@@ -3529,636 +195,4 @@ interface UseNodeRegistryReturn {
 }
 declare function useNodeRegistry(): UseNodeRegistryReturn;
 
-/**
- * ReasonTag — wraps any value with a small affordance that reveals the
- * agent's reasoning, sources, and confidence on hover or click.
- *
- *   <ReasonTag
- *     value="$1.4M"
- *     reason="Projected Q3 ARR after stacking renewals."
- *     confidence={0.91}
- *     sources={[{ label: "Q2 actuals · CRM export" }]}
- *     by="Forecaster"
- *   />
- *
- * Three visual styles:
- *   • "dot"       — value with a tiny coloured dot (default, subtle)
- *   • "underline" — dotted underline + trailing "?"
- *   • "chip"      — full coloured pill (loud)
- *
- * Confidence drives the colour via three tiers (high / medium / low),
- * so a quick visual scan tells the human which suggestions deserve a
- * second look without opening any tooltips.
- *
- * `pinned` swaps the popover for an inline annotation slot — useful
- * when explainability should always be visible, not buried in a hover.
- */
-type ReasonTagSource = {
-    label: string;
-    href?: string;
-};
-type ReasonTagTheme = "dot" | "underline" | "chip";
-interface ReasonTagProps {
-    /** The value the tag wraps — usually a number, label, or short phrase. */
-    value: React.ReactNode;
-    /** Free-text rationale shown in the popover / inline annotation. */
-    reason: string;
-    /** 0..1 confidence. Drives the tier colour. Defaults to 1. */
-    confidence?: number;
-    /** Optional list of sources (label + optional href). */
-    sources?: ReasonTagSource[];
-    /** Optional author / agent name shown in the popover header. */
-    by?: string;
-    /** Visual treatment for the trigger. */
-    theme?: ReasonTagTheme;
-    /**
-     * When true, the popover is replaced with an always-visible inline
-     * annotation below the value.
-     */
-    pinned?: boolean;
-    /** Called when the user hits the "ask follow-up" action. */
-    onFollowUp?: () => void;
-    /** Optional className applied to the trigger element. */
-    className?: string;
-}
-declare function ReasonTag({ value, reason, confidence, sources, by, theme, pinned, onFollowUp, className, }: ReasonTagProps): react.JSX.Element;
-
-/**
- * MoodMeter — a 2D draggable pad that captures a value AND the
- * confidence in that value on the same handle.
- *
- *   <MoodMeter
- *     min={0} max={1}
- *     value={value} confidence={confidence}
- *     onChange={(v, c) => { setValue(v); setConfidence(c); }}
- *   />
- *
- *   • x-axis maps to [min..max]
- *   • y-axis maps to [0..1] confidence (top = sure)
- *   • the halo around the handle scales inversely with confidence —
- *     uncertain readings literally look fuzzier
- *
- * Why pair them in one control? When AIs post a number, humans
- * immediately ask "how sure are you?". Making confidence an explicit
- * sibling of value — and letting the user drag either independently —
- * turns vague "AI suggestion" UX into something you can argue with
- * precisely.
- *
- * The agent's posted value/confidence renders as a dashed ghost
- * handle alongside the live user handle, so the human can see where
- * the agent landed and how far they've drifted.
- */
-interface MoodMeterProps {
-    /** Range minimum. */
-    min: number;
-    /** Range maximum. */
-    max: number;
-    /** Step for value snapping. Defaults to (max-min)/100. */
-    step?: number;
-    /** Current value (controlled). */
-    value: number;
-    /** Current confidence 0..1 (controlled). */
-    confidence: number;
-    /** Called with (value, confidence) on drag / pointer events. */
-    onChange: (value: number, confidence: number) => void;
-    /** Optional agent post — renders as a dashed ghost handle. */
-    posted?: {
-        value: number;
-        confidence: number;
-    };
-    /** Pixel width of the pad. Defaults to 320. */
-    width?: number;
-    /** Pixel height of the pad. Defaults to 220. */
-    height?: number;
-    /** Show the grid + axis labels. Defaults to true. */
-    showGrid?: boolean;
-    /** Color of the user handle. Defaults to sky blue. */
-    color?: string;
-    /** Color of the posted-ghost handle. Defaults to violet. */
-    postedColor?: string;
-    /** Optional prefix for the value label (e.g. "$"). */
-    prefix?: string;
-    /** Optional suffix for the value label (e.g. "k", "%"). */
-    suffix?: string;
-    /** Optional label text override. Falls back to formatted value. */
-    formatValue?: (v: number) => string;
-    /** Optional className applied to the outer pad. */
-    className?: string;
-}
-declare function MoodMeter({ min, max, step, value, confidence, onChange, posted, width, height, showGrid, color, postedColor, prefix, suffix, formatValue, className, }: MoodMeterProps): react.JSX.Element;
-
-/**
- * PromptInput — the chat composer every AI app rebuilds. Auto-growing
- * multi-line input with:
- *
- *   • slash-command picker (`/` triggers a filtered command palette,
- *     ↑/↓ navigate, Enter inserts)
- *   • mention picker (`@` triggers, filtered against `mentions`)
- *   • drop-to-attach (drag files anywhere on the surface) + chip bar
- *   • submit on ⌘/Ctrl+Enter (plain Enter inserts a newline)
- *   • live token-budget meter (green → amber → red as headroom drops)
- *
- * Wire it up:
- *
- *   <PromptInput
- *     budgetTokens={32000}
- *     commands={[{ name: "/rewrite", hint: "rewrite the selection" }]}
- *     mentions={[{ id: "ada", name: "Ada", kind: "person" }]}
- *     onSubmit={(text, attachments) => sendToAgent(text, attachments)}
- *   />
- */
-type PromptCmd = {
-    name: string;
-    hint: string;
-};
-type PromptMention = {
-    id: string;
-    name: string;
-    kind: "agent" | "file" | "person" | string;
-};
-type PromptAttachment = {
-    id: string;
-    name: string;
-    bytes: number;
-    /**
-     * The file the user actually attached.
-     *
-     * Optional because an attachment restored from a server has no File — but for
-     * anything the user dropped or picked it is always present. Without it a host
-     * can render a chip and nothing else: no POST, no FormData, no send-to-model.
-     */
-    file?: File;
-    /** MIME type. Hosts branch on this to decide whether a file can be sent as-is. */
-    type?: string;
-};
-interface PromptInputProps {
-    /** Token budget for the meter. */
-    budgetTokens: number;
-    /** Slash-commands. Names must start with `/`. */
-    commands?: PromptCmd[];
-    /** @-mentions. */
-    mentions?: PromptMention[];
-    /** Show the keyboard hint ("⌘ + Enter to send"). */
-    showHint?: boolean;
-    /** Called on ⌘/Ctrl+Enter or send button. */
-    onSubmit: (text: string, attachments: PromptAttachment[]) => void;
-    /** Placeholder text. */
-    placeholder?: string;
-    /** Rough estimator: chars-per-token. Defaults to 4. */
-    charsPerToken?: number;
-    /** Color → CSS chip mapping for mention kinds. */
-    mentionColor?: Record<string, string>;
-    /** Optional max textarea height in px. Defaults to 280. */
-    maxHeight?: number;
-    /**
-     * Rendered INSIDE the rounded shell, ABOVE the attachments bar and
-     * textarea. Use this slot for a drawer of tools/files/prompts/etc. so
-     * the drawer and composer share one visual panel. See {@link ChatDrawer}.
-     */
-    aboveInput?: ReactNode;
-}
-declare function PromptInput({ budgetTokens, commands, mentions, showHint, onSubmit, placeholder, charsPerToken, mentionColor, maxHeight, aboveInput, }: PromptInputProps): react.JSX.Element;
-
-/**
- * ChatDrawer — tabbed, collapsible panel that sits *above* a `PromptInput`
- * (via the input's `aboveInput` slot) so the drawer and composer share one
- * rounded shell. Each tab gets a numbered chip and a content panel; only
- * one panel renders at a time.
- *
- *   <PromptInput
- *     aboveInput={
- *       <ChatDrawer
- *         tabs={[
- *           { id: "files",   label: "Files" },
- *           { id: "tools",   label: "Chat Tools" },
- *           { id: "prompts", label: "Chat Prompts" },
- *           { id: "deal",    label: "IBM Analytics Platform" },
- *         ]}
- *         activeTabId={tab}
- *         onTabChange={setTab}
- *         open={open}
- *         onToggle={setOpen}
- *       >
- *         {tab === "tools" && <ToolsGrid />}
- *         {tab === "deal"  && <DealCard />}
- *       </ChatDrawer>
- *     }
- *     budgetTokens={200_000}
- *     onSubmit={(text) => send(text)}
- *   />
- *
- * The drawer is purely presentational and slot-driven — you decide what
- * each tab shows. Tab order in the numbered chips is the order you pass.
- */
-type ChatDrawerTab = {
-    /** Stable id — used as the React key and as `activeTabId`. */
-    id: string;
-    /** Human label rendered on the chip. */
-    label: string;
-    /**
-     * Optional override for the numbered prefix (defaults to position +1).
-     * Set to `null` to hide the number entirely (e.g. for a context-specific
-     * tab like the deal one in the screenshots).
-     */
-    number?: number | null;
-};
-interface ChatDrawerProps {
-    tabs: ChatDrawerTab[];
-    activeTabId: string;
-    onTabChange: (id: string) => void;
-    /** Body open/closed. Default true. */
-    open?: boolean;
-    /** Called when the chevron is clicked. */
-    onToggle?: (open: boolean) => void;
-    /** Body content for the active tab. */
-    children?: ReactNode;
-    /** Min height of the body when open, in px. Default 140. */
-    minBodyHeight?: number;
-    className?: string;
-}
-declare function ChatDrawer({ tabs, activeTabId, onTabChange, open, onToggle, children, minBodyHeight, className, }: ChatDrawerProps): react.JSX.Element;
-
-/**
- * InputTag — attach a `/`-style or `@`-style autocomplete picker to *any*
- * text surface (a `<textarea>`, an `<input>`, a `contenteditable`, a code
- * editor, a sheet cell editor, a whiteboard sticky note…) via an adapter
- * that abstracts the surface's read/write/caret API.
- *
- * The component is "headless" in the sense that it has no input of its
- * own — it floats a small picker menu near the surface and writes back
- * through the adapter when the user picks an item.
- *
- *   <textarea ref={ref} value={text} onChange={...} />
- *   <InputTag
- *     adapter={textareaAdapter(ref)}
- *     triggers={{
- *       "/": { items: commands, insert: (c) => `${c.name} ` },
- *       "@": { items: mentions, insert: (m) => `@${m.name} ` },
- *     }}
- *   />
- *
- * For non-DOM surfaces, write a small adapter that conforms to
- * {@link InputTagAdapter}. Adapters typically run 20–40 lines.
- */
-/** What the surface tells the picker on every text/caret change. */
-type InputTagAdapterState = {
-    text: string;
-    caretIndex: number;
-};
-/**
- * The contract every input surface implements. The picker subscribes to
- * state changes, anchors itself using `getAnchorRect`, intercepts
- * navigation keys via `onKey`, and writes the selected item back through
- * `replaceRange`.
- */
-type InputTagAdapter = {
-    /** Push current state whenever text or caret changes. Returns an unsubscribe. */
-    subscribe: (fn: (state: InputTagAdapterState) => void) => () => void;
-    /** Replace text in `[start, end)` with `replacement`. The adapter is
-     *  responsible for moving the caret to the end of the inserted text. */
-    replaceRange: (start: number, end: number, replacement: string) => void;
-    /** Screen-space rect to anchor the picker against. Usually the surface's
-     *  bounding rect; for editors that can compute caret-precise coordinates,
-     *  return a small rect there instead. */
-    getAnchorRect: () => DOMRect | null;
-    /** Subscribe to keydown events on the surface. The handler may return
-     *  `true` to consume the event (the adapter then calls
-     *  `preventDefault` / `stopPropagation`). Returns an unsubscribe. */
-    onKey: (handler: (e: KeyboardEvent) => boolean) => () => void;
-};
-/**
- * Per-trigger configuration. `T` is the item shape — typically a
- * `{ id, name, ... }` object, but any shape works as long as `keyOf` /
- * `insert` know how to handle it.
- */
-type InputTagTrigger<T> = {
-    /** The pool the picker filters against. */
-    items: T[];
-    /** Text inserted in place of `<triggerChar><query>`. */
-    insert: (item: T, query: string) => string;
-    /** Custom filter. Default: case-insensitive prefix match against
-     *  `String(keyOf(item))`. Pass `() => true` to disable filtering and
-     *  rely on `items` being pre-filtered (e.g. from an async source). */
-    filter?: (item: T, query: string) => boolean;
-    /** How to render each row. Default renders the result of `keyOf(item)`. */
-    render?: (item: T, active: boolean) => ReactNode;
-    /** How to derive a stable key + default label for each item. Default
-     *  reads `item.name` then `item.id` then `String(item)`. */
-    keyOf?: (item: T) => string;
-    /** Optional header label shown above the list. */
-    label?: string;
-};
-type InputTagTriggers = Record<string, InputTagTrigger<any>>;
-interface InputTagProps {
-    adapter: InputTagAdapter;
-    triggers: InputTagTriggers;
-    /** Max rows shown. Default 8. */
-    maxItems?: number;
-    /** Where the picker anchors relative to the surface. Default `"bottom-left"`. */
-    placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
-    /** Custom class for the popover container. */
-    className?: string;
-    /** Inline style for the popover container. */
-    style?: CSSProperties;
-    /** Fires whenever an item is picked. */
-    onPick?: (info: {
-        triggerChar: string;
-        query: string;
-        item: unknown;
-    }) => void;
-}
-declare function InputTag({ adapter, triggers, maxItems, placement, className, style, onPick, }: InputTagProps): react.JSX.Element | null;
-
-/**
- * Adapter for a DOM `<textarea>`. Works whether the consumer manages
- * `value` via React state (controlled) or lets the DOM hold it
- * (uncontrolled) — `replaceRange` uses React's native value setter and
- * dispatches a native `input` event so the upstream onChange fires.
- */
-declare function textareaAdapter(ref: RefObject<HTMLTextAreaElement | null>): InputTagAdapter;
-/** Adapter for a DOM `<input type="text|search|...">`. */
-declare function inputAdapter(ref: RefObject<HTMLInputElement | null>): InputTagAdapter;
-/**
- * Adapter for any `contenteditable` element. Operates on the element's
- * `textContent`; rich-text editors with their own internal model should
- * write a custom adapter that talks to that model instead.
- */
-declare function contentEditableAdapter(ref: RefObject<HTMLElement | null>): InputTagAdapter;
-/**
- * Adapter for hosts that fully control the text state themselves. Use
- * this when you can't (or don't want to) let the DOM be the source of
- * truth — for code editors with internal state, sheet cell editors, or
- * any host that already has `value` + `onChange` and wants to reach the
- * picker programmatically.
- *
- * The host calls `notify({ text, caretIndex })` after every text or
- * caret change. `<InputTag>` calls `onReplaceRange` to write back.
- */
-type ControlledAdapterHandle = InputTagAdapter & {
-    /** Push the latest text + caret to the picker. */
-    notify: (state: {
-        text: string;
-        caretIndex: number;
-    }) => void;
-};
-declare function controlledAdapter(opts: {
-    /** Element used as anchor + key target. Usually the visible input. */
-    anchorRef: RefObject<HTMLElement | null>;
-    /** Called when the picker writes back an insertion. */
-    onReplaceRange: (start: number, end: number, replacement: string) => void;
-}): ControlledAdapterHandle;
-
-/**
- * MagicWand — selection-anchored floating toolbar for text inputs.
- *
- * When the user highlights text inside the wrapped <Textarea>, a small
- * pill of AI quick-actions floats above the selection. Clicking an
- * action invokes the host callback with the selected substring + range;
- * the host returns a replacement string and MagicWand swaps it in-place.
- *
- *   <MagicWand
- *     value={body}
- *     onValueChange={setBody}
- *     actions={[
- *       { id: "rephrase", label: "Rephrase", hint: "same meaning, different words",
- *         run: async (s) => await ai.rephrase(s) },
- *       …
- *     ]}
- *   />
- *
- * Two appearances: `"floating"` (default — full labels) and `"pill"`
- * (icon-only, compact). Auto-hides on click-away or scroll by default.
- */
-type MagicWandSelection = {
-    start: number;
-    end: number;
-    text: string;
-};
-type MagicWandAction = {
-    /** Stable id, also shown as the busy-state key. */
-    id: string;
-    /** Display label (first character used in `pill` mode). */
-    label: string;
-    /** Tooltip body. */
-    hint?: string;
-    /** Optional kind chip rendered next to the label. */
-    tag?: string;
-    /** Returns the replacement text for the selection. */
-    run: (selection: string, range: MagicWandSelection) => Promise<string> | string;
-};
-type MagicWandAppearance = "pill" | "floating";
-interface MagicWandProps {
-    /** Controlled textarea value. */
-    value: string;
-    /** Called on every edit. */
-    onValueChange: (v: string) => void;
-    /** Action list. */
-    actions: MagicWandAction[];
-    /** Visual treatment. Defaults to "floating". */
-    appearance?: MagicWandAppearance;
-    /** Auto-hide the wand on click-away or scroll. Defaults to true. */
-    autoHide?: boolean;
-    /** Textarea rows. */
-    rows?: number;
-    /** Placeholder. */
-    placeholder?: string;
-    /** Called after an action runs successfully. */
-    onAction?: (action: MagicWandAction, selection: MagicWandSelection, replacement: string) => void;
-}
-declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
-
-/** Pan offset (in container pixels) + zoom factor for an `<ImageViewer>`. */
-interface ImageViewerViewport {
-    panX: number;
-    panY: number;
-    zoom: number;
-}
-interface ImageViewerProps {
-    /** Image source — an `http(s):`, `data:`, or `blob:` URL. */
-    src: string;
-    /** Alt text for the image (also used as the download filename hint). */
-    alt?: string;
-    /**
-     * How the image sits in its container at zoom 1. `"contain"` (default) fits
-     * the whole image, `"cover"` fills and crops, `"none"` shows it at natural
-     * size (pan to see the rest).
-     */
-    fit?: "contain" | "cover" | "none";
-    /** Allow Ctrl/⌘+wheel zoom and the zoom controls (default `true`). */
-    zoomable?: boolean;
-    /** Allow click-drag panning (default `true`). */
-    pannable?: boolean;
-    /** Show the floating zoom controls. Defaults to the value of `zoomable`. */
-    controls?: boolean;
-    /** Minimum zoom factor (default `0.25`). */
-    minZoom?: number;
-    /** Maximum zoom factor (default `8`). */
-    maxZoom?: number;
-    /**
-     * Paint a checkerboard behind the image so transparency reads clearly
-     * (default `true`). Set `false` for a flat themed surface.
-     */
-    checkerboard?: boolean;
-    /**
-     * Controlled viewport (pan + zoom). Pair with `onViewportChange`. Omit for
-     * uncontrolled internal state. Exposed so an agent can pan/zoom to point at
-     * something via a bridge.
-     */
-    viewport?: ImageViewerViewport;
-    /** Initial viewport when uncontrolled. */
-    defaultViewport?: ImageViewerViewport;
-    /** Called whenever the viewport (pan/zoom) changes. */
-    onViewportChange?: (viewport: ImageViewerViewport) => void;
-    /** Fired when the image finishes loading. */
-    onLoad?: () => void;
-    /** Fired when the image fails to load. */
-    onError?: () => void;
-    /** Additional CSS classes for the viewport container. */
-    className?: string;
-    /** Inline styles for the viewport container (e.g. a fixed height). */
-    style?: CSSProperties;
-}
-
-interface VideoViewerProps {
-    /** Video source — an `http(s):`, `data:`, or `blob:` URL. */
-    src: string;
-    /** Poster image shown before playback. */
-    poster?: string;
-    /** Show native playback controls (default `true`). */
-    controls?: boolean;
-    /** Autoplay on mount (most browsers require `muted` too). */
-    autoPlay?: boolean;
-    /** Loop playback (default `false`). */
-    loop?: boolean;
-    /** Start muted (default `false`). */
-    muted?: boolean;
-    /** How the video fits its box: `"contain"` (default) or `"cover"`. */
-    fit?: "contain" | "cover";
-    /** Fired when the video fails to load. */
-    onError?: () => void;
-    /** Additional CSS classes for the container. */
-    className?: string;
-    /** Inline styles for the container (e.g. a fixed height). */
-    style?: CSSProperties;
-}
-
-interface AudioViewerProps {
-    /** Audio source — an `http(s):`, `data:`, or `blob:` URL. */
-    src: string;
-    /** Optional label shown above the player (e.g. the file name). */
-    title?: string;
-    /** Show native playback controls (default `true`). */
-    controls?: boolean;
-    /** Autoplay on mount. */
-    autoPlay?: boolean;
-    /** Loop playback (default `false`). */
-    loop?: boolean;
-    /** Fired when the audio fails to load. */
-    onError?: () => void;
-    /** Additional CSS classes for the card. */
-    className?: string;
-    /** Inline styles for the card. */
-    style?: CSSProperties;
-}
-
-interface PdfViewerProps {
-    /** PDF source — an `http(s):`, `data:`, or `blob:` URL. */
-    src: string;
-    /** Accessible title for the embedded document (default `"PDF document"`). */
-    title?: string;
-    /** Additional CSS classes for the container. */
-    className?: string;
-    /** Inline styles for the container (e.g. a fixed height). */
-    style?: CSSProperties;
-}
-
-interface MediaViewerProps {
-    /** Media source — an `http(s):`, `data:`, or `blob:` URL. */
-    src: string;
-    /**
-     * MIME type — preferred for picking the viewer. When omitted, the kind is
-     * sniffed from `src` (extension or `data:` URI). Always pass `mime` with a
-     * bare `blob:` URL, which carries no type of its own.
-     */
-    mime?: string;
-    /** Alt text / label, forwarded as image alt and audio/PDF title. */
-    alt?: string;
-    /** Force a specific viewer, bypassing detection. */
-    kind?: MediaKind;
-    /** Extra props for the underlying `<ImageViewer>`. */
-    imageProps?: Partial<Omit<ImageViewerProps, "src" | "alt">>;
-    /** Extra props for the underlying `<VideoViewer>`. */
-    videoProps?: Partial<Omit<VideoViewerProps, "src">>;
-    /** Extra props for the underlying `<AudioViewer>`. */
-    audioProps?: Partial<Omit<AudioViewerProps, "src">>;
-    /** Extra props for the underlying `<PdfViewer>`. */
-    pdfProps?: Partial<Omit<PdfViewerProps, "src">>;
-    /** Rendered for unknown / unpreviewable types (default: a download card). */
-    fallback?: ReactNode;
-    /** Fired when the chosen viewer reports a load error. */
-    onError?: () => void;
-    /** Additional CSS classes, forwarded to the chosen viewer. */
-    className?: string;
-    /** Inline styles, forwarded to the chosen viewer. */
-    style?: CSSProperties;
-}
-
-/**
- * Renders the right viewer for a media file, picked from its `mime` (preferred)
- * or `src` — image, video, audio, or PDF — and a download fallback for anything
- * else. SVG renders through `<ImageViewer>`. The single entry point for showing
- * a file from a tree/workspace when you don't know its type ahead of time.
- *
- * ```tsx
- * <MediaViewer src={url} mime="image/png" alt="logo.png" style={{ height: 320 }} />
- * ```
- */
-declare const MediaViewer: react.ForwardRefExoticComponent<MediaViewerProps & react.RefAttributes<HTMLDivElement>>;
-
-/**
- * A standalone image viewer: fits the image to its container, with optional
- * Ctrl/⌘+wheel zoom, click-drag panning, and a transparency checkerboard. Works
- * anywhere on its own and is also what `<MediaViewer>` renders for images.
- *
- * The pan/zoom viewport is controllable (`viewport` + `onViewportChange`) so an
- * agent bridge can drive it; it's uncontrolled by default.
- *
- * ```tsx
- * <ImageViewer src="/logo.png" alt="logo.png" style={{ height: 320 }} />
- * ```
- */
-declare const ImageViewer: react.ForwardRefExoticComponent<ImageViewerProps & react.RefAttributes<HTMLDivElement>>;
-
-/**
- * A standalone video viewer — native controls, optional poster, fit-to-box, and
- * dark-aware framing. Renders for video sources inside `<MediaViewer>`.
- *
- * ```tsx
- * <VideoViewer src="/clip.mp4" poster="/clip.jpg" style={{ height: 360 }} />
- * ```
- */
-declare const VideoViewer: react.ForwardRefExoticComponent<VideoViewerProps & react.RefAttributes<HTMLDivElement>>;
-
-/**
- * A standalone audio viewer — a themed card wrapping the native audio player,
- * with an optional title. Renders for audio sources inside `<MediaViewer>`.
- *
- * ```tsx
- * <AudioViewer src="/track.mp3" title="track.mp3" />
- * ```
- */
-declare const AudioViewer: react.ForwardRefExoticComponent<AudioViewerProps & react.RefAttributes<HTMLDivElement>>;
-
-/**
- * A standalone PDF viewer — embeds the document via the browser's native PDF
- * plugin (`<object>`), falling back to an `<iframe>`, then to a download link.
- * Fills its container, so give it a height (a `min-h` floor is built in).
- * Renders for PDF sources inside `<MediaViewer>`.
- *
- * ```tsx
- * <PdfViewer src="/report.pdf" title="report.pdf" style={{ height: 600 }} />
- * ```
- */
-declare const PdfViewer: react.ForwardRefExoticComponent<PdfViewerProps & react.RefAttributes<HTMLDivElement>>;
-
-export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionOrientation, AccordionPanel, AccordionPanelContent, type AccordionPanelContentProps, type AccordionPanelProps, AccordionPanelSection, type AccordionPanelSectionProps, AccordionPanelTrigger, type AccordionPanelTriggerProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, AudioViewer, type AudioViewerProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, BrandMark, type BrandMarkProps, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, type ButtonColor, type ButtonProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, ChatDrawer, type ChatDrawerProps, type ChatDrawerTab, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CodeView, type CodeViewProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, type ControlledAdapterHandle, DatePicker, type DatePickerProps, type DateRange, DisplayValue, type DisplayValueProps, Drawer, type DrawerAttach, type DrawerBodyProps, type DrawerContainerProps, type DrawerContextValue, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorSourceToggleProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, Eyebrow, type EyebrowProps, FauxClient, type FauxClientProps, Field, type FieldMode, FieldModeContext, type FieldModeContextValue, type FieldProps, FileBrowser, type FileBrowserContextValue, type FileBrowserNodeProps, type FileBrowserPathBarProps, type FileBrowserProps, type FileBrowserProvider, type FileBrowserRow, type FileBrowserToolbarProps, type FileBrowserTreeProps, type FileEntry, type FileKind, type FileLoadStatus, type FileSelectMode, type FileSnapshotNode, type FileSort, type FileSortDirection, type FileSortField, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Form, type FormProps, FormProvider, type FormProviderProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, ImageViewer, type ImageViewerProps, type ImageViewerViewport, IndexList, type IndexListItem, type IndexListProps, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, Kanban, type KanbanCardMoveHandler, type KanbanCardProps, type KanbanColumnHandleProps, type KanbanColumnMoveHandler, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Kbd, type KbdProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, Marquee, type MarqueeDirection, type MarqueeProps, type MediaKind, MediaViewer, type MediaViewerProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MoodMeter, type MoodMeterProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, PdfViewer, type PdfViewerProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, type PromptAttachment, type PromptCmd, PromptInput, type PromptInputProps, type PromptMention, PullQuote, type PullQuoteProps, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, type RenderExtension, type RenderExtensionProps, type ResolveMediaTypeInput, SKIN_TONES, type SectionRenderState, type SectionRenderable, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, type SkinTone, Slider, type SliderProps, Stat, StatBand, type StatBandProps, type StatProps, StickyNote, type StickyNoteColor, type StickyNoteProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimeGrid, type TimeGridProps, type TimeGridTone, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, TreeNav, type TreeNavContextValue, type TreeNavProps, type TreeNodeData, type TreeNodeProps, type Variant, VideoViewer, type VideoViewerProps, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconAddendum, registerIconSet, registerIcons, resolve, resolveMediaType, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDrawer, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileBrowser, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
+export { type NodeRect, Placement, cn, sanitizeHref, sanitizeHtml, useAnimation, useControllableState, useEscapeKey, useFloatingPosition, useFocusTrap, useId, useNodeRegistry, useOutsideClick, usePanZoom };