@lglab/compose-ui 0.12.0 → 0.13.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/dist/components/menu.d.ts +100 -0
- package/dist/components/menu.d.ts.map +1 -0
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +435 -279
- package/dist/styles/default.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { Menu as BaseMenu } from '@base-ui/react/menu';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type MenuRootProps = React.ComponentProps<typeof BaseMenu.Root>;
|
|
4
|
+
declare const MenuRoot: {
|
|
5
|
+
(props: MenuRootProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
type MenuTriggerProps = React.ComponentProps<typeof BaseMenu.Trigger>;
|
|
9
|
+
declare const MenuTrigger: {
|
|
10
|
+
({ className, ...props }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
type MenuPortalProps = React.ComponentProps<typeof BaseMenu.Portal>;
|
|
14
|
+
declare const MenuPortal: {
|
|
15
|
+
(props: MenuPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
type MenuPositionerProps = React.ComponentProps<typeof BaseMenu.Positioner>;
|
|
19
|
+
declare const MenuPositioner: {
|
|
20
|
+
({ className, ...props }: MenuPositionerProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
type MenuPopupProps = React.ComponentProps<typeof BaseMenu.Popup>;
|
|
24
|
+
declare const MenuPopup: {
|
|
25
|
+
({ className, ...props }: MenuPopupProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
type MenuArrowProps = React.ComponentProps<typeof BaseMenu.Arrow>;
|
|
29
|
+
declare const MenuArrow: {
|
|
30
|
+
({ className, ...props }: MenuArrowProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
displayName: string;
|
|
32
|
+
};
|
|
33
|
+
type MenuItemProps = React.ComponentProps<typeof BaseMenu.Item>;
|
|
34
|
+
declare const MenuItem: {
|
|
35
|
+
({ className, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
displayName: string;
|
|
37
|
+
};
|
|
38
|
+
type MenuSeparatorProps = React.ComponentProps<typeof BaseMenu.Separator>;
|
|
39
|
+
declare const MenuSeparator: {
|
|
40
|
+
({ className, ...props }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
displayName: string;
|
|
42
|
+
};
|
|
43
|
+
type MenuGroupProps = React.ComponentProps<typeof BaseMenu.Group>;
|
|
44
|
+
declare const MenuGroup: {
|
|
45
|
+
({ className, ...props }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
type MenuGroupLabelProps = React.ComponentProps<typeof BaseMenu.GroupLabel>;
|
|
49
|
+
declare const MenuGroupLabel: {
|
|
50
|
+
({ className, ...props }: MenuGroupLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
displayName: string;
|
|
52
|
+
};
|
|
53
|
+
type MenuRadioGroupProps = React.ComponentProps<typeof BaseMenu.RadioGroup>;
|
|
54
|
+
declare const MenuRadioGroup: {
|
|
55
|
+
({ className, ...props }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
displayName: string;
|
|
57
|
+
};
|
|
58
|
+
type MenuRadioItemProps = React.ComponentProps<typeof BaseMenu.RadioItem>;
|
|
59
|
+
declare const MenuRadioItem: {
|
|
60
|
+
({ className, ...props }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
displayName: string;
|
|
62
|
+
};
|
|
63
|
+
type MenuCheckboxItemProps = React.ComponentProps<typeof BaseMenu.CheckboxItem>;
|
|
64
|
+
declare const MenuCheckboxItem: {
|
|
65
|
+
({ className, ...props }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
66
|
+
displayName: string;
|
|
67
|
+
};
|
|
68
|
+
type MenuRadioItemIndicatorProps = React.ComponentProps<typeof BaseMenu.RadioItemIndicator>;
|
|
69
|
+
declare const MenuRadioItemIndicator: {
|
|
70
|
+
({ className, ...props }: MenuRadioItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
71
|
+
displayName: string;
|
|
72
|
+
};
|
|
73
|
+
type MenuCheckboxItemIndicatorProps = React.ComponentProps<typeof BaseMenu.CheckboxItemIndicator>;
|
|
74
|
+
declare const MenuCheckboxItemIndicator: {
|
|
75
|
+
({ className, ...props }: MenuCheckboxItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
76
|
+
displayName: string;
|
|
77
|
+
};
|
|
78
|
+
type MenuCheckboxItemLabelProps = React.ComponentProps<'span'>;
|
|
79
|
+
declare const MenuCheckboxItemLabel: {
|
|
80
|
+
({ className, ...props }: MenuCheckboxItemLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
81
|
+
displayName: string;
|
|
82
|
+
};
|
|
83
|
+
type MenuRadioItemLabelProps = React.ComponentProps<'span'>;
|
|
84
|
+
declare const MenuRadioItemLabel: {
|
|
85
|
+
({ className, ...props }: MenuRadioItemLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
86
|
+
displayName: string;
|
|
87
|
+
};
|
|
88
|
+
type MenuSubmenuTriggerProps = React.ComponentProps<typeof BaseMenu.SubmenuTrigger>;
|
|
89
|
+
declare const MenuSubmenuTrigger: {
|
|
90
|
+
({ className, ...props }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
91
|
+
displayName: string;
|
|
92
|
+
};
|
|
93
|
+
type MenuSubmenuRootProps = React.ComponentProps<typeof BaseMenu.SubmenuRoot>;
|
|
94
|
+
declare const MenuSubmenuRoot: {
|
|
95
|
+
(props: MenuSubmenuRootProps): import("react/jsx-runtime").JSX.Element;
|
|
96
|
+
displayName: string;
|
|
97
|
+
};
|
|
98
|
+
export { MenuRoot, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuArrow, MenuItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemLabel, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemLabel, MenuSubmenuTrigger, MenuSubmenuRoot, };
|
|
99
|
+
export type { MenuRootProps, MenuTriggerProps, MenuPortalProps, MenuPositionerProps, MenuPopupProps, MenuArrowProps, MenuItemProps, MenuSeparatorProps, MenuGroupProps, MenuGroupLabelProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRadioItemIndicatorProps, MenuRadioItemLabelProps, MenuCheckboxItemProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemLabelProps, MenuSubmenuTriggerProps, MenuSubmenuRootProps, };
|
|
100
|
+
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;8BAA6B,eAAe;;
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAgB3D,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAe7D,CAAA;AAQD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA;AAElC,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, D
|
|
|
11
11
|
export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
|
|
12
12
|
export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
|
|
13
13
|
export { MeterRoot, MeterTrack, MeterIndicator, MeterValue, MeterLabel, } from './components/meter';
|
|
14
|
+
export { MenuRoot, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuArrow, MenuItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemLabel, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemLabel, MenuSubmenuTrigger, MenuSubmenuRoot, } from './components/menu';
|
|
14
15
|
export { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel, } from './components/progress';
|
|
15
16
|
export { ToggleGroupRoot, ToggleGroupItem } from './components/toggle-group';
|
|
16
17
|
export type { ButtonProps } from './components/button';
|
|
@@ -26,6 +27,7 @@ export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBack
|
|
|
26
27
|
export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
|
|
27
28
|
export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
|
|
28
29
|
export type { MeterRootProps, MeterTrackProps, MeterIndicatorProps, MeterValueProps, MeterLabelProps, } from './components/meter';
|
|
30
|
+
export type { MenuRootProps, MenuTriggerProps, MenuPortalProps, MenuPositionerProps, MenuPopupProps, MenuArrowProps, MenuItemProps, MenuSeparatorProps, MenuGroupProps, MenuGroupLabelProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRadioItemIndicatorProps, MenuRadioItemLabelProps, MenuCheckboxItemProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemLabelProps, MenuSubmenuTriggerProps, MenuSubmenuRootProps, } from './components/menu';
|
|
29
31
|
export type { ProgressRootProps, ProgressTrackProps, ProgressIndicatorProps, ProgressValueProps, ProgressLabelProps, } from './components/progress';
|
|
30
32
|
export type { ToggleGroupRootProps, ToggleGroupItemProps, } from './components/toggle-group';
|
|
31
33
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.es.js
CHANGED
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as t, jsxs as
|
|
2
|
+
import { jsx as t, jsxs as k } from "react/jsx-runtime";
|
|
3
3
|
import { Button as S } from "@base-ui/react/button";
|
|
4
|
-
import { cva as
|
|
5
|
-
import { clsx as
|
|
6
|
-
import { twMerge as
|
|
7
|
-
import { Collapsible as
|
|
8
|
-
import { AlertDialog as
|
|
9
|
-
import { AlertDialog as
|
|
10
|
-
import { Avatar as
|
|
11
|
-
import * as
|
|
12
|
-
import { ScrollArea as
|
|
13
|
-
import { Switch as
|
|
14
|
-
import { Toggle as
|
|
15
|
-
import { Tabs as
|
|
16
|
-
import { Dialog as
|
|
17
|
-
import { Accordion as
|
|
18
|
-
import { Meter as
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
|
|
4
|
+
import { cva as c } from "class-variance-authority";
|
|
5
|
+
import { clsx as V } from "clsx";
|
|
6
|
+
import { twMerge as L } from "tailwind-merge";
|
|
7
|
+
import { Collapsible as D } from "@base-ui/react/collapsible";
|
|
8
|
+
import { AlertDialog as u } from "@base-ui/react/alert-dialog";
|
|
9
|
+
import { AlertDialog as Za } from "@base-ui/react/alert-dialog";
|
|
10
|
+
import { Avatar as T } from "@base-ui/react/avatar";
|
|
11
|
+
import * as v from "react";
|
|
12
|
+
import { ScrollArea as p } from "@base-ui/react/scroll-area";
|
|
13
|
+
import { Switch as M } from "@base-ui/react/switch";
|
|
14
|
+
import { Toggle as R } from "@base-ui/react/toggle";
|
|
15
|
+
import { Tabs as b } from "@base-ui/react/tabs";
|
|
16
|
+
import { Dialog as n } from "@base-ui/react/dialog";
|
|
17
|
+
import { Accordion as y } from "@base-ui/react/accordion";
|
|
18
|
+
import { Meter as h } from "@base-ui/react/meter";
|
|
19
|
+
import { Menu as l } from "@base-ui/react/menu";
|
|
20
|
+
import { Progress as N } from "@base-ui/react/progress";
|
|
21
|
+
import { ToggleGroup as _ } from "@base-ui/react/toggle-group";
|
|
22
|
+
const i = c(
|
|
22
23
|
[
|
|
23
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
|
|
24
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all select-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
|
|
24
25
|
],
|
|
25
26
|
{
|
|
26
27
|
variants: {
|
|
@@ -48,37 +49,37 @@ const u = n(
|
|
|
48
49
|
}
|
|
49
50
|
);
|
|
50
51
|
function r(...e) {
|
|
51
|
-
return
|
|
52
|
+
return L(V(e));
|
|
52
53
|
}
|
|
53
54
|
const j = ({
|
|
54
55
|
className: e,
|
|
55
56
|
variant: a,
|
|
56
57
|
size: o,
|
|
57
|
-
disabled:
|
|
58
|
-
children:
|
|
59
|
-
...
|
|
58
|
+
disabled: s,
|
|
59
|
+
children: d,
|
|
60
|
+
...m
|
|
60
61
|
}) => /* @__PURE__ */ t(
|
|
61
62
|
S,
|
|
62
63
|
{
|
|
63
|
-
className: r(
|
|
64
|
-
disabled:
|
|
65
|
-
...
|
|
66
|
-
children:
|
|
64
|
+
className: r(i({ variant: a, size: o }), e),
|
|
65
|
+
disabled: s,
|
|
66
|
+
...m,
|
|
67
|
+
children: d
|
|
67
68
|
}
|
|
68
69
|
);
|
|
69
70
|
j.displayName = "Button";
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
const
|
|
73
|
-
|
|
71
|
+
const F = ({ className: e, ...a }) => /* @__PURE__ */ t(D.Root, { className: r("w-full", e), ...a });
|
|
72
|
+
F.displayName = "CollapsibleRoot";
|
|
73
|
+
const B = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
74
|
+
D.Trigger,
|
|
74
75
|
{
|
|
75
76
|
className: r("flex items-center justify-between font-medium", e),
|
|
76
77
|
...a
|
|
77
78
|
}
|
|
78
79
|
);
|
|
79
|
-
|
|
80
|
-
const
|
|
81
|
-
|
|
80
|
+
B.displayName = "CollapsibleTrigger";
|
|
81
|
+
const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
82
|
+
D.Panel,
|
|
82
83
|
{
|
|
83
84
|
className: r(
|
|
84
85
|
'[&[hidden]:not([hidden="until-found"])]:hidden h-(--collapsible-panel-height)',
|
|
@@ -90,26 +91,26 @@ const L = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
90
91
|
...a
|
|
91
92
|
}
|
|
92
93
|
);
|
|
93
|
-
|
|
94
|
-
const H = (e) => /* @__PURE__ */ t(
|
|
94
|
+
G.displayName = "CollapsiblePanel";
|
|
95
|
+
const H = (e) => /* @__PURE__ */ t(u.Root, { ...e });
|
|
95
96
|
H.displayName = "AlertDialogRoot";
|
|
96
|
-
const
|
|
97
|
+
const q = ({
|
|
97
98
|
className: e,
|
|
98
99
|
variant: a,
|
|
99
100
|
size: o,
|
|
100
|
-
...
|
|
101
|
+
...s
|
|
101
102
|
}) => /* @__PURE__ */ t(
|
|
102
|
-
|
|
103
|
+
u.Trigger,
|
|
103
104
|
{
|
|
104
|
-
className: r(
|
|
105
|
-
...
|
|
105
|
+
className: r(i({ variant: a, size: o }), e),
|
|
106
|
+
...s
|
|
106
107
|
}
|
|
107
108
|
);
|
|
108
|
-
|
|
109
|
-
const
|
|
110
|
-
|
|
111
|
-
const
|
|
112
|
-
|
|
109
|
+
q.displayName = "AlertDialogTrigger";
|
|
110
|
+
const E = (e) => /* @__PURE__ */ t(u.Portal, { ...e });
|
|
111
|
+
E.displayName = "AlertDialogPortal";
|
|
112
|
+
const Z = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
113
|
+
u.Backdrop,
|
|
113
114
|
{
|
|
114
115
|
className: r(
|
|
115
116
|
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
@@ -120,16 +121,16 @@ const E = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
120
121
|
...a
|
|
121
122
|
}
|
|
122
123
|
);
|
|
123
|
-
|
|
124
|
+
Z.displayName = "AlertDialogBackdrop";
|
|
124
125
|
const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
125
|
-
|
|
126
|
+
u.Viewport,
|
|
126
127
|
{
|
|
127
128
|
className: r("fixed inset-0 z-50 flex items-center justify-center p-4", e),
|
|
128
129
|
...a
|
|
129
130
|
}
|
|
130
131
|
);
|
|
131
132
|
$.displayName = "AlertDialogViewport";
|
|
132
|
-
const
|
|
133
|
+
const O = c(
|
|
133
134
|
[
|
|
134
135
|
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
|
|
135
136
|
"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
|
|
@@ -153,38 +154,38 @@ const J = n(
|
|
|
153
154
|
size: "default"
|
|
154
155
|
}
|
|
155
156
|
}
|
|
156
|
-
),
|
|
157
|
-
|
|
157
|
+
), J = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
|
|
158
|
+
u.Popup,
|
|
158
159
|
{
|
|
159
|
-
className: r(
|
|
160
|
+
className: r(O({ size: a }), e),
|
|
160
161
|
...o
|
|
161
162
|
}
|
|
162
163
|
);
|
|
163
|
-
|
|
164
|
-
const
|
|
165
|
-
|
|
164
|
+
J.displayName = "AlertDialogPopup";
|
|
165
|
+
const K = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
166
|
+
u.Title,
|
|
166
167
|
{
|
|
167
168
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
168
169
|
...a
|
|
169
170
|
}
|
|
170
171
|
);
|
|
171
|
-
|
|
172
|
-
const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
172
|
+
K.displayName = "AlertDialogTitle";
|
|
173
|
+
const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(u.Description, { className: r("mt-2", e), ...a });
|
|
173
174
|
Q.displayName = "AlertDialogDescription";
|
|
174
175
|
const U = ({
|
|
175
176
|
className: e,
|
|
176
177
|
variant: a,
|
|
177
178
|
size: o,
|
|
178
|
-
...
|
|
179
|
+
...s
|
|
179
180
|
}) => /* @__PURE__ */ t(
|
|
180
|
-
|
|
181
|
+
u.Close,
|
|
181
182
|
{
|
|
182
|
-
className: r(
|
|
183
|
-
...
|
|
183
|
+
className: r(i({ variant: a ?? "outline", size: o }), e),
|
|
184
|
+
...s
|
|
184
185
|
}
|
|
185
186
|
);
|
|
186
187
|
U.displayName = "AlertDialogClose";
|
|
187
|
-
const
|
|
188
|
+
const z = c(
|
|
188
189
|
[
|
|
189
190
|
"relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
|
|
190
191
|
"bg-muted text-foreground",
|
|
@@ -202,10 +203,10 @@ const P = n(
|
|
|
202
203
|
size: "default"
|
|
203
204
|
}
|
|
204
205
|
}
|
|
205
|
-
),
|
|
206
|
-
|
|
206
|
+
), P = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(T.Root, { className: r(z({ size: a }), e), ...o });
|
|
207
|
+
P.displayName = "AvatarRoot";
|
|
207
208
|
const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
208
|
-
|
|
209
|
+
T.Image,
|
|
209
210
|
{
|
|
210
211
|
className: r("aspect-square h-full w-full object-cover", e),
|
|
211
212
|
...a
|
|
@@ -213,7 +214,7 @@ const W = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
213
214
|
);
|
|
214
215
|
W.displayName = "AvatarImage";
|
|
215
216
|
const X = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
216
|
-
|
|
217
|
+
T.Fallback,
|
|
217
218
|
{
|
|
218
219
|
className: r(
|
|
219
220
|
"flex h-full w-full items-center justify-center font-medium",
|
|
@@ -227,50 +228,50 @@ const Y = ({
|
|
|
227
228
|
"aria-label": e,
|
|
228
229
|
maxVisible: a,
|
|
229
230
|
className: o,
|
|
230
|
-
children:
|
|
231
|
+
children: s
|
|
231
232
|
}) => {
|
|
232
|
-
const
|
|
233
|
-
const
|
|
234
|
-
return
|
|
233
|
+
const d = v.Children.toArray(s), m = d.length, g = a !== void 0 ? Math.min(a, m) : m, x = m - g, w = d.slice(0, g), I = (() => {
|
|
234
|
+
const f = d[0];
|
|
235
|
+
return v.isValidElement(f) && f.type === P ? f.props.size ?? "default" : "default";
|
|
235
236
|
})();
|
|
236
|
-
return /* @__PURE__ */
|
|
237
|
-
|
|
238
|
-
|
|
237
|
+
return /* @__PURE__ */ k("ul", { "aria-label": e, className: r("flex -space-x-2", o), children: [
|
|
238
|
+
w.map((f, A) => /* @__PURE__ */ t("li", { children: f }, A)),
|
|
239
|
+
x > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ k(
|
|
239
240
|
"span",
|
|
240
241
|
{
|
|
241
242
|
className: r(
|
|
242
243
|
"relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
|
|
243
244
|
"bg-muted text-foreground border-2 border-background",
|
|
244
245
|
"font-medium",
|
|
245
|
-
|
|
246
|
+
z({ size: I })
|
|
246
247
|
),
|
|
247
248
|
children: [
|
|
248
249
|
"+",
|
|
249
|
-
|
|
250
|
+
x
|
|
250
251
|
]
|
|
251
252
|
}
|
|
252
253
|
) })
|
|
253
254
|
] });
|
|
254
255
|
};
|
|
255
256
|
Y.displayName = "AvatarStack";
|
|
256
|
-
const
|
|
257
|
-
|
|
258
|
-
const
|
|
259
|
-
|
|
257
|
+
const ee = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Root, { className: r("relative", e), ...a });
|
|
258
|
+
ee.displayName = "ScrollAreaRoot";
|
|
259
|
+
const ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
260
|
+
p.Viewport,
|
|
260
261
|
{
|
|
261
262
|
className: r("h-full overscroll-contain pr-3", e),
|
|
262
263
|
...a
|
|
263
264
|
}
|
|
264
265
|
);
|
|
265
|
-
|
|
266
|
-
const
|
|
267
|
-
|
|
268
|
-
const
|
|
266
|
+
ae.displayName = "ScrollAreaViewport";
|
|
267
|
+
const te = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Content, { className: r("min-w-full", e), ...a });
|
|
268
|
+
te.displayName = "ScrollAreaContent";
|
|
269
|
+
const re = ({
|
|
269
270
|
className: e,
|
|
270
271
|
orientation: a = "vertical",
|
|
271
272
|
...o
|
|
272
273
|
}) => /* @__PURE__ */ t(
|
|
273
|
-
|
|
274
|
+
p.Scrollbar,
|
|
274
275
|
{
|
|
275
276
|
className: r(
|
|
276
277
|
"flex touch-none select-none p-0.5 transition-colors duration-200 ease-out",
|
|
@@ -283,9 +284,9 @@ const te = ({
|
|
|
283
284
|
...o
|
|
284
285
|
}
|
|
285
286
|
);
|
|
286
|
-
|
|
287
|
-
const
|
|
288
|
-
|
|
287
|
+
re.displayName = "ScrollAreaScrollbar";
|
|
288
|
+
const oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
289
|
+
p.Thumb,
|
|
289
290
|
{
|
|
290
291
|
className: r(
|
|
291
292
|
"relative flex-1 rounded-full bg-border transition-colors",
|
|
@@ -295,11 +296,11 @@ const re = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
295
296
|
...a
|
|
296
297
|
}
|
|
297
298
|
);
|
|
298
|
-
|
|
299
|
-
const
|
|
300
|
-
|
|
299
|
+
oe.displayName = "ScrollAreaThumb";
|
|
300
|
+
const se = ({ className: e, ...a }) => /* @__PURE__ */ t(p.Corner, { className: r("bg-muted/50", e), ...a });
|
|
301
|
+
se.displayName = "ScrollAreaCorner";
|
|
301
302
|
const le = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
302
|
-
|
|
303
|
+
M.Root,
|
|
303
304
|
{
|
|
304
305
|
className: r(
|
|
305
306
|
"relative flex h-6 w-10 rounded-full",
|
|
@@ -309,16 +310,14 @@ const le = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
309
310
|
"transition-[background-position,box-shadow] duration-125 ease-[cubic-bezier(0.26,0.75,0.38,0.45)]",
|
|
310
311
|
"data-checked:bg-position-[0%_0%]",
|
|
311
312
|
"dark:from-primary/50 dark:shadow-none",
|
|
312
|
-
"dark:data-checked:bg-foreground",
|
|
313
|
-
"data-disabled:cursor-not-allowed data-disabled:opacity-70",
|
|
314
313
|
e
|
|
315
314
|
),
|
|
316
315
|
...a
|
|
317
316
|
}
|
|
318
317
|
);
|
|
319
318
|
le.displayName = "SwitchRoot";
|
|
320
|
-
const
|
|
321
|
-
|
|
319
|
+
const ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
320
|
+
M.Thumb,
|
|
322
321
|
{
|
|
323
322
|
className: r(
|
|
324
323
|
"aspect-square h-full rounded-full bg-background",
|
|
@@ -332,8 +331,8 @@ const se = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
332
331
|
...a
|
|
333
332
|
}
|
|
334
333
|
);
|
|
335
|
-
|
|
336
|
-
const
|
|
334
|
+
ne.displayName = "SwitchThumb";
|
|
335
|
+
const C = c(
|
|
337
336
|
[
|
|
338
337
|
"inline-flex items-center justify-center gap-2 rounded-md",
|
|
339
338
|
"text-sm font-medium",
|
|
@@ -364,11 +363,11 @@ const V = n(
|
|
|
364
363
|
size: "default"
|
|
365
364
|
}
|
|
366
365
|
}
|
|
367
|
-
), ie = ({ className: e, variant: a, size: o, ...
|
|
366
|
+
), ie = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(R, { className: r(C({ variant: a, size: o }), e), ...s });
|
|
368
367
|
ie.displayName = "Toggle";
|
|
369
|
-
const
|
|
370
|
-
|
|
371
|
-
const
|
|
368
|
+
const de = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Root, { className: r("flex flex-col", e), ...a });
|
|
369
|
+
de.displayName = "TabsRoot";
|
|
370
|
+
const ce = c(
|
|
372
371
|
["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
|
|
373
372
|
{
|
|
374
373
|
variants: {
|
|
@@ -381,15 +380,15 @@ const de = n(
|
|
|
381
380
|
orientation: "horizontal"
|
|
382
381
|
}
|
|
383
382
|
}
|
|
384
|
-
),
|
|
385
|
-
|
|
383
|
+
), ue = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
|
|
384
|
+
b.List,
|
|
386
385
|
{
|
|
387
|
-
className: r(
|
|
386
|
+
className: r(ce({ orientation: a }), e),
|
|
388
387
|
...o
|
|
389
388
|
}
|
|
390
389
|
);
|
|
391
|
-
|
|
392
|
-
const
|
|
390
|
+
ue.displayName = "TabsList";
|
|
391
|
+
const me = c(
|
|
393
392
|
[
|
|
394
393
|
"relative z-10 inline-flex items-center justify-center whitespace-nowrap",
|
|
395
394
|
"rounded-md px-3 py-1.5 text-sm font-medium",
|
|
@@ -410,9 +409,9 @@ const ue = n(
|
|
|
410
409
|
size: "default"
|
|
411
410
|
}
|
|
412
411
|
}
|
|
413
|
-
),
|
|
414
|
-
|
|
415
|
-
const ge =
|
|
412
|
+
), pe = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(b.Tab, { className: r(me({ size: a }), e), ...o });
|
|
413
|
+
pe.displayName = "TabsTab";
|
|
414
|
+
const ge = c(
|
|
416
415
|
["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
|
|
417
416
|
{
|
|
418
417
|
variants: {
|
|
@@ -425,34 +424,34 @@ const ge = n(
|
|
|
425
424
|
orientation: "horizontal"
|
|
426
425
|
}
|
|
427
426
|
}
|
|
428
|
-
),
|
|
427
|
+
), fe = ({
|
|
429
428
|
className: e,
|
|
430
429
|
orientation: a = "horizontal",
|
|
431
430
|
...o
|
|
432
431
|
}) => /* @__PURE__ */ t(
|
|
433
|
-
|
|
432
|
+
b.Indicator,
|
|
434
433
|
{
|
|
435
434
|
className: r(ge({ orientation: a }), e),
|
|
436
435
|
...o
|
|
437
436
|
}
|
|
438
437
|
);
|
|
439
|
-
|
|
440
|
-
const
|
|
441
|
-
|
|
442
|
-
const
|
|
443
|
-
|
|
444
|
-
const
|
|
445
|
-
|
|
438
|
+
fe.displayName = "TabsIndicator";
|
|
439
|
+
const be = ({ className: e, ...a }) => /* @__PURE__ */ t(b.Panel, { className: r("mt-2 ring-offset-background", e), ...a });
|
|
440
|
+
be.displayName = "TabsPanel";
|
|
441
|
+
const ye = (e) => /* @__PURE__ */ t(n.Root, { ...e });
|
|
442
|
+
ye.displayName = "DialogRoot";
|
|
443
|
+
const he = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
444
|
+
n.Trigger,
|
|
446
445
|
{
|
|
447
|
-
className: r(
|
|
448
|
-
...
|
|
446
|
+
className: r(i({ variant: a, size: o }), e),
|
|
447
|
+
...s
|
|
449
448
|
}
|
|
450
449
|
);
|
|
451
|
-
|
|
452
|
-
const
|
|
453
|
-
|
|
454
|
-
const
|
|
455
|
-
|
|
450
|
+
he.displayName = "DialogTrigger";
|
|
451
|
+
const Ne = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
|
|
452
|
+
Ne.displayName = "DialogPortal";
|
|
453
|
+
const xe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
454
|
+
n.Backdrop,
|
|
456
455
|
{
|
|
457
456
|
className: r(
|
|
458
457
|
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
@@ -463,8 +462,8 @@ const Ne = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
463
462
|
...a
|
|
464
463
|
}
|
|
465
464
|
);
|
|
466
|
-
|
|
467
|
-
const
|
|
465
|
+
xe.displayName = "DialogBackdrop";
|
|
466
|
+
const ve = c(
|
|
468
467
|
[
|
|
469
468
|
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
|
|
470
469
|
"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
|
|
@@ -488,35 +487,35 @@ const xe = n(
|
|
|
488
487
|
size: "default"
|
|
489
488
|
}
|
|
490
489
|
}
|
|
491
|
-
),
|
|
492
|
-
|
|
490
|
+
), we = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
|
|
491
|
+
n.Popup,
|
|
493
492
|
{
|
|
494
|
-
className: r(
|
|
493
|
+
className: r(ve({ size: a }), e),
|
|
495
494
|
...o
|
|
496
495
|
}
|
|
497
496
|
);
|
|
498
|
-
|
|
499
|
-
const
|
|
500
|
-
|
|
497
|
+
we.displayName = "DialogPopup";
|
|
498
|
+
const ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
499
|
+
n.Title,
|
|
501
500
|
{
|
|
502
501
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
503
502
|
...a
|
|
504
503
|
}
|
|
505
504
|
);
|
|
506
|
-
|
|
507
|
-
const De = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
505
|
+
ke.displayName = "DialogTitle";
|
|
506
|
+
const De = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("mt-2", e), ...a });
|
|
508
507
|
De.displayName = "DialogDescription";
|
|
509
|
-
const
|
|
510
|
-
|
|
508
|
+
const Te = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
509
|
+
n.Close,
|
|
511
510
|
{
|
|
512
|
-
className: r(
|
|
513
|
-
...
|
|
511
|
+
className: r(i({ variant: a ?? "outline", size: o }), e),
|
|
512
|
+
...s
|
|
514
513
|
}
|
|
515
514
|
);
|
|
516
|
-
|
|
515
|
+
Te.displayName = "DialogClose";
|
|
517
516
|
const Ae = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
|
|
518
517
|
Ae.displayName = "DialogHeader";
|
|
519
|
-
const
|
|
518
|
+
const Me = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
520
519
|
"div",
|
|
521
520
|
{
|
|
522
521
|
className: r(
|
|
@@ -526,21 +525,21 @@ const Te = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
526
525
|
...a
|
|
527
526
|
}
|
|
528
527
|
);
|
|
529
|
-
|
|
530
|
-
const
|
|
531
|
-
|
|
532
|
-
const
|
|
533
|
-
|
|
528
|
+
Me.displayName = "DialogFooter";
|
|
529
|
+
const Re = (e) => /* @__PURE__ */ t(n.Root, { ...e });
|
|
530
|
+
Re.displayName = "DrawerRoot";
|
|
531
|
+
const ze = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
532
|
+
n.Trigger,
|
|
534
533
|
{
|
|
535
|
-
className: r(
|
|
536
|
-
...
|
|
534
|
+
className: r(i({ variant: a, size: o }), e),
|
|
535
|
+
...s
|
|
537
536
|
}
|
|
538
537
|
);
|
|
539
|
-
|
|
540
|
-
const
|
|
541
|
-
|
|
542
|
-
const
|
|
543
|
-
|
|
538
|
+
ze.displayName = "DrawerTrigger";
|
|
539
|
+
const Pe = (e) => /* @__PURE__ */ t(n.Portal, { ...e });
|
|
540
|
+
Pe.displayName = "DrawerPortal";
|
|
541
|
+
const Ce = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
542
|
+
n.Backdrop,
|
|
544
543
|
{
|
|
545
544
|
className: r(
|
|
546
545
|
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
@@ -551,8 +550,8 @@ const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
551
550
|
...a
|
|
552
551
|
}
|
|
553
552
|
);
|
|
554
|
-
|
|
555
|
-
const
|
|
553
|
+
Ce.displayName = "DrawerBackdrop";
|
|
554
|
+
const Ie = c(
|
|
556
555
|
[
|
|
557
556
|
"fixed z-50 flex flex-col bg-background p-6 shadow-lg",
|
|
558
557
|
"transition-transform duration-300 ease-out",
|
|
@@ -589,51 +588,51 @@ const Ce = n(
|
|
|
589
588
|
}
|
|
590
589
|
}
|
|
591
590
|
), Se = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
|
|
592
|
-
|
|
591
|
+
n.Popup,
|
|
593
592
|
{
|
|
594
|
-
className: r(
|
|
593
|
+
className: r(Ie({ side: a }), e),
|
|
595
594
|
...o
|
|
596
595
|
}
|
|
597
596
|
);
|
|
598
597
|
Se.displayName = "DrawerPopup";
|
|
599
|
-
const
|
|
600
|
-
|
|
598
|
+
const Ve = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
599
|
+
n.Title,
|
|
601
600
|
{
|
|
602
601
|
className: r("text-lg font-semibold leading-none tracking-tight", e),
|
|
603
602
|
...a
|
|
604
603
|
}
|
|
605
604
|
);
|
|
606
|
-
|
|
607
|
-
const
|
|
608
|
-
|
|
609
|
-
const
|
|
610
|
-
|
|
605
|
+
Ve.displayName = "DrawerTitle";
|
|
606
|
+
const Le = ({ className: e, ...a }) => /* @__PURE__ */ t(n.Description, { className: r("", e), ...a });
|
|
607
|
+
Le.displayName = "DrawerDescription";
|
|
608
|
+
const _e = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
|
|
609
|
+
n.Close,
|
|
611
610
|
{
|
|
612
|
-
className: r(
|
|
613
|
-
...
|
|
611
|
+
className: r(i({ variant: a ?? "outline", size: o }), e),
|
|
612
|
+
...s
|
|
614
613
|
}
|
|
615
614
|
);
|
|
616
|
-
|
|
615
|
+
_e.displayName = "DrawerClose";
|
|
617
616
|
const je = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
|
|
618
617
|
je.displayName = "DrawerHeader";
|
|
619
|
-
const
|
|
620
|
-
|
|
621
|
-
const
|
|
622
|
-
|
|
623
|
-
const
|
|
624
|
-
|
|
618
|
+
const Fe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
|
|
619
|
+
Fe.displayName = "DrawerContent";
|
|
620
|
+
const Be = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
|
|
621
|
+
Be.displayName = "DrawerFooter";
|
|
622
|
+
const Ge = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Root, { className: r("w-full", e), ...a });
|
|
623
|
+
Ge.displayName = "AccordionRoot";
|
|
625
624
|
const He = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
626
|
-
|
|
625
|
+
y.Item,
|
|
627
626
|
{
|
|
628
627
|
className: r("border-b border-border last:border-b-0", e),
|
|
629
628
|
...a
|
|
630
629
|
}
|
|
631
630
|
);
|
|
632
631
|
He.displayName = "AccordionItem";
|
|
633
|
-
const
|
|
634
|
-
|
|
635
|
-
const
|
|
636
|
-
|
|
632
|
+
const qe = ({ className: e, ...a }) => /* @__PURE__ */ t(y.Header, { className: r("flex", e), ...a });
|
|
633
|
+
qe.displayName = "AccordionHeader";
|
|
634
|
+
const Ee = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
|
|
635
|
+
y.Trigger,
|
|
637
636
|
{
|
|
638
637
|
className: r(
|
|
639
638
|
"flex flex-1 items-center justify-between py-3 font-medium",
|
|
@@ -643,9 +642,9 @@ const qe = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t(
|
|
|
643
642
|
children: a
|
|
644
643
|
}
|
|
645
644
|
);
|
|
646
|
-
|
|
647
|
-
const
|
|
648
|
-
|
|
645
|
+
Ee.displayName = "AccordionTrigger";
|
|
646
|
+
const Ze = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
647
|
+
y.Panel,
|
|
649
648
|
{
|
|
650
649
|
className: r(
|
|
651
650
|
"overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0",
|
|
@@ -654,25 +653,25 @@ const Ee = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
654
653
|
...a
|
|
655
654
|
}
|
|
656
655
|
);
|
|
657
|
-
|
|
658
|
-
const $e = ({ className: e, animated: a, value: o, ...
|
|
659
|
-
const
|
|
660
|
-
return
|
|
656
|
+
Ze.displayName = "AccordionPanel";
|
|
657
|
+
const $e = ({ className: e, animated: a, value: o, ...s }) => {
|
|
658
|
+
const d = o ?? 0, [m, g] = v.useState(a ? 0 : d);
|
|
659
|
+
return v.useEffect(() => {
|
|
661
660
|
if (a) {
|
|
662
|
-
const
|
|
663
|
-
const
|
|
664
|
-
g(
|
|
661
|
+
const x = requestAnimationFrame(() => {
|
|
662
|
+
const w = requestAnimationFrame(() => {
|
|
663
|
+
g(d ?? 0);
|
|
665
664
|
});
|
|
666
|
-
return () => cancelAnimationFrame(
|
|
665
|
+
return () => cancelAnimationFrame(w);
|
|
667
666
|
});
|
|
668
|
-
return () => cancelAnimationFrame(
|
|
667
|
+
return () => cancelAnimationFrame(x);
|
|
669
668
|
} else
|
|
670
|
-
g(
|
|
671
|
-
}, [a,
|
|
669
|
+
g(d ?? 0);
|
|
670
|
+
}, [a, d]), /* @__PURE__ */ t(h.Root, { className: r("w-full", e), value: m, ...s });
|
|
672
671
|
};
|
|
673
672
|
$e.displayName = "MeterRoot";
|
|
674
|
-
const
|
|
675
|
-
|
|
673
|
+
const Oe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
674
|
+
h.Track,
|
|
676
675
|
{
|
|
677
676
|
className: r(
|
|
678
677
|
"relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
|
|
@@ -681,9 +680,9 @@ const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
681
680
|
...a
|
|
682
681
|
}
|
|
683
682
|
);
|
|
684
|
-
|
|
685
|
-
const
|
|
686
|
-
|
|
683
|
+
Oe.displayName = "MeterTrack";
|
|
684
|
+
const Je = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
685
|
+
h.Indicator,
|
|
687
686
|
{
|
|
688
687
|
className: r(
|
|
689
688
|
"h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
|
|
@@ -692,27 +691,165 @@ const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
692
691
|
...a
|
|
693
692
|
}
|
|
694
693
|
);
|
|
695
|
-
|
|
696
|
-
const
|
|
697
|
-
|
|
694
|
+
Je.displayName = "MeterIndicator";
|
|
695
|
+
const Ke = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
696
|
+
h.Value,
|
|
698
697
|
{
|
|
699
698
|
className: r("text-sm font-medium text-foreground", e),
|
|
700
699
|
...a
|
|
701
700
|
}
|
|
702
701
|
);
|
|
703
|
-
|
|
702
|
+
Ke.displayName = "MeterValue";
|
|
704
703
|
const Qe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
705
|
-
|
|
704
|
+
h.Label,
|
|
706
705
|
{
|
|
707
706
|
className: r("text-sm font-medium text-foreground", e),
|
|
708
707
|
...a
|
|
709
708
|
}
|
|
710
709
|
);
|
|
711
710
|
Qe.displayName = "MeterLabel";
|
|
712
|
-
const Ue = (
|
|
713
|
-
Ue.displayName = "
|
|
714
|
-
const We = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
715
|
-
|
|
711
|
+
const Ue = (e) => /* @__PURE__ */ t(l.Root, { ...e });
|
|
712
|
+
Ue.displayName = "MenuRoot";
|
|
713
|
+
const We = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Trigger, { className: r(e), ...a });
|
|
714
|
+
We.displayName = "MenuTrigger";
|
|
715
|
+
const Xe = (e) => /* @__PURE__ */ t(l.Portal, { ...e });
|
|
716
|
+
Xe.displayName = "MenuPortal";
|
|
717
|
+
const Ye = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
718
|
+
l.Positioner,
|
|
719
|
+
{
|
|
720
|
+
className: r("z-50 outline-none", e),
|
|
721
|
+
sideOffset: 8,
|
|
722
|
+
...a
|
|
723
|
+
}
|
|
724
|
+
);
|
|
725
|
+
Ye.displayName = "MenuPositioner";
|
|
726
|
+
const ea = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
727
|
+
l.Popup,
|
|
728
|
+
{
|
|
729
|
+
className: r(
|
|
730
|
+
"rounded-md bg-background p-1 text-foreground shadow-sm shadow-gray-200 border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
|
|
731
|
+
"min-w-[8rem]",
|
|
732
|
+
e
|
|
733
|
+
),
|
|
734
|
+
...a
|
|
735
|
+
}
|
|
736
|
+
);
|
|
737
|
+
ea.displayName = "MenuPopup";
|
|
738
|
+
const aa = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
739
|
+
l.Arrow,
|
|
740
|
+
{
|
|
741
|
+
className: r(
|
|
742
|
+
"flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
|
|
743
|
+
e
|
|
744
|
+
),
|
|
745
|
+
...a,
|
|
746
|
+
children: /* @__PURE__ */ t(ta, {})
|
|
747
|
+
}
|
|
748
|
+
);
|
|
749
|
+
function ta(e) {
|
|
750
|
+
return /* @__PURE__ */ k("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
|
|
751
|
+
/* @__PURE__ */ t(
|
|
752
|
+
"path",
|
|
753
|
+
{
|
|
754
|
+
d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
|
|
755
|
+
className: "fill-background"
|
|
756
|
+
}
|
|
757
|
+
),
|
|
758
|
+
/* @__PURE__ */ t(
|
|
759
|
+
"path",
|
|
760
|
+
{
|
|
761
|
+
d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
|
|
762
|
+
className: "fill-border"
|
|
763
|
+
}
|
|
764
|
+
)
|
|
765
|
+
] });
|
|
766
|
+
}
|
|
767
|
+
aa.displayName = "MenuArrow";
|
|
768
|
+
const ra = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
769
|
+
l.Item,
|
|
770
|
+
{
|
|
771
|
+
className: r(
|
|
772
|
+
i({ variant: "ghost", size: "sm" }),
|
|
773
|
+
"flex justify-start",
|
|
774
|
+
e
|
|
775
|
+
),
|
|
776
|
+
...a
|
|
777
|
+
}
|
|
778
|
+
);
|
|
779
|
+
ra.displayName = "MenuItem";
|
|
780
|
+
const oa = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
781
|
+
l.Separator,
|
|
782
|
+
{
|
|
783
|
+
className: r("-mx-1 my-1 h-px bg-border", e),
|
|
784
|
+
...a
|
|
785
|
+
}
|
|
786
|
+
);
|
|
787
|
+
oa.displayName = "MenuSeparator";
|
|
788
|
+
const sa = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Group, { className: r(e), ...a });
|
|
789
|
+
sa.displayName = "MenuGroup";
|
|
790
|
+
const la = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
791
|
+
l.GroupLabel,
|
|
792
|
+
{
|
|
793
|
+
className: r("px-3 py-1.5 text-sm font-semibold", e),
|
|
794
|
+
...a
|
|
795
|
+
}
|
|
796
|
+
);
|
|
797
|
+
la.displayName = "MenuGroupLabel";
|
|
798
|
+
const na = ({ className: e, ...a }) => /* @__PURE__ */ t(l.RadioGroup, { className: r(e), ...a });
|
|
799
|
+
na.displayName = "MenuRadioGroup";
|
|
800
|
+
const ia = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
801
|
+
l.RadioItem,
|
|
802
|
+
{
|
|
803
|
+
className: r(
|
|
804
|
+
i({ variant: "ghost", size: "sm" }),
|
|
805
|
+
"grid grid-cols-[0.75rem_1fr] gap-2",
|
|
806
|
+
e
|
|
807
|
+
),
|
|
808
|
+
...a
|
|
809
|
+
}
|
|
810
|
+
);
|
|
811
|
+
ia.displayName = "MenuRadioItem";
|
|
812
|
+
const da = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
813
|
+
l.CheckboxItem,
|
|
814
|
+
{
|
|
815
|
+
className: r(
|
|
816
|
+
i({ variant: "ghost", size: "sm" }),
|
|
817
|
+
"grid grid-cols-[0.75rem_1fr] gap-2",
|
|
818
|
+
e
|
|
819
|
+
),
|
|
820
|
+
...a
|
|
821
|
+
}
|
|
822
|
+
);
|
|
823
|
+
da.displayName = "MenuCheckboxItem";
|
|
824
|
+
const ca = ({ className: e, ...a }) => /* @__PURE__ */ t(l.RadioItemIndicator, { className: r("col-start-1", e), ...a });
|
|
825
|
+
ca.displayName = "MenuRadioItemIndicator";
|
|
826
|
+
const ua = ({
|
|
827
|
+
className: e,
|
|
828
|
+
...a
|
|
829
|
+
}) => /* @__PURE__ */ t(l.CheckboxItemIndicator, { className: r("col-start-1", e), ...a });
|
|
830
|
+
ua.displayName = "MenuCheckboxItemIndicator";
|
|
831
|
+
const ma = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
|
|
832
|
+
ma.displayName = "MenuCheckboxItemLabel";
|
|
833
|
+
const pa = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: r("col-start-2", e), ...a });
|
|
834
|
+
pa.displayName = "MenuRadioItemLabel";
|
|
835
|
+
const ga = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
836
|
+
l.SubmenuTrigger,
|
|
837
|
+
{
|
|
838
|
+
className: r(
|
|
839
|
+
i({ variant: "ghost", size: "sm" }),
|
|
840
|
+
"flex justify-between",
|
|
841
|
+
e
|
|
842
|
+
),
|
|
843
|
+
...a
|
|
844
|
+
}
|
|
845
|
+
);
|
|
846
|
+
ga.displayName = "MenuSubmenuTrigger";
|
|
847
|
+
const fa = (e) => /* @__PURE__ */ t(l.SubmenuRoot, { ...e });
|
|
848
|
+
fa.displayName = "MenuSubmenuRoot";
|
|
849
|
+
const ba = ({ className: e, ...a }) => /* @__PURE__ */ t(N.Root, { className: r("w-full", e), ...a });
|
|
850
|
+
ba.displayName = "ProgressRoot";
|
|
851
|
+
const ya = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
852
|
+
N.Track,
|
|
716
853
|
{
|
|
717
854
|
className: r(
|
|
718
855
|
"relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
|
|
@@ -721,9 +858,9 @@ const We = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
721
858
|
...a
|
|
722
859
|
}
|
|
723
860
|
);
|
|
724
|
-
|
|
725
|
-
const
|
|
726
|
-
|
|
861
|
+
ya.displayName = "ProgressTrack";
|
|
862
|
+
const ha = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
863
|
+
N.Indicator,
|
|
727
864
|
{
|
|
728
865
|
className: r(
|
|
729
866
|
"h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
|
|
@@ -732,25 +869,25 @@ const Xe = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
|
732
869
|
...a
|
|
733
870
|
}
|
|
734
871
|
);
|
|
735
|
-
|
|
736
|
-
const
|
|
737
|
-
|
|
872
|
+
ha.displayName = "ProgressIndicator";
|
|
873
|
+
const Na = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
874
|
+
N.Value,
|
|
738
875
|
{
|
|
739
876
|
className: r("text-sm font-medium text-foreground", e),
|
|
740
877
|
...a
|
|
741
878
|
}
|
|
742
879
|
);
|
|
743
|
-
|
|
744
|
-
const
|
|
745
|
-
|
|
880
|
+
Na.displayName = "ProgressValue";
|
|
881
|
+
const xa = ({ className: e, ...a }) => /* @__PURE__ */ t(
|
|
882
|
+
N.Label,
|
|
746
883
|
{
|
|
747
884
|
className: r("text-sm font-medium text-foreground", e),
|
|
748
885
|
...a
|
|
749
886
|
}
|
|
750
887
|
);
|
|
751
|
-
|
|
752
|
-
const
|
|
753
|
-
|
|
888
|
+
xa.displayName = "ProgressLabel";
|
|
889
|
+
const va = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
|
|
890
|
+
_,
|
|
754
891
|
{
|
|
755
892
|
orientation: a,
|
|
756
893
|
className: r(
|
|
@@ -766,94 +903,113 @@ const ea = ({ className: e, orientation: a, ...o }) => /* @__PURE__ */ t(
|
|
|
766
903
|
...o
|
|
767
904
|
}
|
|
768
905
|
);
|
|
769
|
-
|
|
770
|
-
const
|
|
906
|
+
va.displayName = "ToggleGroupRoot";
|
|
907
|
+
const wa = ({
|
|
771
908
|
className: e,
|
|
772
909
|
variant: a,
|
|
773
910
|
size: o,
|
|
774
|
-
...
|
|
911
|
+
...s
|
|
775
912
|
}) => /* @__PURE__ */ t(
|
|
776
|
-
|
|
913
|
+
R,
|
|
777
914
|
{
|
|
778
915
|
className: r(
|
|
779
|
-
|
|
916
|
+
C({ variant: a, size: o }),
|
|
780
917
|
// Ghost variant in toggle-group: add borders, no background when pressed
|
|
781
918
|
a === "ghost" && "border border-border",
|
|
782
919
|
e
|
|
783
920
|
),
|
|
784
|
-
...
|
|
921
|
+
...s
|
|
785
922
|
}
|
|
786
923
|
);
|
|
787
|
-
|
|
924
|
+
wa.displayName = "ToggleGroupItem";
|
|
788
925
|
export {
|
|
789
|
-
|
|
926
|
+
qe as AccordionHeader,
|
|
790
927
|
He as AccordionItem,
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
928
|
+
Ze as AccordionPanel,
|
|
929
|
+
Ge as AccordionRoot,
|
|
930
|
+
Ee as AccordionTrigger,
|
|
931
|
+
Za as AlertDialog,
|
|
932
|
+
Z as AlertDialogBackdrop,
|
|
796
933
|
U as AlertDialogClose,
|
|
797
934
|
Q as AlertDialogDescription,
|
|
798
|
-
|
|
799
|
-
|
|
935
|
+
J as AlertDialogPopup,
|
|
936
|
+
E as AlertDialogPortal,
|
|
800
937
|
H as AlertDialogRoot,
|
|
801
|
-
|
|
802
|
-
|
|
938
|
+
K as AlertDialogTitle,
|
|
939
|
+
q as AlertDialogTrigger,
|
|
803
940
|
$ as AlertDialogViewport,
|
|
804
941
|
X as AvatarFallback,
|
|
805
942
|
W as AvatarImage,
|
|
806
|
-
|
|
943
|
+
P as AvatarRoot,
|
|
807
944
|
Y as AvatarStack,
|
|
808
945
|
j as Button,
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
946
|
+
G as CollapsiblePanel,
|
|
947
|
+
F as CollapsibleRoot,
|
|
948
|
+
B as CollapsibleTrigger,
|
|
949
|
+
xe as DialogBackdrop,
|
|
950
|
+
Te as DialogClose,
|
|
814
951
|
De as DialogDescription,
|
|
815
|
-
|
|
952
|
+
Me as DialogFooter,
|
|
816
953
|
Ae as DialogHeader,
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
954
|
+
we as DialogPopup,
|
|
955
|
+
Ne as DialogPortal,
|
|
956
|
+
ye as DialogRoot,
|
|
957
|
+
ke as DialogTitle,
|
|
958
|
+
he as DialogTrigger,
|
|
959
|
+
Ce as DrawerBackdrop,
|
|
960
|
+
_e as DrawerClose,
|
|
961
|
+
Fe as DrawerContent,
|
|
962
|
+
Le as DrawerDescription,
|
|
963
|
+
Be as DrawerFooter,
|
|
827
964
|
je as DrawerHeader,
|
|
828
965
|
Se as DrawerPopup,
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
966
|
+
Pe as DrawerPortal,
|
|
967
|
+
Re as DrawerRoot,
|
|
968
|
+
Ve as DrawerTitle,
|
|
969
|
+
ze as DrawerTrigger,
|
|
970
|
+
aa as MenuArrow,
|
|
971
|
+
da as MenuCheckboxItem,
|
|
972
|
+
ua as MenuCheckboxItemIndicator,
|
|
973
|
+
ma as MenuCheckboxItemLabel,
|
|
974
|
+
sa as MenuGroup,
|
|
975
|
+
la as MenuGroupLabel,
|
|
976
|
+
ra as MenuItem,
|
|
977
|
+
ea as MenuPopup,
|
|
978
|
+
Xe as MenuPortal,
|
|
979
|
+
Ye as MenuPositioner,
|
|
980
|
+
na as MenuRadioGroup,
|
|
981
|
+
ia as MenuRadioItem,
|
|
982
|
+
ca as MenuRadioItemIndicator,
|
|
983
|
+
pa as MenuRadioItemLabel,
|
|
984
|
+
Ue as MenuRoot,
|
|
985
|
+
oa as MenuSeparator,
|
|
986
|
+
fa as MenuSubmenuRoot,
|
|
987
|
+
ga as MenuSubmenuTrigger,
|
|
988
|
+
We as MenuTrigger,
|
|
989
|
+
Je as MeterIndicator,
|
|
834
990
|
Qe as MeterLabel,
|
|
835
991
|
$e as MeterRoot,
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
992
|
+
Oe as MeterTrack,
|
|
993
|
+
Ke as MeterValue,
|
|
994
|
+
ha as ProgressIndicator,
|
|
995
|
+
xa as ProgressLabel,
|
|
996
|
+
ba as ProgressRoot,
|
|
997
|
+
ya as ProgressTrack,
|
|
998
|
+
Na as ProgressValue,
|
|
999
|
+
te as ScrollAreaContent,
|
|
1000
|
+
se as ScrollAreaCorner,
|
|
1001
|
+
ee as ScrollAreaRoot,
|
|
1002
|
+
re as ScrollAreaScrollbar,
|
|
1003
|
+
oe as ScrollAreaThumb,
|
|
1004
|
+
ae as ScrollAreaViewport,
|
|
849
1005
|
le as SwitchRoot,
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
1006
|
+
ne as SwitchThumb,
|
|
1007
|
+
fe as TabsIndicator,
|
|
1008
|
+
ue as TabsList,
|
|
1009
|
+
be as TabsPanel,
|
|
1010
|
+
de as TabsRoot,
|
|
1011
|
+
pe as TabsTab,
|
|
856
1012
|
ie as Toggle,
|
|
857
|
-
|
|
858
|
-
|
|
1013
|
+
wa as ToggleGroupItem,
|
|
1014
|
+
va as ToggleGroupRoot
|
|
859
1015
|
};
|
package/dist/styles/default.css
CHANGED
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
|
|
79
79
|
@layer base {
|
|
80
80
|
* {
|
|
81
|
-
@apply focus:outline-hidden focus-visible:ring-
|
|
81
|
+
@apply focus:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:z-1 data-disabled:pointer-events-none data-disabled:opacity-70;
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
|