@codefast/ui 0.3.15 → 0.3.16-canary.1
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/CHANGELOG.md +14 -0
- package/dist/components/accordion.d.mts +30 -0
- package/dist/components/accordion.mjs +15 -0
- package/dist/components/alert-dialog.d.mts +60 -0
- package/dist/components/alert-dialog.mjs +30 -0
- package/dist/components/alert.d.mts +21 -0
- package/dist/components/alert.mjs +12 -0
- package/dist/components/aspect-ratio.d.mts +6 -0
- package/dist/components/aspect-ratio.mjs +3 -0
- package/dist/components/avatar.d.mts +18 -0
- package/dist/components/avatar.mjs +9 -0
- package/dist/components/badge.d.mts +9 -0
- package/dist/components/badge.mjs +6 -0
- package/dist/components/breadcrumb.d.mts +42 -0
- package/dist/components/breadcrumb.mjs +21 -0
- package/dist/components/button-group.d.mts +21 -0
- package/dist/components/button-group.mjs +12 -0
- package/dist/components/button.d.mts +9 -0
- package/dist/components/button.mjs +6 -0
- package/dist/components/calendar.d.mts +12 -0
- package/dist/components/calendar.mjs +7 -1
- package/dist/components/card.d.mts +42 -0
- package/dist/components/card.mjs +21 -0
- package/dist/components/carousel.d.mts +33 -0
- package/dist/components/carousel.mjs +15 -0
- package/dist/components/chart.d.mts +40 -1
- package/dist/components/chart.mjs +18 -0
- package/dist/components/checkbox-cards.d.mts +12 -0
- package/dist/components/checkbox-cards.mjs +6 -0
- package/dist/components/checkbox-group.d.mts +12 -0
- package/dist/components/checkbox-group.mjs +6 -0
- package/dist/components/checkbox.d.mts +6 -0
- package/dist/components/checkbox.mjs +3 -0
- package/dist/components/collapsible.d.mts +18 -0
- package/dist/components/collapsible.mjs +9 -0
- package/dist/components/command.d.mts +60 -0
- package/dist/components/command.mjs +30 -0
- package/dist/components/context-menu.d.mts +90 -0
- package/dist/components/context-menu.mjs +45 -0
- package/dist/components/dialog.d.mts +54 -0
- package/dist/components/dialog.mjs +27 -0
- package/dist/components/drawer.d.mts +54 -0
- package/dist/components/drawer.mjs +27 -0
- package/dist/components/dropdown-menu.d.mts +90 -0
- package/dist/components/dropdown-menu.mjs +45 -0
- package/dist/components/empty.d.mts +39 -0
- package/dist/components/empty.mjs +21 -0
- package/dist/components/field.d.mts +64 -1
- package/dist/components/field.mjs +33 -0
- package/dist/components/form.d.mts +42 -0
- package/dist/components/form.mjs +21 -0
- package/dist/components/hover-card.d.mts +24 -0
- package/dist/components/hover-card.mjs +12 -0
- package/dist/components/input-group.d.mts +45 -0
- package/dist/components/input-group.mjs +27 -0
- package/dist/components/input-number.d.mts +6 -0
- package/dist/components/input-number.mjs +3 -0
- package/dist/components/input-otp.d.mts +24 -0
- package/dist/components/input-otp.mjs +12 -0
- package/dist/components/input-password.d.mts +6 -0
- package/dist/components/input-password.mjs +3 -0
- package/dist/components/input-search.d.mts +6 -0
- package/dist/components/input-search.mjs +3 -0
- package/dist/components/input.d.mts +6 -0
- package/dist/components/input.mjs +3 -0
- package/dist/components/item.d.mts +66 -0
- package/dist/components/item.mjs +36 -0
- package/dist/components/kbd.d.mts +12 -0
- package/dist/components/kbd.mjs +6 -0
- package/dist/components/label.d.mts +6 -0
- package/dist/components/label.mjs +3 -0
- package/dist/components/menubar.d.mts +96 -0
- package/dist/components/menubar.mjs +48 -0
- package/dist/components/native-select.d.mts +18 -0
- package/dist/components/native-select.mjs +9 -0
- package/dist/components/navigation-menu.d.mts +39 -0
- package/dist/components/navigation-menu.mjs +21 -0
- package/dist/components/pagination.d.mts +42 -0
- package/dist/components/pagination.mjs +21 -0
- package/dist/components/popover.d.mts +30 -0
- package/dist/components/popover.mjs +15 -0
- package/dist/components/progress-circle.d.mts +9 -0
- package/dist/components/progress-circle.mjs +6 -0
- package/dist/components/progress.d.mts +6 -0
- package/dist/components/progress.mjs +3 -0
- package/dist/components/radio-cards.d.mts +12 -0
- package/dist/components/radio-cards.mjs +6 -0
- package/dist/components/radio-group.d.mts +12 -0
- package/dist/components/radio-group.mjs +6 -0
- package/dist/components/radio.d.mts +6 -0
- package/dist/components/radio.mjs +3 -0
- package/dist/components/resizable.d.mts +18 -0
- package/dist/components/resizable.mjs +9 -0
- package/dist/components/scroll-area.d.mts +15 -0
- package/dist/components/scroll-area.mjs +9 -0
- package/dist/components/select.d.mts +60 -0
- package/dist/components/select.mjs +30 -0
- package/dist/components/separator.d.mts +15 -0
- package/dist/components/separator.mjs +9 -0
- package/dist/components/sheet.d.mts +57 -0
- package/dist/components/sheet.mjs +30 -0
- package/dist/components/sidebar.d.mts +141 -0
- package/dist/components/sidebar.mjs +72 -0
- package/dist/components/skeleton.d.mts +6 -0
- package/dist/components/skeleton.mjs +3 -0
- package/dist/components/slider.d.mts +6 -0
- package/dist/components/slider.mjs +3 -0
- package/dist/components/sonner.d.mts +6 -0
- package/dist/components/sonner.mjs +3 -0
- package/dist/components/spinner.d.mts +6 -0
- package/dist/components/spinner.mjs +3 -0
- package/dist/components/switch.d.mts +6 -0
- package/dist/components/switch.mjs +3 -0
- package/dist/components/table.d.mts +48 -0
- package/dist/components/table.mjs +24 -0
- package/dist/components/tabs.d.mts +24 -0
- package/dist/components/tabs.mjs +12 -0
- package/dist/components/textarea.d.mts +6 -0
- package/dist/components/textarea.mjs +3 -0
- package/dist/components/toggle-group.d.mts +12 -0
- package/dist/components/toggle-group.mjs +6 -0
- package/dist/components/toggle.d.mts +12 -0
- package/dist/components/toggle.mjs +6 -0
- package/dist/components/tooltip.d.mts +30 -0
- package/dist/components/tooltip.mjs +15 -0
- package/dist/hooks/use-animated-value.d.mts +2 -0
- package/dist/hooks/use-animated-value.mjs +2 -0
- package/dist/hooks/use-copy-to-clipboard.d.mts +2 -0
- package/dist/hooks/use-copy-to-clipboard.mjs +2 -0
- package/dist/hooks/use-is-mobile.d.mts +2 -0
- package/dist/hooks/use-is-mobile.mjs +2 -0
- package/dist/hooks/use-media-query.d.mts +2 -0
- package/dist/hooks/use-media-query.mjs +2 -0
- package/dist/hooks/use-mutation-observer.d.mts +2 -0
- package/dist/hooks/use-mutation-observer.mjs +2 -0
- package/dist/hooks/use-pagination.d.mts +8 -1
- package/dist/hooks/use-pagination.mjs +4 -0
- package/dist/lib/utils.d.mts +1 -1
- package/dist/primitives/checkbox-group.d.mts +15 -3
- package/dist/primitives/checkbox-group.mjs +6 -0
- package/dist/primitives/input-number.d.mts +22 -0
- package/dist/primitives/input-number.mjs +12 -0
- package/dist/primitives/input.d.mts +10 -0
- package/dist/primitives/input.mjs +6 -0
- package/dist/primitives/progress-circle.d.mts +31 -1
- package/dist/primitives/progress-circle.mjs +12 -0
- package/package.json +17 -9
|
@@ -4,6 +4,9 @@ import { GripVerticalIcon } from "lucide-react";
|
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
import * as ResizablePrimitive from "react-resizable-panels";
|
|
6
6
|
//#region src/components/resizable.tsx
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
function ResizableGroup({ className, ...props }) {
|
|
8
11
|
return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
|
|
9
12
|
className: cn("flex size-full", className),
|
|
@@ -11,12 +14,18 @@ function ResizableGroup({ className, ...props }) {
|
|
|
11
14
|
...props
|
|
12
15
|
});
|
|
13
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
14
20
|
function ResizablePanel({ ...props }) {
|
|
15
21
|
return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, {
|
|
16
22
|
"data-slot": "resizable-panel",
|
|
17
23
|
...props
|
|
18
24
|
});
|
|
19
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* @since 0.3.16-canary.0
|
|
28
|
+
*/
|
|
20
29
|
function ResizableSeparator({ className, withHandle, ...props }) {
|
|
21
30
|
return /* @__PURE__ */ jsx(ResizablePrimitive.Separator, {
|
|
22
31
|
className: cn("flex items-center justify-center", "bg-border outline-hidden", "focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-[orientation=horizontal]:h-px", "aria-[orientation=vertical]:w-px", className),
|
|
@@ -5,6 +5,9 @@ import { Scope } from "@radix-ui/react-context";
|
|
|
5
5
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
6
6
|
|
|
7
7
|
//#region src/components/scroll-area.d.ts
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
8
11
|
declare const scrollAreaScrollbarVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
|
|
9
12
|
orientation: {
|
|
10
13
|
horizontal: string[];
|
|
@@ -21,7 +24,13 @@ type ScopedProps<P> = P & {
|
|
|
21
24
|
__scopeScrollArea?: Scope;
|
|
22
25
|
};
|
|
23
26
|
type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, "size">;
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
24
30
|
type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>;
|
|
31
|
+
/**
|
|
32
|
+
* @since 0.3.16-canary.0
|
|
33
|
+
*/
|
|
25
34
|
declare function ScrollArea({
|
|
26
35
|
__scopeScrollArea,
|
|
27
36
|
children,
|
|
@@ -29,7 +38,13 @@ declare function ScrollArea({
|
|
|
29
38
|
size,
|
|
30
39
|
...props
|
|
31
40
|
}: ScrollAreaProps): JSX.Element;
|
|
41
|
+
/**
|
|
42
|
+
* @since 0.3.16-canary.0
|
|
43
|
+
*/
|
|
32
44
|
type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>;
|
|
45
|
+
/**
|
|
46
|
+
* @since 0.3.16-canary.0
|
|
47
|
+
*/
|
|
33
48
|
declare function ScrollAreaScrollbar({
|
|
34
49
|
__scopeScrollArea,
|
|
35
50
|
className,
|
|
@@ -4,6 +4,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
import { createContextScope } from "@radix-ui/react-context";
|
|
5
5
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
6
6
|
//#region src/components/scroll-area.tsx
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
const scrollAreaScrollbarVariants = tv({
|
|
8
11
|
base: [
|
|
9
12
|
"flex",
|
|
@@ -62,6 +65,9 @@ const scrollAreaScrollbarVariants = tv({
|
|
|
62
65
|
const SCROLL_AREA_NAME = "ScrollArea";
|
|
63
66
|
const [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
|
|
64
67
|
const [ScrollAreaContextProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
|
|
68
|
+
/**
|
|
69
|
+
* @since 0.3.16-canary.0
|
|
70
|
+
*/
|
|
65
71
|
function ScrollArea({ __scopeScrollArea, children, className, size, ...props }) {
|
|
66
72
|
return /* @__PURE__ */ jsx(ScrollAreaContextProvider, {
|
|
67
73
|
scope: __scopeScrollArea,
|
|
@@ -83,6 +89,9 @@ function ScrollArea({ __scopeScrollArea, children, className, size, ...props })
|
|
|
83
89
|
})
|
|
84
90
|
});
|
|
85
91
|
}
|
|
92
|
+
/**
|
|
93
|
+
* @since 0.3.16-canary.0
|
|
94
|
+
*/
|
|
86
95
|
function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
|
|
87
96
|
const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
|
|
88
97
|
return /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, {
|
|
@@ -4,56 +4,116 @@ import { ComponentProps, JSX } from "react";
|
|
|
4
4
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
5
5
|
|
|
6
6
|
//#region src/components/select.d.ts
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
|
|
11
|
+
/**
|
|
12
|
+
* @since 0.3.16-canary.0
|
|
13
|
+
*/
|
|
8
14
|
declare function Select({
|
|
9
15
|
...props
|
|
10
16
|
}: SelectProps): JSX.Element;
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
11
20
|
type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
|
|
21
|
+
/**
|
|
22
|
+
* @since 0.3.16-canary.0
|
|
23
|
+
*/
|
|
12
24
|
declare function SelectGroup({
|
|
13
25
|
...props
|
|
14
26
|
}: SelectGroupProps): JSX.Element;
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
15
30
|
type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
|
|
31
|
+
/**
|
|
32
|
+
* @since 0.3.16-canary.0
|
|
33
|
+
*/
|
|
16
34
|
declare function SelectValue({
|
|
17
35
|
...props
|
|
18
36
|
}: SelectValueProps): JSX.Element;
|
|
37
|
+
/**
|
|
38
|
+
* @since 0.3.16-canary.0
|
|
39
|
+
*/
|
|
19
40
|
interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
|
|
20
41
|
size?: VariantProps<typeof buttonVariants>["size"];
|
|
21
42
|
}
|
|
43
|
+
/**
|
|
44
|
+
* @since 0.3.16-canary.0
|
|
45
|
+
*/
|
|
22
46
|
declare function SelectTrigger({
|
|
23
47
|
children,
|
|
24
48
|
className,
|
|
25
49
|
size,
|
|
26
50
|
...props
|
|
27
51
|
}: SelectTriggerProps): JSX.Element;
|
|
52
|
+
/**
|
|
53
|
+
* @since 0.3.16-canary.0
|
|
54
|
+
*/
|
|
28
55
|
type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
|
|
56
|
+
/**
|
|
57
|
+
* @since 0.3.16-canary.0
|
|
58
|
+
*/
|
|
29
59
|
declare function SelectScrollUpButton({
|
|
30
60
|
className,
|
|
31
61
|
...props
|
|
32
62
|
}: SelectScrollUpButtonProps): JSX.Element;
|
|
63
|
+
/**
|
|
64
|
+
* @since 0.3.16-canary.0
|
|
65
|
+
*/
|
|
33
66
|
type SelectScrollDownButtonProps = ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
|
|
67
|
+
/**
|
|
68
|
+
* @since 0.3.16-canary.0
|
|
69
|
+
*/
|
|
34
70
|
declare function SelectScrollDownButton({
|
|
35
71
|
className,
|
|
36
72
|
...props
|
|
37
73
|
}: SelectScrollDownButtonProps): JSX.Element;
|
|
74
|
+
/**
|
|
75
|
+
* @since 0.3.16-canary.0
|
|
76
|
+
*/
|
|
38
77
|
type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
|
|
78
|
+
/**
|
|
79
|
+
* @since 0.3.16-canary.0
|
|
80
|
+
*/
|
|
39
81
|
declare function SelectContent({
|
|
40
82
|
children,
|
|
41
83
|
className,
|
|
42
84
|
position,
|
|
43
85
|
...props
|
|
44
86
|
}: SelectContentProps): JSX.Element;
|
|
87
|
+
/**
|
|
88
|
+
* @since 0.3.16-canary.0
|
|
89
|
+
*/
|
|
45
90
|
type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
|
|
91
|
+
/**
|
|
92
|
+
* @since 0.3.16-canary.0
|
|
93
|
+
*/
|
|
46
94
|
declare function SelectLabel({
|
|
47
95
|
className,
|
|
48
96
|
...props
|
|
49
97
|
}: SelectLabelProps): JSX.Element;
|
|
98
|
+
/**
|
|
99
|
+
* @since 0.3.16-canary.0
|
|
100
|
+
*/
|
|
50
101
|
type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
|
|
102
|
+
/**
|
|
103
|
+
* @since 0.3.16-canary.0
|
|
104
|
+
*/
|
|
51
105
|
declare function SelectItem({
|
|
52
106
|
children,
|
|
53
107
|
className,
|
|
54
108
|
...props
|
|
55
109
|
}: SelectItemProps): JSX.Element;
|
|
110
|
+
/**
|
|
111
|
+
* @since 0.3.16-canary.0
|
|
112
|
+
*/
|
|
56
113
|
type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
114
|
+
/**
|
|
115
|
+
* @since 0.3.16-canary.0
|
|
116
|
+
*/
|
|
57
117
|
declare function SelectSeparator({
|
|
58
118
|
className,
|
|
59
119
|
...props
|
|
@@ -5,24 +5,36 @@ import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
7
7
|
//#region src/components/select.tsx
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
8
11
|
function Select({ ...props }) {
|
|
9
12
|
return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
|
|
10
13
|
"data-slot": "select",
|
|
11
14
|
...props
|
|
12
15
|
});
|
|
13
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
14
20
|
function SelectGroup({ ...props }) {
|
|
15
21
|
return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
|
|
16
22
|
"data-slot": "select-group",
|
|
17
23
|
...props
|
|
18
24
|
});
|
|
19
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* @since 0.3.16-canary.0
|
|
28
|
+
*/
|
|
20
29
|
function SelectValue({ ...props }) {
|
|
21
30
|
return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
|
|
22
31
|
"data-slot": "select-value",
|
|
23
32
|
...props
|
|
24
33
|
});
|
|
25
34
|
}
|
|
35
|
+
/**
|
|
36
|
+
* @since 0.3.16-canary.0
|
|
37
|
+
*/
|
|
26
38
|
function SelectTrigger({ children, className, size, ...props }) {
|
|
27
39
|
return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
|
|
28
40
|
className: buttonVariants({
|
|
@@ -40,6 +52,9 @@ function SelectTrigger({ children, className, size, ...props }) {
|
|
|
40
52
|
})]
|
|
41
53
|
});
|
|
42
54
|
}
|
|
55
|
+
/**
|
|
56
|
+
* @since 0.3.16-canary.0
|
|
57
|
+
*/
|
|
43
58
|
function SelectScrollUpButton({ className, ...props }) {
|
|
44
59
|
return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
|
|
45
60
|
className: cn("flex items-center justify-center", "py-1", "text-muted-foreground", className),
|
|
@@ -48,6 +63,9 @@ function SelectScrollUpButton({ className, ...props }) {
|
|
|
48
63
|
children: /* @__PURE__ */ jsx(ChevronUpIcon, { size: 16 })
|
|
49
64
|
});
|
|
50
65
|
}
|
|
66
|
+
/**
|
|
67
|
+
* @since 0.3.16-canary.0
|
|
68
|
+
*/
|
|
51
69
|
function SelectScrollDownButton({ className, ...props }) {
|
|
52
70
|
return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
|
|
53
71
|
className: cn("flex items-center justify-center", "py-1", "text-muted-foreground", className),
|
|
@@ -56,6 +74,9 @@ function SelectScrollDownButton({ className, ...props }) {
|
|
|
56
74
|
children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
|
|
57
75
|
});
|
|
58
76
|
}
|
|
77
|
+
/**
|
|
78
|
+
* @since 0.3.16-canary.0
|
|
79
|
+
*/
|
|
59
80
|
function SelectContent({ children, className, position = "popper", ...props }) {
|
|
60
81
|
return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
|
|
61
82
|
className: cn("relative z-50", "max-h-(--radix-select-content-available-height) min-w-32 overflow-hidden", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-select-content-transform-origin)", position === "popper" && "data-side-top:-translate-y-1 data-side-right:translate-x-1 data-side-bottom:translate-y-1 data-side-left:-translate-x-1", className),
|
|
@@ -72,6 +93,9 @@ function SelectContent({ children, className, position = "popper", ...props }) {
|
|
|
72
93
|
]
|
|
73
94
|
}) });
|
|
74
95
|
}
|
|
96
|
+
/**
|
|
97
|
+
* @since 0.3.16-canary.0
|
|
98
|
+
*/
|
|
75
99
|
function SelectLabel({ className, ...props }) {
|
|
76
100
|
return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
|
|
77
101
|
className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", className),
|
|
@@ -79,6 +103,9 @@ function SelectLabel({ className, ...props }) {
|
|
|
79
103
|
...props
|
|
80
104
|
});
|
|
81
105
|
}
|
|
106
|
+
/**
|
|
107
|
+
* @since 0.3.16-canary.0
|
|
108
|
+
*/
|
|
82
109
|
function SelectItem({ children, className, ...props }) {
|
|
83
110
|
return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
|
|
84
111
|
className: cn("relative flex w-full items-center py-1.5 pr-8 pl-2", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
|
|
@@ -90,6 +117,9 @@ function SelectItem({ children, className, ...props }) {
|
|
|
90
117
|
}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
|
|
91
118
|
});
|
|
92
119
|
}
|
|
120
|
+
/**
|
|
121
|
+
* @since 0.3.16-canary.0
|
|
122
|
+
*/
|
|
93
123
|
function SelectSeparator({ className, ...props }) {
|
|
94
124
|
return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
|
|
95
125
|
className: cn("mx-2 my-1 h-px", "bg-border", className),
|
|
@@ -4,6 +4,9 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
|
4
4
|
import { ComponentProps, JSX } from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/components/separator.d.ts
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
declare const separatorVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
|
|
8
11
|
align: {
|
|
9
12
|
center: string;
|
|
@@ -15,7 +18,13 @@ declare const separatorVariants: _$_codefast_tailwind_variants0.VariantFunctionT
|
|
|
15
18
|
vertical: string;
|
|
16
19
|
};
|
|
17
20
|
}, Record<string, never>>;
|
|
21
|
+
/**
|
|
22
|
+
* @since 0.3.16-canary.0
|
|
23
|
+
*/
|
|
18
24
|
interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<VariantProps<typeof separatorVariants>, "orientation"> {}
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
19
28
|
declare function Separator({
|
|
20
29
|
align,
|
|
21
30
|
className,
|
|
@@ -23,7 +32,13 @@ declare function Separator({
|
|
|
23
32
|
orientation,
|
|
24
33
|
...props
|
|
25
34
|
}: SeparatorProps): JSX.Element;
|
|
35
|
+
/**
|
|
36
|
+
* @since 0.3.16-canary.0
|
|
37
|
+
*/
|
|
26
38
|
type SeparatorItemProps = ComponentProps<"div">;
|
|
39
|
+
/**
|
|
40
|
+
* @since 0.3.16-canary.0
|
|
41
|
+
*/
|
|
27
42
|
declare function SeparatorItem({
|
|
28
43
|
className,
|
|
29
44
|
...props
|
|
@@ -3,6 +3,9 @@ import { cn, tv } from "../lib/utils.mjs";
|
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
5
5
|
//#region src/components/separator.tsx
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
const separatorVariants = tv({
|
|
7
10
|
base: ["relative flex shrink-0 items-center", "bg-border"],
|
|
8
11
|
defaultVariants: {
|
|
@@ -21,6 +24,9 @@ const separatorVariants = tv({
|
|
|
21
24
|
}
|
|
22
25
|
}
|
|
23
26
|
});
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
24
30
|
function Separator({ align, className, decorative = true, orientation, ...props }) {
|
|
25
31
|
return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
|
|
26
32
|
className: separatorVariants({
|
|
@@ -34,6 +40,9 @@ function Separator({ align, className, decorative = true, orientation, ...props
|
|
|
34
40
|
...props
|
|
35
41
|
});
|
|
36
42
|
}
|
|
43
|
+
/**
|
|
44
|
+
* @since 0.3.16-canary.0
|
|
45
|
+
*/
|
|
37
46
|
function SeparatorItem({ className, ...props }) {
|
|
38
47
|
return /* @__PURE__ */ jsx("div", {
|
|
39
48
|
className: cn("absolute", "mx-2 px-2", "bg-background text-sm text-muted-foreground", className),
|
|
@@ -5,6 +5,9 @@ import { ComponentProps, JSX } from "react";
|
|
|
5
5
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
6
6
|
|
|
7
7
|
//#region src/components/sheet.d.ts
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
8
11
|
declare const sheetContentVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
|
|
9
12
|
side: {
|
|
10
13
|
bottom: string[];
|
|
@@ -13,15 +16,30 @@ declare const sheetContentVariants: _$_codefast_tailwind_variants0.VariantFuncti
|
|
|
13
16
|
top: string[];
|
|
14
17
|
};
|
|
15
18
|
}, Record<string, never>>;
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.3.16-canary.0
|
|
21
|
+
*/
|
|
16
22
|
type SheetProps = ComponentProps<typeof SheetPrimitive.Root>;
|
|
23
|
+
/**
|
|
24
|
+
* @since 0.3.16-canary.0
|
|
25
|
+
*/
|
|
17
26
|
declare function Sheet({
|
|
18
27
|
children,
|
|
19
28
|
...props
|
|
20
29
|
}: SheetProps): JSX.Element;
|
|
30
|
+
/**
|
|
31
|
+
* @since 0.3.16-canary.0
|
|
32
|
+
*/
|
|
21
33
|
type SheetTriggerProps = ComponentProps<typeof SheetPrimitive.Trigger>;
|
|
34
|
+
/**
|
|
35
|
+
* @since 0.3.16-canary.0
|
|
36
|
+
*/
|
|
22
37
|
declare function SheetTrigger({
|
|
23
38
|
...props
|
|
24
39
|
}: SheetTriggerProps): JSX.Element;
|
|
40
|
+
/**
|
|
41
|
+
* @since 0.3.16-canary.0
|
|
42
|
+
*/
|
|
25
43
|
interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content>, VariantProps<typeof sheetContentVariants> {
|
|
26
44
|
classNames?: {
|
|
27
45
|
close?: string;
|
|
@@ -29,6 +47,9 @@ interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content
|
|
|
29
47
|
overlay?: string;
|
|
30
48
|
};
|
|
31
49
|
}
|
|
50
|
+
/**
|
|
51
|
+
* @since 0.3.16-canary.0
|
|
52
|
+
*/
|
|
32
53
|
declare function SheetContent({
|
|
33
54
|
children,
|
|
34
55
|
className,
|
|
@@ -36,35 +57,71 @@ declare function SheetContent({
|
|
|
36
57
|
side,
|
|
37
58
|
...props
|
|
38
59
|
}: SheetContentProps): JSX.Element;
|
|
60
|
+
/**
|
|
61
|
+
* @since 0.3.16-canary.0
|
|
62
|
+
*/
|
|
39
63
|
type SheetHeaderProps = ComponentProps<"div">;
|
|
64
|
+
/**
|
|
65
|
+
* @since 0.3.16-canary.0
|
|
66
|
+
*/
|
|
40
67
|
declare function SheetHeader({
|
|
41
68
|
className,
|
|
42
69
|
...props
|
|
43
70
|
}: SheetHeaderProps): JSX.Element;
|
|
71
|
+
/**
|
|
72
|
+
* @since 0.3.16-canary.0
|
|
73
|
+
*/
|
|
44
74
|
type SheetBodyProps = ComponentProps<"div">;
|
|
75
|
+
/**
|
|
76
|
+
* @since 0.3.16-canary.0
|
|
77
|
+
*/
|
|
45
78
|
declare function SheetBody({
|
|
46
79
|
className,
|
|
47
80
|
...props
|
|
48
81
|
}: SheetBodyProps): JSX.Element;
|
|
82
|
+
/**
|
|
83
|
+
* @since 0.3.16-canary.0
|
|
84
|
+
*/
|
|
49
85
|
type SheetFooterProps = ComponentProps<"div">;
|
|
86
|
+
/**
|
|
87
|
+
* @since 0.3.16-canary.0
|
|
88
|
+
*/
|
|
50
89
|
declare function SheetFooter({
|
|
51
90
|
className,
|
|
52
91
|
...props
|
|
53
92
|
}: SheetFooterProps): JSX.Element;
|
|
93
|
+
/**
|
|
94
|
+
* @since 0.3.16-canary.0
|
|
95
|
+
*/
|
|
54
96
|
type SheetTitleProps = ComponentProps<typeof SheetPrimitive.Title>;
|
|
97
|
+
/**
|
|
98
|
+
* @since 0.3.16-canary.0
|
|
99
|
+
*/
|
|
55
100
|
declare function SheetTitle({
|
|
56
101
|
className,
|
|
57
102
|
...props
|
|
58
103
|
}: SheetTitleProps): JSX.Element;
|
|
104
|
+
/**
|
|
105
|
+
* @since 0.3.16-canary.0
|
|
106
|
+
*/
|
|
59
107
|
type SheetDescriptionProps = ComponentProps<typeof SheetPrimitive.Description>;
|
|
108
|
+
/**
|
|
109
|
+
* @since 0.3.16-canary.0
|
|
110
|
+
*/
|
|
60
111
|
declare function SheetDescription({
|
|
61
112
|
className,
|
|
62
113
|
...props
|
|
63
114
|
}: SheetDescriptionProps): JSX.Element;
|
|
115
|
+
/**
|
|
116
|
+
* @since 0.3.16-canary.0
|
|
117
|
+
*/
|
|
64
118
|
interface SheetCloseProps extends ComponentProps<typeof SheetPrimitive.Close> {
|
|
65
119
|
size?: VariantProps<typeof buttonVariants>["size"];
|
|
66
120
|
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
67
121
|
}
|
|
122
|
+
/**
|
|
123
|
+
* @since 0.3.16-canary.0
|
|
124
|
+
*/
|
|
68
125
|
declare function SheetClose({
|
|
69
126
|
className,
|
|
70
127
|
size,
|
|
@@ -5,6 +5,9 @@ import { XIcon } from "lucide-react";
|
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
7
7
|
//#region src/components/sheet.tsx
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
8
11
|
const sheetContentVariants = tv({
|
|
9
12
|
base: [
|
|
10
13
|
"fixed z-50 flex flex-col overflow-auto",
|
|
@@ -46,6 +49,9 @@ const sheetContentVariants = tv({
|
|
|
46
49
|
]
|
|
47
50
|
} }
|
|
48
51
|
});
|
|
52
|
+
/**
|
|
53
|
+
* @since 0.3.16-canary.0
|
|
54
|
+
*/
|
|
49
55
|
function Sheet({ children, ...props }) {
|
|
50
56
|
return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
|
|
51
57
|
"data-slot": "sheet",
|
|
@@ -53,12 +59,18 @@ function Sheet({ children, ...props }) {
|
|
|
53
59
|
children
|
|
54
60
|
});
|
|
55
61
|
}
|
|
62
|
+
/**
|
|
63
|
+
* @since 0.3.16-canary.0
|
|
64
|
+
*/
|
|
56
65
|
function SheetTrigger({ ...props }) {
|
|
57
66
|
return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
|
|
58
67
|
"data-slot": "sheet-trigger",
|
|
59
68
|
...props
|
|
60
69
|
});
|
|
61
70
|
}
|
|
71
|
+
/**
|
|
72
|
+
* @since 0.3.16-canary.0
|
|
73
|
+
*/
|
|
62
74
|
function SheetContent({ children, className, classNames, side = "right", ...props }) {
|
|
63
75
|
return /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [/* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
|
|
64
76
|
className: cn("fixed inset-0 z-50", "bg-black/50", "ease-ui data-open:animate-in data-open:animation-duration-500 data-open:fade-in-0", "data-closed:animate-out data-closed:animation-duration-500 data-closed:fade-out-0", classNames?.overlay),
|
|
@@ -84,6 +96,9 @@ function SheetContent({ children, className, classNames, side = "right", ...prop
|
|
|
84
96
|
})]
|
|
85
97
|
})] });
|
|
86
98
|
}
|
|
99
|
+
/**
|
|
100
|
+
* @since 0.3.16-canary.0
|
|
101
|
+
*/
|
|
87
102
|
function SheetHeader({ className, ...props }) {
|
|
88
103
|
return /* @__PURE__ */ jsx("header", {
|
|
89
104
|
className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center", "sm:text-left", className),
|
|
@@ -91,6 +106,9 @@ function SheetHeader({ className, ...props }) {
|
|
|
91
106
|
...props
|
|
92
107
|
});
|
|
93
108
|
}
|
|
109
|
+
/**
|
|
110
|
+
* @since 0.3.16-canary.0
|
|
111
|
+
*/
|
|
94
112
|
function SheetBody({ className, ...props }) {
|
|
95
113
|
return /* @__PURE__ */ jsx("main", {
|
|
96
114
|
className: cn("overflow-auto", "px-6 py-2", className),
|
|
@@ -98,6 +116,9 @@ function SheetBody({ className, ...props }) {
|
|
|
98
116
|
...props
|
|
99
117
|
});
|
|
100
118
|
}
|
|
119
|
+
/**
|
|
120
|
+
* @since 0.3.16-canary.0
|
|
121
|
+
*/
|
|
101
122
|
function SheetFooter({ className, ...props }) {
|
|
102
123
|
return /* @__PURE__ */ jsx("footer", {
|
|
103
124
|
className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6", "sm:flex-row sm:justify-end", className),
|
|
@@ -105,6 +126,9 @@ function SheetFooter({ className, ...props }) {
|
|
|
105
126
|
...props
|
|
106
127
|
});
|
|
107
128
|
}
|
|
129
|
+
/**
|
|
130
|
+
* @since 0.3.16-canary.0
|
|
131
|
+
*/
|
|
108
132
|
function SheetTitle({ className, ...props }) {
|
|
109
133
|
return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
|
|
110
134
|
className: cn("text-lg font-semibold text-foreground", className),
|
|
@@ -112,6 +136,9 @@ function SheetTitle({ className, ...props }) {
|
|
|
112
136
|
...props
|
|
113
137
|
});
|
|
114
138
|
}
|
|
139
|
+
/**
|
|
140
|
+
* @since 0.3.16-canary.0
|
|
141
|
+
*/
|
|
115
142
|
function SheetDescription({ className, ...props }) {
|
|
116
143
|
return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
|
|
117
144
|
className: cn("text-sm text-muted-foreground", className),
|
|
@@ -119,6 +146,9 @@ function SheetDescription({ className, ...props }) {
|
|
|
119
146
|
...props
|
|
120
147
|
});
|
|
121
148
|
}
|
|
149
|
+
/**
|
|
150
|
+
* @since 0.3.16-canary.0
|
|
151
|
+
*/
|
|
122
152
|
function SheetClose({ className, size, variant = "outline", ...props }) {
|
|
123
153
|
return /* @__PURE__ */ jsx(SheetPrimitive.Close, {
|
|
124
154
|
className: buttonVariants({
|