@particle-academy/react-fancy 2.5.0 → 2.7.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/dist/{diagram.serializers-OK4HP7AB.js → diagram.serializers-6RPUO46U.js} +11 -11
- package/dist/diagram.serializers-6RPUO46U.js.map +1 -0
- package/dist/index.cjs +315 -36
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +197 -3
- package/dist/index.d.ts +197 -3
- package/dist/index.js +304 -31
- package/dist/index.js.map +1 -1
- package/docs/AccordionPanel.md +135 -0
- package/package.json +1 -1
- package/dist/diagram.serializers-OK4HP7AB.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -53,6 +53,188 @@ interface ActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "col
|
|
|
53
53
|
|
|
54
54
|
declare const Action: react.ForwardRefExoticComponent<ActionProps & react.RefAttributes<HTMLButtonElement>>;
|
|
55
55
|
|
|
56
|
+
type AccordionOrientation = "horizontal" | "vertical";
|
|
57
|
+
/**
|
|
58
|
+
* Render-prop or static node accepted by Trigger.children — lets the
|
|
59
|
+
* caller branch rendering on the section state.
|
|
60
|
+
*/
|
|
61
|
+
type SectionRenderable = ReactNode | ((state: SectionRenderState) => ReactNode);
|
|
62
|
+
interface SectionRenderState {
|
|
63
|
+
/** Section's id */
|
|
64
|
+
id: string;
|
|
65
|
+
/** True when the section is currently open */
|
|
66
|
+
open: boolean;
|
|
67
|
+
/** Direction the panel is laid out in */
|
|
68
|
+
orientation: AccordionOrientation;
|
|
69
|
+
/** Toggle this section open/closed */
|
|
70
|
+
toggle: () => void;
|
|
71
|
+
}
|
|
72
|
+
interface AccordionPanelProps {
|
|
73
|
+
/** Layout direction. Horizontal for menus/toolbars, vertical for sidebars/panels. */
|
|
74
|
+
orientation?: AccordionOrientation;
|
|
75
|
+
/** Controlled list of open section ids */
|
|
76
|
+
value?: string[];
|
|
77
|
+
/** Default open section ids (uncontrolled) */
|
|
78
|
+
defaultValue?: string[];
|
|
79
|
+
/** Fires whenever the open set changes */
|
|
80
|
+
onValueChange?: (open: string[]) => void;
|
|
81
|
+
/** Optional class on the root container */
|
|
82
|
+
className?: string;
|
|
83
|
+
children: ReactNode;
|
|
84
|
+
}
|
|
85
|
+
interface AccordionPanelSectionProps {
|
|
86
|
+
/** Stable id used for open-state tracking */
|
|
87
|
+
id: string;
|
|
88
|
+
/**
|
|
89
|
+
* Pinned sections never collapse. Useful for an "anchor" item like a
|
|
90
|
+
* Home button at the start of a menu.
|
|
91
|
+
*/
|
|
92
|
+
pinned?: boolean;
|
|
93
|
+
/** Class on the section's outer container */
|
|
94
|
+
className?: string;
|
|
95
|
+
/** Class applied only when the section is open */
|
|
96
|
+
openClassName?: string;
|
|
97
|
+
/** Class applied only when the section is collapsed */
|
|
98
|
+
closedClassName?: string;
|
|
99
|
+
/**
|
|
100
|
+
* Skip the default flex layout (items-center + gap-1 + flex-row/col).
|
|
101
|
+
* Use this for full-bleed panel sections that need their children
|
|
102
|
+
* to stretch (e.g. a chat sidebar where the trigger should fill
|
|
103
|
+
* full panel height). The data attributes, section context, and
|
|
104
|
+
* conditional render of children stay in place.
|
|
105
|
+
*/
|
|
106
|
+
unstyled?: boolean;
|
|
107
|
+
/**
|
|
108
|
+
* Children. Compose with `<AccordionPanel.Trigger>` and
|
|
109
|
+
* `<AccordionPanel.Content>` — Trigger always renders, Content only
|
|
110
|
+
* renders when the section is open.
|
|
111
|
+
*/
|
|
112
|
+
children: ReactNode;
|
|
113
|
+
}
|
|
114
|
+
interface AccordionPanelTriggerProps {
|
|
115
|
+
/**
|
|
116
|
+
* Custom render. Receives section state — `{ open, toggle, ... }`. If
|
|
117
|
+
* omitted, the default chevron-divider is rendered.
|
|
118
|
+
*/
|
|
119
|
+
children?: SectionRenderable;
|
|
120
|
+
/** Class on the trigger element */
|
|
121
|
+
className?: string;
|
|
122
|
+
/** Aria label override (default: "Toggle section") */
|
|
123
|
+
"aria-label"?: string;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* One collapsible section inside an AccordionPanel.
|
|
128
|
+
*
|
|
129
|
+
* Compose with `<AccordionPanel.Trigger>` and `<AccordionPanel.Content>`
|
|
130
|
+
* children — Content renders only when open, Trigger always renders and
|
|
131
|
+
* adapts its look by state. Children that are not Trigger/Content are
|
|
132
|
+
* rendered as-is, regardless of state, so static decorations stay put.
|
|
133
|
+
*
|
|
134
|
+
* Pinned sections never collapse and don't need a Trigger.
|
|
135
|
+
*/
|
|
136
|
+
declare function AccordionPanelSection({ id, pinned, className, openClassName, closedClassName, unstyled, children, }: AccordionPanelSectionProps): react_jsx_runtime.JSX.Element;
|
|
137
|
+
declare namespace AccordionPanelSection {
|
|
138
|
+
var displayName: string;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* Trigger for an AccordionPanel.Section.
|
|
143
|
+
*
|
|
144
|
+
* Has two visual roles, picked automatically from section state:
|
|
145
|
+
*
|
|
146
|
+
* - When the section is OPEN: renders as a thin divider on the section's
|
|
147
|
+
* trailing edge. Hovering reveals an inset chevron pointing toward the
|
|
148
|
+
* section so the user knows clicking will collapse it.
|
|
149
|
+
*
|
|
150
|
+
* - When the section is CLOSED: renders as a standalone chevron button
|
|
151
|
+
* in place of the section content. Clicking re-expands the section.
|
|
152
|
+
*
|
|
153
|
+
* Supply `children` (node or render-prop) to fully replace the default
|
|
154
|
+
* rendering. The render-prop receives `{ open, toggle, orientation, id }`.
|
|
155
|
+
*/
|
|
156
|
+
declare function AccordionPanelTrigger({ children, className, "aria-label": ariaLabel, }: AccordionPanelTriggerProps): react_jsx_runtime.JSX.Element;
|
|
157
|
+
declare namespace AccordionPanelTrigger {
|
|
158
|
+
var displayName: string;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
interface AccordionPanelContentProps {
|
|
162
|
+
children: ReactNode;
|
|
163
|
+
className?: string;
|
|
164
|
+
/**
|
|
165
|
+
* Skip the default flex-row/flex-col + items-center + gap classes so the
|
|
166
|
+
* consumer can lay out the open-state content however they want (e.g. a
|
|
167
|
+
* full-height chat panel with header/scroll/input rows). The
|
|
168
|
+
* `data-react-fancy-accordion-content` attribute and conditional render
|
|
169
|
+
* (only when the section is open) are kept.
|
|
170
|
+
*/
|
|
171
|
+
unstyled?: boolean;
|
|
172
|
+
}
|
|
173
|
+
/**
|
|
174
|
+
* Wrapper for the open-state content of a Section. Renders its children
|
|
175
|
+
* only when the parent Section is open; returns `null` otherwise.
|
|
176
|
+
*
|
|
177
|
+
* Use this so siblings of `<AccordionPanel.Trigger>` inside a section can
|
|
178
|
+
* cleanly toggle in/out of the DOM.
|
|
179
|
+
*
|
|
180
|
+
* The default styling assumes an inline cluster — flex row (horizontal
|
|
181
|
+
* orientation) or column (vertical), centered, with a small gap. For panel
|
|
182
|
+
* use cases where the content needs full-bleed layout (chat panes, canvas
|
|
183
|
+
* surfaces, etc.), pass `unstyled` and supply your own className.
|
|
184
|
+
*/
|
|
185
|
+
declare function AccordionPanelContent({ children, className, unstyled, }: AccordionPanelContentProps): react_jsx_runtime.JSX.Element | null;
|
|
186
|
+
declare namespace AccordionPanelContent {
|
|
187
|
+
var displayName: string;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/**
|
|
191
|
+
* Horizontal or vertical accordion of collapsible sections.
|
|
192
|
+
*
|
|
193
|
+
* Use the compound parts:
|
|
194
|
+
* <AccordionPanel orientation="horizontal" defaultValue={["wishlist"]}>
|
|
195
|
+
* <AccordionPanel.Section id="home" pinned>
|
|
196
|
+
* <Action icon="home" />
|
|
197
|
+
* </AccordionPanel.Section>
|
|
198
|
+
* <AccordionPanel.Section id="wishlist">
|
|
199
|
+
* <Action icon="list">Wishlist</Action>
|
|
200
|
+
* </AccordionPanel.Section>
|
|
201
|
+
* </AccordionPanel>
|
|
202
|
+
*
|
|
203
|
+
* Each non-pinned section renders a trigger (default chevron-divider) that
|
|
204
|
+
* collapses/expands. Pass a custom `trigger` prop on a Section, or use the
|
|
205
|
+
* exported `AccordionPanel.Trigger` directly to compose your own.
|
|
206
|
+
*/
|
|
207
|
+
declare function AccordionPanelRoot({ orientation, value: controlledValue, defaultValue, onValueChange, className, children, }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
|
|
208
|
+
declare namespace AccordionPanelRoot {
|
|
209
|
+
var displayName: string;
|
|
210
|
+
}
|
|
211
|
+
type AccordionPanelType = typeof AccordionPanelRoot & {
|
|
212
|
+
Section: typeof AccordionPanelSection;
|
|
213
|
+
Trigger: typeof AccordionPanelTrigger;
|
|
214
|
+
Content: typeof AccordionPanelContent;
|
|
215
|
+
};
|
|
216
|
+
declare const AccordionPanel: AccordionPanelType;
|
|
217
|
+
|
|
218
|
+
interface AccordionPanelContextValue {
|
|
219
|
+
orientation: AccordionOrientation;
|
|
220
|
+
isOpen: (id: string) => boolean;
|
|
221
|
+
toggle: (id: string) => void;
|
|
222
|
+
open: (id: string) => void;
|
|
223
|
+
close: (id: string) => void;
|
|
224
|
+
/** Ordered list of all section ids registered in this panel */
|
|
225
|
+
sectionIds: string[];
|
|
226
|
+
registerSection: (id: string) => () => void;
|
|
227
|
+
}
|
|
228
|
+
declare function useAccordionPanel(): AccordionPanelContextValue;
|
|
229
|
+
interface AccordionSectionContextValue {
|
|
230
|
+
id: string;
|
|
231
|
+
open: boolean;
|
|
232
|
+
pinned: boolean;
|
|
233
|
+
orientation: AccordionOrientation;
|
|
234
|
+
toggle: () => void;
|
|
235
|
+
}
|
|
236
|
+
declare function useAccordionSection(): AccordionSectionContextValue;
|
|
237
|
+
|
|
56
238
|
interface FieldProps {
|
|
57
239
|
label?: string;
|
|
58
240
|
description?: string;
|
|
@@ -1887,19 +2069,31 @@ interface KanbanColumnProps {
|
|
|
1887
2069
|
id: string;
|
|
1888
2070
|
title?: string;
|
|
1889
2071
|
className?: string;
|
|
2072
|
+
/**
|
|
2073
|
+
* Skip the column's default visuals (background, padding, min-height, fixed
|
|
2074
|
+
* width) so the consumer can render their own surface around the children.
|
|
2075
|
+
* Drop-target behaviour, drag-over ring, and column id wiring are kept.
|
|
2076
|
+
*/
|
|
2077
|
+
unstyled?: boolean;
|
|
1890
2078
|
}
|
|
1891
2079
|
interface KanbanCardProps {
|
|
1892
2080
|
children: ReactNode;
|
|
1893
2081
|
id: string;
|
|
1894
2082
|
className?: string;
|
|
2083
|
+
/**
|
|
2084
|
+
* Skip the card's default visuals (border, padding, shadow, hover styles).
|
|
2085
|
+
* Drag handlers and the `draggable` attribute remain so a consumer can
|
|
2086
|
+
* wrap their own Card / Surface inside.
|
|
2087
|
+
*/
|
|
2088
|
+
unstyled?: boolean;
|
|
1895
2089
|
}
|
|
1896
2090
|
|
|
1897
|
-
declare function KanbanColumn({ children, id, title, className, }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
|
|
2091
|
+
declare function KanbanColumn({ children, id, title, className, unstyled, }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
|
|
1898
2092
|
declare namespace KanbanColumn {
|
|
1899
2093
|
var displayName: string;
|
|
1900
2094
|
}
|
|
1901
2095
|
|
|
1902
|
-
declare function KanbanCard({ children, id, className }: KanbanCardProps): react_jsx_runtime.JSX.Element;
|
|
2096
|
+
declare function KanbanCard({ children, id, className, unstyled }: KanbanCardProps): react_jsx_runtime.JSX.Element;
|
|
1903
2097
|
declare namespace KanbanCard {
|
|
1904
2098
|
var displayName: string;
|
|
1905
2099
|
}
|
|
@@ -2322,4 +2516,4 @@ declare function useAnimation({ open, enterClass, exitClass, }: UseAnimationOpti
|
|
|
2322
2516
|
|
|
2323
2517
|
declare function useId(prefix?: string): string;
|
|
2324
2518
|
|
|
2325
|
-
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, SKIN_TONES, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, type SkinTone, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, TreeNav, type TreeNavContextValue, type TreeNavProps, type TreeNodeData, type TreeNodeProps, type Variant, type ViewportState, applyTone, cn, configureIcons, find, hasSkinTones, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
2519
|
+
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionOrientation, AccordionPanel, AccordionPanelContent, type AccordionPanelContentProps, type AccordionPanelProps, AccordionPanelSection, type AccordionPanelSectionProps, AccordionPanelTrigger, type AccordionPanelTriggerProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, SKIN_TONES, type SectionRenderState, type SectionRenderable, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, type SkinTone, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, TreeNav, type TreeNavContextValue, type TreeNavProps, type TreeNodeData, type TreeNodeProps, type Variant, type ViewportState, applyTone, cn, configureIcons, find, hasSkinTones, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
package/dist/index.d.ts
CHANGED
|
@@ -53,6 +53,188 @@ interface ActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "col
|
|
|
53
53
|
|
|
54
54
|
declare const Action: react.ForwardRefExoticComponent<ActionProps & react.RefAttributes<HTMLButtonElement>>;
|
|
55
55
|
|
|
56
|
+
type AccordionOrientation = "horizontal" | "vertical";
|
|
57
|
+
/**
|
|
58
|
+
* Render-prop or static node accepted by Trigger.children — lets the
|
|
59
|
+
* caller branch rendering on the section state.
|
|
60
|
+
*/
|
|
61
|
+
type SectionRenderable = ReactNode | ((state: SectionRenderState) => ReactNode);
|
|
62
|
+
interface SectionRenderState {
|
|
63
|
+
/** Section's id */
|
|
64
|
+
id: string;
|
|
65
|
+
/** True when the section is currently open */
|
|
66
|
+
open: boolean;
|
|
67
|
+
/** Direction the panel is laid out in */
|
|
68
|
+
orientation: AccordionOrientation;
|
|
69
|
+
/** Toggle this section open/closed */
|
|
70
|
+
toggle: () => void;
|
|
71
|
+
}
|
|
72
|
+
interface AccordionPanelProps {
|
|
73
|
+
/** Layout direction. Horizontal for menus/toolbars, vertical for sidebars/panels. */
|
|
74
|
+
orientation?: AccordionOrientation;
|
|
75
|
+
/** Controlled list of open section ids */
|
|
76
|
+
value?: string[];
|
|
77
|
+
/** Default open section ids (uncontrolled) */
|
|
78
|
+
defaultValue?: string[];
|
|
79
|
+
/** Fires whenever the open set changes */
|
|
80
|
+
onValueChange?: (open: string[]) => void;
|
|
81
|
+
/** Optional class on the root container */
|
|
82
|
+
className?: string;
|
|
83
|
+
children: ReactNode;
|
|
84
|
+
}
|
|
85
|
+
interface AccordionPanelSectionProps {
|
|
86
|
+
/** Stable id used for open-state tracking */
|
|
87
|
+
id: string;
|
|
88
|
+
/**
|
|
89
|
+
* Pinned sections never collapse. Useful for an "anchor" item like a
|
|
90
|
+
* Home button at the start of a menu.
|
|
91
|
+
*/
|
|
92
|
+
pinned?: boolean;
|
|
93
|
+
/** Class on the section's outer container */
|
|
94
|
+
className?: string;
|
|
95
|
+
/** Class applied only when the section is open */
|
|
96
|
+
openClassName?: string;
|
|
97
|
+
/** Class applied only when the section is collapsed */
|
|
98
|
+
closedClassName?: string;
|
|
99
|
+
/**
|
|
100
|
+
* Skip the default flex layout (items-center + gap-1 + flex-row/col).
|
|
101
|
+
* Use this for full-bleed panel sections that need their children
|
|
102
|
+
* to stretch (e.g. a chat sidebar where the trigger should fill
|
|
103
|
+
* full panel height). The data attributes, section context, and
|
|
104
|
+
* conditional render of children stay in place.
|
|
105
|
+
*/
|
|
106
|
+
unstyled?: boolean;
|
|
107
|
+
/**
|
|
108
|
+
* Children. Compose with `<AccordionPanel.Trigger>` and
|
|
109
|
+
* `<AccordionPanel.Content>` — Trigger always renders, Content only
|
|
110
|
+
* renders when the section is open.
|
|
111
|
+
*/
|
|
112
|
+
children: ReactNode;
|
|
113
|
+
}
|
|
114
|
+
interface AccordionPanelTriggerProps {
|
|
115
|
+
/**
|
|
116
|
+
* Custom render. Receives section state — `{ open, toggle, ... }`. If
|
|
117
|
+
* omitted, the default chevron-divider is rendered.
|
|
118
|
+
*/
|
|
119
|
+
children?: SectionRenderable;
|
|
120
|
+
/** Class on the trigger element */
|
|
121
|
+
className?: string;
|
|
122
|
+
/** Aria label override (default: "Toggle section") */
|
|
123
|
+
"aria-label"?: string;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* One collapsible section inside an AccordionPanel.
|
|
128
|
+
*
|
|
129
|
+
* Compose with `<AccordionPanel.Trigger>` and `<AccordionPanel.Content>`
|
|
130
|
+
* children — Content renders only when open, Trigger always renders and
|
|
131
|
+
* adapts its look by state. Children that are not Trigger/Content are
|
|
132
|
+
* rendered as-is, regardless of state, so static decorations stay put.
|
|
133
|
+
*
|
|
134
|
+
* Pinned sections never collapse and don't need a Trigger.
|
|
135
|
+
*/
|
|
136
|
+
declare function AccordionPanelSection({ id, pinned, className, openClassName, closedClassName, unstyled, children, }: AccordionPanelSectionProps): react_jsx_runtime.JSX.Element;
|
|
137
|
+
declare namespace AccordionPanelSection {
|
|
138
|
+
var displayName: string;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* Trigger for an AccordionPanel.Section.
|
|
143
|
+
*
|
|
144
|
+
* Has two visual roles, picked automatically from section state:
|
|
145
|
+
*
|
|
146
|
+
* - When the section is OPEN: renders as a thin divider on the section's
|
|
147
|
+
* trailing edge. Hovering reveals an inset chevron pointing toward the
|
|
148
|
+
* section so the user knows clicking will collapse it.
|
|
149
|
+
*
|
|
150
|
+
* - When the section is CLOSED: renders as a standalone chevron button
|
|
151
|
+
* in place of the section content. Clicking re-expands the section.
|
|
152
|
+
*
|
|
153
|
+
* Supply `children` (node or render-prop) to fully replace the default
|
|
154
|
+
* rendering. The render-prop receives `{ open, toggle, orientation, id }`.
|
|
155
|
+
*/
|
|
156
|
+
declare function AccordionPanelTrigger({ children, className, "aria-label": ariaLabel, }: AccordionPanelTriggerProps): react_jsx_runtime.JSX.Element;
|
|
157
|
+
declare namespace AccordionPanelTrigger {
|
|
158
|
+
var displayName: string;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
interface AccordionPanelContentProps {
|
|
162
|
+
children: ReactNode;
|
|
163
|
+
className?: string;
|
|
164
|
+
/**
|
|
165
|
+
* Skip the default flex-row/flex-col + items-center + gap classes so the
|
|
166
|
+
* consumer can lay out the open-state content however they want (e.g. a
|
|
167
|
+
* full-height chat panel with header/scroll/input rows). The
|
|
168
|
+
* `data-react-fancy-accordion-content` attribute and conditional render
|
|
169
|
+
* (only when the section is open) are kept.
|
|
170
|
+
*/
|
|
171
|
+
unstyled?: boolean;
|
|
172
|
+
}
|
|
173
|
+
/**
|
|
174
|
+
* Wrapper for the open-state content of a Section. Renders its children
|
|
175
|
+
* only when the parent Section is open; returns `null` otherwise.
|
|
176
|
+
*
|
|
177
|
+
* Use this so siblings of `<AccordionPanel.Trigger>` inside a section can
|
|
178
|
+
* cleanly toggle in/out of the DOM.
|
|
179
|
+
*
|
|
180
|
+
* The default styling assumes an inline cluster — flex row (horizontal
|
|
181
|
+
* orientation) or column (vertical), centered, with a small gap. For panel
|
|
182
|
+
* use cases where the content needs full-bleed layout (chat panes, canvas
|
|
183
|
+
* surfaces, etc.), pass `unstyled` and supply your own className.
|
|
184
|
+
*/
|
|
185
|
+
declare function AccordionPanelContent({ children, className, unstyled, }: AccordionPanelContentProps): react_jsx_runtime.JSX.Element | null;
|
|
186
|
+
declare namespace AccordionPanelContent {
|
|
187
|
+
var displayName: string;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/**
|
|
191
|
+
* Horizontal or vertical accordion of collapsible sections.
|
|
192
|
+
*
|
|
193
|
+
* Use the compound parts:
|
|
194
|
+
* <AccordionPanel orientation="horizontal" defaultValue={["wishlist"]}>
|
|
195
|
+
* <AccordionPanel.Section id="home" pinned>
|
|
196
|
+
* <Action icon="home" />
|
|
197
|
+
* </AccordionPanel.Section>
|
|
198
|
+
* <AccordionPanel.Section id="wishlist">
|
|
199
|
+
* <Action icon="list">Wishlist</Action>
|
|
200
|
+
* </AccordionPanel.Section>
|
|
201
|
+
* </AccordionPanel>
|
|
202
|
+
*
|
|
203
|
+
* Each non-pinned section renders a trigger (default chevron-divider) that
|
|
204
|
+
* collapses/expands. Pass a custom `trigger` prop on a Section, or use the
|
|
205
|
+
* exported `AccordionPanel.Trigger` directly to compose your own.
|
|
206
|
+
*/
|
|
207
|
+
declare function AccordionPanelRoot({ orientation, value: controlledValue, defaultValue, onValueChange, className, children, }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
|
|
208
|
+
declare namespace AccordionPanelRoot {
|
|
209
|
+
var displayName: string;
|
|
210
|
+
}
|
|
211
|
+
type AccordionPanelType = typeof AccordionPanelRoot & {
|
|
212
|
+
Section: typeof AccordionPanelSection;
|
|
213
|
+
Trigger: typeof AccordionPanelTrigger;
|
|
214
|
+
Content: typeof AccordionPanelContent;
|
|
215
|
+
};
|
|
216
|
+
declare const AccordionPanel: AccordionPanelType;
|
|
217
|
+
|
|
218
|
+
interface AccordionPanelContextValue {
|
|
219
|
+
orientation: AccordionOrientation;
|
|
220
|
+
isOpen: (id: string) => boolean;
|
|
221
|
+
toggle: (id: string) => void;
|
|
222
|
+
open: (id: string) => void;
|
|
223
|
+
close: (id: string) => void;
|
|
224
|
+
/** Ordered list of all section ids registered in this panel */
|
|
225
|
+
sectionIds: string[];
|
|
226
|
+
registerSection: (id: string) => () => void;
|
|
227
|
+
}
|
|
228
|
+
declare function useAccordionPanel(): AccordionPanelContextValue;
|
|
229
|
+
interface AccordionSectionContextValue {
|
|
230
|
+
id: string;
|
|
231
|
+
open: boolean;
|
|
232
|
+
pinned: boolean;
|
|
233
|
+
orientation: AccordionOrientation;
|
|
234
|
+
toggle: () => void;
|
|
235
|
+
}
|
|
236
|
+
declare function useAccordionSection(): AccordionSectionContextValue;
|
|
237
|
+
|
|
56
238
|
interface FieldProps {
|
|
57
239
|
label?: string;
|
|
58
240
|
description?: string;
|
|
@@ -1887,19 +2069,31 @@ interface KanbanColumnProps {
|
|
|
1887
2069
|
id: string;
|
|
1888
2070
|
title?: string;
|
|
1889
2071
|
className?: string;
|
|
2072
|
+
/**
|
|
2073
|
+
* Skip the column's default visuals (background, padding, min-height, fixed
|
|
2074
|
+
* width) so the consumer can render their own surface around the children.
|
|
2075
|
+
* Drop-target behaviour, drag-over ring, and column id wiring are kept.
|
|
2076
|
+
*/
|
|
2077
|
+
unstyled?: boolean;
|
|
1890
2078
|
}
|
|
1891
2079
|
interface KanbanCardProps {
|
|
1892
2080
|
children: ReactNode;
|
|
1893
2081
|
id: string;
|
|
1894
2082
|
className?: string;
|
|
2083
|
+
/**
|
|
2084
|
+
* Skip the card's default visuals (border, padding, shadow, hover styles).
|
|
2085
|
+
* Drag handlers and the `draggable` attribute remain so a consumer can
|
|
2086
|
+
* wrap their own Card / Surface inside.
|
|
2087
|
+
*/
|
|
2088
|
+
unstyled?: boolean;
|
|
1895
2089
|
}
|
|
1896
2090
|
|
|
1897
|
-
declare function KanbanColumn({ children, id, title, className, }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
|
|
2091
|
+
declare function KanbanColumn({ children, id, title, className, unstyled, }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
|
|
1898
2092
|
declare namespace KanbanColumn {
|
|
1899
2093
|
var displayName: string;
|
|
1900
2094
|
}
|
|
1901
2095
|
|
|
1902
|
-
declare function KanbanCard({ children, id, className }: KanbanCardProps): react_jsx_runtime.JSX.Element;
|
|
2096
|
+
declare function KanbanCard({ children, id, className, unstyled }: KanbanCardProps): react_jsx_runtime.JSX.Element;
|
|
1903
2097
|
declare namespace KanbanCard {
|
|
1904
2098
|
var displayName: string;
|
|
1905
2099
|
}
|
|
@@ -2322,4 +2516,4 @@ declare function useAnimation({ open, enterClass, exitClass, }: UseAnimationOpti
|
|
|
2322
2516
|
|
|
2323
2517
|
declare function useId(prefix?: string): string;
|
|
2324
2518
|
|
|
2325
|
-
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, SKIN_TONES, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, type SkinTone, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, TreeNav, type TreeNavContextValue, type TreeNavProps, type TreeNodeData, type TreeNodeProps, type Variant, type ViewportState, applyTone, cn, configureIcons, find, hasSkinTones, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
2519
|
+
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionOrientation, AccordionPanel, AccordionPanelContent, type AccordionPanelContentProps, type AccordionPanelProps, AccordionPanelSection, type AccordionPanelSectionProps, AccordionPanelTrigger, type AccordionPanelTriggerProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, SKIN_TONES, type SectionRenderState, type SectionRenderable, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, type SkinTone, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, TreeNav, type TreeNavContextValue, type TreeNavProps, type TreeNodeData, type TreeNodeProps, type Variant, type ViewportState, applyTone, cn, configureIcons, find, hasSkinTones, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|