@minidev.fun/ui 1.0.2 → 1.0.4
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/accordion.d.ts +36 -0
- package/dist/alert-dialog.d.ts +114 -0
- package/dist/alert.d.ts +41 -0
- package/dist/aspect-ratio.d.ts +14 -0
- package/dist/avatar.d.ts +55 -0
- package/dist/{components/ui/badge.d.ts → badge.d.ts} +22 -16
- package/dist/breadcrumb.d.ts +54 -0
- package/dist/button-group.d.ts +45 -0
- package/dist/{components/ui/button.d.ts → button.d.ts} +46 -41
- package/dist/calendar.d.ts +68 -0
- package/dist/card.d.ts +45 -0
- package/dist/carousel.d.ts +116 -0
- package/dist/{components/ui/chart.d.ts → chart.d.ts} +85 -73
- package/dist/checkbox.d.ts +14 -0
- package/dist/collapsible.d.ts +28 -0
- package/dist/combobox.d.ts +113 -0
- package/dist/command.d.ts +90 -0
- package/dist/components/minidev.fun/undefined/index.d.ts +2 -0
- package/dist/components/ui/src/components/ui/accordion.d.ts +2 -0
- package/dist/components/ui/src/components/ui/alert-dialog.d.ts +2 -0
- package/dist/components/ui/src/components/ui/alert.d.ts +2 -0
- package/dist/components/ui/src/components/ui/aspect-ratio.d.ts +2 -0
- package/dist/components/ui/src/components/ui/avatar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/badge.d.ts +2 -0
- package/dist/components/ui/src/components/ui/breadcrumb.d.ts +2 -0
- package/dist/components/ui/src/components/ui/button-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/button.d.ts +2 -0
- package/dist/components/ui/src/components/ui/calendar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/card.d.ts +2 -0
- package/dist/components/ui/src/components/ui/carousel.d.ts +2 -0
- package/dist/components/ui/src/components/ui/chart.d.ts +2 -0
- package/dist/components/ui/src/components/ui/checkbox.d.ts +2 -0
- package/dist/components/ui/src/components/ui/collapsible.d.ts +2 -0
- package/dist/components/ui/src/components/ui/combobox.d.ts +2 -0
- package/dist/components/ui/src/components/ui/command.d.ts +2 -0
- package/dist/components/ui/src/components/ui/context-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/dialog.d.ts +2 -0
- package/dist/components/ui/src/components/ui/drawer.d.ts +2 -0
- package/dist/components/ui/src/components/ui/dropdown-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/empty.d.ts +2 -0
- package/dist/components/ui/src/components/ui/field.d.ts +2 -0
- package/dist/components/ui/src/components/ui/hover-card.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input-otp.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input.d.ts +2 -0
- package/dist/components/ui/src/components/ui/item.d.ts +2 -0
- package/dist/components/ui/src/components/ui/kbd.d.ts +2 -0
- package/dist/components/ui/src/components/ui/label.d.ts +2 -0
- package/dist/components/ui/src/components/ui/menubar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/modal.d.ts +2 -0
- package/dist/components/ui/src/components/ui/navigation-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/pagination.d.ts +2 -0
- package/dist/components/ui/src/components/ui/popover.d.ts +2 -0
- package/dist/components/ui/src/components/ui/progress.d.ts +2 -0
- package/dist/components/ui/src/components/ui/radio-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/resizable.d.ts +2 -0
- package/dist/components/ui/src/components/ui/scroll-area.d.ts +2 -0
- package/dist/components/ui/src/components/ui/select.d.ts +2 -0
- package/dist/components/ui/src/components/ui/separator.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sheet.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sidebar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/src/components/ui/slider.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sonner.d.ts +2 -0
- package/dist/components/ui/src/components/ui/spinner.d.ts +2 -0
- package/dist/components/ui/src/components/ui/switch.d.ts +2 -0
- package/dist/components/ui/src/components/ui/table.d.ts +2 -0
- package/dist/components/ui/src/components/ui/tabs.d.ts +2 -0
- package/dist/components/ui/src/components/ui/textarea.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toast.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toggle-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toggle.d.ts +2 -0
- package/dist/components/ui/src/components/ui/tooltip.d.ts +2 -0
- package/dist/context-menu.d.ts +97 -0
- package/dist/dialog.d.ts +90 -0
- package/dist/drawer.d.ts +61 -0
- package/dist/dropdown-menu.d.ts +121 -0
- package/dist/empty.d.ts +56 -0
- package/dist/field.d.ts +109 -0
- package/dist/hooks/src/hooks/use-mobile.d.ts +2 -0
- package/dist/hover-card.d.ts +28 -0
- package/dist/index.d.ts +290 -0
- package/dist/input-group.d.ts +106 -0
- package/dist/input-otp.d.ts +43 -0
- package/dist/input.d.ts +14 -0
- package/dist/item.d.ts +101 -0
- package/dist/kbd.d.ts +19 -0
- package/dist/label.d.ts +12 -0
- package/dist/lib/utils.d.ts +2 -23
- package/dist/menubar.d.ts +205 -0
- package/dist/modal.d.ts +104 -0
- package/dist/navigation-menu.d.ts +66 -0
- package/dist/pagination.d.ts +99 -0
- package/dist/popover.d.ts +55 -0
- package/dist/progress.d.ts +41 -0
- package/dist/radio-group.d.ts +21 -0
- package/dist/{components/ui/resizable.d.ts → resizable.d.ts} +47 -38
- package/dist/{components/ui/scroll-area.d.ts → scroll-area.d.ts} +69 -64
- package/dist/select.d.ts +79 -0
- package/dist/separator.d.ts +12 -0
- package/dist/sheet.d.ts +68 -0
- package/dist/sidebar.d.ts +288 -0
- package/dist/skeleton.d.ts +11 -0
- package/dist/{components/ui/slider.d.ts → slider.d.ts} +24 -21
- package/dist/{components/ui/sonner.d.ts → sonner.d.ts} +27 -21
- package/dist/spinner.d.ts +11 -0
- package/dist/switch.d.ts +15 -0
- package/dist/table.d.ts +68 -0
- package/dist/tabs.d.ts +42 -0
- package/dist/{components/ui/textarea.d.ts → textarea.d.ts} +21 -18
- package/dist/toast.d.ts +15 -0
- package/dist/toggle-group.d.ts +36 -0
- package/dist/toggle.d.ts +19 -0
- package/dist/tooltip.d.ts +36 -0
- package/dist/{hooks/use-mobile.d.ts → use-mobile.d.ts} +19 -18
- package/dist/utils.d.ts +25 -0
- package/package.json +1 -1
- package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts +0 -46
- package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts +0 -106
- package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/index.d.ts +0 -4
- package/dist/components/minidev.fun/color-mode/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts +0 -91
- package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts.map +0 -1
- package/dist/components/minidev.fun/first-light/first-light-filters.d.ts +0 -27
- package/dist/components/minidev.fun/first-light/first-light-filters.d.ts.map +0 -1
- package/dist/components/minidev.fun/first-light/index.d.ts +0 -2
- package/dist/components/minidev.fun/first-light/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/blockquote.d.ts +0 -13
- package/dist/components/minidev.fun/typography/blockquote.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/code.d.ts +0 -13
- package/dist/components/minidev.fun/typography/code.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/index.d.ts +0 -6
- package/dist/components/minidev.fun/typography/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/list-item.d.ts +0 -27
- package/dist/components/minidev.fun/typography/list-item.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/text.d.ts +0 -44
- package/dist/components/minidev.fun/typography/text.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/title.d.ts +0 -22
- package/dist/components/minidev.fun/typography/title.d.ts.map +0 -1
- package/dist/components/ui/accordion.d.ts +0 -27
- package/dist/components/ui/accordion.d.ts.map +0 -1
- package/dist/components/ui/alert-dialog.d.ts +0 -47
- package/dist/components/ui/alert-dialog.d.ts.map +0 -1
- package/dist/components/ui/alert.d.ts +0 -30
- package/dist/components/ui/alert.d.ts.map +0 -1
- package/dist/components/ui/aspect-ratio.d.ts +0 -11
- package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
- package/dist/components/ui/avatar.d.ts +0 -42
- package/dist/components/ui/avatar.d.ts.map +0 -1
- package/dist/components/ui/badge.d.ts.map +0 -1
- package/dist/components/ui/breadcrumb.d.ts +0 -39
- package/dist/components/ui/breadcrumb.d.ts.map +0 -1
- package/dist/components/ui/button-group.d.ts +0 -26
- package/dist/components/ui/button-group.d.ts.map +0 -1
- package/dist/components/ui/button.d.ts.map +0 -1
- package/dist/components/ui/calendar.d.ts +0 -20
- package/dist/components/ui/calendar.d.ts.map +0 -1
- package/dist/components/ui/card.d.ts +0 -30
- package/dist/components/ui/card.d.ts.map +0 -1
- package/dist/components/ui/carousel.d.ts +0 -56
- package/dist/components/ui/carousel.d.ts.map +0 -1
- package/dist/components/ui/chart.d.ts.map +0 -1
- package/dist/components/ui/checkbox.d.ts +0 -11
- package/dist/components/ui/checkbox.d.ts.map +0 -1
- package/dist/components/ui/collapsible.d.ts +0 -21
- package/dist/components/ui/collapsible.d.ts.map +0 -1
- package/dist/components/ui/combobox.d.ts +0 -80
- package/dist/components/ui/combobox.d.ts.map +0 -1
- package/dist/components/ui/command.d.ts +0 -63
- package/dist/components/ui/command.d.ts.map +0 -1
- package/dist/components/ui/context-menu.d.ts +0 -64
- package/dist/components/ui/context-menu.d.ts.map +0 -1
- package/dist/components/ui/dialog.d.ts +0 -69
- package/dist/components/ui/dialog.d.ts.map +0 -1
- package/dist/components/ui/drawer.d.ts +0 -40
- package/dist/components/ui/drawer.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.d.ts +0 -88
- package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/components/ui/empty.d.ts +0 -41
- package/dist/components/ui/empty.d.ts.map +0 -1
- package/dist/components/ui/field.d.ts +0 -78
- package/dist/components/ui/field.d.ts.map +0 -1
- package/dist/components/ui/hover-card.d.ts +0 -21
- package/dist/components/ui/hover-card.d.ts.map +0 -1
- package/dist/components/ui/input-group.d.ts +0 -50
- package/dist/components/ui/input-group.d.ts.map +0 -1
- package/dist/components/ui/input-otp.d.ts +0 -34
- package/dist/components/ui/input-otp.d.ts.map +0 -1
- package/dist/components/ui/input.d.ts +0 -11
- package/dist/components/ui/input.d.ts.map +0 -1
- package/dist/components/ui/item.d.ts +0 -69
- package/dist/components/ui/item.d.ts.map +0 -1
- package/dist/components/ui/kbd.d.ts +0 -14
- package/dist/components/ui/kbd.d.ts.map +0 -1
- package/dist/components/ui/label.d.ts +0 -9
- package/dist/components/ui/label.d.ts.map +0 -1
- package/dist/components/ui/menubar.d.ts +0 -87
- package/dist/components/ui/menubar.d.ts.map +0 -1
- package/dist/components/ui/modal.d.ts +0 -41
- package/dist/components/ui/modal.d.ts.map +0 -1
- package/dist/components/ui/navigation-menu.d.ts +0 -52
- package/dist/components/ui/navigation-menu.d.ts.map +0 -1
- package/dist/components/ui/pagination.d.ts +0 -42
- package/dist/components/ui/pagination.d.ts.map +0 -1
- package/dist/components/ui/popover.d.ts +0 -42
- package/dist/components/ui/popover.d.ts.map +0 -1
- package/dist/components/ui/progress.d.ts +0 -30
- package/dist/components/ui/progress.d.ts.map +0 -1
- package/dist/components/ui/radio-group.d.ts +0 -16
- package/dist/components/ui/radio-group.d.ts.map +0 -1
- package/dist/components/ui/resizable.d.ts.map +0 -1
- package/dist/components/ui/scroll-area.d.ts.map +0 -1
- package/dist/components/ui/select.d.ts +0 -58
- package/dist/components/ui/select.d.ts.map +0 -1
- package/dist/components/ui/separator.d.ts +0 -9
- package/dist/components/ui/separator.d.ts.map +0 -1
- package/dist/components/ui/sheet.d.ts +0 -51
- package/dist/components/ui/sheet.d.ts.map +0 -1
- package/dist/components/ui/sidebar.d.ts +0 -172
- package/dist/components/ui/sidebar.d.ts.map +0 -1
- package/dist/components/ui/skeleton.d.ts +0 -8
- package/dist/components/ui/skeleton.d.ts.map +0 -1
- package/dist/components/ui/slider.d.ts.map +0 -1
- package/dist/components/ui/sonner.d.ts.map +0 -1
- package/dist/components/ui/spinner.d.ts +0 -8
- package/dist/components/ui/spinner.d.ts.map +0 -1
- package/dist/components/ui/switch.d.ts +0 -12
- package/dist/components/ui/switch.d.ts.map +0 -1
- package/dist/components/ui/table.d.ts +0 -51
- package/dist/components/ui/table.d.ts.map +0 -1
- package/dist/components/ui/tabs.d.ts +0 -31
- package/dist/components/ui/tabs.d.ts.map +0 -1
- package/dist/components/ui/textarea.d.ts.map +0 -1
- package/dist/components/ui/toast.d.ts +0 -11
- package/dist/components/ui/toast.d.ts.map +0 -1
- package/dist/components/ui/toggle-group.d.ts +0 -26
- package/dist/components/ui/toggle-group.d.ts.map +0 -1
- package/dist/components/ui/toggle.d.ts +0 -14
- package/dist/components/ui/toggle.d.ts.map +0 -1
- package/dist/components/ui/tooltip.d.ts +0 -27
- package/dist/components/ui/tooltip.d.ts.map +0 -1
- package/dist/hooks/use-mobile.d.ts.map +0 -1
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/variants.d.ts +0 -107
- package/dist/lib/variants.d.ts.map +0 -1
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { Button as Button_2 } from '@base-ui/react/button';
|
|
2
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
3
|
+
import { default as default_2 } from 'embla-carousel-react';
|
|
4
|
+
import { JSX } from 'react/jsx-runtime';
|
|
5
|
+
import * as React_2 from 'react';
|
|
6
|
+
import { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
7
|
+
import { VariantProps } from 'class-variance-authority';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Versatile button component with multiple visual variants and sizes.
|
|
11
|
+
*
|
|
12
|
+
* Supports icon placement via `data-icon="inline-start"` or `data-icon="inline-end"` attributes
|
|
13
|
+
* on child elements. Use the `render` prop to compose with other components or change the
|
|
14
|
+
* underlying element while maintaining button semantics.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* // Basic button
|
|
19
|
+
* <Button variant="default">Click me</Button>
|
|
20
|
+
*
|
|
21
|
+
* // With icon
|
|
22
|
+
* <Button>
|
|
23
|
+
* <PlusIcon data-icon="inline-start" />
|
|
24
|
+
* Create
|
|
25
|
+
* </Button>
|
|
26
|
+
*
|
|
27
|
+
* // Icon only
|
|
28
|
+
* <Button size="icon" aria-label="Settings">
|
|
29
|
+
* <SettingsIcon />
|
|
30
|
+
* </Button>
|
|
31
|
+
*
|
|
32
|
+
* // Custom element
|
|
33
|
+
* <Button render={<a href="/login" />}>Sign in</Button>
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
declare function Button({ className, variant, size, ...props }: ButtonProps): JSX.Element;
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Props for the Button component.
|
|
40
|
+
* Combines Base UI Button props with variant styling options.
|
|
41
|
+
*/
|
|
42
|
+
declare type ButtonProps = Button_2.Props & VariantProps<typeof buttonVariants>;
|
|
43
|
+
|
|
44
|
+
declare const buttonVariants: (props?: ({
|
|
45
|
+
variant?: "link" | "default" | "outline" | "success" | "destructive" | "info" | "primary" | "secondary" | "ghost" | "warning" | null | undefined;
|
|
46
|
+
size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
47
|
+
} & ClassProp) | undefined) => string;
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Carousel root component. Provides context and manages scroll state.
|
|
51
|
+
* Supports both horizontal and vertical orientations with keyboard navigation.
|
|
52
|
+
*/
|
|
53
|
+
export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: CarouselProps): JSX.Element;
|
|
54
|
+
|
|
55
|
+
export declare type CarouselApi = UseEmblaCarouselType[1];
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Container for carousel items. Handles overflow and flex layout.
|
|
59
|
+
*/
|
|
60
|
+
export declare function CarouselContent({ className, ...props }: CarouselContentProps): JSX.Element;
|
|
61
|
+
|
|
62
|
+
export declare type CarouselContentProps = React_2.ComponentProps<"div">;
|
|
63
|
+
|
|
64
|
+
declare type CarouselContextProps = {
|
|
65
|
+
carouselRef: ReturnType<typeof default_2>[0];
|
|
66
|
+
api: ReturnType<typeof default_2>[1];
|
|
67
|
+
scrollPrev: () => void;
|
|
68
|
+
scrollNext: () => void;
|
|
69
|
+
canScrollPrev: boolean;
|
|
70
|
+
canScrollNext: boolean;
|
|
71
|
+
} & CarouselProps;
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* Individual carousel slide. Use `basis-*` classes to control items per view.
|
|
75
|
+
*/
|
|
76
|
+
export declare function CarouselItem({ className, ...props }: CarouselItemProps): JSX.Element;
|
|
77
|
+
|
|
78
|
+
export declare type CarouselItemProps = React_2.ComponentProps<"div">;
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Button to navigate to next slide. Automatically disabled when at end (unless loop is enabled).
|
|
82
|
+
*/
|
|
83
|
+
export declare function CarouselNext({ className, variant, size, ...props }: CarouselNextProps): JSX.Element;
|
|
84
|
+
|
|
85
|
+
export declare type CarouselNextProps = React_2.ComponentProps<typeof Button>;
|
|
86
|
+
|
|
87
|
+
declare type CarouselOptions = UseCarouselParameters[0];
|
|
88
|
+
|
|
89
|
+
declare type CarouselPlugin = UseCarouselParameters[1];
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Button to navigate to previous slide. Automatically disabled when at start (unless loop is enabled).
|
|
93
|
+
*/
|
|
94
|
+
export declare function CarouselPrevious({ className, variant, size, ...props }: CarouselPreviousProps): JSX.Element;
|
|
95
|
+
|
|
96
|
+
export declare type CarouselPreviousProps = React_2.ComponentProps<typeof Button>;
|
|
97
|
+
|
|
98
|
+
export declare type CarouselProps = React_2.ComponentProps<"div"> & {
|
|
99
|
+
/** Embla carousel options (loop, align, slidesToScroll, etc.) */
|
|
100
|
+
opts?: CarouselOptions;
|
|
101
|
+
/** Embla carousel plugins */
|
|
102
|
+
plugins?: CarouselPlugin;
|
|
103
|
+
/** Carousel scroll direction. @default "horizontal" */
|
|
104
|
+
orientation?: "horizontal" | "vertical";
|
|
105
|
+
/** Callback to receive the carousel API instance for programmatic control */
|
|
106
|
+
setApi?: (api: CarouselApi) => void;
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Hook to access carousel context. Must be used within a Carousel component.
|
|
111
|
+
*/
|
|
112
|
+
export declare function useCarousel(): CarouselContextProps;
|
|
113
|
+
|
|
114
|
+
declare type UseCarouselParameters = Parameters<typeof default_2>;
|
|
115
|
+
|
|
116
|
+
export { }
|
|
@@ -1,73 +1,85 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
|
|
49
|
-
/** Key to use for series names
|
|
50
|
-
nameKey?: string;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
*/
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as React_2 from 'react';
|
|
3
|
+
import * as RechartsPrimitive from 'recharts';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Configuration object for chart series, defining labels, colors, and icons.
|
|
7
|
+
* Supports both single colors and theme-aware color mappings for light/dark modes.
|
|
8
|
+
*/
|
|
9
|
+
export declare type ChartConfig = {
|
|
10
|
+
[k in string]: {
|
|
11
|
+
/** Label for the series displayed in tooltips and legends */
|
|
12
|
+
label?: React_2.ReactNode;
|
|
13
|
+
/** Optional icon component to display alongside the series */
|
|
14
|
+
icon?: React_2.ComponentType;
|
|
15
|
+
} & ({
|
|
16
|
+
color?: string;
|
|
17
|
+
theme?: never;
|
|
18
|
+
} | {
|
|
19
|
+
color?: never;
|
|
20
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Root container for Recharts visualizations with theming and configuration.
|
|
26
|
+
* Provides responsive container, theme-aware CSS variables, and chart context.
|
|
27
|
+
*/
|
|
28
|
+
export declare function ChartContainer({ id, className, children, config, ...props }: ChartContainerProps): JSX.Element;
|
|
29
|
+
|
|
30
|
+
export declare type ChartContainerProps = React_2.ComponentProps<"div"> & {
|
|
31
|
+
/** Chart configuration defining series labels, colors, and icons */
|
|
32
|
+
config: ChartConfig;
|
|
33
|
+
/** Recharts chart component (LineChart, BarChart, AreaChart, PieChart, etc.) */
|
|
34
|
+
children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
/** Re-export of Recharts Legend component for positioning */
|
|
38
|
+
export declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Customizable legend content for charts showing all series with icons or colors.
|
|
42
|
+
* Automatically styled with theme colors from ChartConfig.
|
|
43
|
+
*/
|
|
44
|
+
export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): JSX.Element | null;
|
|
45
|
+
|
|
46
|
+
export declare type ChartLegendContentProps = React_2.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
47
|
+
/** Hide series icons, showing only color squares. @default false */
|
|
48
|
+
hideIcon?: boolean;
|
|
49
|
+
/** Key to use for series names in legend */
|
|
50
|
+
nameKey?: string;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export declare const ChartStyle: ({ id, config }: {
|
|
54
|
+
id: string;
|
|
55
|
+
config: ChartConfig;
|
|
56
|
+
}) => JSX.Element | null;
|
|
57
|
+
|
|
58
|
+
/** Re-export of Recharts Tooltip component for positioning and visibility */
|
|
59
|
+
export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Customizable tooltip content for charts with series indicators and formatting.
|
|
63
|
+
* Automatically styled with theme colors from ChartConfig.
|
|
64
|
+
*/
|
|
65
|
+
export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): JSX.Element | null;
|
|
66
|
+
|
|
67
|
+
export declare type ChartTooltipContentProps = React_2.ComponentProps<typeof RechartsPrimitive.Tooltip> & React_2.ComponentProps<"div"> & {
|
|
68
|
+
/** Hide the tooltip label (typically the x-axis value) */
|
|
69
|
+
hideLabel?: boolean;
|
|
70
|
+
/** Hide the color indicator for each series */
|
|
71
|
+
hideIndicator?: boolean;
|
|
72
|
+
/** Indicator style for series items. @default "dot" */
|
|
73
|
+
indicator?: "line" | "dot" | "dashed";
|
|
74
|
+
/** Key to use for series names, overrides default dataKey */
|
|
75
|
+
nameKey?: string;
|
|
76
|
+
/** Key to use for tooltip label, overrides default */
|
|
77
|
+
labelKey?: string;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
declare const THEMES: {
|
|
81
|
+
readonly light: "";
|
|
82
|
+
readonly dark: ".dark";
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
export { }
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Checkbox component for binary selection in forms and settings.
|
|
6
|
+
*
|
|
7
|
+
* Supports controlled and uncontrolled usage, form integration, and indeterminate state.
|
|
8
|
+
* Includes built-in indicator with check icon.
|
|
9
|
+
*/
|
|
10
|
+
export declare function Checkbox({ className, ...props }: CheckboxProps): JSX.Element;
|
|
11
|
+
|
|
12
|
+
export declare type CheckboxProps = Checkbox_2.Root.Props;
|
|
13
|
+
|
|
14
|
+
export { }
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Collapsible as Collapsible_2 } from '@base-ui/react/collapsible';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Root container for collapsible sections. Groups trigger and content.
|
|
6
|
+
* Supports both controlled and uncontrolled state.
|
|
7
|
+
*/
|
|
8
|
+
export declare function Collapsible({ ...props }: CollapsibleProps): JSX.Element;
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Collapsible content panel. Automatically animates height on open/close.
|
|
12
|
+
* Hidden when closed unless `keepMounted` is true.
|
|
13
|
+
*/
|
|
14
|
+
export declare function CollapsibleContent({ ...props }: CollapsibleContentProps): JSX.Element;
|
|
15
|
+
|
|
16
|
+
export declare type CollapsibleContentProps = Collapsible_2.Panel.Props;
|
|
17
|
+
|
|
18
|
+
export declare type CollapsibleProps = Collapsible_2.Root.Props;
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Button that toggles the collapsible content.
|
|
22
|
+
* Use `render` prop to customize the rendered element.
|
|
23
|
+
*/
|
|
24
|
+
export declare function CollapsibleTrigger({ ...props }: CollapsibleTriggerProps): JSX.Element;
|
|
25
|
+
|
|
26
|
+
export declare type CollapsibleTriggerProps = Collapsible_2.Trigger.Props;
|
|
27
|
+
|
|
28
|
+
export { }
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { Combobox as Combobox_2 } from '@base-ui/react';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
|
+
|
|
5
|
+
export declare const Combobox: typeof Combobox_2.Root;
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Individual chip representing a selected item in multi-select mode.
|
|
9
|
+
* Use within ComboboxChips. Includes remove button by default.
|
|
10
|
+
*/
|
|
11
|
+
export declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxChipProps): JSX.Element;
|
|
12
|
+
|
|
13
|
+
export declare type ComboboxChipProps = Combobox_2.Chip.Props & {
|
|
14
|
+
/** Show remove button on chip. @default true */
|
|
15
|
+
showRemove?: boolean;
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Container for selected chips in multi-select mode. Use with `useComboboxAnchor()` hook
|
|
20
|
+
* and pass ref to anchor the popup. Contains ComboboxChip and ComboboxChipsInput.
|
|
21
|
+
*/
|
|
22
|
+
export declare function ComboboxChips({ className, ...props }: ComboboxChipsProps): JSX.Element;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Text input for multi-select combobox. Use within ComboboxChips alongside chips.
|
|
26
|
+
* This is the input field where users type to filter items.
|
|
27
|
+
*/
|
|
28
|
+
export declare function ComboboxChipsInput({ className, ...props }: ComboboxChipsInputProps): JSX.Element;
|
|
29
|
+
|
|
30
|
+
export declare type ComboboxChipsInputProps = Combobox_2.Input.Props;
|
|
31
|
+
|
|
32
|
+
export declare type ComboboxChipsProps = React_2.ComponentPropsWithRef<typeof Combobox_2.Chips> & Combobox_2.Chips.Props;
|
|
33
|
+
|
|
34
|
+
export declare type ComboboxClearProps = Combobox_2.Clear.Props;
|
|
35
|
+
|
|
36
|
+
/** Defines collection of items for keyboard navigation and accessibility. */
|
|
37
|
+
export declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): JSX.Element;
|
|
38
|
+
|
|
39
|
+
export declare type ComboboxCollectionProps = Combobox_2.Collection.Props;
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Popup container for combobox items. Automatically renders in portal with positioner.
|
|
43
|
+
* Use `anchor` prop for multi-select with chips to position relative to chips container.
|
|
44
|
+
*/
|
|
45
|
+
export declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxContentProps): JSX.Element;
|
|
46
|
+
|
|
47
|
+
export declare type ComboboxContentProps = Combobox_2.Popup.Props & Pick<Combobox_2.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
|
|
48
|
+
|
|
49
|
+
/** Displays message when search returns no results. Automatically shown when list is empty. */
|
|
50
|
+
export declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): JSX.Element;
|
|
51
|
+
|
|
52
|
+
export declare type ComboboxEmptyProps = Combobox_2.Empty.Props;
|
|
53
|
+
|
|
54
|
+
/** Container for grouping related items together with optional label. */
|
|
55
|
+
export declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): JSX.Element;
|
|
56
|
+
|
|
57
|
+
export declare type ComboboxGroupProps = Combobox_2.Group.Props;
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Text input for single-select combobox with optional trigger and clear buttons.
|
|
61
|
+
* Automatically renders within an InputGroup with inline-end addons.
|
|
62
|
+
*/
|
|
63
|
+
export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxInputProps): JSX.Element;
|
|
64
|
+
|
|
65
|
+
export declare type ComboboxInputProps = Combobox_2.Input.Props & {
|
|
66
|
+
/** Show dropdown trigger button. @default true */
|
|
67
|
+
showTrigger?: boolean;
|
|
68
|
+
/** Show clear button when value is selected. @default false */
|
|
69
|
+
showClear?: boolean;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Selectable item in combobox list. Shows check icon when selected.
|
|
74
|
+
* Requires unique `value` prop.
|
|
75
|
+
*/
|
|
76
|
+
export declare function ComboboxItem({ className, children, ...props }: ComboboxItemProps): JSX.Element;
|
|
77
|
+
|
|
78
|
+
export declare type ComboboxItemProps = Combobox_2.Item.Props;
|
|
79
|
+
|
|
80
|
+
/** Label for a group of items. Use within ComboboxGroup. */
|
|
81
|
+
export declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): JSX.Element;
|
|
82
|
+
|
|
83
|
+
export declare type ComboboxLabelProps = Combobox_2.GroupLabel.Props;
|
|
84
|
+
|
|
85
|
+
/** Scrollable container for combobox items. Automatically manages overflow and empty states. */
|
|
86
|
+
export declare function ComboboxList({ className, ...props }: ComboboxListProps): JSX.Element;
|
|
87
|
+
|
|
88
|
+
export declare type ComboboxListProps = Combobox_2.List.Props;
|
|
89
|
+
|
|
90
|
+
export declare type ComboboxProps<T = unknown> = Combobox_2.Root.Props<T>;
|
|
91
|
+
|
|
92
|
+
/** Visual separator between groups of items. */
|
|
93
|
+
export declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): JSX.Element;
|
|
94
|
+
|
|
95
|
+
export declare type ComboboxSeparatorProps = Combobox_2.Separator.Props;
|
|
96
|
+
|
|
97
|
+
/** Button that opens the combobox popup. Automatically includes a chevron icon. */
|
|
98
|
+
export declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): JSX.Element;
|
|
99
|
+
|
|
100
|
+
export declare type ComboboxTriggerProps = Combobox_2.Trigger.Props;
|
|
101
|
+
|
|
102
|
+
/** Displays the selected value(s) as text in the trigger or input. */
|
|
103
|
+
export declare function ComboboxValue({ ...props }: ComboboxValueProps): JSX.Element;
|
|
104
|
+
|
|
105
|
+
export declare type ComboboxValueProps = Combobox_2.Value.Props;
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* Hook that returns a ref for anchoring the popup to the chips container.
|
|
109
|
+
* Use: `const anchorRef = useComboboxAnchor()` then pass to both ComboboxChips and ComboboxContent.
|
|
110
|
+
*/
|
|
111
|
+
export declare function useComboboxAnchor(): React_2.RefObject<HTMLDivElement | null>;
|
|
112
|
+
|
|
113
|
+
export { }
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { Command as Command_2 } from 'cmdk';
|
|
2
|
+
import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
|
|
3
|
+
import { JSX } from 'react/jsx-runtime';
|
|
4
|
+
import * as React_2 from 'react';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Root command menu container with keyboard navigation and fuzzy search.
|
|
8
|
+
* Typically used within CommandDialog for command palettes.
|
|
9
|
+
*/
|
|
10
|
+
export declare function Command({ className, ...props }: CommandProps): JSX.Element;
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Command menu wrapped in a dialog for modal command palettes.
|
|
14
|
+
* Automatically includes portal and overlay. Triggered with ⌘K or Ctrl+K.
|
|
15
|
+
*/
|
|
16
|
+
export declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: CommandDialogProps): JSX.Element;
|
|
17
|
+
|
|
18
|
+
export declare type CommandDialogProps = Omit<React_2.ComponentProps<typeof Dialog>, "children"> & {
|
|
19
|
+
/** Dialog title for screen readers. @default "Command Palette" */
|
|
20
|
+
title?: string;
|
|
21
|
+
/** Dialog description for screen readers. @default "Search for a command to run..." */
|
|
22
|
+
description?: string;
|
|
23
|
+
className?: string;
|
|
24
|
+
/** Show close button (X) in top-right corner. @default false */
|
|
25
|
+
showCloseButton?: boolean;
|
|
26
|
+
children: React_2.ReactNode;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Displayed when search returns no results. Defaults to centered text.
|
|
31
|
+
*/
|
|
32
|
+
export declare function CommandEmpty({ className, ...props }: CommandEmptyProps): JSX.Element;
|
|
33
|
+
|
|
34
|
+
export declare type CommandEmptyProps = React_2.ComponentProps<typeof Command_2.Empty>;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Groups related command items with optional heading. Use heading prop for labels.
|
|
38
|
+
*/
|
|
39
|
+
export declare function CommandGroup({ className, ...props }: CommandGroupProps): JSX.Element;
|
|
40
|
+
|
|
41
|
+
export declare type CommandGroupProps = React_2.ComponentProps<typeof Command_2.Group>;
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Search input with integrated search icon. Automatically filters command items.
|
|
45
|
+
*/
|
|
46
|
+
export declare function CommandInput({ className, ...props }: CommandInputProps): JSX.Element;
|
|
47
|
+
|
|
48
|
+
export declare type CommandInputProps = React_2.ComponentProps<typeof Command_2.Input>;
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Selectable command item with automatic check icon. Use onSelect prop for actions.
|
|
52
|
+
* Automatically shows check icon when selected (hidden if CommandShortcut is present).
|
|
53
|
+
*/
|
|
54
|
+
export declare function CommandItem({ className, children, ...props }: CommandItemProps): JSX.Element;
|
|
55
|
+
|
|
56
|
+
export declare type CommandItemProps = React_2.ComponentProps<typeof Command_2.Item>;
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* Scrollable container for command groups and items. Max height 72 (18rem).
|
|
60
|
+
*/
|
|
61
|
+
export declare function CommandList({ className, ...props }: CommandListProps): JSX.Element;
|
|
62
|
+
|
|
63
|
+
export declare type CommandListProps = React_2.ComponentProps<typeof Command_2.List>;
|
|
64
|
+
|
|
65
|
+
export declare type CommandProps = React_2.ComponentProps<typeof Command_2>;
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Visual divider between command groups or items.
|
|
69
|
+
*/
|
|
70
|
+
export declare function CommandSeparator({ className, ...props }: CommandSeparatorProps): JSX.Element;
|
|
71
|
+
|
|
72
|
+
export declare type CommandSeparatorProps = React_2.ComponentProps<typeof Command_2.Separator>;
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Keyboard shortcut label displayed at the end of a command item.
|
|
76
|
+
* Automatically aligned to the right and hides the check icon.
|
|
77
|
+
*/
|
|
78
|
+
export declare function CommandShortcut({ className, ...props }: CommandShortcutProps): JSX.Element;
|
|
79
|
+
|
|
80
|
+
export declare type CommandShortcutProps = React_2.ComponentProps<"span">;
|
|
81
|
+
|
|
82
|
+
/**
|
|
83
|
+
* Root dialog component. Groups all parts of the dialog and manages open state.
|
|
84
|
+
* Use with controlled (`open`/`onOpenChange`) or uncontrolled (`defaultOpen`) state.
|
|
85
|
+
*/
|
|
86
|
+
declare function Dialog({ ...props }: DialogProps): JSX.Element;
|
|
87
|
+
|
|
88
|
+
declare type DialogProps = Dialog_2.Root.Props;
|
|
89
|
+
|
|
90
|
+
export { }
|