@nsaa/core 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/index.d.ts

@@ -1,675 +1,90 @@
 
-import { a as useSound, i as SoundProviderProps, n as SoundPlayer, r as SoundProvider, t as SoundCue } from "./sound-DiYNAnR_.js";
-import { i as LoaderSize, n as registerLoader, r as registerLoaders, t as LoaderComponent } from "./registry-DjfWNw3R.js";
-import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
-import { ClassValue } from "clsx";
-import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-import { ComponentProps, ComponentPropsWithRef, ReactNode } from "react";
-import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
-import { Button as Button$1 } from "@base-ui/react/button";
-import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
-import { useRender } from "@base-ui/react/use-render";
-import { DayButton, DayPicker, Locale } from "react-day-picker";
-import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
-import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
-import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
-import { Command as Command$1 } from "cmdk";
-import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
-import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
-import { DirectionProvider } from "@base-ui/react/direction-provider";
-import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
-import { Menu } from "@base-ui/react/menu";
-import { Separator as Separator$1 } from "@base-ui/react/separator";
-import { OTPInput } from "input-otp";
-import { Popover as Popover$1 } from "@base-ui/react/popover";
-import { Radio } from "@base-ui/react/radio";
-import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
-import { Select as Select$1 } from "@base-ui/react/select";
-import { Slider as Slider$1 } from "@base-ui/react/slider";
-import { Switch as Switch$1 } from "@base-ui/react/switch";
-import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import { Toast as Toast$1 } from "@base-ui/react/toast";
-import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
-import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
-import { Toggle } from "@base-ui/react/toggle";
-import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
-declare function Accordion({ className, ...props }: Accordion$1.Root.Props): import("react").JSX.Element;
-declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): import("react").JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): import("react").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): import("react").JSX.Element;
-declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Alert({ className, variant, announce, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants> & {
-  /**
-   * The error sound (feedback.error) when the Alert appears (#114). Left unset it's automatic: a
-   * destructive Alert plays it when a person's action caused it (within the browser's transient
-   * activation window), never on load. `true` always plays it, `false` never does.
-   */
-  announce?: boolean;
-}): React.JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const buttonVariants: (props?: ({
-  variant?: "default" | "destructive" | "link" | "secondary" | "outline" | "ghost" | null | undefined;
-  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type LoadingPlacement = "auto" | "start" | "center";
-declare function Button({ className, variant, size, loading, loadingLabel, loadingPlacement, children, onClick, onPointerDown, onPointerUp, onPointerLeave, onPointerCancel, ...props }: Button$1.Props & VariantProps<typeof buttonVariants> & {
-  /**
-   * Shows the Arc spinner in place of the start icon and ignores presses, keeping focus and the
-   * accessible name (`aria-busy`, `data-loading`; not `disabled`).
-   */
-  loading?: boolean | undefined;
-  /** Announced through the spinner while loading. Default "Loading". */
-  loadingLabel?: string | undefined;
-  /**
-   * Where the spinner goes while loading (#130). `start` takes the start icon's place, or sits
-   * before the label and the button grows; `center` overlays it and keeps the content's space, so
-   * the width never changes. `auto` (default): `start` with a start icon or on an icon size, else
-   * `center`. The resolved value is set as `data-loading-placement`.
-   */
-  loadingPlacement?: LoadingPlacement | undefined;
-}): import("react").JSX.Element;
-declare function AlertDialog({ onOpenChange, ...props }: AlertDialog$1.Root.Props): React.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: AlertDialog$1.Trigger.Props): React.JSX.Element;
-declare function AlertDialogPortal({ ...props }: AlertDialog$1.Portal.Props): React.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: AlertDialog$1.Backdrop.Props): React.JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: AlertDialog$1.Popup.Props & {
-  size?: "default" | "sm";
-}): React.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): React.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): React.JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialog$1.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
-declare function Avatar({ className, size, ...props }: Avatar$1.Root.Props & {
-  size?: "default" | "sm" | "lg";
-}): React.JSX.Element;
-declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): React.JSX.Element;
-declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): React.JSX.Element;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const badgeVariants: (props?: ({
-  variant?: "default" | "destructive" | "link" | "secondary" | "outline" | "ghost" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
-  buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): React.JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, locale, onClick, "aria-label": label, ...props }: React.ComponentProps<typeof DayButton> & {
-  locale?: Partial<Locale>;
-}): React.JSX.Element;
-declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
-  size?: "default" | "sm";
-}): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function Checkbox({ className, onCheckedChange, ...props }: Checkbox$1.Root.Props): import("react").JSX.Element;
-declare function Collapsible({ ...props }: Collapsible$1.Root.Props): import("react").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: Collapsible$1.Trigger.Props): import("react").JSX.Element;
-declare function CollapsibleContent({ ...props }: Collapsible$1.Panel.Props): import("react").JSX.Element;
-declare function Combobox<Value, Multiple extends boolean | undefined = false, Item = Value>({ onValueChange, ...props }: Combobox$1.Root.Props<Value, Multiple, Item>): React.JSX.Element;
-declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): React.JSX.Element;
-declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): React.JSX.Element;
-declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox$1.Input.Props & {
-  showTrigger?: boolean;
-  showClear?: boolean;
-}): React.JSX.Element;
-declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): React.JSX.Element;
-declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): React.JSX.Element;
-declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): React.JSX.Element;
-declare function ComboboxGroup({ className, ...props }: Combobox$1.Group.Props): React.JSX.Element;
-declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Props): React.JSX.Element;
-declare function ComboboxCollection({ ...props }: Combobox$1.Collection.Props): React.JSX.Element;
-declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): React.JSX.Element;
-declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): React.JSX.Element;
-declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): React.JSX.Element;
-declare function ComboboxChip({ className, children, showRemove, removeLabel, ...props }: Combobox$1.Chip.Props & {
-  showRemove?: boolean;
-  /** Nsaa (#92, Proposed): the remove button's accessible name. */
-  removeLabel?: string;
-}): React.JSX.Element;
-declare function ComboboxChipsInput({ className, ...props }: Combobox$1.Input.Props): React.JSX.Element;
-declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
-declare function Dialog({ onOpenChange, ...props }: Dialog$1.Root.Props): React.JSX.Element;
-declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React.JSX.Element;
-declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
-declare function DialogClose({ ...props }: Dialog$1.Close.Props): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
-  showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
-  showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
-declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): React.JSX.Element;
-declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
-  title?: string;
-  description?: string;
-  className?: string;
-  showCloseButton?: boolean;
-  children: React.ReactNode;
-}): React.JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): React.JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): React.JSX.Element;
-declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof Command$1.Empty>): React.JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): React.JSX.Element;
-declare function CommandSeparator({ className, alwaysRender, ...props }: React.ComponentProps<typeof Command$1.Separator>): React.JSX.Element | null;
-declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof Command$1.Item>): React.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function ContextMenu({ ...props }: ContextMenu$1.Root.Props): React.JSX.Element;
-declare function ContextMenuPortal({ ...props }: ContextMenu$1.Portal.Props): React.JSX.Element;
-declare function ContextMenuTrigger({ className, ...props }: ContextMenu$1.Trigger.Props): React.JSX.Element;
-declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenu$1.Popup.Props & Pick<ContextMenu$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
-declare function ContextMenuGroup({ ...props }: ContextMenu$1.Group.Props): React.JSX.Element;
-declare function ContextMenuLabel({ className, inset, ...props }: ContextMenu$1.GroupLabel.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenu$1.Item.Props & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function ContextMenuSub({ ...props }: ContextMenu$1.SubmenuRoot.Props): React.JSX.Element;
-declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenu$1.SubmenuTrigger.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuSubContent({ ...props }: React.ComponentProps<typeof ContextMenuContent>): React.JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, inset, onCheckedChange, ...props }: ContextMenu$1.CheckboxItem.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuRadioGroup({ onValueChange, ...props }: ContextMenu$1.RadioGroup.Props): React.JSX.Element;
-declare function ContextMenuRadioItem({ className, children, inset, ...props }: ContextMenu$1.RadioItem.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: ContextMenu$1.Separator.Props): React.JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function Drawer({ modal, showSwipeHandle, snapPoints, swipeDirection, onOpenChange, onSnapPointChange, ...props }: Drawer$1.Root.Props & {
-  showSwipeHandle?: boolean;
-}): React.JSX.Element;
-declare function DrawerTrigger({ ...props }: Drawer$1.Trigger.Props): React.JSX.Element;
-declare function DrawerPortal({ ...props }: Drawer$1.Portal.Props): React.JSX.Element;
-declare function DrawerClose({ ...props }: Drawer$1.Close.Props): React.JSX.Element;
-declare function DrawerOverlay({ className, ...props }: Drawer$1.Backdrop.Props): React.JSX.Element;
-declare function DrawerSwipeHandle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DrawerContent({ className, children, ...props }: Drawer$1.Popup.Props): React.JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DrawerTitle({ className, ...props }: Drawer$1.Title.Props): React.JSX.Element;
-declare function DrawerDescription({ className, ...props }: Drawer$1.Description.Props): React.JSX.Element;
-declare function DropdownMenu({ ...props }: Menu.Root.Props): React.JSX.Element;
-declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React.JSX.Element;
-declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, inset, onCheckedChange, ...props }: Menu.CheckboxItem.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ onValueChange, ...props }: Menu.RadioGroup.Props): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
-  inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const emptyMediaVariants: (props?: ({
-  variant?: "default" | "icon" | "illustration" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface EmptyIllustrationOptions {
-  /** Outlined lines, or light tints on the faces (`il--filled`). */
-  appearance: "outlined" | "filled";
-  /** The line ramp from the ink, or from the brand (`il--brand`). The active object is always brand. */
-  lines: "ink" | "brand";
-  /** Soft tiles behind the piece: isometric (`il--floor`) or square (`il--grid`). */
-  backdrop: "none" | "floor" | "grid";
-  /** Which drawing of the piece to show (#118). */
-  projection: "isometric" | "flat";
-}
-/**
- * The options of the `EmptyMedia variant="illustration"` around an illustration, or null outside
- * one. Illustration components (`@nsaa/illustrations`) read it to pick their projection; the
- * variant classes sit on the media itself (#125).
- */
-declare function useEmptyIllustration(): EmptyIllustrationOptions | null;
-type EmptyMediaProps = React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants> & {
-  /** illustration only: 120 / 168 / 240 px. */
-  size?: "sm" | "md" | "lg";
-} & Partial<EmptyIllustrationOptions>;
-declare function EmptyMedia({ className, variant, size, appearance, lines, backdrop, projection, children, ...props }: EmptyMediaProps): React.JSX.Element;
-/** A div by default (base-nova); `render={<h2 />}` when the title heads a region. */
-declare function EmptyTitle({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function Label({ className, ...props }: React.ComponentProps<"label">): React.JSX.Element;
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React.JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
-  variant?: "legend" | "label";
-}): React.JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const fieldVariants: (props?: ({
-  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React.JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
-  children?: React.ReactNode;
-}): React.JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
-  errors?: Array<{
-    message?: string;
-  } | undefined>;
-}): React.JSX.Element | null;
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
-  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
-  type?: "button" | "submit" | "reset";
-}): React.JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
-declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
-  containerClassName?: string;
-}): React.JSX.Element;
-declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
-  index: number;
-}): React.JSX.Element;
-declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export declare function cn(...inputs: ClassValue[]): string;
-interface IconSwapProps {
-  /** Changes when the shown icon changes; the old one cross-fades out on `spring.icon`. */
-  contentKey: string;
-  /** Classes for the stack, which sets the size (e.g. `size-4`). */
-  className?: string | undefined;
-  children: ReactNode;
-}
-/**
- * Cross-fades icons in one cell: scale 0.25 → 1, opacity, blur 4 → 0 on `spring.icon`. Instant
- * after a key press (input modality, #71 (3)); an opacity fade only under reduced motion (the OS,
- * a MotionConfig or `<html data-motion>`). Nothing animates on mount.
- */
-export declare function IconSwap({ contentKey, className, children }: IconSwapProps): import("react").JSX.Element;
-type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
-  size?: "sm" | "default";
-};
-declare function NativeSelect({ className, size, ...props }: NativeSelectProps): React.JSX.Element;
-declare function NativeSelectOption({ className, ...props }: React.ComponentProps<"option">): React.JSX.Element;
-declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): React.JSX.Element;
-declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
-declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
-declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
-type PaginationLinkProps = {
-  isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
-declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
-  text?: string;
-}): React.JSX.Element;
-declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
-  text?: string;
-}): React.JSX.Element;
-declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function Popover({ ...props }: Popover$1.Root.Props): React.JSX.Element;
-declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React.JSX.Element;
-declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
-declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React.JSX.Element;
-declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React.JSX.Element;
-declare function RadioGroup({ className, onValueChange, ...props }: RadioGroup$1.Props): import("react").JSX.Element;
-declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): import("react").JSX.Element;
-declare function Select<Value, Multiple extends boolean | undefined = false>({ onValueChange, ...props }: Select$1.Root.Props<Value, Multiple>): React.JSX.Element;
-declare function SelectGroup({ className, ...props }: Select$1.Group.Props): React.JSX.Element;
-declare function SelectValue({ className, ...props }: Select$1.Value.Props): React.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
-  size?: "sm" | "default";
-}): React.JSX.Element;
-declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React.JSX.Element;
-declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React.JSX.Element;
-declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): React.JSX.Element;
-declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpArrow>): React.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownArrow>): React.JSX.Element;
-declare function Separator({ className, orientation, ...props }: Separator$1.Props): import("react").JSX.Element;
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-/**
- * What replaces a Skeleton once it loads (#128): it fades in over duration.fast (opacity only;
- * feel.css), instantly under reduced motion or after keyboard input. Render it in the Skeleton's
- * place: `{loading ? <Skeleton className="h-4 w-40" /> : <SkeletonContent>…</SkeletonContent>}`.
- */
-declare function SkeletonContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function Slider({ className, defaultValue, value, min, max, onValueCommitted, ...props }: Slider$1.Root.Props): import("react").JSX.Element;
-/**
- * The one table of interface sounds: component × event → cue (feel layer, §4). Components play
- * from here, so the map is reviewable in one place. Surfaces that aren't listed (Popover, Tooltip,
- * Command, menu open and close, Select open, Tabs, Accordion, Collapsible, inputs) are silent: opening a light surface isn't a commit,
- * and the palette is a 100+/day tool. Nothing plays on hover, load or typing.
- */
-export declare const SOUND_MAP: {
-  readonly button: {
-    readonly press: "input.press";
-  };
-  readonly checkbox: {
-    readonly on: "input.toggle-on";
-    readonly off: "input.toggle-off";
-  };
-  readonly "radio-group": {
-    readonly change: "selection.select";
-  };
-  readonly switch: {
-    readonly on: "input.toggle-on";
-    readonly off: "input.toggle-off";
-  };
-  readonly slider: {
-    readonly commit: "movement.snap";
-  };
-  readonly "input-otp": {
-    readonly invalid: "feedback.error";
-  };
-  readonly alert: {
-    readonly destructive: "feedback.error";
-  };
-  readonly dialog: {
-    readonly open: "navigation.open";
-    readonly close: "navigation.close";
-  };
-  readonly "alert-dialog": {
-    readonly open: "navigation.open";
-    readonly close: "navigation.close";
-  };
-  readonly drawer: {
-    readonly open: "navigation.open";
-    readonly close: "navigation.close";
-    readonly snap: "movement.snap";
-  };
-  readonly select: {
-    readonly choose: "selection.select";
-  };
-  readonly calendar: {
-    readonly select: "selection.select";
-  };
-  readonly combobox: {
-    readonly choose: "selection.select";
-    readonly clear: "input.press";
-    readonly "chip-remove": "input.press";
-  };
-  readonly "dropdown-menu": {
-    readonly check: "selection.select";
-  };
-  readonly "context-menu": {
-    readonly check: "selection.select";
-  };
-  readonly toast: {
-    readonly success: "feedback.success";
-    readonly warning: "feedback.warning";
-    readonly error: "feedback.error";
-  };
-};
-type SoundComponent = keyof typeof SOUND_MAP;
-interface LoaderProviderProps {
-  children: ReactNode;
-  /** Pauses every loader inside (sets `data-loader-paused`, which the play state follows). */
-  paused?: boolean | undefined;
-  /** One speed for every loader inside, in ms. */
-  duration?: number | undefined;
-  /** Default Spinner label (e.g. a translation of "Loading"). */
-  label?: string | undefined;
-}
-/**
- * Cascades the loader play state and speed to a region (`display: contents`, so it adds no box) and
- * gives its Spinners a default label.
- */
-export declare function LoaderProvider({ children, paused, duration, label }: LoaderProviderProps): import("react").JSX.Element;
-type SpinnerVariant = "arc" | "ring" | "classic" | "circular-dots" | "bouncing-dots" | "pulse" | "orbit" | "wave" | "lucide" | (string & {});
-interface SpinnerProps extends Omit<React.ComponentProps<"span">, "children"> {
-  /** A registered loader name (the featured 8 built in, more via registerLoader) or "lucide". */
-  variant?: SpinnerVariant | undefined;
-  /** A token size (xs 12, sm 14, md 16, lg 20, xl 24) or pixels. */
-  size?: LoaderSize | number | undefined;
-  /** Announced, and shown as text under reduced motion. Default: the LoaderProvider's, else "Loading". */
-  label?: string | undefined;
-  /** Wait before showing, ms (loader.delay, 150; 0 inside a control). */
-  delay?: number | undefined;
-  /** Once shown, stay at least this long after `loading` turns false, ms (loader.min-display, 500). */
-  minDisplay?: number | undefined;
-  /** Turn false to hide it, honouring `minDisplay` (unmounting it hides it at once). Default true. */
-  loading?: boolean | undefined;
-  /** One turn, ms. Default: the loader's token. */
-  duration?: number | undefined;
-  /** Hold the animation. Offscreen and hidden-tab spinners pause on their own. */
-  paused?: boolean | undefined;
-  /** Play `progress.loop` while shown; it stops when the Spinner hides or unmounts. Default false. */
-  sound?: boolean | undefined;
-}
-declare function Spinner({ variant, size, label, delay: delayProp, minDisplay, loading, duration, paused, sound, className, style, ...props }: SpinnerProps): React.JSX.Element | null;
-declare function Switch({ className, size, onCheckedChange, ...props }: Switch$1.Root.Props & {
-  size?: "sm" | "default";
-}): import("react").JSX.Element;
-declare function Table({ className, containerProps, ...props }: React.ComponentProps<"table"> & {
-  /**
-   * Props for the scrolling container (Nsaa, #123). A table wider than its box scrolls inside it,
-   * so give it `tabIndex={0}`, `role="region"` and an `aria-label` to make it reachable by keyboard.
-   */
-  containerProps?: React.ComponentProps<"div">;
-}): React.JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
-declare function Tabs({ className, orientation, ...props }: Tabs$1.Root.Props): import("react").JSX.Element;
-declare const tabsListVariants: (props?: ({
-  variant?: "default" | "line" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function TabsList({ className, variant, ...props }: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): import("react").JSX.Element;
-declare function TabsTrigger({ className, ...props }: Tabs$1.Tab.Props): import("react").JSX.Element;
-declare function TabsContent({ className, ...props }: Tabs$1.Panel.Props): import("react").JSX.Element;
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
-declare const toast: import("@base-ui/react").ToastManager<any>;
-declare function ToastProvider({ ...props }: Toast$1.Provider.Props): React.JSX.Element;
-declare function ToastPortal({ ...props }: Toast$1.Portal.Props): React.JSX.Element;
-declare function ToastViewport({ className, ...props }: Toast$1.Viewport.Props): React.JSX.Element;
-declare function Toast({ className, ...props }: Toast$1.Root.Props): React.JSX.Element;
-declare function ToastContent({ className, ...props }: Toast$1.Content.Props): React.JSX.Element;
-declare function ToastTitle({ className, ...props }: Toast$1.Title.Props): React.JSX.Element;
-declare function ToastDescription({ className, ...props }: Toast$1.Description.Props): React.JSX.Element;
-declare function ToastAction({ className, render, ...props }: Toast$1.Action.Props): React.JSX.Element;
-declare function ToastClose({ className, children, render, ...props }: Toast$1.Close.Props): React.JSX.Element;
-declare function Toaster({ children, toastManager, ...props }: Toast$1.Provider.Props): React.JSX.Element;
-declare const createToastManager: typeof Toast$1.createToastManager;
-declare const useToastManager: typeof Toast$1.useToastManager;
-/** `"never"` keeps an item visible; higher numbers collapse into the More menu first. */
-type OverflowPriority = number | "never";
-type ToolbarItemSize = "xs" | "sm" | "md" | "lg";
-/** `left` / `right` are logical: they follow the reading direction, so they mirror in RTL. */
-type ToolbarTooltipSide = "top" | "bottom" | "left" | "right";
-interface ToolbarItemTooltip {
-  /** Defaults to the `aria-label`. */
-  content?: ReactNode;
-  /** Display-only shortcut, e.g. `"mod+B"`. */
-  shortcut?: string | undefined;
-  side?: ToolbarTooltipSide | undefined;
-}
-type PressedChangeDetails = Parameters<NonNullable<ComponentPropsWithRef<typeof Toggle>["onPressedChange"]>>[1];
-interface ToolbarItemProps extends Omit<ComponentPropsWithRef<"button">, "children" | "value" | "color"> {
-  /** Icon-only when there are no children; then `aria-label` is required. */
-  icon?: ReactNode;
-  children?: ReactNode;
-  /** Controlled toggle state (`aria-pressed`). */
-  pressed?: boolean | undefined;
-  /** Called when the toggle is pressed or released; makes the item a toggle. */
-  onPressedChange?: ((pressed: boolean, details: PressedChangeDetails) => void) | undefined;
-  /** Makes it a ToggleGroup item (Base UI `Toggle` reads the group's state). */
-  value?: string | undefined;
-  /** On by default for icon-only items (shows the `aria-label`); off for text items. */
-  tooltip?: boolean | ToolbarItemTooltip | undefined;
-  /** Defaults to the Toolbar's or ToggleGroup's size. */
-  size?: ToolbarItemSize | undefined;
-}
-type ToggleGroupSize = "xs" | "sm" | "md" | "lg";
-type ToggleGroupVariant = "ghost" | "outline";
-interface BaseProps extends Omit<ComponentProps<typeof ToggleGroup$1>, "value" | "defaultValue" | "onValueChange" | "multiple"> {
-  /** Names the group for screen readers. */
-  "aria-label": string;
-  /** `outline`: items joined in one bordered track. */
-  variant?: ToggleGroupVariant | undefined;
-  /** Inherits the Toolbar's size inside one; `md` otherwise. */
-  size?: ToggleGroupSize | undefined;
-  /**
-   * Inside an `overflow="menu"` Toolbar the group moves into the More menu as one unit: radio
-   * items (single) or checkbox items (multiple), so its state survives. `"never"` keeps it.
-   */
-  overflowPriority?: OverflowPriority | undefined;
-}
-interface ToggleGroupSingleProps extends BaseProps {
-  /** `"single"` (default): one item on at a time; `"multiple"`: any number. */
-  type?: "single" | undefined;
-  /** Single: the pressed item's value, or `null` for none. Controlled. */
-  value?: string | null | undefined;
-  /** Single: the item pressed at first (uncontrolled). */
-  defaultValue?: string | null | undefined;
-  /** Single: called with the new value, `null` when the last item is switched off. */
-  onValueChange?: ((value: string | null) => void) | undefined;
-  /** The pressed item can't be switched off (alignment, view switchers). */
-  required?: boolean | undefined;
-}
-interface ToggleGroupMultipleProps extends BaseProps {
-  /** `"single"` (default): one item on at a time; `"multiple"`: any number. */
-  type: "multiple";
-  /** Multiple: the pressed items' values. Controlled. */
-  value?: string[] | undefined;
-  /** Multiple: the items pressed at first (uncontrolled). */
-  defaultValue?: string[] | undefined;
-  /** Multiple: called with the new array of pressed values. */
-  onValueChange?: ((value: string[]) => void) | undefined;
-  required?: never;
-}
-type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
-/**
- * A set of toggles where one (`type="single"`) or several (`"multiple"`) can be on, on Base UI
- * `ToggleGroup`. Inside a `Toolbar` its items join the toolbar's arrow-key navigation.
- */
-export declare function ToggleGroup(props: ToggleGroupProps): import("react").JSX.Element | null;
-export declare namespace ToggleGroup {
-  var Item: typeof ToggleGroupItem;
-}
-interface ToggleGroupItemProps extends Omit<ToolbarItemProps, "value" | "pressed" | "onPressedChange"> {
-  /** Identifies the item in the group's value. Required. */
-  value: string;
-  /** Display-only shortcut, shown in the tooltip. */
-  shortcut?: string | undefined;
-}
-/**
- * One toggle in a `ToggleGroup`: a ghost Button (#84), icon-only (with a tooltip) when it has
- * only an `icon`, a text toggle otherwise. A shortcut shows in the tooltip for both.
- */
-declare function ToggleGroupItem({ shortcut, tooltip, ...rest }: ToggleGroupItemProps): import("react").JSX.Element;
-type ToolbarSize = "xs" | "sm" | "md" | "lg";
-interface ToolbarProps extends Omit<ComponentProps<typeof Toolbar$1.Root>, "className"> {
-  /** Names the toolbar for screen readers. */
-  "aria-label": string;
-  /** Passed to every item. Default `sm`. */
-  size?: ToolbarSize | undefined;
-  /** `floating`: a raised surface for selection and bubble toolbars. */
-  surface?: "none" | "floating" | undefined;
-  /**
-   * What happens when items don't fit. `menu` (default): items move, highest `overflowPriority`
-   * first, into a trailing More menu (horizontal toolbars). `scroll`: one row that scrolls
-   * sideways with edge fades. `none`: items wrap.
-   */
-  overflow?: "menu" | "scroll" | "none" | undefined;
-  /** Accessible name of the More button. Default "More". */
-  overflowLabel?: string | undefined;
-  /** Play sounds for the items (toolbars are silent by default). */
-  sound?: boolean | undefined;
-  /** Classes for the toolbar root. */
-  className?: string | undefined;
-  children?: ReactNode;
-}
-/**
- * Groups related controls behind one Tab stop, with arrow keys, Home and End moving between items
- * (Base UI `Toolbar`). Items get the toolbar's size, swap icons instantly, change colour without
- * transitions and stay silent unless `sound` is set: a toolbar is high-frequency.
- */
-declare function ToolbarRoot({ size, surface, overflow, overflowLabel, sound, orientation, className, children, onKeyDown, ref, ...props }: ToolbarProps): import("react").JSX.Element;
-interface OverflowProps {
-  /** `"never"` keeps the item visible; higher numbers move into the More menu first. Default 0. */
-  overflowPriority?: OverflowPriority | undefined;
-}
-type ToolbarButtonProps = OverflowProps & ToolbarItemProps;
-/**
- * A ghost Button (#84): icon-only (with a tooltip) when it has only an `icon`, labelled otherwise;
- * a toggle with `pressed`. Disabled items stay focusable so people can discover them.
- */
-declare function ToolbarButton({ disabled, overflowPriority, ...props }: ToolbarButtonProps): import("react").JSX.Element | null;
-interface ToolbarLinkProps extends ComponentProps<typeof Toolbar$1.Link>, OverflowProps {
-  className?: string | undefined;
-}
-/** A link styled like a ghost toolbar item. */
-declare function ToolbarLink({ className, overflowPriority, ...props }: ToolbarLinkProps): import("react").JSX.Element | null;
-interface ToolbarGroupProps extends ComponentProps<typeof Toolbar$1.Group> {
-  /** Names the cluster (`role="group"`). */
-  "aria-label"?: string | undefined;
-  className?: string | undefined;
-}
-/** A labelled cluster of items. */
-declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps): import("react").JSX.Element;
-/** 1 px `border-default`, 60% of the item height, perpendicular to the toolbar. */
-declare function ToolbarSeparator({ className, ...props }: ComponentProps<typeof Toolbar$1.Separator>): import("react").JSX.Element | null;
-type ToolbarInputProps = ComponentProps<typeof Input>;
-/**
- * A text input in the toolbar (search, find, a URL). At most one, placed last: arrow keys move
- * the caret inside it (Base UI). The base-nova Input (#84) without its resting border; never
- * collapses.
- */
-declare function ToolbarInput({ className, ...props }: ToolbarInputProps): import("react").JSX.Element;
-export declare const Toolbar: typeof ToolbarRoot & {
-  Button: typeof ToolbarButton;
-  Input: typeof ToolbarInput;
-  Link: typeof ToolbarLink;
-  Group: typeof ToolbarGroup;
-  Separator: typeof ToolbarSeparator;
-};
-declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): import("react").JSX.Element;
-declare function Tooltip({ ...props }: Tooltip$1.Root.Props): import("react").JSX.Element;
-declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): import("react").JSX.Element;
-declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react").JSX.Element;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, type EmptyIllustrationOptions, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type IconSwapProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, type LoaderComponent, type LoaderProviderProps, NativeSelect, NativeSelectOptGroup, NativeSelectOption, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonContent, Slider, type SoundComponent, type SoundCue, type SoundPlayer, SoundProvider, type SoundProviderProps, Spinner, type SpinnerProps, type SpinnerVariant, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleGroupSize, type ToggleGroupVariant, type ToolbarButtonProps, type ToolbarGroupProps, type ToolbarInputProps, type ToolbarLinkProps, type ToolbarProps, type ToolbarSize, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createToastManager, registerLoader, registerLoaders, tabsListVariants, toast, useComboboxAnchor, useEmptyIllustration, useSound, useToastManager };
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./accordion/accordion.js";
+import "./accordion/index.js";
+import { Alert, AlertAction, AlertDescription, AlertTitle } from "./alert/alert.js";
+import "./alert/index.js";
+import { Button, buttonVariants } from "./button/button.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./alert-dialog/alert-dialog.js";
+import "./alert-dialog/index.js";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./avatar/avatar.js";
+import "./avatar/index.js";
+import { Badge, badgeVariants } from "./badge/badge.js";
+import "./badge/index.js";
+import "./button/index.js";
+import { Calendar, CalendarDayButton } from "./calendar/calendar.js";
+import "./calendar/index.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card/card.js";
+import "./card/index.js";
+import { Checkbox } from "./checkbox/checkbox.js";
+import "./checkbox/index.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/collapsible.js";
+import "./collapsible/index.js";
+import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./combobox/combobox.js";
+import "./combobox/index.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog/dialog.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./command/command.js";
+import "./command/index.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./context-menu/context-menu.js";
+import "./context-menu/index.js";
+import "./dialog/index.js";
+import { DirectionProvider } from "./direction.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger } from "./drawer/drawer.js";
+import "./drawer/index.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu/dropdown-menu.js";
+import "./dropdown-menu/index.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyIllustrationOptions, EmptyMedia, EmptyTitle, useEmptyIllustration } from "./empty/empty.js";
+import "./empty/index.js";
+import { Label } from "./label/label.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./field/field.js";
+import "./field/index.js";
+import { Input } from "./input/input.js";
+import "./input/index.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./input-group/input-group.js";
+import "./input-group/index.js";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./input-otp/input-otp.js";
+import "./input-otp/index.js";
+import { Kbd, KbdGroup } from "./kbd/kbd.js";
+import "./kbd/index.js";
+import "./label/index.js";
+import { cn } from "./lib/cn.js";
+import { IconSwap, IconSwapProps } from "./lib/icon-swap.js";
+import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./native-select/native-select.js";
+import "./native-select/index.js";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination/pagination.js";
+import "./pagination/index.js";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./popover/popover.js";
+import "./popover/index.js";
+import { RadioGroup, RadioGroupItem } from "./radio-group/radio-group.js";
+import "./radio-group/index.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select/select.js";
+import "./select/index.js";
+import { Separator } from "./separator/separator.js";
+import "./separator/index.js";
+import { Skeleton, SkeletonContent } from "./skeleton/skeleton.js";
+import "./skeleton/index.js";
+import { Slider } from "./slider/slider.js";
+import "./slider/index.js";
+import { SoundCue, SoundPlayer, SoundProvider, SoundProviderProps, useSound } from "./sound/sound.js";
+import { SOUND_MAP, SoundComponent } from "./sound/sound-map.js";
+import { LoaderProvider, LoaderProviderProps } from "./spinner/loader-provider.js";
+import { LoaderComponent, registerLoader, registerLoaders } from "./spinner/registry.js";
+import { Spinner, SpinnerProps, SpinnerVariant } from "./spinner/spinner.js";
+import "./spinner/index.js";
+import { Switch } from "./switch/switch.js";
+import "./switch/index.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table/table.js";
+import "./table/index.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./tabs/tabs.js";
+import "./tabs/index.js";
+import { Textarea } from "./textarea/textarea.js";
+import "./textarea/index.js";
+import { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, createToastManager, toast, useToastManager } from "./toast/toast.js";
+import "./toast/index.js";
+import { ToggleGroup, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleGroupSize, ToggleGroupVariant } from "./toggle-group/toggle-group.js";
+import "./toggle-group/index.js";
+import { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarInputProps, ToolbarLinkProps, ToolbarProps, ToolbarSize } from "./toolbar/toolbar.js";
+import "./toolbar/index.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip/tooltip.js";
+import "./tooltip/index.js";
+import "./lib/track-input-modality.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, type EmptyIllustrationOptions, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, IconSwap, type IconSwapProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, type LoaderComponent, LoaderProvider, type LoaderProviderProps, NativeSelect, NativeSelectOptGroup, NativeSelectOption, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, RadioGroup, RadioGroupItem, SOUND_MAP, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SkeletonContent, Slider, type SoundComponent, type SoundCue, type SoundPlayer, SoundProvider, type SoundProviderProps, Spinner, type SpinnerProps, type SpinnerVariant, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupProps, type ToggleGroupSingleProps, type ToggleGroupSize, type ToggleGroupVariant, Toolbar, type ToolbarButtonProps, type ToolbarGroupProps, type ToolbarInputProps, type ToolbarLinkProps, type ToolbarProps, type ToolbarSize, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, createToastManager, registerLoader, registerLoaders, tabsListVariants, toast, useComboboxAnchor, useEmptyIllustration, useSound, useToastManager };