@ai-matrx/design-system 0.9.0 → 0.10.1

package/dist/index.d.cts

@@ -205,6 +205,12 @@ declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Alert
 interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
     /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
@@ -710,6 +716,12 @@ interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof Dialo
     showCloseButton?: boolean;
     /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
@@ -949,9 +961,18 @@ declare function OverflowToolbar({ actions, leading, overflowAriaLabel, classNam
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
-} & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly — a picker re-anchoring while the user
+     * types, a measurement pass. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * Progress — a determinate bar.
@@ -1116,9 +1137,17 @@ interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof Selec
 declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+    /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
-} & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     /**
@@ -1148,6 +1177,13 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof Dialog
     hideOverlay?: boolean;
     /** Optional className for the overlay when shown. */
     overlayClassName?: string;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a panel
+     * that must appear instantly — a persistent side rail toggled by a keyboard
+     * shortcut, say. It is NOT the reduced-motion switch; `styles.css` already
+     * honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
@@ -1162,11 +1198,28 @@ declare const SheetFooter: {
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 
 /**
- * Skeleton — ported verbatim from matrx-frontend `components/ui/skeleton.tsx`.
- * No seams: pure markup over host semantic tokens.
+ * Skeleton — the "content is coming" placeholder.
+ *
+ * Ported from matrx-frontend `components/ui/skeleton.tsx`; no seams, pure
+ * markup over semantic tokens. ONE change from the original (0.10.0): the
+ * breathing loop is `.matrx-pulse`, a package-owned keyframe, not Tailwind's
+ * `animate-pulse`. A Skeleton that does not pulse is indistinguishable from an
+ * empty grey box — it stops saying "loading" and starts saying "nothing here"
+ * — so the motion is part of the component's meaning and ships with it (see
+ * `styles.css` § THE MOTION LAYER).
  */
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Package-owned pulse. Default `true`. Pass `false` for a static
+     * placeholder — a print/PDF render, or a screenshot fixture where the
+     * animation makes the output non-deterministic. `prefers-reduced-motion`
+     * already SLOWS the pulse rather than stopping it (a still skeleton would
+     * lose the information), so this is not the accessibility switch.
+     */
+    animated?: boolean;
+}
+declare function Skeleton({ className, animated, ...props }: SkeletonProps): React.JSX.Element;
 
 /**
  * Switch — Radix switch, one implementation, two sizes.
@@ -1477,6 +1530,13 @@ declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimiti
 interface HoverCardContentProps extends React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> {
     /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly — a picker re-anchoring while the user
+     * types, a measurement pass. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const HoverCardContent: React.ForwardRefExoticComponent<HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -1660,7 +1720,100 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
      * value. Pass `null` to force `document.body`.
      */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, Label, MOBILE_BREAKPOINT, OverflowToolbar, type OverflowToolbarProps, type PickerIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, badgeVariants, buttonVariants, cn, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useIsMobile, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
