@ai-matrx/design-system 0.7.1 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +119 -0
- package/README.md +4 -2
- package/dist/index.cjs +685 -593
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +119 -8
- package/dist/index.d.ts +119 -8
- package/dist/index.js +685 -593
- package/dist/index.js.map +1 -1
- package/dist/styles.css +76 -0
- package/package.json +2 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
2
|
import * as React from 'react';
|
|
4
3
|
import React__default, { ReactNode, ComponentType } from 'react';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
6
7
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
7
8
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
@@ -29,6 +30,66 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
|
29
30
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
30
31
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
31
32
|
|
|
33
|
+
/**
|
|
34
|
+
* Accordion — the last primitive the fleet was still standing in for.
|
|
35
|
+
*
|
|
36
|
+
* The census that motivated this file (2026-09-07, census row 19c): the growth
|
|
37
|
+
* waves collapsed Card, Table, Alert, Avatar, Progress, Collapsible, Checkbox,
|
|
38
|
+
* Slider and RadioGroup into this package, but Accordion existed nowhere in
|
|
39
|
+
* it — so `aidream/apps/workflow-studio`'s DB-authored component scope was
|
|
40
|
+
* still handing agent-authored components four dependency-free `<div>`s named
|
|
41
|
+
* Accordion / AccordionItem / AccordionTrigger / AccordionContent. A DB-
|
|
42
|
+
* authored component that asked for an accordion got four stacked divs: every
|
|
43
|
+
* section permanently open, no trigger, no keyboard, no ARIA. That is the
|
|
44
|
+
* "dead-looking screen" failure, not a styling nit.
|
|
45
|
+
*
|
|
46
|
+
* THE ROOT RENDERS UNCONDITIONALLY — no mount gate. The matrx-frontend
|
|
47
|
+
* original carried a wrapper that deferred rendering until after hydration on
|
|
48
|
+
* the theory that "Radix generates dynamic aria-controls ids that differ
|
|
49
|
+
* between SSR and client". That is false — Radix ids come from React's
|
|
50
|
+
* SSR-stable `useId` — and the gate deleted every accordion HEADER (and any
|
|
51
|
+
* defaultValue-open item) from SSR and the first client paint. Same reasoning,
|
|
52
|
+
* same verdict, as `collapsible.tsx`.
|
|
53
|
+
*
|
|
54
|
+
* Density is a PROP, exactly as on Card and Table: declared once on the root,
|
|
55
|
+
* read from context by every trigger and panel, so an accordion cannot end up
|
|
56
|
+
* with a `p-4` header above a `p-2` body.
|
|
57
|
+
*
|
|
58
|
+
* sm → py-2 trigger, pb-2 content (dense panels, inspector sidebars)
|
|
59
|
+
* md → p-4 trigger, pb-4 content (reading surfaces; the default)
|
|
60
|
+
*
|
|
61
|
+
* The open/close height transition is package-owned CSS
|
|
62
|
+
* (`.matrx-accordion-content` in `styles.css`, keyed off Radix's
|
|
63
|
+
* `--radix-accordion-content-height`). It is NOT the Tailwind
|
|
64
|
+
* `animate-accordion-down` utility the matrx-frontend fork used: that name
|
|
65
|
+
* only exists in a host `tailwind.config.js`, so a fresh consumer got a
|
|
66
|
+
* component that jumped open with no animation and no error — the exact
|
|
67
|
+
* silent-host-contract failure C26 (the styling contract) exists to stop.
|
|
68
|
+
*
|
|
69
|
+
* Colour is tokens only.
|
|
70
|
+
*/
|
|
71
|
+
|
|
72
|
+
type AccordionSize = "sm" | "md";
|
|
73
|
+
/** The density the nearest enclosing `<Accordion>` declared. `md` outside one. */
|
|
74
|
+
declare function useAccordionSize(): AccordionSize;
|
|
75
|
+
type AccordionRootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
|
|
76
|
+
/** Density for this accordion and every section inside it. Default `md`. */
|
|
77
|
+
size?: AccordionSize;
|
|
78
|
+
};
|
|
79
|
+
type AccordionProps = AccordionRootProps;
|
|
80
|
+
declare const Accordion: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
81
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
82
|
+
interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
|
|
83
|
+
/**
|
|
84
|
+
* Controls rendered on the trigger row, before the chevron (a count badge, a
|
|
85
|
+
* status pill). They live INSIDE the button, so keep them non-interactive —
|
|
86
|
+
* a nested button is invalid HTML and swallows the toggle.
|
|
87
|
+
*/
|
|
88
|
+
rightElements?: React.ReactNode;
|
|
89
|
+
}
|
|
90
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
91
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
92
|
+
|
|
32
93
|
declare const badgeVariants: (props?: ({
|
|
33
94
|
variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "error" | "neutral" | null | undefined;
|
|
34
95
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -159,8 +220,8 @@ declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialo
|
|
|
159
220
|
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
160
221
|
|
|
161
222
|
declare const buttonVariants: (props?: ({
|
|
162
|
-
variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "
|
|
163
|
-
size?: "
|
|
223
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "primary" | "ghost" | "subtle" | null | undefined;
|
|
224
|
+
size?: "sm" | "md" | "default" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
|
|
164
225
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
165
226
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
166
227
|
asChild?: boolean;
|
|
@@ -251,9 +312,59 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
|
|
|
251
312
|
|
|
252
313
|
declare function cn(...inputs: ClassValue[]): string;
|
|
253
314
|
|
|
315
|
+
/**
|
|
316
|
+
* Collapsible — Radix's, with the one thing Radix does not ship: the open/close
|
|
317
|
+
* transition.
|
|
318
|
+
*
|
|
319
|
+
* THE ROOT RENDERS UNCONDITIONALLY — no mount gate. The matrx-frontend
|
|
320
|
+
* original carried the note that earned this line: a wrapper used to defer
|
|
321
|
+
* rendering until after hydration on the theory that "Radix generates dynamic
|
|
322
|
+
* aria-controls ids that differ between SSR and client". That was false —
|
|
323
|
+
* Radix ids come from React's SSR-stable `useId` — and the gate was actively
|
|
324
|
+
* harmful, because a Collapsible's Trigger wraps ALWAYS-VISIBLE content, so
|
|
325
|
+
* `return null` deleted it from SSR and from the first client paint.
|
|
326
|
+
*
|
|
327
|
+
* THE TRANSITION IS PACKAGE-OWNED (census row 19f, the tail of 19c). Until
|
|
328
|
+
* 0.9.0 this file was a bare re-export and the package shipped NO transition,
|
|
329
|
+
* so every consumer invented its own — and two of them invented it wrong.
|
|
330
|
+
* `matrx-collapsible.tsx` and `enhanced-collapsible.tsx` put
|
|
331
|
+
* `animate-accordion-down`/`-up` on a COLLAPSIBLE panel: those keyframes
|
|
332
|
+
* interpolate to `--radix-ACCORDION-content-height`, a variable Radix never
|
|
333
|
+
* publishes on a collapsible, so they had never animated once — silently, with
|
|
334
|
+
* no error, for as long as they existed. Six other matrx-frontend components
|
|
335
|
+
* used host-only `animate-slide-down`/`-up` keyframes that WERE keyed
|
|
336
|
+
* correctly — and worked in exactly one app in the fleet, because the
|
|
337
|
+
* keyframes lived in that app's `globals.css`. Both shapes are the same C26
|
|
338
|
+
* failure: a component whose motion depends on a contract the host has to
|
|
339
|
+
* happen to hold. `.matrx-collapsible-content` in `styles.css` ends it — keyed
|
|
340
|
+
* off Radix's runtime `--radix-collapsible-content-height`, honouring
|
|
341
|
+
* `prefers-reduced-motion`, shipped in the tarball.
|
|
342
|
+
*
|
|
343
|
+
* Nothing else here is restyled: the trigger and the panel's own padding are
|
|
344
|
+
* the host's to dress, and every fork agreed on that. Unlike `AccordionContent`
|
|
345
|
+
* this component does NOT wrap children in a padding div — collapsibles in the
|
|
346
|
+
* fleet pad their own bodies, and inserting a box would move every one of them.
|
|
347
|
+
*/
|
|
348
|
+
|
|
254
349
|
declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
255
350
|
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
256
|
-
|
|
351
|
+
interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
|
|
352
|
+
/**
|
|
353
|
+
* Animate the height on open/close. Default `true`.
|
|
354
|
+
*
|
|
355
|
+
* Pass `false` for the rare panel that must not clip or must not move: the
|
|
356
|
+
* animated panel carries `overflow-hidden` (a height transition without it
|
|
357
|
+
* spills the body over whatever is below), so a panel with a child that
|
|
358
|
+
* deliberately overflows its bounds — a non-portalled popover, a sticky
|
|
359
|
+
* column header — opts out here rather than fighting the class. Opting out
|
|
360
|
+
* gives you bare Radix: instant open, no clipping, no keyframes.
|
|
361
|
+
*
|
|
362
|
+
* `prefers-reduced-motion` is NOT this prop's job; the stylesheet already
|
|
363
|
+
* drops the animation for those users while keeping the clipping.
|
|
364
|
+
*/
|
|
365
|
+
animated?: boolean;
|
|
366
|
+
}
|
|
367
|
+
declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
257
368
|
|
|
258
369
|
/**
|
|
259
370
|
* Command — ported verbatim from matrx-frontend `components/ui/command.tsx`.
|
|
@@ -997,7 +1108,7 @@ declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
|
997
1108
|
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
998
1109
|
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
999
1110
|
declare const selectTriggerVariants: (props?: ({
|
|
1000
|
-
size?: "
|
|
1111
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
1001
1112
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1002
1113
|
interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
|
|
1003
1114
|
hideArrow?: boolean;
|
|
@@ -1485,7 +1596,7 @@ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAtt
|
|
|
1485
1596
|
|
|
1486
1597
|
declare const toggleVariants: (props?: ({
|
|
1487
1598
|
variant?: "default" | "outline" | null | undefined;
|
|
1488
|
-
size?: "
|
|
1599
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
1489
1600
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1490
1601
|
interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
|
|
1491
1602
|
}
|
|
@@ -1552,4 +1663,4 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
|
|
|
1552
1663
|
}
|
|
1553
1664
|
declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
1554
1665
|
|
|
1555
|
-
export { 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, useCardSize, useDialogContainer, useDrawerDirection, useIsMobile, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
|
|
1666
|
+
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
2
|
import * as React from 'react';
|
|
4
3
|
import React__default, { ReactNode, ComponentType } from 'react';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
6
7
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
7
8
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
@@ -29,6 +30,66 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
|
29
30
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
30
31
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
31
32
|
|
|
33
|
+
/**
|
|
34
|
+
* Accordion — the last primitive the fleet was still standing in for.
|
|
35
|
+
*
|
|
36
|
+
* The census that motivated this file (2026-09-07, census row 19c): the growth
|
|
37
|
+
* waves collapsed Card, Table, Alert, Avatar, Progress, Collapsible, Checkbox,
|
|
38
|
+
* Slider and RadioGroup into this package, but Accordion existed nowhere in
|
|
39
|
+
* it — so `aidream/apps/workflow-studio`'s DB-authored component scope was
|
|
40
|
+
* still handing agent-authored components four dependency-free `<div>`s named
|
|
41
|
+
* Accordion / AccordionItem / AccordionTrigger / AccordionContent. A DB-
|
|
42
|
+
* authored component that asked for an accordion got four stacked divs: every
|
|
43
|
+
* section permanently open, no trigger, no keyboard, no ARIA. That is the
|
|
44
|
+
* "dead-looking screen" failure, not a styling nit.
|
|
45
|
+
*
|
|
46
|
+
* THE ROOT RENDERS UNCONDITIONALLY — no mount gate. The matrx-frontend
|
|
47
|
+
* original carried a wrapper that deferred rendering until after hydration on
|
|
48
|
+
* the theory that "Radix generates dynamic aria-controls ids that differ
|
|
49
|
+
* between SSR and client". That is false — Radix ids come from React's
|
|
50
|
+
* SSR-stable `useId` — and the gate deleted every accordion HEADER (and any
|
|
51
|
+
* defaultValue-open item) from SSR and the first client paint. Same reasoning,
|
|
52
|
+
* same verdict, as `collapsible.tsx`.
|
|
53
|
+
*
|
|
54
|
+
* Density is a PROP, exactly as on Card and Table: declared once on the root,
|
|
55
|
+
* read from context by every trigger and panel, so an accordion cannot end up
|
|
56
|
+
* with a `p-4` header above a `p-2` body.
|
|
57
|
+
*
|
|
58
|
+
* sm → py-2 trigger, pb-2 content (dense panels, inspector sidebars)
|
|
59
|
+
* md → p-4 trigger, pb-4 content (reading surfaces; the default)
|
|
60
|
+
*
|
|
61
|
+
* The open/close height transition is package-owned CSS
|
|
62
|
+
* (`.matrx-accordion-content` in `styles.css`, keyed off Radix's
|
|
63
|
+
* `--radix-accordion-content-height`). It is NOT the Tailwind
|
|
64
|
+
* `animate-accordion-down` utility the matrx-frontend fork used: that name
|
|
65
|
+
* only exists in a host `tailwind.config.js`, so a fresh consumer got a
|
|
66
|
+
* component that jumped open with no animation and no error — the exact
|
|
67
|
+
* silent-host-contract failure C26 (the styling contract) exists to stop.
|
|
68
|
+
*
|
|
69
|
+
* Colour is tokens only.
|
|
70
|
+
*/
|
|
71
|
+
|
|
72
|
+
type AccordionSize = "sm" | "md";
|
|
73
|
+
/** The density the nearest enclosing `<Accordion>` declared. `md` outside one. */
|
|
74
|
+
declare function useAccordionSize(): AccordionSize;
|
|
75
|
+
type AccordionRootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
|
|
76
|
+
/** Density for this accordion and every section inside it. Default `md`. */
|
|
77
|
+
size?: AccordionSize;
|
|
78
|
+
};
|
|
79
|
+
type AccordionProps = AccordionRootProps;
|
|
80
|
+
declare const Accordion: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
81
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
82
|
+
interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
|
|
83
|
+
/**
|
|
84
|
+
* Controls rendered on the trigger row, before the chevron (a count badge, a
|
|
85
|
+
* status pill). They live INSIDE the button, so keep them non-interactive —
|
|
86
|
+
* a nested button is invalid HTML and swallows the toggle.
|
|
87
|
+
*/
|
|
88
|
+
rightElements?: React.ReactNode;
|
|
89
|
+
}
|
|
90
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
91
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
92
|
+
|
|
32
93
|
declare const badgeVariants: (props?: ({
|
|
33
94
|
variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "error" | "neutral" | null | undefined;
|
|
34
95
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -159,8 +220,8 @@ declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialo
|
|
|
159
220
|
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
160
221
|
|
|
161
222
|
declare const buttonVariants: (props?: ({
|
|
162
|
-
variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "
|
|
163
|
-
size?: "
|
|
223
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "primary" | "ghost" | "subtle" | null | undefined;
|
|
224
|
+
size?: "sm" | "md" | "default" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
|
|
164
225
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
165
226
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
166
227
|
asChild?: boolean;
|
|
@@ -251,9 +312,59 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
|
|
|
251
312
|
|
|
252
313
|
declare function cn(...inputs: ClassValue[]): string;
|
|
253
314
|
|
|
315
|
+
/**
|
|
316
|
+
* Collapsible — Radix's, with the one thing Radix does not ship: the open/close
|
|
317
|
+
* transition.
|
|
318
|
+
*
|
|
319
|
+
* THE ROOT RENDERS UNCONDITIONALLY — no mount gate. The matrx-frontend
|
|
320
|
+
* original carried the note that earned this line: a wrapper used to defer
|
|
321
|
+
* rendering until after hydration on the theory that "Radix generates dynamic
|
|
322
|
+
* aria-controls ids that differ between SSR and client". That was false —
|
|
323
|
+
* Radix ids come from React's SSR-stable `useId` — and the gate was actively
|
|
324
|
+
* harmful, because a Collapsible's Trigger wraps ALWAYS-VISIBLE content, so
|
|
325
|
+
* `return null` deleted it from SSR and from the first client paint.
|
|
326
|
+
*
|
|
327
|
+
* THE TRANSITION IS PACKAGE-OWNED (census row 19f, the tail of 19c). Until
|
|
328
|
+
* 0.9.0 this file was a bare re-export and the package shipped NO transition,
|
|
329
|
+
* so every consumer invented its own — and two of them invented it wrong.
|
|
330
|
+
* `matrx-collapsible.tsx` and `enhanced-collapsible.tsx` put
|
|
331
|
+
* `animate-accordion-down`/`-up` on a COLLAPSIBLE panel: those keyframes
|
|
332
|
+
* interpolate to `--radix-ACCORDION-content-height`, a variable Radix never
|
|
333
|
+
* publishes on a collapsible, so they had never animated once — silently, with
|
|
334
|
+
* no error, for as long as they existed. Six other matrx-frontend components
|
|
335
|
+
* used host-only `animate-slide-down`/`-up` keyframes that WERE keyed
|
|
336
|
+
* correctly — and worked in exactly one app in the fleet, because the
|
|
337
|
+
* keyframes lived in that app's `globals.css`. Both shapes are the same C26
|
|
338
|
+
* failure: a component whose motion depends on a contract the host has to
|
|
339
|
+
* happen to hold. `.matrx-collapsible-content` in `styles.css` ends it — keyed
|
|
340
|
+
* off Radix's runtime `--radix-collapsible-content-height`, honouring
|
|
341
|
+
* `prefers-reduced-motion`, shipped in the tarball.
|
|
342
|
+
*
|
|
343
|
+
* Nothing else here is restyled: the trigger and the panel's own padding are
|
|
344
|
+
* the host's to dress, and every fork agreed on that. Unlike `AccordionContent`
|
|
345
|
+
* this component does NOT wrap children in a padding div — collapsibles in the
|
|
346
|
+
* fleet pad their own bodies, and inserting a box would move every one of them.
|
|
347
|
+
*/
|
|
348
|
+
|
|
254
349
|
declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
255
350
|
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
256
|
-
|
|
351
|
+
interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
|
|
352
|
+
/**
|
|
353
|
+
* Animate the height on open/close. Default `true`.
|
|
354
|
+
*
|
|
355
|
+
* Pass `false` for the rare panel that must not clip or must not move: the
|
|
356
|
+
* animated panel carries `overflow-hidden` (a height transition without it
|
|
357
|
+
* spills the body over whatever is below), so a panel with a child that
|
|
358
|
+
* deliberately overflows its bounds — a non-portalled popover, a sticky
|
|
359
|
+
* column header — opts out here rather than fighting the class. Opting out
|
|
360
|
+
* gives you bare Radix: instant open, no clipping, no keyframes.
|
|
361
|
+
*
|
|
362
|
+
* `prefers-reduced-motion` is NOT this prop's job; the stylesheet already
|
|
363
|
+
* drops the animation for those users while keeping the clipping.
|
|
364
|
+
*/
|
|
365
|
+
animated?: boolean;
|
|
366
|
+
}
|
|
367
|
+
declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
257
368
|
|
|
258
369
|
/**
|
|
259
370
|
* Command — ported verbatim from matrx-frontend `components/ui/command.tsx`.
|
|
@@ -997,7 +1108,7 @@ declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
|
997
1108
|
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
998
1109
|
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
999
1110
|
declare const selectTriggerVariants: (props?: ({
|
|
1000
|
-
size?: "
|
|
1111
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
1001
1112
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1002
1113
|
interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
|
|
1003
1114
|
hideArrow?: boolean;
|
|
@@ -1485,7 +1596,7 @@ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAtt
|
|
|
1485
1596
|
|
|
1486
1597
|
declare const toggleVariants: (props?: ({
|
|
1487
1598
|
variant?: "default" | "outline" | null | undefined;
|
|
1488
|
-
size?: "
|
|
1599
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
1489
1600
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1490
1601
|
interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
|
|
1491
1602
|
}
|
|
@@ -1552,4 +1663,4 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
|
|
|
1552
1663
|
}
|
|
1553
1664
|
declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
1554
1665
|
|
|
1555
|
-
export { 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, useCardSize, useDialogContainer, useDrawerDirection, useIsMobile, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
|
|
1666
|
+
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 };
|