@particle-academy/react-fancy 5.6.1 → 5.8.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 +56 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +40 -11
- package/dist/index.d.ts +40 -11
- package/dist/index.js +56 -11
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes,
|
|
2
|
+
import { ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
|
|
5
5
|
type Size = "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -318,7 +318,7 @@ interface AccordionSectionContextValue {
|
|
|
318
318
|
}
|
|
319
319
|
declare function useAccordionSection(): AccordionSectionContextValue;
|
|
320
320
|
|
|
321
|
-
interface FieldProps {
|
|
321
|
+
interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
322
322
|
label?: string;
|
|
323
323
|
description?: string;
|
|
324
324
|
error?: string;
|
|
@@ -329,7 +329,7 @@ interface FieldProps {
|
|
|
329
329
|
className?: string;
|
|
330
330
|
}
|
|
331
331
|
|
|
332
|
-
declare function Field({ label, description, error, required, htmlFor, size, children, className, }: FieldProps): react.JSX.Element;
|
|
332
|
+
declare function Field({ label, description, error, required, htmlFor, size, children, className, ...rest }: FieldProps): react.JSX.Element;
|
|
333
333
|
|
|
334
334
|
type InputOption<V = string> = string | {
|
|
335
335
|
value: V;
|
|
@@ -441,7 +441,7 @@ interface SelectProps extends InputBaseProps, InputAffixProps, Omit<SelectHTMLAt
|
|
|
441
441
|
|
|
442
442
|
declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
|
|
443
443
|
|
|
444
|
-
interface CheckboxProps extends Omit<InputBaseProps, "label"> {
|
|
444
|
+
interface CheckboxProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {
|
|
445
445
|
checked?: boolean;
|
|
446
446
|
defaultChecked?: boolean;
|
|
447
447
|
onCheckedChange?: (checked: boolean) => void;
|
|
@@ -459,7 +459,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
459
459
|
orientation?: "horizontal" | "vertical";
|
|
460
460
|
}
|
|
461
461
|
|
|
462
|
-
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;
|
|
462
|
+
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: CheckboxGroupProps<V>): react.JSX.Element;
|
|
463
463
|
declare namespace CheckboxGroup {
|
|
464
464
|
var displayName: string;
|
|
465
465
|
}
|
|
@@ -472,12 +472,12 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
472
472
|
orientation?: "horizontal" | "vertical";
|
|
473
473
|
}
|
|
474
474
|
|
|
475
|
-
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;
|
|
475
|
+
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
|
|
476
476
|
declare namespace RadioGroup {
|
|
477
477
|
var displayName: string;
|
|
478
478
|
}
|
|
479
479
|
|
|
480
|
-
interface SwitchProps extends Omit<InputBaseProps, "label"> {
|
|
480
|
+
interface SwitchProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {
|
|
481
481
|
checked?: boolean;
|
|
482
482
|
defaultChecked?: boolean;
|
|
483
483
|
onCheckedChange?: (checked: boolean) => void;
|
|
@@ -523,7 +523,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
|
|
|
523
523
|
linear?: boolean;
|
|
524
524
|
}
|
|
525
525
|
|
|
526
|
-
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;
|
|
526
|
+
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
|
|
527
527
|
declare namespace MultiSwitch {
|
|
528
528
|
var displayName: string;
|
|
529
529
|
}
|
|
@@ -761,7 +761,7 @@ interface TableBodyProps {
|
|
|
761
761
|
children: ReactNode;
|
|
762
762
|
className?: string;
|
|
763
763
|
}
|
|
764
|
-
interface TableRowProps {
|
|
764
|
+
interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, "onClick"> {
|
|
765
765
|
children: ReactNode;
|
|
766
766
|
className?: string;
|
|
767
767
|
onClick?: () => void;
|
|
@@ -807,7 +807,7 @@ declare function TableHead({ children, className }: TableHeadProps): react.JSX.E
|
|
|
807
807
|
|
|
808
808
|
declare function TableBody({ children, className }: TableBodyProps): react.JSX.Element;
|
|
809
809
|
|
|
810
|
-
declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, }: TableRowProps): react.JSX.Element;
|
|
810
|
+
declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, ...rest }: TableRowProps): react.JSX.Element;
|
|
811
811
|
|
|
812
812
|
declare function TableCell({ children, className, header, ...rest }: TableCellProps): react.JSX.Element;
|
|
813
813
|
|
|
@@ -1128,6 +1128,35 @@ interface IndexListProps extends Omit<HTMLAttributes<HTMLOListElement>, "childre
|
|
|
1128
1128
|
*/
|
|
1129
1129
|
declare const IndexList: react.ForwardRefExoticComponent<IndexListProps & react.RefAttributes<HTMLOListElement>>;
|
|
1130
1130
|
|
|
1131
|
+
interface PullQuoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "cite"> {
|
|
1132
|
+
/** Who said it. Rendered in a `<cite>`. */
|
|
1133
|
+
attribution?: ReactNode;
|
|
1134
|
+
/** Where it is from — publication, page, role. Follows the attribution. */
|
|
1135
|
+
source?: ReactNode;
|
|
1136
|
+
/** URL the quote came from. Becomes the `<blockquote cite>` attribute. */
|
|
1137
|
+
citeUrl?: string;
|
|
1138
|
+
/** Rule-bracketed treatment: hairlines above and below. Default `false`. */
|
|
1139
|
+
rule?: boolean;
|
|
1140
|
+
children?: ReactNode;
|
|
1141
|
+
}
|
|
1142
|
+
|
|
1143
|
+
/**
|
|
1144
|
+
* A pull quote — the oversized line lifted out of body copy, with optional
|
|
1145
|
+
* attribution and a rule-bracketed treatment.
|
|
1146
|
+
*
|
|
1147
|
+
* Twelve gallery styles build one. The reason this is a component rather than a
|
|
1148
|
+
* class is the same reason `<Kbd>` renders a real `<kbd>`: of the eight quote
|
|
1149
|
+
* elements in those styles, **one** was a `<blockquote>` — five were `<p>` and
|
|
1150
|
+
* two were `<div>` — and **none** used `<cite>` for the attribution. They all
|
|
1151
|
+
* look right and none of them says what it is.
|
|
1152
|
+
*
|
|
1153
|
+
* `citeUrl` maps to `<blockquote cite>`, which is the attribute's actual job
|
|
1154
|
+
* (the source URL) and is routinely confused with the visible `<cite>` element
|
|
1155
|
+
* (the work's title). Keeping them as separate props stops the two collapsing
|
|
1156
|
+
* into one another.
|
|
1157
|
+
*/
|
|
1158
|
+
declare const PullQuote: react.ForwardRefExoticComponent<PullQuoteProps & react.RefAttributes<HTMLQuoteElement>>;
|
|
1159
|
+
|
|
1131
1160
|
interface StatProps extends HTMLAttributes<HTMLDivElement> {
|
|
1132
1161
|
/** The figure itself — `"2016"`, `"120+"`, `"08"`. */
|
|
1133
1162
|
value?: ReactNode;
|
|
@@ -4114,4 +4143,4 @@ declare const AudioViewer: react.ForwardRefExoticComponent<AudioViewerProps & re
|
|
|
4114
4143
|
*/
|
|
4115
4144
|
declare const PdfViewer: react.ForwardRefExoticComponent<PdfViewerProps & react.RefAttributes<HTMLDivElement>>;
|
|
4116
4145
|
|
|
4117
|
-
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, AudioViewer, type AudioViewerProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, BrandMark, type BrandMarkProps, 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, CodeView, type CodeViewProps, 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, Drawer, type DrawerAttach, type DrawerBodyProps, type DrawerContainerProps, type DrawerContextValue, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, 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 EditorSourceToggleProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, Eyebrow, type EyebrowProps, FauxClient, type FauxClientProps, Field, type FieldMode, FieldModeContext, type FieldModeContextValue, type FieldProps, FileBrowser, type FileBrowserContextValue, type FileBrowserNodeProps, type FileBrowserPathBarProps, type FileBrowserProps, type FileBrowserProvider, type FileBrowserRow, type FileBrowserToolbarProps, type FileBrowserTreeProps, type FileEntry, type FileKind, type FileLoadStatus, type FileSelectMode, type FileSnapshotNode, type FileSort, type FileSortDirection, type FileSortField, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Form, type FormProps, FormProvider, type FormProviderProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, ImageViewer, type ImageViewerProps, type ImageViewerViewport, IndexList, type IndexListItem, type IndexListProps, 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, Kbd, type KbdProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, Marquee, type MarqueeDirection, type MarqueeProps, type MediaKind, MediaViewer, type MediaViewerProps, 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, PdfViewer, type PdfViewerProps, 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, type ResolveMediaTypeInput, 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, Stat, StatBand, type StatBandProps, type StatProps, 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, VideoViewer, type VideoViewerProps, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconAddendum, registerIconSet, registerIcons, resolve, resolveMediaType, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDrawer, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileBrowser, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
4146
|
+
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, AudioViewer, type AudioViewerProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, BrandMark, type BrandMarkProps, 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, CodeView, type CodeViewProps, 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, Drawer, type DrawerAttach, type DrawerBodyProps, type DrawerContainerProps, type DrawerContextValue, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, 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 EditorSourceToggleProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, Eyebrow, type EyebrowProps, FauxClient, type FauxClientProps, Field, type FieldMode, FieldModeContext, type FieldModeContextValue, type FieldProps, FileBrowser, type FileBrowserContextValue, type FileBrowserNodeProps, type FileBrowserPathBarProps, type FileBrowserProps, type FileBrowserProvider, type FileBrowserRow, type FileBrowserToolbarProps, type FileBrowserTreeProps, type FileEntry, type FileKind, type FileLoadStatus, type FileSelectMode, type FileSnapshotNode, type FileSort, type FileSortDirection, type FileSortField, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Form, type FormProps, FormProvider, type FormProviderProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, ImageViewer, type ImageViewerProps, type ImageViewerViewport, IndexList, type IndexListItem, type IndexListProps, 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, Kbd, type KbdProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, Marquee, type MarqueeDirection, type MarqueeProps, type MediaKind, MediaViewer, type MediaViewerProps, 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, PdfViewer, type PdfViewerProps, 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, PullQuote, type PullQuoteProps, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, type RenderExtension, type RenderExtensionProps, type ResolveMediaTypeInput, 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, Stat, StatBand, type StatBandProps, type StatProps, 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, VideoViewer, type VideoViewerProps, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconAddendum, registerIconSet, registerIcons, resolve, resolveMediaType, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDrawer, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileBrowser, 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 { ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes,
|
|
2
|
+
import { ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, FormHTMLAttributes, TdHTMLAttributes, ComponentType, CSSProperties, ReactElement, RefObject } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
|
|
5
5
|
type Size = "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -318,7 +318,7 @@ interface AccordionSectionContextValue {
|
|
|
318
318
|
}
|
|
319
319
|
declare function useAccordionSection(): AccordionSectionContextValue;
|
|
320
320
|
|
|
321
|
-
interface FieldProps {
|
|
321
|
+
interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
322
322
|
label?: string;
|
|
323
323
|
description?: string;
|
|
324
324
|
error?: string;
|
|
@@ -329,7 +329,7 @@ interface FieldProps {
|
|
|
329
329
|
className?: string;
|
|
330
330
|
}
|
|
331
331
|
|
|
332
|
-
declare function Field({ label, description, error, required, htmlFor, size, children, className, }: FieldProps): react.JSX.Element;
|
|
332
|
+
declare function Field({ label, description, error, required, htmlFor, size, children, className, ...rest }: FieldProps): react.JSX.Element;
|
|
333
333
|
|
|
334
334
|
type InputOption<V = string> = string | {
|
|
335
335
|
value: V;
|
|
@@ -441,7 +441,7 @@ interface SelectProps extends InputBaseProps, InputAffixProps, Omit<SelectHTMLAt
|
|
|
441
441
|
|
|
442
442
|
declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
|
|
443
443
|
|
|
444
|
-
interface CheckboxProps extends Omit<InputBaseProps, "label"> {
|
|
444
|
+
interface CheckboxProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {
|
|
445
445
|
checked?: boolean;
|
|
446
446
|
defaultChecked?: boolean;
|
|
447
447
|
onCheckedChange?: (checked: boolean) => void;
|
|
@@ -459,7 +459,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
459
459
|
orientation?: "horizontal" | "vertical";
|
|
460
460
|
}
|
|
461
461
|
|
|
462
|
-
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;
|
|
462
|
+
declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: CheckboxGroupProps<V>): react.JSX.Element;
|
|
463
463
|
declare namespace CheckboxGroup {
|
|
464
464
|
var displayName: string;
|
|
465
465
|
}
|
|
@@ -472,12 +472,12 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
|
|
|
472
472
|
orientation?: "horizontal" | "vertical";
|
|
473
473
|
}
|
|
474
474
|
|
|
475
|
-
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;
|
|
475
|
+
declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
|
|
476
476
|
declare namespace RadioGroup {
|
|
477
477
|
var displayName: string;
|
|
478
478
|
}
|
|
479
479
|
|
|
480
|
-
interface SwitchProps extends Omit<InputBaseProps, "label"> {
|
|
480
|
+
interface SwitchProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {
|
|
481
481
|
checked?: boolean;
|
|
482
482
|
defaultChecked?: boolean;
|
|
483
483
|
onCheckedChange?: (checked: boolean) => void;
|
|
@@ -523,7 +523,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
|
|
|
523
523
|
linear?: boolean;
|
|
524
524
|
}
|
|
525
525
|
|
|
526
|
-
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;
|
|
526
|
+
declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
|
|
527
527
|
declare namespace MultiSwitch {
|
|
528
528
|
var displayName: string;
|
|
529
529
|
}
|
|
@@ -761,7 +761,7 @@ interface TableBodyProps {
|
|
|
761
761
|
children: ReactNode;
|
|
762
762
|
className?: string;
|
|
763
763
|
}
|
|
764
|
-
interface TableRowProps {
|
|
764
|
+
interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, "onClick"> {
|
|
765
765
|
children: ReactNode;
|
|
766
766
|
className?: string;
|
|
767
767
|
onClick?: () => void;
|
|
@@ -807,7 +807,7 @@ declare function TableHead({ children, className }: TableHeadProps): react.JSX.E
|
|
|
807
807
|
|
|
808
808
|
declare function TableBody({ children, className }: TableBodyProps): react.JSX.Element;
|
|
809
809
|
|
|
810
|
-
declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, }: TableRowProps): react.JSX.Element;
|
|
810
|
+
declare function TableRow({ children, className, onClick, tray, trayTriggerPosition, expanded: controlledExpanded, defaultExpanded, onExpandedChange, ...rest }: TableRowProps): react.JSX.Element;
|
|
811
811
|
|
|
812
812
|
declare function TableCell({ children, className, header, ...rest }: TableCellProps): react.JSX.Element;
|
|
813
813
|
|
|
@@ -1128,6 +1128,35 @@ interface IndexListProps extends Omit<HTMLAttributes<HTMLOListElement>, "childre
|
|
|
1128
1128
|
*/
|
|
1129
1129
|
declare const IndexList: react.ForwardRefExoticComponent<IndexListProps & react.RefAttributes<HTMLOListElement>>;
|
|
1130
1130
|
|
|
1131
|
+
interface PullQuoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "cite"> {
|
|
1132
|
+
/** Who said it. Rendered in a `<cite>`. */
|
|
1133
|
+
attribution?: ReactNode;
|
|
1134
|
+
/** Where it is from — publication, page, role. Follows the attribution. */
|
|
1135
|
+
source?: ReactNode;
|
|
1136
|
+
/** URL the quote came from. Becomes the `<blockquote cite>` attribute. */
|
|
1137
|
+
citeUrl?: string;
|
|
1138
|
+
/** Rule-bracketed treatment: hairlines above and below. Default `false`. */
|
|
1139
|
+
rule?: boolean;
|
|
1140
|
+
children?: ReactNode;
|
|
1141
|
+
}
|
|
1142
|
+
|
|
1143
|
+
/**
|
|
1144
|
+
* A pull quote — the oversized line lifted out of body copy, with optional
|
|
1145
|
+
* attribution and a rule-bracketed treatment.
|
|
1146
|
+
*
|
|
1147
|
+
* Twelve gallery styles build one. The reason this is a component rather than a
|
|
1148
|
+
* class is the same reason `<Kbd>` renders a real `<kbd>`: of the eight quote
|
|
1149
|
+
* elements in those styles, **one** was a `<blockquote>` — five were `<p>` and
|
|
1150
|
+
* two were `<div>` — and **none** used `<cite>` for the attribution. They all
|
|
1151
|
+
* look right and none of them says what it is.
|
|
1152
|
+
*
|
|
1153
|
+
* `citeUrl` maps to `<blockquote cite>`, which is the attribute's actual job
|
|
1154
|
+
* (the source URL) and is routinely confused with the visible `<cite>` element
|
|
1155
|
+
* (the work's title). Keeping them as separate props stops the two collapsing
|
|
1156
|
+
* into one another.
|
|
1157
|
+
*/
|
|
1158
|
+
declare const PullQuote: react.ForwardRefExoticComponent<PullQuoteProps & react.RefAttributes<HTMLQuoteElement>>;
|
|
1159
|
+
|
|
1131
1160
|
interface StatProps extends HTMLAttributes<HTMLDivElement> {
|
|
1132
1161
|
/** The figure itself — `"2016"`, `"120+"`, `"08"`. */
|
|
1133
1162
|
value?: ReactNode;
|
|
@@ -4114,4 +4143,4 @@ declare const AudioViewer: react.ForwardRefExoticComponent<AudioViewerProps & re
|
|
|
4114
4143
|
*/
|
|
4115
4144
|
declare const PdfViewer: react.ForwardRefExoticComponent<PdfViewerProps & react.RefAttributes<HTMLDivElement>>;
|
|
4116
4145
|
|
|
4117
|
-
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, AudioViewer, type AudioViewerProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, BrandMark, type BrandMarkProps, 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, CodeView, type CodeViewProps, 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, Drawer, type DrawerAttach, type DrawerBodyProps, type DrawerContainerProps, type DrawerContextValue, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, 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 EditorSourceToggleProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, Eyebrow, type EyebrowProps, FauxClient, type FauxClientProps, Field, type FieldMode, FieldModeContext, type FieldModeContextValue, type FieldProps, FileBrowser, type FileBrowserContextValue, type FileBrowserNodeProps, type FileBrowserPathBarProps, type FileBrowserProps, type FileBrowserProvider, type FileBrowserRow, type FileBrowserToolbarProps, type FileBrowserTreeProps, type FileEntry, type FileKind, type FileLoadStatus, type FileSelectMode, type FileSnapshotNode, type FileSort, type FileSortDirection, type FileSortField, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Form, type FormProps, FormProvider, type FormProviderProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, ImageViewer, type ImageViewerProps, type ImageViewerViewport, IndexList, type IndexListItem, type IndexListProps, 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, Kbd, type KbdProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, Marquee, type MarqueeDirection, type MarqueeProps, type MediaKind, MediaViewer, type MediaViewerProps, 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, PdfViewer, type PdfViewerProps, 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, type ResolveMediaTypeInput, 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, Stat, StatBand, type StatBandProps, type StatProps, 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, VideoViewer, type VideoViewerProps, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconAddendum, registerIconSet, registerIcons, resolve, resolveMediaType, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDrawer, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileBrowser, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
4146
|
+
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, AudioViewer, type AudioViewerProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, BrandMark, type BrandMarkProps, 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, CodeView, type CodeViewProps, 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, Drawer, type DrawerAttach, type DrawerBodyProps, type DrawerContainerProps, type DrawerContextValue, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, 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 EditorSourceToggleProps, type EditorToolbarProps, Emoji, type EmojiCategory, type EmojiCategoryKey, type EmojiEntry, type EmojiFlatEntry, type EmojiProps, EmojiSelect, type EmojiSelectProps, Eyebrow, type EyebrowProps, FauxClient, type FauxClientProps, Field, type FieldMode, FieldModeContext, type FieldModeContextValue, type FieldProps, FileBrowser, type FileBrowserContextValue, type FileBrowserNodeProps, type FileBrowserPathBarProps, type FileBrowserProps, type FileBrowserProvider, type FileBrowserRow, type FileBrowserToolbarProps, type FileBrowserTreeProps, type FileEntry, type FileKind, type FileLoadStatus, type FileSelectMode, type FileSnapshotNode, type FileSort, type FileSortDirection, type FileSortField, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Form, type FormProps, FormProvider, type FormProviderProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, ImageViewer, type ImageViewerProps, type ImageViewerViewport, IndexList, type IndexListItem, type IndexListProps, 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, Kbd, type KbdProps, MagicWand, type MagicWandAction, type MagicWandAppearance, type MagicWandProps, type MagicWandSelection, Marquee, type MarqueeDirection, type MarqueeProps, type MediaKind, MediaViewer, type MediaViewerProps, 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, PdfViewer, type PdfViewerProps, 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, PullQuote, type PullQuoteProps, RadioGroup, type RadioGroupProps, ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme, type RenderExtension, type RenderExtensionProps, type ResolveMediaTypeInput, 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, Stat, StatBand, type StatBandProps, type StatProps, 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, VideoViewer, type VideoViewerProps, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconAddendum, registerIconSet, registerIcons, resolve, resolveMediaType, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDrawer, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileBrowser, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
package/dist/index.js
CHANGED
|
@@ -2993,9 +2993,10 @@ function Field({
|
|
|
2993
2993
|
htmlFor,
|
|
2994
2994
|
size = "md",
|
|
2995
2995
|
children,
|
|
2996
|
-
className
|
|
2996
|
+
className,
|
|
2997
|
+
...rest
|
|
2997
2998
|
}) {
|
|
2998
|
-
return /* @__PURE__ */ jsxs("div", { "data-react-fancy-field": "", className: cn("flex flex-col gap-2", className), children: [
|
|
2999
|
+
return /* @__PURE__ */ jsxs("div", { ...rest, "data-react-fancy-field": "", className: cn("flex flex-col gap-2", className), children: [
|
|
2999
3000
|
label && /* @__PURE__ */ jsxs(
|
|
3000
3001
|
"label",
|
|
3001
3002
|
{
|
|
@@ -4096,7 +4097,8 @@ var Checkbox = forwardRef(
|
|
|
4096
4097
|
defaultChecked = false,
|
|
4097
4098
|
onCheckedChange,
|
|
4098
4099
|
indeterminate,
|
|
4099
|
-
mode
|
|
4100
|
+
mode,
|
|
4101
|
+
...rest
|
|
4100
4102
|
}, ref) => {
|
|
4101
4103
|
const autoId = useId();
|
|
4102
4104
|
const checkboxId = id ?? autoId;
|
|
@@ -4122,7 +4124,7 @@ var Checkbox = forwardRef(
|
|
|
4122
4124
|
xl: "h-6 w-6"
|
|
4123
4125
|
}[size];
|
|
4124
4126
|
const glyph = indeterminate ? "\u2014" : checked ? "\u2713" : "\u2715";
|
|
4125
|
-
return /* @__PURE__ */ jsxs("div", { "data-react-fancy-checkbox": "", className: cn("flex items-start gap-2", className), children: [
|
|
4127
|
+
return /* @__PURE__ */ jsxs("div", { ...rest, "data-react-fancy-checkbox": "", className: cn("flex items-start gap-2", className), children: [
|
|
4126
4128
|
!showControl ? /* @__PURE__ */ jsx(
|
|
4127
4129
|
"span",
|
|
4128
4130
|
{
|
|
@@ -4213,7 +4215,8 @@ function CheckboxGroup({
|
|
|
4213
4215
|
defaultValue = [],
|
|
4214
4216
|
onValueChange,
|
|
4215
4217
|
orientation = "vertical",
|
|
4216
|
-
mode
|
|
4218
|
+
mode,
|
|
4219
|
+
...rest
|
|
4217
4220
|
}) {
|
|
4218
4221
|
const groupId = useId();
|
|
4219
4222
|
const resolvedMode = useFieldMode(mode);
|
|
@@ -4237,6 +4240,7 @@ function CheckboxGroup({
|
|
|
4237
4240
|
const content = !showControl ? /* @__PURE__ */ jsx(DisplayValue, { size, interactive, onActivate: enterEdit, children: list.map(resolveOption).filter((o) => value.includes(o.value)).map((o) => o.label).join(", ") }) : /* @__PURE__ */ jsx(
|
|
4238
4241
|
"div",
|
|
4239
4242
|
{
|
|
4243
|
+
...rest,
|
|
4240
4244
|
"data-react-fancy-checkbox-group": "",
|
|
4241
4245
|
onBlur: (e) => {
|
|
4242
4246
|
if (interactive && !e.currentTarget.contains(e.relatedTarget)) exitEdit();
|
|
@@ -4319,7 +4323,8 @@ function RadioGroup({
|
|
|
4319
4323
|
defaultValue,
|
|
4320
4324
|
onValueChange,
|
|
4321
4325
|
orientation = "vertical",
|
|
4322
|
-
mode
|
|
4326
|
+
mode,
|
|
4327
|
+
...rest
|
|
4323
4328
|
}) {
|
|
4324
4329
|
const groupId = useId();
|
|
4325
4330
|
const radioName = name ?? groupId;
|
|
@@ -4341,6 +4346,7 @@ function RadioGroup({
|
|
|
4341
4346
|
const content = !showControl ? /* @__PURE__ */ jsx(DisplayValue, { size, interactive, onActivate: enterEdit, children: list.map(resolveOption).find((o) => o.value === value)?.label }) : /* @__PURE__ */ jsx(
|
|
4342
4347
|
"div",
|
|
4343
4348
|
{
|
|
4349
|
+
...rest,
|
|
4344
4350
|
"data-react-fancy-radio-group": "",
|
|
4345
4351
|
role: "radiogroup",
|
|
4346
4352
|
onBlur: (e) => {
|
|
@@ -4452,7 +4458,8 @@ var Switch = forwardRef(
|
|
|
4452
4458
|
defaultChecked = false,
|
|
4453
4459
|
onCheckedChange,
|
|
4454
4460
|
color = "blue",
|
|
4455
|
-
mode
|
|
4461
|
+
mode,
|
|
4462
|
+
...rest
|
|
4456
4463
|
}, ref) => {
|
|
4457
4464
|
const autoId = useId();
|
|
4458
4465
|
const switchId = id ?? autoId;
|
|
@@ -4484,7 +4491,7 @@ var Switch = forwardRef(
|
|
|
4484
4491
|
lg: "translate-x-5",
|
|
4485
4492
|
xl: "translate-x-6"
|
|
4486
4493
|
}[size];
|
|
4487
|
-
return /* @__PURE__ */ jsxs("div", { "data-react-fancy-switch": "", className: cn("flex items-start gap-2", className), children: [
|
|
4494
|
+
return /* @__PURE__ */ jsxs("div", { ...rest, "data-react-fancy-switch": "", className: cn("flex items-start gap-2", className), children: [
|
|
4488
4495
|
!showControl ? /* @__PURE__ */ jsx(
|
|
4489
4496
|
"span",
|
|
4490
4497
|
{
|
|
@@ -4852,7 +4859,8 @@ function MultiSwitch({
|
|
|
4852
4859
|
defaultValue,
|
|
4853
4860
|
onValueChange,
|
|
4854
4861
|
linear,
|
|
4855
|
-
mode
|
|
4862
|
+
mode,
|
|
4863
|
+
...rest
|
|
4856
4864
|
}) {
|
|
4857
4865
|
const resolvedOptions = list.map(resolveOption);
|
|
4858
4866
|
const fallback = defaultValue ?? resolvedOptions[0]?.value;
|
|
@@ -4886,6 +4894,7 @@ function MultiSwitch({
|
|
|
4886
4894
|
"div",
|
|
4887
4895
|
{
|
|
4888
4896
|
ref: containerRef,
|
|
4897
|
+
...rest,
|
|
4889
4898
|
"data-react-fancy-multi-switch": "",
|
|
4890
4899
|
role: "radiogroup",
|
|
4891
4900
|
id,
|
|
@@ -5987,7 +5996,8 @@ function TableRow({
|
|
|
5987
5996
|
trayTriggerPosition = "end",
|
|
5988
5997
|
expanded: controlledExpanded,
|
|
5989
5998
|
defaultExpanded = false,
|
|
5990
|
-
onExpandedChange
|
|
5999
|
+
onExpandedChange,
|
|
6000
|
+
...rest
|
|
5991
6001
|
}) {
|
|
5992
6002
|
const [expanded, setExpanded] = useControllableState(
|
|
5993
6003
|
controlledExpanded,
|
|
@@ -6026,6 +6036,7 @@ function TableRow({
|
|
|
6026
6036
|
/* @__PURE__ */ jsxs(
|
|
6027
6037
|
"tr",
|
|
6028
6038
|
{
|
|
6039
|
+
...rest,
|
|
6029
6040
|
"data-react-fancy-table-row": "",
|
|
6030
6041
|
className: cn(
|
|
6031
6042
|
"transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-800/50",
|
|
@@ -7045,6 +7056,40 @@ var IndexList = forwardRef(
|
|
|
7045
7056
|
}
|
|
7046
7057
|
);
|
|
7047
7058
|
IndexList.displayName = "IndexList";
|
|
7059
|
+
var PullQuote = forwardRef(
|
|
7060
|
+
({ attribution, source, citeUrl, rule = false, className, children, ...props }, ref) => {
|
|
7061
|
+
return /* @__PURE__ */ jsxs(
|
|
7062
|
+
"blockquote",
|
|
7063
|
+
{
|
|
7064
|
+
ref,
|
|
7065
|
+
cite: citeUrl,
|
|
7066
|
+
"data-react-fancy-pull-quote": "",
|
|
7067
|
+
className: cn(
|
|
7068
|
+
"m-0 text-2xl font-medium leading-snug tracking-tight text-zinc-900 dark:text-zinc-100",
|
|
7069
|
+
rule && "border-y border-zinc-200 py-6 dark:border-zinc-800",
|
|
7070
|
+
className
|
|
7071
|
+
),
|
|
7072
|
+
...props,
|
|
7073
|
+
children: [
|
|
7074
|
+
/* @__PURE__ */ jsx("p", { "data-react-fancy-pull-quote-text": "", className: "m-0", children }),
|
|
7075
|
+
(attribution != null || source != null) && /* @__PURE__ */ jsxs(
|
|
7076
|
+
"footer",
|
|
7077
|
+
{
|
|
7078
|
+
"data-react-fancy-pull-quote-attribution": "",
|
|
7079
|
+
className: "mt-3 text-sm font-normal tracking-normal text-zinc-500 dark:text-zinc-400",
|
|
7080
|
+
children: [
|
|
7081
|
+
attribution != null && /* @__PURE__ */ jsx("cite", { className: "not-italic", children: attribution }),
|
|
7082
|
+
attribution != null && source != null && /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: " \xB7 " }),
|
|
7083
|
+
source
|
|
7084
|
+
]
|
|
7085
|
+
}
|
|
7086
|
+
)
|
|
7087
|
+
]
|
|
7088
|
+
}
|
|
7089
|
+
);
|
|
7090
|
+
}
|
|
7091
|
+
);
|
|
7092
|
+
PullQuote.displayName = "PullQuote";
|
|
7048
7093
|
var StatBand = forwardRef(
|
|
7049
7094
|
({ columns = 4, className, style, children, ...props }, ref) => {
|
|
7050
7095
|
return /* @__PURE__ */ jsx(
|
|
@@ -16616,6 +16661,6 @@ var MediaViewer = forwardRef(
|
|
|
16616
16661
|
);
|
|
16617
16662
|
MediaViewer.displayName = "MediaViewer";
|
|
16618
16663
|
|
|
16619
|
-
export { Accordion, AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, Action, AudioViewer, Autocomplete, Avatar, Badge, Brand, BrandMark, Breadcrumbs, Button, Calendar, Callout, Card, Carousel, Chart, ChatDrawer, Checkbox, CheckboxGroup, CodeView, ColorPicker, Command, Composer, ContentRenderer, ContextMenu, DatePicker, DisplayValue, Drawer, Dropdown, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, Editor, Emoji, EmojiSelect, Eyebrow, FauxClient, Field, FieldModeContext, FileBrowser, FileUpload, Form, FormProvider, Heading, Icon, ImageViewer, IndexList, Input, InputTag, Kanban, Kbd, MagicWand, Marquee, MediaViewer, Menu2 as Menu, MobileMenu, Modal, MoodMeter, MultiSwitch, Navbar, OtpInput, Pagination, PdfViewer, Pillbox, Popover, Portal, Profile, Progress, PromptInput, RadioGroup, ReasonTag, SKIN_TONES, Select, Separator, Sidebar, Skeleton, Slider, Stat, StatBand, StickyNote, Switch, Table, Tabs, Text, Textarea, TimeGrid, TimePicker, Timeline, Toast, Tooltip, TreeNav, VideoViewer, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconAddendum, registerIconSet, registerIcons, resolve, resolveMediaType, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDrawer, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileBrowser, useFileUpload, useFloatingPosition, useFocusTrap, useId12 as useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
16664
|
+
export { Accordion, AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, Action, AudioViewer, Autocomplete, Avatar, Badge, Brand, BrandMark, Breadcrumbs, Button, Calendar, Callout, Card, Carousel, Chart, ChatDrawer, Checkbox, CheckboxGroup, CodeView, ColorPicker, Command, Composer, ContentRenderer, ContextMenu, DatePicker, DisplayValue, Drawer, Dropdown, EMOJI_CATEGORY_ORDER, EMOJI_DATA, EMOJI_ENTRIES, Editor, Emoji, EmojiSelect, Eyebrow, FauxClient, Field, FieldModeContext, FileBrowser, FileUpload, Form, FormProvider, Heading, Icon, ImageViewer, IndexList, Input, InputTag, Kanban, Kbd, MagicWand, Marquee, MediaViewer, Menu2 as Menu, MobileMenu, Modal, MoodMeter, MultiSwitch, Navbar, OtpInput, Pagination, PdfViewer, Pillbox, Popover, Portal, Profile, Progress, PromptInput, PullQuote, RadioGroup, ReasonTag, SKIN_TONES, Select, Separator, Sidebar, Skeleton, Slider, Stat, StatBand, StickyNote, Switch, Table, Tabs, Text, Textarea, TimeGrid, TimePicker, Timeline, Toast, Tooltip, TreeNav, VideoViewer, applyTone, cn, configureIcons, contentEditableAdapter, controlledAdapter, find, hasSkinTones, inputAdapter, registerExtension, registerExtensions, registerIconAddendum, registerIconSet, registerIcons, resolve, resolveMediaType, sanitizeHref, sanitizeHtml, search, skinTones, textareaAdapter, useAccordion, useAccordionPanel, useAccordionSection, useAnimation, useCarousel, useCommand, useContextMenu, useControllableState, useDrawer, useDropdown, useEditor, useEscapeKey, useFieldMode, useFileBrowser, useFileUpload, useFloatingPosition, useFocusTrap, useId12 as useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast, useTreeNav };
|
|
16620
16665
|
//# sourceMappingURL=index.js.map
|
|
16621
16666
|
//# sourceMappingURL=index.js.map
|