+/**
+ * THE MOTION CONTRACT (0.10.0) — the class names every animated surface in
+ * this package puts on the DOM, in ONE place.
+ *
+ * Why a module and not ten inline strings: the sweep that produced this file
+ * found the same defect ten times over, and it was invisible each time
+ * because each primitive spelled its animation out by hand. Ten hand-written
+ * copies of `data-[state=open]:animate-in data-[state=closed]:animate-out
+ * data-[state=closed]:fade-out-0 …` meant ten chances to reach for a utility
+ * nothing in the package defines — which is exactly what happened. A single
+ * exported constant per motion SHAPE means the next primitive cannot invent
+ * an eleventh spelling, and `styles.test.ts` can prove every one of them
+ * resolves to a rule in the shipped stylesheet.
+ *
+ * Every rule these name lives in `styles.css` under the package's own
+ * keyframes. NONE of them is a Tailwind utility, and none requires a host
+ * plugin — see that file's header for the measurement that made this
+ * necessary.
+ */
+/** Modal scrims: Dialog, AlertDialog, Sheet, CommandDialog. Fade only. */
+declare const MOTION_OVERLAY = "matrx-motion-overlay";
+/** The centred dialog card. Fades and scales; centring is not its business. */
+declare const MOTION_DIALOG = "matrx-motion-dialog";
+/**
+ * THE CENTRING OF A CENTRED DIALOG CARD — package-owned, in the `translate`
+ * property, and NEVER a Tailwind `translate-x-[-50%] translate-y-[-50%]` pair.
+ *
+ * Those utilities do not compile to the same thing in every host: Tailwind v3
+ * writes them into `transform`, Tailwind v4 writes them into the independent
+ * `translate` property, which COMPOSES with `transform` instead of being
+ * replaced by it. 0.10.0's keyframes restated the centring inside `transform`,
+ * which was harmless on v3 and doubled the centring on v4 — the card flew in
+ * from off the top-left of the viewport for the animation's whole duration and
+ * snapped into place at the end (fixed in 0.10.1).
+ *
+ * Owning it here means one spelling that reads the same on both, and it frees
+ * `transform` so the keyframes carry ONLY the delta. Put this on every centred
+ * surface UNCONDITIONALLY — it is geometry, so unlike {@link MOTION_DIALOG} it
+ * must survive `animated={false}`. Its rule ships in `styles.css`.
+ */
+declare const CENTERED_DIALOG = "matrx-dialog-centered";
+/**
+ * The resting gap between a `popper`-positioned surface and its trigger, for
+ * the primitives that want one (today: `Select`). Same law and same reason as
+ * {@link CENTERED_DIALOG} — a position an animated surface holds AT REST is
+ * the `translate` property's job, never a Tailwind translate utility, because
+ * those land in `transform` on a v3 host and in `translate` on a v4 one while
+ * the keyframes animate `transform` either way. Sizes from
+ * `--matrx-popper-offset`; keys off Radix's `data-side`.
+ */
+declare const POPPER_OFFSET = "matrx-popper-offset";
+/** The mobile Dialog / CommandDialog bottom sheet. Slides up and fades. */
+declare const MOTION_BOTTOM_SHEET = "matrx-motion-bottom-sheet";
+/**
+ * Radix-popper surfaces: Popover, DropdownMenu, ContextMenu, HoverCard,
+ * Select, Tooltip. Reads `--radix-popper-transform-origin` so the surface
+ * grows out of its trigger, and `data-side` so it travels from it.
+ */
+declare const MOTION_POPPER = "matrx-motion-popper";
+/** Edge sheets, one class per `sheetVariants` side. */
+declare const MOTION_SHEET: {
+    readonly top: "matrx-motion-sheet-top";
+    readonly bottom: "matrx-motion-sheet-bottom";
+    readonly left: "matrx-motion-sheet-left";
+    readonly right: "matrx-motion-sheet-right";
+    readonly center: "matrx-motion-sheet-center";
+};
+/** Skeleton's breathing loop. */
+declare const MOTION_PULSE = "matrx-pulse";
+/** The spinner loop, for every inline busy indicator in the package. */
+declare const MOTION_SPIN = "matrx-spin";
+/**
+ * Every motion class the package ships, for the guards. If a rule for one of
+ * these is missing from `styles.css`, a component animates in no consumer and
+ * says nothing about it — the C26 failure this list exists to make loud.
+ */
+declare const ALL_MOTION_CLASSES: readonly ["matrx-motion-overlay", "matrx-motion-dialog", "matrx-motion-bottom-sheet", "matrx-motion-popper", ...("matrx-motion-sheet-top" | "matrx-motion-sheet-bottom" | "matrx-motion-sheet-left" | "matrx-motion-sheet-right" | "matrx-motion-sheet-center")[], "matrx-pulse", "matrx-spin"];
+/**
+ * The host-plugin utilities this package is forbidden to emit. They are
+ * supplied by `tailwindcss-animate` / `tw-animate-css`, which is a HOST CSS
+ * entry concern a package cannot declare a dependency on: three of the four
+ * AI Matrx consumers never loaded it, so every surface wearing these appeared
+ * with no animation and no error. `styles.test.ts` fails the build if one
+ * comes back.
+ */
+declare const FORBIDDEN_HOST_MOTION_UTILITIES: readonly ["animate-in", "animate-out", "fade-in", "fade-out", "zoom-in", "zoom-out", "slide-in-from", "slide-out-to", "animate-accordion", "animate-slide-down", "animate-slide-up", "animate-pulse", "animate-spin"];
+
+export { ALL_MOTION_CLASSES, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, FORBIDDEN_HOST_MOTION_UTILITIES, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, Label, MOBILE_BREAKPOINT, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, badgeVariants, buttonVariants, cn, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useIsMobile, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };

package/dist/index.d.ts

@@ -205,6 +205,12 @@ declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Alert
 interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
     /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
