@particle-academy/react-fancy 4.4.7 → 4.6.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 +741 -186
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +97 -5
- package/dist/index.d.ts +97 -5
- package/dist/index.js +737 -187
- 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, AnchorHTMLAttributes, 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";
|
|
@@ -295,6 +295,14 @@ type InputOptionGroup<V = string> = {
|
|
|
295
295
|
label: string;
|
|
296
296
|
options: InputOption<V>[];
|
|
297
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";
|
|
298
306
|
interface InputBaseProps {
|
|
299
307
|
size?: Size;
|
|
300
308
|
dirty?: boolean;
|
|
@@ -306,6 +314,8 @@ interface InputBaseProps {
|
|
|
306
314
|
className?: string;
|
|
307
315
|
id?: string;
|
|
308
316
|
name?: string;
|
|
317
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. Overrides the `<Form mode>` context. */
|
|
318
|
+
mode?: FieldMode;
|
|
309
319
|
}
|
|
310
320
|
type AffixPosition = "inside" | "outside";
|
|
311
321
|
interface InputAffixProps {
|
|
@@ -386,7 +396,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
386
396
|
orientation?: "horizontal" | "vertical";
|
|
387
397
|
}
|
|
388
398
|
|
|
389
|
-
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;
|
|
390
400
|
declare namespace CheckboxGroup {
|
|
391
401
|
var displayName: string;
|
|
392
402
|
}
|
|
@@ -399,7 +409,7 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
399
409
|
orientation?: "horizontal" | "vertical";
|
|
400
410
|
}
|
|
401
411
|
|
|
402
|
-
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;
|
|
403
413
|
declare namespace RadioGroup {
|
|
404
414
|
var displayName: string;
|
|
405
415
|
}
|
|
@@ -450,7 +460,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
|
|
|
450
460
|
linear?: boolean;
|
|
451
461
|
}
|
|
452
462
|
|
|
453
|
-
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;
|
|
454
464
|
declare namespace MultiSwitch {
|
|
455
465
|
var displayName: string;
|
|
456
466
|
}
|
|
@@ -476,6 +486,74 @@ type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
|
476
486
|
|
|
477
487
|
declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
|
|
478
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
|
+
/** When true the value is clickable to enter edit mode (inline click-to-edit). */
|
|
522
|
+
interactive?: boolean;
|
|
523
|
+
/** Called when an interactive value is activated (click / Enter / Space). */
|
|
524
|
+
onActivate?: () => void;
|
|
525
|
+
className?: string;
|
|
526
|
+
}
|
|
527
|
+
/**
|
|
528
|
+
* The read-only counterpart to an `<input>`. Renders a non-interactive value
|
|
529
|
+
* with the same size rhythm as the editable control (reusing
|
|
530
|
+
* {@link inputSizeClasses}) but without the border / background / focus ring.
|
|
531
|
+
*
|
|
532
|
+
* When `interactive` (inline click-to-edit), the value becomes a focusable,
|
|
533
|
+
* hoverable target that calls `onActivate` on click / Enter / Space to swap in
|
|
534
|
+
* the real control. Dropped into the SAME `Field` wrapper the editable control
|
|
535
|
+
* uses, so label / description / error chrome stays byte-identical between the
|
|
536
|
+
* display and the editor.
|
|
537
|
+
*
|
|
538
|
+
* Carries `data-react-fancy-display` / `data-mode="view"` stable handles for
|
|
539
|
+
* agents and tests (Human+ contract).
|
|
540
|
+
*/
|
|
541
|
+
declare function DisplayValue({ children, size, leading, trailing, empty, interactive, onActivate, className, }: DisplayValueProps): react.JSX.Element;
|
|
542
|
+
|
|
543
|
+
interface FieldModeContextValue {
|
|
544
|
+
mode: FieldMode;
|
|
545
|
+
}
|
|
546
|
+
declare const FieldModeContext: react.Context<FieldModeContextValue | null>;
|
|
547
|
+
/**
|
|
548
|
+
* Resolve the effective mode for an input. Precedence: an explicit prop wins,
|
|
549
|
+
* then the nearest `<Form>` / `<FormProvider>` context, then `"edit"`.
|
|
550
|
+
*
|
|
551
|
+
* Deliberately tolerant (returns `"edit"` outside any provider) — unlike a slot
|
|
552
|
+
* guard — so every input works standalone with zero context and existing call
|
|
553
|
+
* sites behave identically.
|
|
554
|
+
*/
|
|
555
|
+
declare function useFieldMode(explicit?: FieldMode): FieldMode;
|
|
556
|
+
|
|
479
557
|
type CarouselVariant = "directional" | "wizard";
|
|
480
558
|
interface CarouselContextValue {
|
|
481
559
|
activeIndex: number;
|
|
@@ -542,6 +620,8 @@ interface ColorPickerProps {
|
|
|
542
620
|
variant?: "outline" | "filled";
|
|
543
621
|
disabled?: boolean;
|
|
544
622
|
className?: string;
|
|
623
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
624
|
+
mode?: FieldMode;
|
|
545
625
|
}
|
|
546
626
|
|
|
547
627
|
declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -796,6 +876,12 @@ interface AvatarProps {
|
|
|
796
876
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
797
877
|
/** Online status indicator */
|
|
798
878
|
status?: "online" | "offline" | "busy" | "away";
|
|
879
|
+
/**
|
|
880
|
+
* Pulsing halo ring around the avatar. `true` = neutral (violet) glow;
|
|
881
|
+
* `"xp"` tints green, `"achievement"` tints amber. Pulse respects
|
|
882
|
+
* `prefers-reduced-motion` (the steady ring stays, the pulse drops).
|
|
883
|
+
*/
|
|
884
|
+
glow?: boolean | "xp" | "achievement";
|
|
799
885
|
/** Additional CSS classes */
|
|
800
886
|
className?: string;
|
|
801
887
|
}
|
|
@@ -1668,6 +1754,8 @@ interface AutocompleteProps {
|
|
|
1668
1754
|
emptyMessage?: ReactNode;
|
|
1669
1755
|
disabled?: boolean;
|
|
1670
1756
|
className?: string;
|
|
1757
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
1758
|
+
mode?: FieldMode;
|
|
1671
1759
|
}
|
|
1672
1760
|
|
|
1673
1761
|
declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1691,6 +1779,8 @@ interface OtpInputProps {
|
|
|
1691
1779
|
disabled?: boolean;
|
|
1692
1780
|
autoFocus?: boolean;
|
|
1693
1781
|
className?: string;
|
|
1782
|
+
/** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
|
|
1783
|
+
mode?: FieldMode;
|
|
1694
1784
|
}
|
|
1695
1785
|
|
|
1696
1786
|
declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1747,6 +1837,8 @@ interface TimePickerProps {
|
|
|
1747
1837
|
minuteStep?: number;
|
|
1748
1838
|
disabled?: boolean;
|
|
1749
1839
|
className?: string;
|
|
1840
|
+
/** `"edit"` (default) renders the spinners; `"view"` renders the time as text. */
|
|
1841
|
+
mode?: FieldMode;
|
|
1750
1842
|
}
|
|
1751
1843
|
|
|
1752
1844
|
declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2988,4 +3080,4 @@ interface MagicWandProps {
|
|
|
2988
3080
|
}
|
|
2989
3081
|
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
|
|
2990
3082
|
|
|
2991
|
-
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 };
|
|
3083
|
+
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, AnchorHTMLAttributes, 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";
|
|
@@ -295,6 +295,14 @@ type InputOptionGroup<V = string> = {
|
|
|
295
295
|
label: string;
|
|
296
296
|
options: InputOption<V>[];
|
|
297
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";
|
|
298
306
|
interface InputBaseProps {
|
|
299
307
|
size?: Size;
|
|
300
308
|
dirty?: boolean;
|
|
@@ -306,6 +314,8 @@ interface InputBaseProps {
|
|
|
306
314
|
className?: string;
|
|
307
315
|
id?: string;
|
|
308
316
|
name?: string;
|
|
317
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. Overrides the `<Form mode>` context. */
|
|
318
|
+
mode?: FieldMode;
|
|
309
319
|
}
|
|
310
320
|
type AffixPosition = "inside" | "outside";
|
|
311
321
|
interface InputAffixProps {
|
|
@@ -386,7 +396,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
386
396
|
orientation?: "horizontal" | "vertical";
|
|
387
397
|
}
|
|
388
398
|
|
|
389
|
-
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;
|
|
390
400
|
declare namespace CheckboxGroup {
|
|
391
401
|
var displayName: string;
|
|
392
402
|
}
|
|
@@ -399,7 +409,7 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
399
409
|
orientation?: "horizontal" | "vertical";
|
|
400
410
|
}
|
|
401
411
|
|
|
402
|
-
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;
|
|
403
413
|
declare namespace RadioGroup {
|
|
404
414
|
var displayName: string;
|
|
405
415
|
}
|
|
@@ -450,7 +460,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
|
|
|
450
460
|
linear?: boolean;
|
|
451
461
|
}
|
|
452
462
|
|
|
453
|
-
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;
|
|
454
464
|
declare namespace MultiSwitch {
|
|
455
465
|
var displayName: string;
|
|
456
466
|
}
|
|
@@ -476,6 +486,74 @@ type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
|
476
486
|
|
|
477
487
|
declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
|
|
478
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
|
+
/** When true the value is clickable to enter edit mode (inline click-to-edit). */
|
|
522
|
+
interactive?: boolean;
|
|
523
|
+
/** Called when an interactive value is activated (click / Enter / Space). */
|
|
524
|
+
onActivate?: () => void;
|
|
525
|
+
className?: string;
|
|
526
|
+
}
|
|
527
|
+
/**
|
|
528
|
+
* The read-only counterpart to an `<input>`. Renders a non-interactive value
|
|
529
|
+
* with the same size rhythm as the editable control (reusing
|
|
530
|
+
* {@link inputSizeClasses}) but without the border / background / focus ring.
|
|
531
|
+
*
|
|
532
|
+
* When `interactive` (inline click-to-edit), the value becomes a focusable,
|
|
533
|
+
* hoverable target that calls `onActivate` on click / Enter / Space to swap in
|
|
534
|
+
* the real control. Dropped into the SAME `Field` wrapper the editable control
|
|
535
|
+
* uses, so label / description / error chrome stays byte-identical between the
|
|
536
|
+
* display and the editor.
|
|
537
|
+
*
|
|
538
|
+
* Carries `data-react-fancy-display` / `data-mode="view"` stable handles for
|
|
539
|
+
* agents and tests (Human+ contract).
|
|
540
|
+
*/
|
|
541
|
+
declare function DisplayValue({ children, size, leading, trailing, empty, interactive, onActivate, className, }: DisplayValueProps): react.JSX.Element;
|
|
542
|
+
|
|
543
|
+
interface FieldModeContextValue {
|
|
544
|
+
mode: FieldMode;
|
|
545
|
+
}
|
|
546
|
+
declare const FieldModeContext: react.Context<FieldModeContextValue | null>;
|
|
547
|
+
/**
|
|
548
|
+
* Resolve the effective mode for an input. Precedence: an explicit prop wins,
|
|
549
|
+
* then the nearest `<Form>` / `<FormProvider>` context, then `"edit"`.
|
|
550
|
+
*
|
|
551
|
+
* Deliberately tolerant (returns `"edit"` outside any provider) — unlike a slot
|
|
552
|
+
* guard — so every input works standalone with zero context and existing call
|
|
553
|
+
* sites behave identically.
|
|
554
|
+
*/
|
|
555
|
+
declare function useFieldMode(explicit?: FieldMode): FieldMode;
|
|
556
|
+
|
|
479
557
|
type CarouselVariant = "directional" | "wizard";
|
|
480
558
|
interface CarouselContextValue {
|
|
481
559
|
activeIndex: number;
|
|
@@ -542,6 +620,8 @@ interface ColorPickerProps {
|
|
|
542
620
|
variant?: "outline" | "filled";
|
|
543
621
|
disabled?: boolean;
|
|
544
622
|
className?: string;
|
|
623
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
624
|
+
mode?: FieldMode;
|
|
545
625
|
}
|
|
546
626
|
|
|
547
627
|
declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -796,6 +876,12 @@ interface AvatarProps {
|
|
|
796
876
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
797
877
|
/** Online status indicator */
|
|
798
878
|
status?: "online" | "offline" | "busy" | "away";
|
|
879
|
+
/**
|
|
880
|
+
* Pulsing halo ring around the avatar. `true` = neutral (violet) glow;
|
|
881
|
+
* `"xp"` tints green, `"achievement"` tints amber. Pulse respects
|
|
882
|
+
* `prefers-reduced-motion` (the steady ring stays, the pulse drops).
|
|
883
|
+
*/
|
|
884
|
+
glow?: boolean | "xp" | "achievement";
|
|
799
885
|
/** Additional CSS classes */
|
|
800
886
|
className?: string;
|
|
801
887
|
}
|
|
@@ -1668,6 +1754,8 @@ interface AutocompleteProps {
|
|
|
1668
1754
|
emptyMessage?: ReactNode;
|
|
1669
1755
|
disabled?: boolean;
|
|
1670
1756
|
className?: string;
|
|
1757
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
1758
|
+
mode?: FieldMode;
|
|
1671
1759
|
}
|
|
1672
1760
|
|
|
1673
1761
|
declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1691,6 +1779,8 @@ interface OtpInputProps {
|
|
|
1691
1779
|
disabled?: boolean;
|
|
1692
1780
|
autoFocus?: boolean;
|
|
1693
1781
|
className?: string;
|
|
1782
|
+
/** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
|
|
1783
|
+
mode?: FieldMode;
|
|
1694
1784
|
}
|
|
1695
1785
|
|
|
1696
1786
|
declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1747,6 +1837,8 @@ interface TimePickerProps {
|
|
|
1747
1837
|
minuteStep?: number;
|
|
1748
1838
|
disabled?: boolean;
|
|
1749
1839
|
className?: string;
|
|
1840
|
+
/** `"edit"` (default) renders the spinners; `"view"` renders the time as text. */
|
|
1841
|
+
mode?: FieldMode;
|
|
1750
1842
|
}
|
|
1751
1843
|
|
|
1752
1844
|
declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2988,4 +3080,4 @@ interface MagicWandProps {
|
|
|
2988
3080
|
}
|
|
2989
3081
|
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
|
|
2990
3082
|
|
|
2991
|
-
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 };
|
|
3083
|
+
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 };
|