@ai-matrx/design-system 0.8.0 → 0.10.0

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: {
@@ -312,9 +318,59 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
 
 declare function cn(...inputs: ClassValue[]): string;
 
+/**
+ * Collapsible — Radix's, with the one thing Radix does not ship: the open/close
+ * transition.
+ *
+ * THE ROOT RENDERS UNCONDITIONALLY — no mount gate. The matrx-frontend
+ * original carried the note that earned this line: a wrapper used to defer
+ * rendering until after hydration on the theory that "Radix generates dynamic
+ * aria-controls ids that differ between SSR and client". That was false —
+ * Radix ids come from React's SSR-stable `useId` — and the gate was actively
+ * harmful, because a Collapsible's Trigger wraps ALWAYS-VISIBLE content, so
+ * `return null` deleted it from SSR and from the first client paint.
+ *
+ * THE TRANSITION IS PACKAGE-OWNED (census row 19f, the tail of 19c). Until
+ * 0.9.0 this file was a bare re-export and the package shipped NO transition,
+ * so every consumer invented its own — and two of them invented it wrong.
+ * `matrx-collapsible.tsx` and `enhanced-collapsible.tsx` put
+ * `animate-accordion-down`/`-up` on a COLLAPSIBLE panel: those keyframes
+ * interpolate to `--radix-ACCORDION-content-height`, a variable Radix never
+ * publishes on a collapsible, so they had never animated once — silently, with
+ * no error, for as long as they existed. Six other matrx-frontend components
+ * used host-only `animate-slide-down`/`-up` keyframes that WERE keyed
+ * correctly — and worked in exactly one app in the fleet, because the
+ * keyframes lived in that app's `globals.css`. Both shapes are the same C26
+ * failure: a component whose motion depends on a contract the host has to
+ * happen to hold. `.matrx-collapsible-content` in `styles.css` ends it — keyed
+ * off Radix's runtime `--radix-collapsible-content-height`, honouring
+ * `prefers-reduced-motion`, shipped in the tarball.
+ *
+ * Nothing else here is restyled: the trigger and the panel's own padding are
+ * the host's to dress, and every fork agreed on that. Unlike `AccordionContent`
+ * this component does NOT wrap children in a padding div — collapsibles in the
+ * fleet pad their own bodies, and inserting a box would move every one of them.
+ */
+
 declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
+    /**
+     * Animate the height on open/close. Default `true`.
+     *
+     * Pass `false` for the rare panel that must not clip or must not move: the
+     * animated panel carries `overflow-hidden` (a height transition without it
+     * spills the body over whatever is below), so a panel with a child that
+     * deliberately overflows its bounds — a non-portalled popover, a sticky
+     * column header — opts out here rather than fighting the class. Opting out
+     * gives you bare Radix: instant open, no clipping, no keyframes.
+     *
+     * `prefers-reduced-motion` is NOT this prop's job; the stylesheet already
+     * drops the animation for those users while keeping the clipping.
+     */
+    animated?: boolean;
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * Command — ported verbatim from matrx-frontend `components/ui/command.tsx`.
@@ -660,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: {
@@ -899,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.
@@ -1066,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"> & {
     /**
@@ -1098,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>>;
@@ -1112,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.
@@ -1427,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>>;
 
@@ -1610,7 +1720,72 @@ 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, 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, ending on the `-50%` centring. */
+declare const MOTION_DIALOG = "matrx-motion-dialog";
+/** 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, 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, 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: {
@@ -312,9 +318,59 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
 
 declare function cn(...inputs: ClassValue[]): string;
 
+/**
+ * Collapsible — Radix's, with the one thing Radix does not ship: the open/close
+ * transition.
+ *
+ * THE ROOT RENDERS UNCONDITIONALLY — no mount gate. The matrx-frontend
+ * original carried the note that earned this line: a wrapper used to defer
+ * rendering until after hydration on the theory that "Radix generates dynamic
+ * aria-controls ids that differ between SSR and client". That was false —
+ * Radix ids come from React's SSR-stable `useId` — and the gate was actively
+ * harmful, because a Collapsible's Trigger wraps ALWAYS-VISIBLE content, so
+ * `return null` deleted it from SSR and from the first client paint.
+ *
+ * THE TRANSITION IS PACKAGE-OWNED (census row 19f, the tail of 19c). Until
+ * 0.9.0 this file was a bare re-export and the package shipped NO transition,
+ * so every consumer invented its own — and two of them invented it wrong.
+ * `matrx-collapsible.tsx` and `enhanced-collapsible.tsx` put
+ * `animate-accordion-down`/`-up` on a COLLAPSIBLE panel: those keyframes
+ * interpolate to `--radix-ACCORDION-content-height`, a variable Radix never
+ * publishes on a collapsible, so they had never animated once — silently, with
+ * no error, for as long as they existed. Six other matrx-frontend components
+ * used host-only `animate-slide-down`/`-up` keyframes that WERE keyed
+ * correctly — and worked in exactly one app in the fleet, because the
+ * keyframes lived in that app's `globals.css`. Both shapes are the same C26
+ * failure: a component whose motion depends on a contract the host has to
+ * happen to hold. `.matrx-collapsible-content` in `styles.css` ends it — keyed
+ * off Radix's runtime `--radix-collapsible-content-height`, honouring
+ * `prefers-reduced-motion`, shipped in the tarball.
+ *
+ * Nothing else here is restyled: the trigger and the panel's own padding are
+ * the host's to dress, and every fork agreed on that. Unlike `AccordionContent`
+ * this component does NOT wrap children in a padding div — collapsibles in the
+ * fleet pad their own bodies, and inserting a box would move every one of them.
+ */
+
 declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
+    /**
+     * Animate the height on open/close. Default `true`.
+     *
+     * Pass `false` for the rare panel that must not clip or must not move: the
+     * animated panel carries `overflow-hidden` (a height transition without it
+     * spills the body over whatever is below), so a panel with a child that
+     * deliberately overflows its bounds — a non-portalled popover, a sticky
+     * column header — opts out here rather than fighting the class. Opting out
+     * gives you bare Radix: instant open, no clipping, no keyframes.
+     *
+     * `prefers-reduced-motion` is NOT this prop's job; the stylesheet already
+     * drops the animation for those users while keeping the clipping.
+     */
+    animated?: boolean;
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * Command — ported verbatim from matrx-frontend `components/ui/command.tsx`.
@@ -660,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: {
@@ -899,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.
@@ -1066,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"> & {
     /**
@@ -1098,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>>;
@@ -1112,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.
@@ -1427,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>>;
 
@@ -1610,7 +1720,72 @@ 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, 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, ending on the `-50%` centring. */
+declare const MOTION_DIALOG = "matrx-motion-dialog";
+/** 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, 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, 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 };