@@ -710,6 +716,12 @@ interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof Dialo
     showCloseButton?: boolean;
     /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
@@ -949,9 +961,18 @@ declare function OverflowToolbar({ actions, leading, overflowAriaLabel, classNam
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
-} & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly — a picker re-anchoring while the user
+     * types, a measurement pass. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * Progress — a determinate bar.
@@ -1116,9 +1137,17 @@ interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof Selec
 declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+    /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
-} & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     /**
@@ -1148,6 +1177,13 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof Dialog
     hideOverlay?: boolean;
     /** Optional className for the overlay when shown. */
     overlayClassName?: string;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a panel
+     * that must appear instantly — a persistent side rail toggled by a keyboard
+     * shortcut, say. It is NOT the reduced-motion switch; `styles.css` already
+     * honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
@@ -1162,11 +1198,28 @@ declare const SheetFooter: {
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 
 /**
- * Skeleton — ported verbatim from matrx-frontend `components/ui/skeleton.tsx`.
- * No seams: pure markup over host semantic tokens.
+ * Skeleton — the "content is coming" placeholder.
+ *
+ * Ported from matrx-frontend `components/ui/skeleton.tsx`; no seams, pure
+ * markup over semantic tokens. ONE change from the original (0.10.0): the
+ * breathing loop is `.matrx-pulse`, a package-owned keyframe, not Tailwind's
+ * `animate-pulse`. A Skeleton that does not pulse is indistinguishable from an
+ * empty grey box — it stops saying "loading" and starts saying "nothing here"
+ * — so the motion is part of the component's meaning and ships with it (see
+ * `styles.css` § THE MOTION LAYER).
  */
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Package-owned pulse. Default `true`. Pass `false` for a static
+     * placeholder — a print/PDF render, or a screenshot fixture where the
+     * animation makes the output non-deterministic. `prefers-reduced-motion`
+     * already SLOWS the pulse rather than stopping it (a still skeleton would
+     * lose the information), so this is not the accessibility switch.
+     */
+    animated?: boolean;
+}
+declare function Skeleton({ className, animated, ...props }: SkeletonProps): React.JSX.Element;
 
 /**
  * Switch — Radix switch, one implementation, two sizes.
@@ -1477,6 +1530,13 @@ declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimiti
 interface HoverCardContentProps extends React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> {
     /** Explicit portal target; wins over the injected container. */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly — a picker re-anchoring while the user
+     * types, a measurement pass. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const HoverCardContent: React.ForwardRefExoticComponent<HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -1660,7 +1720,100 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
      * value. Pass `null` to force `document.body`.
      */
     container?: HTMLElement | null;
+    /**
+     * Package-owned open/close motion. Default `true`. Pass `false` for a
+     * surface that must appear instantly. It is NOT the reduced-motion switch;
+     * `styles.css` already honours `prefers-reduced-motion`.
+     */
+    animated?: boolean;
 }
 declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, Label, MOBILE_BREAKPOINT, OverflowToolbar, type OverflowToolbarProps, type PickerIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, badgeVariants, buttonVariants, cn, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useIsMobile, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
