@particle-academy/react-fancy 4.4.6 → 4.5.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/index.cjs +303 -21
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +96 -5
- package/dist/index.d.ts +96 -5
- package/dist/index.js +299 -22
- package/dist/index.js.map +1 -1
- package/dist/styles.css +27 -0
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
|
|
2
|
+
import { ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
|
|
5
5
|
type Size = "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -59,6 +59,12 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "col
|
|
|
59
59
|
disabled?: boolean;
|
|
60
60
|
/** Render as anchor tag */
|
|
61
61
|
href?: string;
|
|
62
|
+
/** Anchor `target` — only applies in `href` (anchor) mode. */
|
|
63
|
+
target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
|
|
64
|
+
/** Anchor `rel` — only applies in `href` (anchor) mode. */
|
|
65
|
+
rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
|
|
66
|
+
/** Anchor `download` — only applies in `href` (anchor) mode. */
|
|
67
|
+
download?: AnchorHTMLAttributes<HTMLAnchorElement>["download"];
|
|
62
68
|
/**
|
|
63
69
|
* Collapse to icon-only when squeezed — injects the minimal Tailwind classes
|
|
64
70
|
* (`sr-only sm:not-sr-only`) onto the label so it stays screen-reader
|
|
@@ -289,6 +295,14 @@ type InputOptionGroup<V = string> = {
|
|
|
289
295
|
label: string;
|
|
290
296
|
options: InputOption<V>[];
|
|
291
297
|
};
|
|
298
|
+
/**
|
|
299
|
+
* Edit vs. read-only display. In `"view"` mode an input renders the bound value
|
|
300
|
+
* as static text instead of an interactive control — the React/Inertia analog of
|
|
301
|
+
* Livewire's public/bindable properties. Declared here (rather than in `mode/`)
|
|
302
|
+
* to keep `InputBaseProps` free of an import cycle. Resolved per input via
|
|
303
|
+
* {@link useFieldMode}: explicit prop → `<Form>`/`<FormProvider>` context → `"edit"`.
|
|
304
|
+
*/
|
|
305
|
+
type FieldMode = "edit" | "view";
|
|
292
306
|
interface InputBaseProps {
|
|
293
307
|
size?: Size;
|
|
294
308
|
dirty?: boolean;
|
|
@@ -300,6 +314,8 @@ interface InputBaseProps {
|
|
|
300
314
|
className?: string;
|
|
301
315
|
id?: string;
|
|
302
316
|
name?: string;
|
|
317
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. Overrides the `<Form mode>` context. */
|
|
318
|
+
mode?: FieldMode;
|
|
303
319
|
}
|
|
304
320
|
type AffixPosition = "inside" | "outside";
|
|
305
321
|
interface InputAffixProps {
|
|
@@ -380,7 +396,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
380
396
|
orientation?: "horizontal" | "vertical";
|
|
381
397
|
}
|
|
382
398
|
|
|
383
|
-
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: CheckboxGroupProps<V>): react.JSX.Element;
|
|
399
|
+
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, }: CheckboxGroupProps<V>): react.JSX.Element;
|
|
384
400
|
declare namespace CheckboxGroup {
|
|
385
401
|
var displayName: string;
|
|
386
402
|
}
|
|
@@ -393,7 +409,7 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
393
409
|
orientation?: "horizontal" | "vertical";
|
|
394
410
|
}
|
|
395
411
|
|
|
396
|
-
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: RadioGroupProps<V>): react.JSX.Element;
|
|
412
|
+
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, }: RadioGroupProps<V>): react.JSX.Element;
|
|
397
413
|
declare namespace RadioGroup {
|
|
398
414
|
var displayName: string;
|
|
399
415
|
}
|
|
@@ -444,7 +460,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
|
|
|
444
460
|
linear?: boolean;
|
|
445
461
|
}
|
|
446
462
|
|
|
447
|
-
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, }: MultiSwitchProps<V>): react.JSX.Element;
|
|
463
|
+
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, }: MultiSwitchProps<V>): react.JSX.Element;
|
|
448
464
|
declare namespace MultiSwitch {
|
|
449
465
|
var displayName: string;
|
|
450
466
|
}
|
|
@@ -470,6 +486,67 @@ type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
|
470
486
|
|
|
471
487
|
declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
|
|
472
488
|
|
|
489
|
+
interface FormProviderProps {
|
|
490
|
+
/** `"edit"` (default) or `"view"` — applied to every input below that doesn't override it. */
|
|
491
|
+
mode?: FieldMode;
|
|
492
|
+
children?: ReactNode;
|
|
493
|
+
}
|
|
494
|
+
interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
|
|
495
|
+
/** `"edit"` (default) or `"view"` — applied to every input inside. */
|
|
496
|
+
mode?: FieldMode;
|
|
497
|
+
}
|
|
498
|
+
/**
|
|
499
|
+
* Provide a form-wide {@link FieldMode} to every Fancy input below — flip a
|
|
500
|
+
* whole form from editable to read-only display in one place. Pure context, no
|
|
501
|
+
* DOM (use it to wrap a filter bar or any tree that isn't a `<form>`).
|
|
502
|
+
*/
|
|
503
|
+
declare function FormProvider({ mode, children }: FormProviderProps): react.JSX.Element;
|
|
504
|
+
/**
|
|
505
|
+
* A real `<form>` that also broadcasts a form-wide {@link FieldMode} to the
|
|
506
|
+
* inputs inside it (sugar over {@link FormProvider}). Per-input `mode` props
|
|
507
|
+
* still override this.
|
|
508
|
+
*/
|
|
509
|
+
declare function Form({ mode, children, ...formProps }: FormProps): react.JSX.Element;
|
|
510
|
+
|
|
511
|
+
interface DisplayValueProps {
|
|
512
|
+
/** The formatted value to show. Empty / null / undefined renders `empty`. */
|
|
513
|
+
children?: ReactNode;
|
|
514
|
+
size?: Size;
|
|
515
|
+
/** Static adornment rendered before the value (mirrors an input's `leading`/`prefix`). */
|
|
516
|
+
leading?: ReactNode;
|
|
517
|
+
/** Static adornment rendered after the value (mirrors an input's `trailing`/`suffix`). */
|
|
518
|
+
trailing?: ReactNode;
|
|
519
|
+
/** Shown when the value is empty. Default `—`. */
|
|
520
|
+
empty?: ReactNode;
|
|
521
|
+
className?: string;
|
|
522
|
+
}
|
|
523
|
+
/**
|
|
524
|
+
* The read-only counterpart to an `<input>`. Renders a non-interactive value
|
|
525
|
+
* with the same size rhythm as the editable control (reusing
|
|
526
|
+
* {@link inputSizeClasses}) but without the border / background / focus ring —
|
|
527
|
+
* view text should read as text, not a disabled box. Dropped into the SAME
|
|
528
|
+
* `Field` wrapper the editable control uses, so label / description / error
|
|
529
|
+
* chrome stays byte-identical between edit and view.
|
|
530
|
+
*
|
|
531
|
+
* Carries `data-react-fancy-display` / `data-mode="view"` stable handles so
|
|
532
|
+
* agents and tests can locate rendered values (Human+ contract).
|
|
533
|
+
*/
|
|
534
|
+
declare function DisplayValue({ children, size, leading, trailing, empty, className, }: DisplayValueProps): react.JSX.Element;
|
|
535
|
+
|
|
536
|
+
interface FieldModeContextValue {
|
|
537
|
+
mode: FieldMode;
|
|
538
|
+
}
|
|
539
|
+
declare const FieldModeContext: react.Context<FieldModeContextValue | null>;
|
|
540
|
+
/**
|
|
541
|
+
* Resolve the effective mode for an input. Precedence: an explicit prop wins,
|
|
542
|
+
* then the nearest `<Form>` / `<FormProvider>` context, then `"edit"`.
|
|
543
|
+
*
|
|
544
|
+
* Deliberately tolerant (returns `"edit"` outside any provider) — unlike a slot
|
|
545
|
+
* guard — so every input works standalone with zero context and existing call
|
|
546
|
+
* sites behave identically.
|
|
547
|
+
*/
|
|
548
|
+
declare function useFieldMode(explicit?: FieldMode): FieldMode;
|
|
549
|
+
|
|
473
550
|
type CarouselVariant = "directional" | "wizard";
|
|
474
551
|
interface CarouselContextValue {
|
|
475
552
|
activeIndex: number;
|
|
@@ -536,6 +613,8 @@ interface ColorPickerProps {
|
|
|
536
613
|
variant?: "outline" | "filled";
|
|
537
614
|
disabled?: boolean;
|
|
538
615
|
className?: string;
|
|
616
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
617
|
+
mode?: FieldMode;
|
|
539
618
|
}
|
|
540
619
|
|
|
541
620
|
declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -790,6 +869,12 @@ interface AvatarProps {
|
|
|
790
869
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
791
870
|
/** Online status indicator */
|
|
792
871
|
status?: "online" | "offline" | "busy" | "away";
|
|
872
|
+
/**
|
|
873
|
+
* Pulsing halo ring around the avatar. `true` = neutral (violet) glow;
|
|
874
|
+
* `"xp"` tints green, `"achievement"` tints amber. Pulse respects
|
|
875
|
+
* `prefers-reduced-motion` (the steady ring stays, the pulse drops).
|
|
876
|
+
*/
|
|
877
|
+
glow?: boolean | "xp" | "achievement";
|
|
793
878
|
/** Additional CSS classes */
|
|
794
879
|
className?: string;
|
|
795
880
|
}
|
|
@@ -1662,6 +1747,8 @@ interface AutocompleteProps {
|
|
|
1662
1747
|
emptyMessage?: ReactNode;
|
|
1663
1748
|
disabled?: boolean;
|
|
1664
1749
|
className?: string;
|
|
1750
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
1751
|
+
mode?: FieldMode;
|
|
1665
1752
|
}
|
|
1666
1753
|
|
|
1667
1754
|
declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1685,6 +1772,8 @@ interface OtpInputProps {
|
|
|
1685
1772
|
disabled?: boolean;
|
|
1686
1773
|
autoFocus?: boolean;
|
|
1687
1774
|
className?: string;
|
|
1775
|
+
/** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
|
|
1776
|
+
mode?: FieldMode;
|
|
1688
1777
|
}
|
|
1689
1778
|
|
|
1690
1779
|
declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1741,6 +1830,8 @@ interface TimePickerProps {
|
|
|
1741
1830
|
minuteStep?: number;
|
|
1742
1831
|
disabled?: boolean;
|
|
1743
1832
|
className?: string;
|
|
1833
|
+
/** `"edit"` (default) renders the spinners; `"view"` renders the time as text. */
|
|
1834
|
+
mode?: FieldMode;
|
|
1744
1835
|
}
|
|
1745
1836
|
|
|
1746
1837
|
declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2982,4 +3073,4 @@ interface MagicWandProps {
|
|
|
2982
3073
|
}
|
|
2983
3074
|
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
|
|
2984
3075
|
|
|
2985
|
-
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, Button, type ButtonColor, type ButtonProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, 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, ChatDrawer, type ChatDrawerProps, type ChatDrawerTab, 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, type ControlledAdapterHandle, DatePicker, type DatePickerProps, type DateRange, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, 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, FauxClient, type FauxClientProps, 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, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, Kanban, type KanbanCardMoveHandler, type KanbanCardProps, type KanbanColumnHandleProps, type KanbanColumnMoveHandler, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, 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, MoodMeter, type MoodMeterProps, 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, type PromptAttachment, type PromptCmd, PromptInput, type PromptInputProps, type PromptMention, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, 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, StickyNote, type StickyNoteColor, type StickyNoteProps, 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, TimeGrid, type TimeGridProps, type TimeGridTone, 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, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
3076
|
+
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, Button, type ButtonColor, type ButtonProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, 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, ChatDrawer, type ChatDrawerProps, type ChatDrawerTab, 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, type ControlledAdapterHandle, DatePicker, type DatePickerProps, type DateRange, DisplayValue, type DisplayValueProps, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, 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, FauxClient, type FauxClientProps, Field, type FieldMode, FieldModeContext, type FieldModeContextValue, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Form, type FormProps, FormProvider, type FormProviderProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, Kanban, type KanbanCardMoveHandler, type KanbanCardProps, type KanbanColumnHandleProps, type KanbanColumnMoveHandler, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, 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, MoodMeter, type MoodMeterProps, 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, type PromptAttachment, type PromptCmd, PromptInput, type PromptInputProps, type PromptMention, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, 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, StickyNote, type StickyNoteColor, type StickyNoteProps, 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, TimeGrid, type TimeGridProps, type TimeGridTone, 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, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
|
|
2
|
+
import { ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
|
|
5
5
|
type Size = "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -59,6 +59,12 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "col
|
|
|
59
59
|
disabled?: boolean;
|
|
60
60
|
/** Render as anchor tag */
|
|
61
61
|
href?: string;
|
|
62
|
+
/** Anchor `target` — only applies in `href` (anchor) mode. */
|
|
63
|
+
target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
|
|
64
|
+
/** Anchor `rel` — only applies in `href` (anchor) mode. */
|
|
65
|
+
rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
|
|
66
|
+
/** Anchor `download` — only applies in `href` (anchor) mode. */
|
|
67
|
+
download?: AnchorHTMLAttributes<HTMLAnchorElement>["download"];
|
|
62
68
|
/**
|
|
63
69
|
* Collapse to icon-only when squeezed — injects the minimal Tailwind classes
|
|
64
70
|
* (`sr-only sm:not-sr-only`) onto the label so it stays screen-reader
|
|
@@ -289,6 +295,14 @@ type InputOptionGroup<V = string> = {
|
|
|
289
295
|
label: string;
|
|
290
296
|
options: InputOption<V>[];
|
|
291
297
|
};
|
|
298
|
+
/**
|
|
299
|
+
* Edit vs. read-only display. In `"view"` mode an input renders the bound value
|
|
300
|
+
* as static text instead of an interactive control — the React/Inertia analog of
|
|
301
|
+
* Livewire's public/bindable properties. Declared here (rather than in `mode/`)
|
|
302
|
+
* to keep `InputBaseProps` free of an import cycle. Resolved per input via
|
|
303
|
+
* {@link useFieldMode}: explicit prop → `<Form>`/`<FormProvider>` context → `"edit"`.
|
|
304
|
+
*/
|
|
305
|
+
type FieldMode = "edit" | "view";
|
|
292
306
|
interface InputBaseProps {
|
|
293
307
|
size?: Size;
|
|
294
308
|
dirty?: boolean;
|
|
@@ -300,6 +314,8 @@ interface InputBaseProps {
|
|
|
300
314
|
className?: string;
|
|
301
315
|
id?: string;
|
|
302
316
|
name?: string;
|
|
317
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. Overrides the `<Form mode>` context. */
|
|
318
|
+
mode?: FieldMode;
|
|
303
319
|
}
|
|
304
320
|
type AffixPosition = "inside" | "outside";
|
|
305
321
|
interface InputAffixProps {
|
|
@@ -380,7 +396,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
380
396
|
orientation?: "horizontal" | "vertical";
|
|
381
397
|
}
|
|
382
398
|
|
|
383
|
-
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: CheckboxGroupProps<V>): react.JSX.Element;
|
|
399
|
+
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, }: CheckboxGroupProps<V>): react.JSX.Element;
|
|
384
400
|
declare namespace CheckboxGroup {
|
|
385
401
|
var displayName: string;
|
|
386
402
|
}
|
|
@@ -393,7 +409,7 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
393
409
|
orientation?: "horizontal" | "vertical";
|
|
394
410
|
}
|
|
395
411
|
|
|
396
|
-
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, }: RadioGroupProps<V>): react.JSX.Element;
|
|
412
|
+
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, }: RadioGroupProps<V>): react.JSX.Element;
|
|
397
413
|
declare namespace RadioGroup {
|
|
398
414
|
var displayName: string;
|
|
399
415
|
}
|
|
@@ -444,7 +460,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
|
|
|
444
460
|
linear?: boolean;
|
|
445
461
|
}
|
|
446
462
|
|
|
447
|
-
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, }: MultiSwitchProps<V>): react.JSX.Element;
|
|
463
|
+
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, }: MultiSwitchProps<V>): react.JSX.Element;
|
|
448
464
|
declare namespace MultiSwitch {
|
|
449
465
|
var displayName: string;
|
|
450
466
|
}
|
|
@@ -470,6 +486,67 @@ type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
|
470
486
|
|
|
471
487
|
declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
|
|
472
488
|
|
|
489
|
+
interface FormProviderProps {
|
|
490
|
+
/** `"edit"` (default) or `"view"` — applied to every input below that doesn't override it. */
|
|
491
|
+
mode?: FieldMode;
|
|
492
|
+
children?: ReactNode;
|
|
493
|
+
}
|
|
494
|
+
interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
|
|
495
|
+
/** `"edit"` (default) or `"view"` — applied to every input inside. */
|
|
496
|
+
mode?: FieldMode;
|
|
497
|
+
}
|
|
498
|
+
/**
|
|
499
|
+
* Provide a form-wide {@link FieldMode} to every Fancy input below — flip a
|
|
500
|
+
* whole form from editable to read-only display in one place. Pure context, no
|
|
501
|
+
* DOM (use it to wrap a filter bar or any tree that isn't a `<form>`).
|
|
502
|
+
*/
|
|
503
|
+
declare function FormProvider({ mode, children }: FormProviderProps): react.JSX.Element;
|
|
504
|
+
/**
|
|
505
|
+
* A real `<form>` that also broadcasts a form-wide {@link FieldMode} to the
|
|
506
|
+
* inputs inside it (sugar over {@link FormProvider}). Per-input `mode` props
|
|
507
|
+
* still override this.
|
|
508
|
+
*/
|
|
509
|
+
declare function Form({ mode, children, ...formProps }: FormProps): react.JSX.Element;
|
|
510
|
+
|
|
511
|
+
interface DisplayValueProps {
|
|
512
|
+
/** The formatted value to show. Empty / null / undefined renders `empty`. */
|
|
513
|
+
children?: ReactNode;
|
|
514
|
+
size?: Size;
|
|
515
|
+
/** Static adornment rendered before the value (mirrors an input's `leading`/`prefix`). */
|
|
516
|
+
leading?: ReactNode;
|
|
517
|
+
/** Static adornment rendered after the value (mirrors an input's `trailing`/`suffix`). */
|
|
518
|
+
trailing?: ReactNode;
|
|
519
|
+
/** Shown when the value is empty. Default `—`. */
|
|
520
|
+
empty?: ReactNode;
|
|
521
|
+
className?: string;
|
|
522
|
+
}
|
|
523
|
+
/**
|
|
524
|
+
* The read-only counterpart to an `<input>`. Renders a non-interactive value
|
|
525
|
+
* with the same size rhythm as the editable control (reusing
|
|
526
|
+
* {@link inputSizeClasses}) but without the border / background / focus ring —
|
|
527
|
+
* view text should read as text, not a disabled box. Dropped into the SAME
|
|
528
|
+
* `Field` wrapper the editable control uses, so label / description / error
|
|
529
|
+
* chrome stays byte-identical between edit and view.
|
|
530
|
+
*
|
|
531
|
+
* Carries `data-react-fancy-display` / `data-mode="view"` stable handles so
|
|
532
|
+
* agents and tests can locate rendered values (Human+ contract).
|
|
533
|
+
*/
|
|
534
|
+
declare function DisplayValue({ children, size, leading, trailing, empty, className, }: DisplayValueProps): react.JSX.Element;
|
|
535
|
+
|
|
536
|
+
interface FieldModeContextValue {
|
|
537
|
+
mode: FieldMode;
|
|
538
|
+
}
|
|
539
|
+
declare const FieldModeContext: react.Context<FieldModeContextValue | null>;
|
|
540
|
+
/**
|
|
541
|
+
* Resolve the effective mode for an input. Precedence: an explicit prop wins,
|
|
542
|
+
* then the nearest `<Form>` / `<FormProvider>` context, then `"edit"`.
|
|
543
|
+
*
|
|
544
|
+
* Deliberately tolerant (returns `"edit"` outside any provider) — unlike a slot
|
|
545
|
+
* guard — so every input works standalone with zero context and existing call
|
|
546
|
+
* sites behave identically.
|
|
547
|
+
*/
|
|
548
|
+
declare function useFieldMode(explicit?: FieldMode): FieldMode;
|
|
549
|
+
|
|
473
550
|
type CarouselVariant = "directional" | "wizard";
|
|
474
551
|
interface CarouselContextValue {
|
|
475
552
|
activeIndex: number;
|
|
@@ -536,6 +613,8 @@ interface ColorPickerProps {
|
|
|
536
613
|
variant?: "outline" | "filled";
|
|
537
614
|
disabled?: boolean;
|
|
538
615
|
className?: string;
|
|
616
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
617
|
+
mode?: FieldMode;
|
|
539
618
|
}
|
|
540
619
|
|
|
541
620
|
declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -790,6 +869,12 @@ interface AvatarProps {
|
|
|
790
869
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
791
870
|
/** Online status indicator */
|
|
792
871
|
status?: "online" | "offline" | "busy" | "away";
|
|
872
|
+
/**
|
|
873
|
+
* Pulsing halo ring around the avatar. `true` = neutral (violet) glow;
|
|
874
|
+
* `"xp"` tints green, `"achievement"` tints amber. Pulse respects
|
|
875
|
+
* `prefers-reduced-motion` (the steady ring stays, the pulse drops).
|
|
876
|
+
*/
|
|
877
|
+
glow?: boolean | "xp" | "achievement";
|
|
793
878
|
/** Additional CSS classes */
|
|
794
879
|
className?: string;
|
|
795
880
|
}
|
|
@@ -1662,6 +1747,8 @@ interface AutocompleteProps {
|
|
|
1662
1747
|
emptyMessage?: ReactNode;
|
|
1663
1748
|
disabled?: boolean;
|
|
1664
1749
|
className?: string;
|
|
1750
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
1751
|
+
mode?: FieldMode;
|
|
1665
1752
|
}
|
|
1666
1753
|
|
|
1667
1754
|
declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1685,6 +1772,8 @@ interface OtpInputProps {
|
|
|
1685
1772
|
disabled?: boolean;
|
|
1686
1773
|
autoFocus?: boolean;
|
|
1687
1774
|
className?: string;
|
|
1775
|
+
/** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
|
|
1776
|
+
mode?: FieldMode;
|
|
1688
1777
|
}
|
|
1689
1778
|
|
|
1690
1779
|
declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1741,6 +1830,8 @@ interface TimePickerProps {
|
|
|
1741
1830
|
minuteStep?: number;
|
|
1742
1831
|
disabled?: boolean;
|
|
1743
1832
|
className?: string;
|
|
1833
|
+
/** `"edit"` (default) renders the spinners; `"view"` renders the time as text. */
|
|
1834
|
+
mode?: FieldMode;
|
|
1744
1835
|
}
|
|
1745
1836
|
|
|
1746
1837
|
declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2982,4 +3073,4 @@ interface MagicWandProps {
|
|
|
2982
3073
|
}
|
|
2983
3074
|
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
|
|
2984
3075
|
|
|
2985
|
-
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, Button, type ButtonColor, type ButtonProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, 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, ChatDrawer, type ChatDrawerProps, type ChatDrawerTab, 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, type ControlledAdapterHandle, DatePicker, type DatePickerProps, type DateRange, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, 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, FauxClient, type FauxClientProps, 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, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, Kanban, type KanbanCardMoveHandler, type KanbanCardProps, type KanbanColumnHandleProps, type KanbanColumnMoveHandler, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, 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, MoodMeter, type MoodMeterProps, 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, type PromptAttachment, type PromptCmd, PromptInput, type PromptInputProps, type PromptMention, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, 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, StickyNote, type StickyNoteColor, type StickyNoteProps, 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, TimeGrid, type TimeGridProps, type TimeGridTone, 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, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
3076
|
+
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, Button, type ButtonColor, type ButtonProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, 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, ChatDrawer, type ChatDrawerProps, type ChatDrawerTab, 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, type ControlledAdapterHandle, DatePicker, type DatePickerProps, type DateRange, DisplayValue, type DisplayValueProps, type DropPosition, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, 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, FauxClient, type FauxClientProps, Field, type FieldMode, FieldModeContext, type FieldModeContextValue, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Form, type FormProps, FormProvider, type FormProviderProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, Kanban, type KanbanCardMoveHandler, type KanbanCardProps, type KanbanColumnHandleProps, type KanbanColumnMoveHandler, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, 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, MoodMeter, type MoodMeterProps, 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, type PromptAttachment, type PromptCmd, PromptInput, type PromptInputProps, type PromptMention, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, 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, StickyNote, type StickyNoteColor, type StickyNoteProps, 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, TimeGrid, type TimeGridProps, type TimeGridTone, 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, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconSet, registerIcons, resolve, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|