@particle-academy/react-fancy 4.4.7 → 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 +287 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +90 -5
- package/dist/index.d.ts +90 -5
- package/dist/index.js +283 -21
- 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,67 @@ 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
|
+
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
|
+
|
|
479
550
|
type CarouselVariant = "directional" | "wizard";
|
|
480
551
|
interface CarouselContextValue {
|
|
481
552
|
activeIndex: number;
|
|
@@ -542,6 +613,8 @@ interface ColorPickerProps {
|
|
|
542
613
|
variant?: "outline" | "filled";
|
|
543
614
|
disabled?: boolean;
|
|
544
615
|
className?: string;
|
|
616
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
617
|
+
mode?: FieldMode;
|
|
545
618
|
}
|
|
546
619
|
|
|
547
620
|
declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -796,6 +869,12 @@ interface AvatarProps {
|
|
|
796
869
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
797
870
|
/** Online status indicator */
|
|
798
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";
|
|
799
878
|
/** Additional CSS classes */
|
|
800
879
|
className?: string;
|
|
801
880
|
}
|
|
@@ -1668,6 +1747,8 @@ interface AutocompleteProps {
|
|
|
1668
1747
|
emptyMessage?: ReactNode;
|
|
1669
1748
|
disabled?: boolean;
|
|
1670
1749
|
className?: string;
|
|
1750
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
1751
|
+
mode?: FieldMode;
|
|
1671
1752
|
}
|
|
1672
1753
|
|
|
1673
1754
|
declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1691,6 +1772,8 @@ interface OtpInputProps {
|
|
|
1691
1772
|
disabled?: boolean;
|
|
1692
1773
|
autoFocus?: boolean;
|
|
1693
1774
|
className?: string;
|
|
1775
|
+
/** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
|
|
1776
|
+
mode?: FieldMode;
|
|
1694
1777
|
}
|
|
1695
1778
|
|
|
1696
1779
|
declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1747,6 +1830,8 @@ interface TimePickerProps {
|
|
|
1747
1830
|
minuteStep?: number;
|
|
1748
1831
|
disabled?: boolean;
|
|
1749
1832
|
className?: string;
|
|
1833
|
+
/** `"edit"` (default) renders the spinners; `"view"` renders the time as text. */
|
|
1834
|
+
mode?: FieldMode;
|
|
1750
1835
|
}
|
|
1751
1836
|
|
|
1752
1837
|
declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2988,4 +3073,4 @@ interface MagicWandProps {
|
|
|
2988
3073
|
}
|
|
2989
3074
|
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
|
|
2990
3075
|
|
|
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 };
|
|
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, 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,67 @@ 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
|
+
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
|
+
|
|
479
550
|
type CarouselVariant = "directional" | "wizard";
|
|
480
551
|
interface CarouselContextValue {
|
|
481
552
|
activeIndex: number;
|
|
@@ -542,6 +613,8 @@ interface ColorPickerProps {
|
|
|
542
613
|
variant?: "outline" | "filled";
|
|
543
614
|
disabled?: boolean;
|
|
544
615
|
className?: string;
|
|
616
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
617
|
+
mode?: FieldMode;
|
|
545
618
|
}
|
|
546
619
|
|
|
547
620
|
declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -796,6 +869,12 @@ interface AvatarProps {
|
|
|
796
869
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
797
870
|
/** Online status indicator */
|
|
798
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";
|
|
799
878
|
/** Additional CSS classes */
|
|
800
879
|
className?: string;
|
|
801
880
|
}
|
|
@@ -1668,6 +1747,8 @@ interface AutocompleteProps {
|
|
|
1668
1747
|
emptyMessage?: ReactNode;
|
|
1669
1748
|
disabled?: boolean;
|
|
1670
1749
|
className?: string;
|
|
1750
|
+
/** `"edit"` (default) renders the control; `"view"` renders the value as text. */
|
|
1751
|
+
mode?: FieldMode;
|
|
1671
1752
|
}
|
|
1672
1753
|
|
|
1673
1754
|
declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1691,6 +1772,8 @@ interface OtpInputProps {
|
|
|
1691
1772
|
disabled?: boolean;
|
|
1692
1773
|
autoFocus?: boolean;
|
|
1693
1774
|
className?: string;
|
|
1775
|
+
/** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
|
|
1776
|
+
mode?: FieldMode;
|
|
1694
1777
|
}
|
|
1695
1778
|
|
|
1696
1779
|
declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1747,6 +1830,8 @@ interface TimePickerProps {
|
|
|
1747
1830
|
minuteStep?: number;
|
|
1748
1831
|
disabled?: boolean;
|
|
1749
1832
|
className?: string;
|
|
1833
|
+
/** `"edit"` (default) renders the spinners; `"view"` renders the time as text. */
|
|
1834
|
+
mode?: FieldMode;
|
|
1750
1835
|
}
|
|
1751
1836
|
|
|
1752
1837
|
declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2988,4 +3073,4 @@ interface MagicWandProps {
|
|
|
2988
3073
|
}
|
|
2989
3074
|
declare function MagicWand({ value, onValueChange, actions, appearance, autoHide, rows, placeholder, onAction, }: MagicWandProps): react.JSX.Element;
|
|
2990
3075
|
|
|
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 };
|
|
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 };
|