+/**
+ * THE MOTION CONTRACT (0.10.0) — the class names every animated surface in
+ * this package puts on the DOM, in ONE place.
+ *
+ * Why a module and not ten inline strings: the sweep that produced this file
+ * found the same defect ten times over, and it was invisible each time
+ * because each primitive spelled its animation out by hand. Ten hand-written
+ * copies of `data-[state=open]:animate-in data-[state=closed]:animate-out
+ * data-[state=closed]:fade-out-0 …` meant ten chances to reach for a utility
+ * nothing in the package defines — which is exactly what happened. A single
+ * exported constant per motion SHAPE means the next primitive cannot invent
+ * an eleventh spelling, and `styles.test.ts` can prove every one of them
+ * resolves to a rule in the shipped stylesheet.
+ *
+ * Every rule these name lives in `styles.css` under the package's own
+ * keyframes. NONE of them is a Tailwind utility, and none requires a host
+ * plugin — see that file's header for the measurement that made this
+ * necessary.
+ */
+/** Modal scrims: Dialog, AlertDialog, Sheet, CommandDialog. Fade only. */
+declare const MOTION_OVERLAY = "matrx-motion-overlay";
+/** The centred dialog card. Fades and scales; centring is not its business. */
+declare const MOTION_DIALOG = "matrx-motion-dialog";
+/**
+ * THE CENTRING OF A CENTRED DIALOG CARD — package-owned, in the `translate`
+ * property, and NEVER a Tailwind `translate-x-[-50%] translate-y-[-50%]` pair.
+ *
+ * Those utilities do not compile to the same thing in every host: Tailwind v3
+ * writes them into `transform`, Tailwind v4 writes them into the independent
+ * `translate` property, which COMPOSES with `transform` instead of being
+ * replaced by it. 0.10.0's keyframes restated the centring inside `transform`,
+ * which was harmless on v3 and doubled the centring on v4 — the card flew in
+ * from off the top-left of the viewport for the animation's whole duration and
+ * snapped into place at the end (fixed in 0.10.1).
+ *
+ * Owning it here means one spelling that reads the same on both, and it frees
+ * `transform` so the keyframes carry ONLY the delta. Put this on every centred
+ * surface UNCONDITIONALLY — it is geometry, so unlike {@link MOTION_DIALOG} it
+ * must survive `animated={false}`. Its rule ships in `styles.css`.
+ */
+declare const CENTERED_DIALOG = "matrx-dialog-centered";
+/**
+ * The resting gap between a `popper`-positioned surface and its trigger, for
+ * the primitives that want one (today: `Select`). Same law and same reason as
+ * {@link CENTERED_DIALOG} — a position an animated surface holds AT REST is
+ * the `translate` property's job, never a Tailwind translate utility, because
+ * those land in `transform` on a v3 host and in `translate` on a v4 one while
+ * the keyframes animate `transform` either way. Sizes from
+ * `--matrx-popper-offset`; keys off Radix's `data-side`.
+ */
+declare const POPPER_OFFSET = "matrx-popper-offset";
+/** The mobile Dialog / CommandDialog bottom sheet. Slides up and fades. */
+declare const MOTION_BOTTOM_SHEET = "matrx-motion-bottom-sheet";
+/**
+ * Radix-popper surfaces: Popover, DropdownMenu, ContextMenu, HoverCard,
+ * Select, Tooltip. Reads `--radix-popper-transform-origin` so the surface
+ * grows out of its trigger, and `data-side` so it travels from it.
+ */
+declare const MOTION_POPPER = "matrx-motion-popper";
+/** Edge sheets, one class per `sheetVariants` side. */
+declare const MOTION_SHEET: {
+    readonly top: "matrx-motion-sheet-top";
+    readonly bottom: "matrx-motion-sheet-bottom";
+    readonly left: "matrx-motion-sheet-left";
+    readonly right: "matrx-motion-sheet-right";
+    readonly center: "matrx-motion-sheet-center";
+};
+/** Skeleton's breathing loop. */
+declare const MOTION_PULSE = "matrx-pulse";
+/** The spinner loop, for every inline busy indicator in the package. */
+declare const MOTION_SPIN = "matrx-spin";
+/**
+ * Every motion class the package ships, for the guards. If a rule for one of
+ * these is missing from `styles.css`, a component animates in no consumer and
+ * says nothing about it — the C26 failure this list exists to make loud.
+ */
+declare const ALL_MOTION_CLASSES: readonly ["matrx-motion-overlay", "matrx-motion-dialog", "matrx-motion-bottom-sheet", "matrx-motion-popper", ...("matrx-motion-sheet-top" | "matrx-motion-sheet-bottom" | "matrx-motion-sheet-left" | "matrx-motion-sheet-right" | "matrx-motion-sheet-center")[], "matrx-pulse", "matrx-spin"];
+/**
+ * The host-plugin utilities this package is forbidden to emit. They are
+ * supplied by `tailwindcss-animate` / `tw-animate-css`, which is a HOST CSS
+ * entry concern a package cannot declare a dependency on: three of the four
+ * AI Matrx consumers never loaded it, so every surface wearing these appeared
+ * with no animation and no error. `styles.test.ts` fails the build if one
+ * comes back.
+ */
+declare const FORBIDDEN_HOST_MOTION_UTILITIES: readonly ["animate-in", "animate-out", "fade-in", "fade-out", "zoom-in", "zoom-out", "slide-in-from", "slide-out-to", "animate-accordion", "animate-slide-down", "animate-slide-up", "animate-pulse", "animate-spin"];
+
+export { ALL_MOTION_CLASSES, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, FORBIDDEN_HOST_MOTION_UTILITIES, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, Label, MOBILE_BREAKPOINT, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, badgeVariants, buttonVariants, cn, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useIsMobile, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };