@memelabui/ui 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -8
- package/dist/index.cjs +803 -5
- package/dist/index.d.cts +196 -1
- package/dist/index.d.ts +196 -1
- package/dist/index.js +794 -6
- package/dist/preset/index.cjs +19 -18
- package/dist/preset/index.js +19 -18
- package/dist/styles/index.css +298 -58
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -719,4 +719,199 @@ declare const NotificationBell: react.ForwardRefExoticComponent<Omit<ButtonHTMLA
|
|
|
719
719
|
ping?: boolean;
|
|
720
720
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
721
721
|
|
|
722
|
-
|
|
722
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
723
|
+
type HeadingProps = HTMLAttributes<HTMLHeadingElement> & {
|
|
724
|
+
/** Heading level (1-6). Default: 2 */
|
|
725
|
+
level?: HeadingLevel;
|
|
726
|
+
/** Visual size override. Defaults to matching the level. */
|
|
727
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
728
|
+
/** Color variant. Default: 'default' */
|
|
729
|
+
color?: 'default' | 'muted' | 'gradient';
|
|
730
|
+
};
|
|
731
|
+
declare const Heading: react.ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
|
|
732
|
+
/** Heading level (1-6). Default: 2 */
|
|
733
|
+
level?: HeadingLevel;
|
|
734
|
+
/** Visual size override. Defaults to matching the level. */
|
|
735
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
736
|
+
/** Color variant. Default: 'default' */
|
|
737
|
+
color?: "default" | "muted" | "gradient";
|
|
738
|
+
} & react.RefAttributes<HTMLHeadingElement>>;
|
|
739
|
+
|
|
740
|
+
type TextSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
741
|
+
type TextColor = 'default' | 'muted' | 'dimmed' | 'primary' | 'success' | 'warning' | 'danger';
|
|
742
|
+
type TextProps = HTMLAttributes<HTMLParagraphElement> & {
|
|
743
|
+
/** Font size. Default: 'md' */
|
|
744
|
+
size?: TextSize;
|
|
745
|
+
/** Color variant. Default: 'default' */
|
|
746
|
+
color?: TextColor;
|
|
747
|
+
/** Font weight. Default: 'normal' */
|
|
748
|
+
weight?: 'normal' | 'medium' | 'semibold' | 'bold';
|
|
749
|
+
/** Render as span instead of p. Default: false */
|
|
750
|
+
inline?: boolean;
|
|
751
|
+
/** Truncate with ellipsis. Default: false */
|
|
752
|
+
truncate?: boolean;
|
|
753
|
+
};
|
|
754
|
+
declare const Text: react.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & {
|
|
755
|
+
/** Font size. Default: 'md' */
|
|
756
|
+
size?: TextSize;
|
|
757
|
+
/** Color variant. Default: 'default' */
|
|
758
|
+
color?: TextColor;
|
|
759
|
+
/** Font weight. Default: 'normal' */
|
|
760
|
+
weight?: "normal" | "medium" | "semibold" | "bold";
|
|
761
|
+
/** Render as span instead of p. Default: false */
|
|
762
|
+
inline?: boolean;
|
|
763
|
+
/** Truncate with ellipsis. Default: false */
|
|
764
|
+
truncate?: boolean;
|
|
765
|
+
} & react.RefAttributes<HTMLParagraphElement>>;
|
|
766
|
+
|
|
767
|
+
type StackProps = HTMLAttributes<HTMLDivElement> & {
|
|
768
|
+
children: ReactNode;
|
|
769
|
+
/** Direction. Default: 'vertical' */
|
|
770
|
+
direction?: 'vertical' | 'horizontal';
|
|
771
|
+
/** Gap in Tailwind spacing units (1 = 0.25rem). Default: 4 */
|
|
772
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
|
|
773
|
+
/** Align items along cross axis. Default: 'stretch' */
|
|
774
|
+
align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
775
|
+
/** Justify content along main axis. Default: 'start' */
|
|
776
|
+
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
777
|
+
/** Allow wrapping. Default: false */
|
|
778
|
+
wrap?: boolean;
|
|
779
|
+
};
|
|
780
|
+
declare const Stack: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
781
|
+
children: ReactNode;
|
|
782
|
+
/** Direction. Default: 'vertical' */
|
|
783
|
+
direction?: "vertical" | "horizontal";
|
|
784
|
+
/** Gap in Tailwind spacing units (1 = 0.25rem). Default: 4 */
|
|
785
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
|
|
786
|
+
/** Align items along cross axis. Default: 'stretch' */
|
|
787
|
+
align?: "start" | "center" | "end" | "stretch" | "baseline";
|
|
788
|
+
/** Justify content along main axis. Default: 'start' */
|
|
789
|
+
justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
790
|
+
/** Allow wrapping. Default: false */
|
|
791
|
+
wrap?: boolean;
|
|
792
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
793
|
+
|
|
794
|
+
type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
|
|
795
|
+
children: ReactNode;
|
|
796
|
+
/** Max height. When content exceeds, scrollbar appears. */
|
|
797
|
+
maxHeight?: string | number;
|
|
798
|
+
/** Hide scrollbar visually while keeping scroll functionality. Default: false */
|
|
799
|
+
hideScrollbar?: boolean;
|
|
800
|
+
/** Orientation. Default: 'vertical' */
|
|
801
|
+
orientation?: 'vertical' | 'horizontal' | 'both';
|
|
802
|
+
};
|
|
803
|
+
declare const ScrollArea: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
804
|
+
children: ReactNode;
|
|
805
|
+
/** Max height. When content exceeds, scrollbar appears. */
|
|
806
|
+
maxHeight?: string | number;
|
|
807
|
+
/** Hide scrollbar visually while keeping scroll functionality. Default: false */
|
|
808
|
+
hideScrollbar?: boolean;
|
|
809
|
+
/** Orientation. Default: 'vertical' */
|
|
810
|
+
orientation?: "vertical" | "horizontal" | "both";
|
|
811
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
812
|
+
|
|
813
|
+
type BreadcrumbItem = {
|
|
814
|
+
label: ReactNode;
|
|
815
|
+
href?: string;
|
|
816
|
+
onClick?: () => void;
|
|
817
|
+
};
|
|
818
|
+
type BreadcrumbsProps = {
|
|
819
|
+
items: BreadcrumbItem[];
|
|
820
|
+
separator?: ReactNode;
|
|
821
|
+
className?: string;
|
|
822
|
+
};
|
|
823
|
+
declare function Breadcrumbs({ items, separator, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
|
|
824
|
+
|
|
825
|
+
type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
826
|
+
type PopoverProps = {
|
|
827
|
+
content: ReactNode;
|
|
828
|
+
children: ReactElement;
|
|
829
|
+
/** Preferred placement. Default: 'bottom' */
|
|
830
|
+
placement?: PopoverPlacement;
|
|
831
|
+
/** Close on click outside. Default: true */
|
|
832
|
+
closeOnClickOutside?: boolean;
|
|
833
|
+
/** Close on Escape. Default: true */
|
|
834
|
+
closeOnEsc?: boolean;
|
|
835
|
+
/** Controlled open state */
|
|
836
|
+
open?: boolean;
|
|
837
|
+
/** Called when open state changes */
|
|
838
|
+
onOpenChange?: (open: boolean) => void;
|
|
839
|
+
/** Offset from anchor in px. Default: 8 */
|
|
840
|
+
offset?: number;
|
|
841
|
+
className?: string;
|
|
842
|
+
};
|
|
843
|
+
declare function Popover({ content, children, placement, closeOnClickOutside, closeOnEsc, open: controlledOpen, onOpenChange, offset, className, }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
844
|
+
|
|
845
|
+
type DrawerSide = 'left' | 'right' | 'bottom';
|
|
846
|
+
type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
|
|
847
|
+
type DrawerProps = {
|
|
848
|
+
isOpen: boolean;
|
|
849
|
+
onClose: () => void;
|
|
850
|
+
children: ReactNode;
|
|
851
|
+
/** Side from which the drawer slides in. Default: 'right' */
|
|
852
|
+
side?: DrawerSide;
|
|
853
|
+
/** Width/height preset. Default: 'md' */
|
|
854
|
+
size?: DrawerSize;
|
|
855
|
+
/** ARIA label for the drawer. */
|
|
856
|
+
ariaLabel?: string;
|
|
857
|
+
/** Close on backdrop click. Default: true */
|
|
858
|
+
closeOnBackdrop?: boolean;
|
|
859
|
+
/** Close on Escape. Default: true */
|
|
860
|
+
closeOnEsc?: boolean;
|
|
861
|
+
/** Additional class for the drawer panel */
|
|
862
|
+
className?: string;
|
|
863
|
+
};
|
|
864
|
+
declare function Drawer({ isOpen, onClose, children, side, size, ariaLabel, closeOnBackdrop, closeOnEsc, className, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
|
|
865
|
+
|
|
866
|
+
type ComboboxOption = {
|
|
867
|
+
value: string;
|
|
868
|
+
label: string;
|
|
869
|
+
disabled?: boolean;
|
|
870
|
+
};
|
|
871
|
+
type ComboboxProps = {
|
|
872
|
+
options: ComboboxOption[];
|
|
873
|
+
value?: string;
|
|
874
|
+
onChange?: (value: string) => void;
|
|
875
|
+
/** Placeholder text */
|
|
876
|
+
placeholder?: string;
|
|
877
|
+
/** Label above the input */
|
|
878
|
+
label?: string;
|
|
879
|
+
/** Error message */
|
|
880
|
+
error?: string;
|
|
881
|
+
/** Allow free-form input (not just predefined options). Default: false */
|
|
882
|
+
allowCustom?: boolean;
|
|
883
|
+
/** Filter function. Default: case-insensitive label match */
|
|
884
|
+
filterFn?: (option: ComboboxOption, query: string) => boolean;
|
|
885
|
+
/** Empty state content when no options match */
|
|
886
|
+
emptyContent?: ReactNode;
|
|
887
|
+
disabled?: boolean;
|
|
888
|
+
className?: string;
|
|
889
|
+
id?: string;
|
|
890
|
+
};
|
|
891
|
+
declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLInputElement>>;
|
|
892
|
+
|
|
893
|
+
type TransitionPreset = 'fade' | 'fade-up' | 'fade-down' | 'scale' | 'slide-right' | 'slide-left';
|
|
894
|
+
type TransitionProps = {
|
|
895
|
+
show: boolean;
|
|
896
|
+
children: ReactNode;
|
|
897
|
+
/** Animation preset. Default: 'fade' */
|
|
898
|
+
preset?: TransitionPreset;
|
|
899
|
+
/** Duration in ms. Default: 200 */
|
|
900
|
+
duration?: number;
|
|
901
|
+
/** Unmount when hidden. Default: true */
|
|
902
|
+
unmountOnHide?: boolean;
|
|
903
|
+
className?: string;
|
|
904
|
+
};
|
|
905
|
+
declare function Transition({ show, children, preset, duration, unmountOnHide, className, }: TransitionProps): react_jsx_runtime.JSX.Element | null;
|
|
906
|
+
|
|
907
|
+
type VisuallyHiddenProps = HTMLAttributes<HTMLSpanElement> & {
|
|
908
|
+
children: ReactNode;
|
|
909
|
+
/** Render as a different element. Default: 'span' */
|
|
910
|
+
as?: 'span' | 'div';
|
|
911
|
+
};
|
|
912
|
+
/**
|
|
913
|
+
* Visually hides content while keeping it accessible to screen readers.
|
|
914
|
+
*/
|
|
915
|
+
declare function VisuallyHidden({ children, as: Tag, style, ...props }: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
|
|
916
|
+
|
|
917
|
+
export { ActiveFilterPills, type ActiveFilterPillsProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ColorInput, type ColorInputProps, Combobox, type ComboboxOption, type ComboboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, CooldownRing, type CooldownRingProps, type CooldownRingSize, CopyField, type CopyFieldProps, DashboardLayout, type DashboardLayoutProps, Divider, type DividerProps, DotIndicator, type DotIndicatorProps, Drawer, type DrawerProps, type DrawerSide, type DrawerSize, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, type FilterPill, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, type HotkeyBinding, type HotkeyModifiers, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalProps, MutationOverlay, type MutationOverlayProps, type MutationOverlayStatus, Navbar, type NavbarProps, NotificationBell, type NotificationBellProps, PageShell, type PageShellProps, type PageShellVariant, Pagination, type PaginationProps, Pill, Popover, type PopoverPlacement, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StageProgress, type StageProgressProps, StatCard, type StatCardProps, type StatCardTrend, type Step, Stepper, type StepperProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagInput, type TagInputProps, Text, type TextColor, type TextProps, type TextSize, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, Transition, type TransitionPreset, type TransitionProps, type UseClipboardReturn, type UseDisclosureReturn, type UseHotkeysOptions, type UseIntersectionObserverOptions, type UseIntersectionObserverReturn, type UseSharedNowOptions, VisuallyHidden, type VisuallyHiddenProps, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useHotkeys, useIntersectionObserver, useMediaQuery, useSharedNow, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -719,4 +719,199 @@ declare const NotificationBell: react.ForwardRefExoticComponent<Omit<ButtonHTMLA
|
|
|
719
719
|
ping?: boolean;
|
|
720
720
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
721
721
|
|
|
722
|
-
|
|
722
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
723
|
+
type HeadingProps = HTMLAttributes<HTMLHeadingElement> & {
|
|
724
|
+
/** Heading level (1-6). Default: 2 */
|
|
725
|
+
level?: HeadingLevel;
|
|
726
|
+
/** Visual size override. Defaults to matching the level. */
|
|
727
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
728
|
+
/** Color variant. Default: 'default' */
|
|
729
|
+
color?: 'default' | 'muted' | 'gradient';
|
|
730
|
+
};
|
|
731
|
+
declare const Heading: react.ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
|
|
732
|
+
/** Heading level (1-6). Default: 2 */
|
|
733
|
+
level?: HeadingLevel;
|
|
734
|
+
/** Visual size override. Defaults to matching the level. */
|
|
735
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
736
|
+
/** Color variant. Default: 'default' */
|
|
737
|
+
color?: "default" | "muted" | "gradient";
|
|
738
|
+
} & react.RefAttributes<HTMLHeadingElement>>;
|
|
739
|
+
|
|
740
|
+
type TextSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
741
|
+
type TextColor = 'default' | 'muted' | 'dimmed' | 'primary' | 'success' | 'warning' | 'danger';
|
|
742
|
+
type TextProps = HTMLAttributes<HTMLParagraphElement> & {
|
|
743
|
+
/** Font size. Default: 'md' */
|
|
744
|
+
size?: TextSize;
|
|
745
|
+
/** Color variant. Default: 'default' */
|
|
746
|
+
color?: TextColor;
|
|
747
|
+
/** Font weight. Default: 'normal' */
|
|
748
|
+
weight?: 'normal' | 'medium' | 'semibold' | 'bold';
|
|
749
|
+
/** Render as span instead of p. Default: false */
|
|
750
|
+
inline?: boolean;
|
|
751
|
+
/** Truncate with ellipsis. Default: false */
|
|
752
|
+
truncate?: boolean;
|
|
753
|
+
};
|
|
754
|
+
declare const Text: react.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & {
|
|
755
|
+
/** Font size. Default: 'md' */
|
|
756
|
+
size?: TextSize;
|
|
757
|
+
/** Color variant. Default: 'default' */
|
|
758
|
+
color?: TextColor;
|
|
759
|
+
/** Font weight. Default: 'normal' */
|
|
760
|
+
weight?: "normal" | "medium" | "semibold" | "bold";
|
|
761
|
+
/** Render as span instead of p. Default: false */
|
|
762
|
+
inline?: boolean;
|
|
763
|
+
/** Truncate with ellipsis. Default: false */
|
|
764
|
+
truncate?: boolean;
|
|
765
|
+
} & react.RefAttributes<HTMLParagraphElement>>;
|
|
766
|
+
|
|
767
|
+
type StackProps = HTMLAttributes<HTMLDivElement> & {
|
|
768
|
+
children: ReactNode;
|
|
769
|
+
/** Direction. Default: 'vertical' */
|
|
770
|
+
direction?: 'vertical' | 'horizontal';
|
|
771
|
+
/** Gap in Tailwind spacing units (1 = 0.25rem). Default: 4 */
|
|
772
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
|
|
773
|
+
/** Align items along cross axis. Default: 'stretch' */
|
|
774
|
+
align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
775
|
+
/** Justify content along main axis. Default: 'start' */
|
|
776
|
+
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
777
|
+
/** Allow wrapping. Default: false */
|
|
778
|
+
wrap?: boolean;
|
|
779
|
+
};
|
|
780
|
+
declare const Stack: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
781
|
+
children: ReactNode;
|
|
782
|
+
/** Direction. Default: 'vertical' */
|
|
783
|
+
direction?: "vertical" | "horizontal";
|
|
784
|
+
/** Gap in Tailwind spacing units (1 = 0.25rem). Default: 4 */
|
|
785
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
|
|
786
|
+
/** Align items along cross axis. Default: 'stretch' */
|
|
787
|
+
align?: "start" | "center" | "end" | "stretch" | "baseline";
|
|
788
|
+
/** Justify content along main axis. Default: 'start' */
|
|
789
|
+
justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
790
|
+
/** Allow wrapping. Default: false */
|
|
791
|
+
wrap?: boolean;
|
|
792
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
793
|
+
|
|
794
|
+
type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
|
|
795
|
+
children: ReactNode;
|
|
796
|
+
/** Max height. When content exceeds, scrollbar appears. */
|
|
797
|
+
maxHeight?: string | number;
|
|
798
|
+
/** Hide scrollbar visually while keeping scroll functionality. Default: false */
|
|
799
|
+
hideScrollbar?: boolean;
|
|
800
|
+
/** Orientation. Default: 'vertical' */
|
|
801
|
+
orientation?: 'vertical' | 'horizontal' | 'both';
|
|
802
|
+
};
|
|
803
|
+
declare const ScrollArea: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
804
|
+
children: ReactNode;
|
|
805
|
+
/** Max height. When content exceeds, scrollbar appears. */
|
|
806
|
+
maxHeight?: string | number;
|
|
807
|
+
/** Hide scrollbar visually while keeping scroll functionality. Default: false */
|
|
808
|
+
hideScrollbar?: boolean;
|
|
809
|
+
/** Orientation. Default: 'vertical' */
|
|
810
|
+
orientation?: "vertical" | "horizontal" | "both";
|
|
811
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
812
|
+
|
|
813
|
+
type BreadcrumbItem = {
|
|
814
|
+
label: ReactNode;
|
|
815
|
+
href?: string;
|
|
816
|
+
onClick?: () => void;
|
|
817
|
+
};
|
|
818
|
+
type BreadcrumbsProps = {
|
|
819
|
+
items: BreadcrumbItem[];
|
|
820
|
+
separator?: ReactNode;
|
|
821
|
+
className?: string;
|
|
822
|
+
};
|
|
823
|
+
declare function Breadcrumbs({ items, separator, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
|
|
824
|
+
|
|
825
|
+
type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
826
|
+
type PopoverProps = {
|
|
827
|
+
content: ReactNode;
|
|
828
|
+
children: ReactElement;
|
|
829
|
+
/** Preferred placement. Default: 'bottom' */
|
|
830
|
+
placement?: PopoverPlacement;
|
|
831
|
+
/** Close on click outside. Default: true */
|
|
832
|
+
closeOnClickOutside?: boolean;
|
|
833
|
+
/** Close on Escape. Default: true */
|
|
834
|
+
closeOnEsc?: boolean;
|
|
835
|
+
/** Controlled open state */
|
|
836
|
+
open?: boolean;
|
|
837
|
+
/** Called when open state changes */
|
|
838
|
+
onOpenChange?: (open: boolean) => void;
|
|
839
|
+
/** Offset from anchor in px. Default: 8 */
|
|
840
|
+
offset?: number;
|
|
841
|
+
className?: string;
|
|
842
|
+
};
|
|
843
|
+
declare function Popover({ content, children, placement, closeOnClickOutside, closeOnEsc, open: controlledOpen, onOpenChange, offset, className, }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
844
|
+
|
|
845
|
+
type DrawerSide = 'left' | 'right' | 'bottom';
|
|
846
|
+
type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
|
|
847
|
+
type DrawerProps = {
|
|
848
|
+
isOpen: boolean;
|
|
849
|
+
onClose: () => void;
|
|
850
|
+
children: ReactNode;
|
|
851
|
+
/** Side from which the drawer slides in. Default: 'right' */
|
|
852
|
+
side?: DrawerSide;
|
|
853
|
+
/** Width/height preset. Default: 'md' */
|
|
854
|
+
size?: DrawerSize;
|
|
855
|
+
/** ARIA label for the drawer. */
|
|
856
|
+
ariaLabel?: string;
|
|
857
|
+
/** Close on backdrop click. Default: true */
|
|
858
|
+
closeOnBackdrop?: boolean;
|
|
859
|
+
/** Close on Escape. Default: true */
|
|
860
|
+
closeOnEsc?: boolean;
|
|
861
|
+
/** Additional class for the drawer panel */
|
|
862
|
+
className?: string;
|
|
863
|
+
};
|
|
864
|
+
declare function Drawer({ isOpen, onClose, children, side, size, ariaLabel, closeOnBackdrop, closeOnEsc, className, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
|
|
865
|
+
|
|
866
|
+
type ComboboxOption = {
|
|
867
|
+
value: string;
|
|
868
|
+
label: string;
|
|
869
|
+
disabled?: boolean;
|
|
870
|
+
};
|
|
871
|
+
type ComboboxProps = {
|
|
872
|
+
options: ComboboxOption[];
|
|
873
|
+
value?: string;
|
|
874
|
+
onChange?: (value: string) => void;
|
|
875
|
+
/** Placeholder text */
|
|
876
|
+
placeholder?: string;
|
|
877
|
+
/** Label above the input */
|
|
878
|
+
label?: string;
|
|
879
|
+
/** Error message */
|
|
880
|
+
error?: string;
|
|
881
|
+
/** Allow free-form input (not just predefined options). Default: false */
|
|
882
|
+
allowCustom?: boolean;
|
|
883
|
+
/** Filter function. Default: case-insensitive label match */
|
|
884
|
+
filterFn?: (option: ComboboxOption, query: string) => boolean;
|
|
885
|
+
/** Empty state content when no options match */
|
|
886
|
+
emptyContent?: ReactNode;
|
|
887
|
+
disabled?: boolean;
|
|
888
|
+
className?: string;
|
|
889
|
+
id?: string;
|
|
890
|
+
};
|
|
891
|
+
declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLInputElement>>;
|
|
892
|
+
|
|
893
|
+
type TransitionPreset = 'fade' | 'fade-up' | 'fade-down' | 'scale' | 'slide-right' | 'slide-left';
|
|
894
|
+
type TransitionProps = {
|
|
895
|
+
show: boolean;
|
|
896
|
+
children: ReactNode;
|
|
897
|
+
/** Animation preset. Default: 'fade' */
|
|
898
|
+
preset?: TransitionPreset;
|
|
899
|
+
/** Duration in ms. Default: 200 */
|
|
900
|
+
duration?: number;
|
|
901
|
+
/** Unmount when hidden. Default: true */
|
|
902
|
+
unmountOnHide?: boolean;
|
|
903
|
+
className?: string;
|
|
904
|
+
};
|
|
905
|
+
declare function Transition({ show, children, preset, duration, unmountOnHide, className, }: TransitionProps): react_jsx_runtime.JSX.Element | null;
|
|
906
|
+
|
|
907
|
+
type VisuallyHiddenProps = HTMLAttributes<HTMLSpanElement> & {
|
|
908
|
+
children: ReactNode;
|
|
909
|
+
/** Render as a different element. Default: 'span' */
|
|
910
|
+
as?: 'span' | 'div';
|
|
911
|
+
};
|
|
912
|
+
/**
|
|
913
|
+
* Visually hides content while keeping it accessible to screen readers.
|
|
914
|
+
*/
|
|
915
|
+
declare function VisuallyHidden({ children, as: Tag, style, ...props }: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
|
|
916
|
+
|
|
917
|
+
export { ActiveFilterPills, type ActiveFilterPillsProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ColorInput, type ColorInputProps, Combobox, type ComboboxOption, type ComboboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, CooldownRing, type CooldownRingProps, type CooldownRingSize, CopyField, type CopyFieldProps, DashboardLayout, type DashboardLayoutProps, Divider, type DividerProps, DotIndicator, type DotIndicatorProps, Drawer, type DrawerProps, type DrawerSide, type DrawerSize, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, type FilterPill, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, type HotkeyBinding, type HotkeyModifiers, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalProps, MutationOverlay, type MutationOverlayProps, type MutationOverlayStatus, Navbar, type NavbarProps, NotificationBell, type NotificationBellProps, PageShell, type PageShellProps, type PageShellVariant, Pagination, type PaginationProps, Pill, Popover, type PopoverPlacement, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StageProgress, type StageProgressProps, StatCard, type StatCardProps, type StatCardTrend, type Step, Stepper, type StepperProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagInput, type TagInputProps, Text, type TextColor, type TextProps, type TextSize, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, Transition, type TransitionPreset, type TransitionProps, type UseClipboardReturn, type UseDisclosureReturn, type UseHotkeysOptions, type UseIntersectionObserverOptions, type UseIntersectionObserverReturn, type UseSharedNowOptions, VisuallyHidden, type VisuallyHiddenProps, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useHotkeys, useIntersectionObserver, useMediaQuery, useSharedNow, useToast };
|