@egose/shadcn-theme 0.0.54 → 0.0.56
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/{chunk-EILSBSRU.mjs → chunk-37EH7QCX.mjs} +1 -1
- package/chunk-37EH7QCX.mjs.map +1 -0
- package/{chunk-B7QAAQMG.js → chunk-4FD63HEQ.js} +9 -9
- package/{chunk-B7QAAQMG.js.map → chunk-4FD63HEQ.js.map} +1 -1
- package/{chunk-FQBFIZY3.mjs → chunk-4NMFJSJN.mjs} +1 -1
- package/{chunk-FQBFIZY3.mjs.map → chunk-4NMFJSJN.mjs.map} +1 -1
- package/{chunk-S4X22CRP.mjs → chunk-4XC6EXHZ.mjs} +2 -2
- package/chunk-4XC6EXHZ.mjs.map +1 -0
- package/{chunk-YMQLUZVD.mjs → chunk-54PLQ33F.mjs} +3 -3
- package/chunk-54PLQ33F.mjs.map +1 -0
- package/{chunk-PLIFFDWQ.js → chunk-5HD5BGK7.js} +12 -12
- package/{chunk-PLIFFDWQ.js.map → chunk-5HD5BGK7.js.map} +1 -1
- package/{chunk-BKCGAF7P.js → chunk-73VYAPJR.js} +4 -4
- package/{chunk-BKCGAF7P.js.map → chunk-73VYAPJR.js.map} +1 -1
- package/{chunk-M3IF5WMA.mjs → chunk-ACE5WNTU.mjs} +6 -6
- package/{chunk-SEM2M65Q.js → chunk-CE4PBEIL.js} +5 -5
- package/{chunk-SEM2M65Q.js.map → chunk-CE4PBEIL.js.map} +1 -1
- package/{chunk-6RRWPK3R.mjs → chunk-CPGH6LBC.mjs} +2 -2
- package/{chunk-QAB6DGZF.mjs → chunk-DMATER3M.mjs} +3 -3
- package/chunk-DMATER3M.mjs.map +1 -0
- package/{chunk-A4HQTRDU.mjs → chunk-DTJ43DCW.mjs} +3 -3
- package/{chunk-A4HQTRDU.mjs.map → chunk-DTJ43DCW.mjs.map} +1 -1
- package/{chunk-L2MO6T36.js → chunk-DYUS5722.js} +11 -11
- package/{chunk-L2MO6T36.js.map → chunk-DYUS5722.js.map} +1 -1
- package/{chunk-WERYBLJZ.js → chunk-E4SSD5P4.js} +1 -1
- package/{chunk-WERYBLJZ.js.map → chunk-E4SSD5P4.js.map} +1 -1
- package/{chunk-CNR5OJOZ.mjs → chunk-EJQJ3BCF.mjs} +2 -2
- package/{chunk-CNR5OJOZ.mjs.map → chunk-EJQJ3BCF.mjs.map} +1 -1
- package/{chunk-DSWNLHEW.js → chunk-EZZ2YCUU.js} +1 -1
- package/{chunk-DSWNLHEW.js.map → chunk-EZZ2YCUU.js.map} +1 -1
- package/{chunk-NUMBVYVR.js → chunk-I64GW5SA.js} +3 -3
- package/{chunk-NUMBVYVR.js.map → chunk-I64GW5SA.js.map} +1 -1
- package/{chunk-2SKDOU2K.mjs → chunk-IAJ2ZBSJ.mjs} +1 -1
- package/chunk-IAJ2ZBSJ.mjs.map +1 -0
- package/{chunk-MTEJGYUG.js → chunk-JHUXWZVG.js} +1 -1
- package/chunk-JHUXWZVG.js.map +1 -0
- package/{chunk-SPFMZ2EK.js → chunk-MYO4WRNB.js} +6 -6
- package/chunk-MYO4WRNB.js.map +1 -0
- package/{chunk-CNKUWWZ7.js → chunk-NI2SIUXO.js} +1 -1
- package/chunk-NI2SIUXO.js.map +1 -0
- package/{chunk-SEWCR6NS.mjs → chunk-NTYWTGYX.mjs} +3 -3
- package/{chunk-HEQKEA7M.mjs → chunk-O7E6RNCD.mjs} +7 -4
- package/chunk-O7E6RNCD.mjs.map +1 -0
- package/{chunk-MDBMHJV2.mjs → chunk-OXTCSLHP.mjs} +1 -1
- package/chunk-OXTCSLHP.mjs.map +1 -0
- package/{chunk-JF52Z27L.js → chunk-PCR4GC74.js} +8 -8
- package/{chunk-JF52Z27L.js.map → chunk-PCR4GC74.js.map} +1 -1
- package/{chunk-IKMOSUDO.mjs → chunk-PS7WGOZH.mjs} +2 -2
- package/{chunk-YTXVFY6V.js → chunk-QGXFFTPH.js} +1 -1
- package/{chunk-YTXVFY6V.js.map → chunk-QGXFFTPH.js.map} +1 -1
- package/{chunk-ETIGFRE4.js → chunk-RY3M2GTK.js} +9 -6
- package/chunk-RY3M2GTK.js.map +1 -0
- package/{chunk-YWFLDXW4.js → chunk-U3KAN7IM.js} +1 -1
- package/{chunk-YWFLDXW4.js.map → chunk-U3KAN7IM.js.map} +1 -1
- package/{chunk-OXLQUUKH.js → chunk-XJ7GBFHV.js} +4 -4
- package/{chunk-OXLQUUKH.js.map → chunk-XJ7GBFHV.js.map} +1 -1
- package/{chunk-CQ5UU2AD.mjs → chunk-YAPKDLRQ.mjs} +1 -1
- package/chunk-YAPKDLRQ.mjs.map +1 -0
- package/{chunk-KIYPK4VF.mjs → chunk-YWILOKX4.mjs} +2 -2
- package/chunk-YWILOKX4.mjs.map +1 -0
- package/{chunk-QACXLARW.mjs → chunk-ZJAFK7BR.mjs} +1 -1
- package/chunk-ZJAFK7BR.mjs.map +1 -0
- package/{chunk-MNL6TV33.js → chunk-ZOF6UW3D.js} +6 -6
- package/{chunk-MNL6TV33.js.map → chunk-ZOF6UW3D.js.map} +1 -1
- package/components/form/date-picker.d.mts +2 -1
- package/components/form/date-picker.d.ts +2 -1
- package/components/form/date-picker.js +4 -4
- package/components/form/date-picker.mjs +3 -3
- package/components/form/date-range-picker.js +4 -4
- package/components/form/date-range-picker.mjs +2 -2
- package/components/form/hook-date-picker.js +4 -4
- package/components/form/hook-date-picker.mjs +3 -3
- package/components/form/hook-searchable-select.js +5 -5
- package/components/form/hook-searchable-select.mjs +4 -4
- package/components/form/hook-select.js +3 -3
- package/components/form/hook-select.mjs +2 -2
- package/components/form/searchable-select.js +5 -5
- package/components/form/searchable-select.mjs +4 -4
- package/components/form/select.js +3 -3
- package/components/form/select.mjs +2 -2
- package/components/ui/accordion.js.map +1 -1
- package/components/ui/accordion.mjs.map +1 -1
- package/components/ui/alert-dialog.js +3 -3
- package/components/ui/alert-dialog.js.map +1 -1
- package/components/ui/alert-dialog.mjs +1 -1
- package/components/ui/alert-dialog.mjs.map +1 -1
- package/components/ui/alert.d.mts +1 -1
- package/components/ui/alert.d.ts +1 -1
- package/components/ui/badge.d.mts +1 -1
- package/components/ui/badge.d.ts +1 -1
- package/components/ui/button.js +2 -2
- package/components/ui/button.mjs +1 -1
- package/components/ui/calendar.js +3 -3
- package/components/ui/calendar.mjs +2 -2
- package/components/ui/carousel.js +3 -3
- package/components/ui/carousel.mjs +1 -1
- package/components/ui/command.js +3 -3
- package/components/ui/command.mjs +2 -2
- package/components/ui/context-menu.js.map +1 -1
- package/components/ui/context-menu.mjs.map +1 -1
- package/components/ui/copy-button.js.map +1 -1
- package/components/ui/copy-button.mjs.map +1 -1
- package/components/ui/dialog.js +2 -2
- package/components/ui/dialog.mjs +1 -1
- package/components/ui/drawer.d.mts +11 -22
- package/components/ui/drawer.d.ts +11 -22
- package/components/ui/drawer.js +62 -36
- package/components/ui/drawer.js.map +1 -1
- package/components/ui/drawer.mjs +62 -36
- package/components/ui/drawer.mjs.map +1 -1
- package/components/ui/dropdown-menu.js +2 -2
- package/components/ui/dropdown-menu.mjs +1 -1
- package/components/ui/extension/file-input.js +2 -2
- package/components/ui/extension/file-input.mjs +1 -1
- package/components/ui/extension/multi-select.d.mts +4 -4
- package/components/ui/extension/multi-select.d.ts +4 -4
- package/components/ui/extension/multi-select.js +6 -6
- package/components/ui/extension/multi-select.mjs +2 -2
- package/components/ui/input-otp.js.map +1 -1
- package/components/ui/input-otp.mjs.map +1 -1
- package/components/ui/menubar.js.map +1 -1
- package/components/ui/menubar.mjs.map +1 -1
- package/components/ui/navigation-menu.js +1 -0
- package/components/ui/navigation-menu.js.map +1 -1
- package/components/ui/navigation-menu.mjs +1 -0
- package/components/ui/navigation-menu.mjs.map +1 -1
- package/components/ui/pagination.js +2 -2
- package/components/ui/pagination.js.map +1 -1
- package/components/ui/pagination.mjs +1 -1
- package/components/ui/pagination.mjs.map +1 -1
- package/components/ui/resizable.d.mts +1 -1
- package/components/ui/resizable.d.ts +1 -1
- package/components/ui/scroll-area.js.map +1 -1
- package/components/ui/scroll-area.mjs.map +1 -1
- package/components/ui/select.js +2 -2
- package/components/ui/select.mjs +1 -1
- package/components/ui/sheet.js +2 -2
- package/components/ui/sheet.mjs +1 -1
- package/components/ui/sidebar.js +4 -4
- package/components/ui/sidebar.mjs +3 -3
- package/components/ui/slider.js.map +1 -1
- package/components/ui/slider.mjs.map +1 -1
- package/components/ui/toaster.js.map +1 -1
- package/components/ui/toaster.mjs.map +1 -1
- package/layouts/sidebar1/app-sidebar.js +9 -9
- package/layouts/sidebar1/app-sidebar.mjs +8 -8
- package/layouts/sidebar1/context-switcher.js +6 -6
- package/layouts/sidebar1/context-switcher.mjs +5 -5
- package/layouts/sidebar1/index.js +9 -9
- package/layouts/sidebar1/index.js.map +1 -1
- package/layouts/sidebar1/index.mjs +8 -8
- package/layouts/sidebar1/index.mjs.map +1 -1
- package/layouts/sidebar1/nav-menus.js +5 -5
- package/layouts/sidebar1/nav-menus.mjs +4 -4
- package/layouts/sidebar1/nav-user.js +6 -6
- package/layouts/sidebar1/nav-user.mjs +5 -5
- package/layouts/simple/index.js +5 -5
- package/layouts/simple/index.js.map +1 -1
- package/layouts/simple/index.mjs +3 -3
- package/layouts/simple/index.mjs.map +1 -1
- package/layouts/simple/mobile-menu.js +2 -2
- package/layouts/simple/mobile-menu.mjs +1 -1
- package/layouts/simple/user-menu.js +3 -3
- package/layouts/simple/user-menu.mjs +2 -2
- package/package.json +3 -3
- package/chunk-2SKDOU2K.mjs.map +0 -1
- package/chunk-CNKUWWZ7.js.map +0 -1
- package/chunk-CQ5UU2AD.mjs.map +0 -1
- package/chunk-EILSBSRU.mjs.map +0 -1
- package/chunk-ETIGFRE4.js.map +0 -1
- package/chunk-HEQKEA7M.mjs.map +0 -1
- package/chunk-KIYPK4VF.mjs.map +0 -1
- package/chunk-MDBMHJV2.mjs.map +0 -1
- package/chunk-MTEJGYUG.js.map +0 -1
- package/chunk-QAB6DGZF.mjs.map +0 -1
- package/chunk-QACXLARW.mjs.map +0 -1
- package/chunk-S4X22CRP.mjs.map +0 -1
- package/chunk-SPFMZ2EK.js.map +0 -1
- package/chunk-YMQLUZVD.mjs.map +0 -1
- /package/{chunk-M3IF5WMA.mjs.map → chunk-ACE5WNTU.mjs.map} +0 -0
- /package/{chunk-6RRWPK3R.mjs.map → chunk-CPGH6LBC.mjs.map} +0 -0
- /package/{chunk-SEWCR6NS.mjs.map → chunk-NTYWTGYX.mjs.map} +0 -0
- /package/{chunk-IKMOSUDO.mjs.map → chunk-PS7WGOZH.mjs.map} +0 -0
package/components/ui/drawer.js
CHANGED
|
@@ -11,61 +11,87 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
|
11
11
|
// components/ui/drawer.tsx
|
|
12
12
|
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
13
13
|
var _vaul = require('vaul');
|
|
14
|
-
|
|
15
|
-
var
|
|
16
|
-
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Root, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
function Drawer(_a) {
|
|
15
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
16
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Root, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer" }, props));
|
|
17
|
+
}
|
|
18
|
+
function DrawerTrigger(_a) {
|
|
19
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
20
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Trigger, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-trigger" }, props));
|
|
21
|
+
}
|
|
22
|
+
function DrawerPortal(_a) {
|
|
23
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
24
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Portal, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-portal" }, props));
|
|
25
|
+
}
|
|
26
|
+
function DrawerClose(_a) {
|
|
27
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
28
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Close, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-close" }, props));
|
|
29
|
+
}
|
|
30
|
+
function DrawerOverlay(_a) {
|
|
23
31
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
24
|
-
return /* @__PURE__ */ React.createElement(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
32
|
+
return /* @__PURE__ */ React.createElement(
|
|
33
|
+
_vaul.Drawer.Overlay,
|
|
34
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
35
|
+
"data-slot": "drawer-overlay",
|
|
36
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
37
|
+
"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50",
|
|
38
|
+
className
|
|
39
|
+
)
|
|
40
|
+
}, props)
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
function DrawerContent(_a) {
|
|
28
44
|
var _b = _a, { className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children"]);
|
|
29
|
-
return /* @__PURE__ */ React.createElement(DrawerPortal,
|
|
45
|
+
return /* @__PURE__ */ React.createElement(DrawerPortal, { "data-slot": "drawer-portal" }, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(
|
|
30
46
|
_vaul.Drawer.Content,
|
|
31
47
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
32
|
-
|
|
48
|
+
"data-slot": "drawer-content",
|
|
33
49
|
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
34
|
-
"
|
|
50
|
+
"bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50",
|
|
35
51
|
className
|
|
36
52
|
)
|
|
37
53
|
}, props),
|
|
38
|
-
/* @__PURE__ */ React.createElement("div", { className: "
|
|
54
|
+
/* @__PURE__ */ React.createElement("div", { className: "bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
|
|
39
55
|
children
|
|
40
56
|
));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
var DrawerHeader = (_a) => {
|
|
57
|
+
}
|
|
58
|
+
function DrawerHeader(_a) {
|
|
44
59
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
45
|
-
return /* @__PURE__ */ React.createElement(
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
60
|
+
return /* @__PURE__ */ React.createElement(
|
|
61
|
+
"div",
|
|
62
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
63
|
+
"data-slot": "drawer-header",
|
|
64
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
65
|
+
"gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col",
|
|
66
|
+
className
|
|
67
|
+
)
|
|
68
|
+
}, props)
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
function DrawerFooter(_a) {
|
|
49
72
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
50
|
-
return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { className: _chunk6N4WCMTEjs.cn.call(void 0, "mt-auto flex flex-col
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
var DrawerTitle = React.forwardRef((_a, ref) => {
|
|
73
|
+
return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-footer", className: _chunk6N4WCMTEjs.cn.call(void 0, "gap-2 p-4 mt-auto flex flex-col", className) }, props));
|
|
74
|
+
}
|
|
75
|
+
function DrawerTitle(_a) {
|
|
54
76
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
55
77
|
return /* @__PURE__ */ React.createElement(
|
|
56
78
|
_vaul.Drawer.Title,
|
|
57
79
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
58
|
-
|
|
59
|
-
className: _chunk6N4WCMTEjs.cn.call(void 0, "text-
|
|
80
|
+
"data-slot": "drawer-title",
|
|
81
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0, "text-foreground text-base font-medium", className)
|
|
60
82
|
}, props)
|
|
61
83
|
);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
var DrawerDescription = React.forwardRef((_a, ref) => {
|
|
84
|
+
}
|
|
85
|
+
function DrawerDescription(_a) {
|
|
65
86
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
66
|
-
return /* @__PURE__ */ React.createElement(
|
|
67
|
-
|
|
68
|
-
|
|
87
|
+
return /* @__PURE__ */ React.createElement(
|
|
88
|
+
_vaul.Drawer.Description,
|
|
89
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
90
|
+
"data-slot": "drawer-description",
|
|
91
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0, "text-muted-foreground text-sm", className)
|
|
92
|
+
}, props)
|
|
93
|
+
);
|
|
94
|
+
}
|
|
69
95
|
|
|
70
96
|
|
|
71
97
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/drawer.js","../../../components/ui/drawer.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,4BAA0C;AAI1C,
|
|
1
|
+
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/drawer.js","../../../components/ui/drawer.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/drawer.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '../../lib/utils';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n 'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n className,\n )}\n {...props}\n >\n <div className=\"bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\n 'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot=\"drawer-footer\" className={cn('gap-2 p-4 mt-auto flex flex-col', className)} {...props} />;\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn('text-foreground text-base font-medium', className)}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n"]}
|
package/components/ui/drawer.mjs
CHANGED
|
@@ -10,61 +10,87 @@ import {
|
|
|
10
10
|
// components/ui/drawer.tsx
|
|
11
11
|
import * as React from "react";
|
|
12
12
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Root, __spreadValues({
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
function Drawer(_a) {
|
|
14
|
+
var props = __objRest(_a, []);
|
|
15
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
|
|
16
|
+
}
|
|
17
|
+
function DrawerTrigger(_a) {
|
|
18
|
+
var props = __objRest(_a, []);
|
|
19
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
|
|
20
|
+
}
|
|
21
|
+
function DrawerPortal(_a) {
|
|
22
|
+
var props = __objRest(_a, []);
|
|
23
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
|
|
24
|
+
}
|
|
25
|
+
function DrawerClose(_a) {
|
|
26
|
+
var props = __objRest(_a, []);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
|
|
28
|
+
}
|
|
29
|
+
function DrawerOverlay(_a) {
|
|
22
30
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
23
|
-
return /* @__PURE__ */ React.createElement(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
return /* @__PURE__ */ React.createElement(
|
|
32
|
+
DrawerPrimitive.Overlay,
|
|
33
|
+
__spreadValues({
|
|
34
|
+
"data-slot": "drawer-overlay",
|
|
35
|
+
className: cn(
|
|
36
|
+
"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50",
|
|
37
|
+
className
|
|
38
|
+
)
|
|
39
|
+
}, props)
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
function DrawerContent(_a) {
|
|
27
43
|
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
28
|
-
return /* @__PURE__ */ React.createElement(DrawerPortal,
|
|
44
|
+
return /* @__PURE__ */ React.createElement(DrawerPortal, { "data-slot": "drawer-portal" }, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(
|
|
29
45
|
DrawerPrimitive.Content,
|
|
30
46
|
__spreadValues({
|
|
31
|
-
|
|
47
|
+
"data-slot": "drawer-content",
|
|
32
48
|
className: cn(
|
|
33
|
-
"
|
|
49
|
+
"bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50",
|
|
34
50
|
className
|
|
35
51
|
)
|
|
36
52
|
}, props),
|
|
37
|
-
/* @__PURE__ */ React.createElement("div", { className: "
|
|
53
|
+
/* @__PURE__ */ React.createElement("div", { className: "bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
|
|
38
54
|
children
|
|
39
55
|
));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
var DrawerHeader = (_a) => {
|
|
56
|
+
}
|
|
57
|
+
function DrawerHeader(_a) {
|
|
43
58
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
44
|
-
return /* @__PURE__ */ React.createElement(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
59
|
+
return /* @__PURE__ */ React.createElement(
|
|
60
|
+
"div",
|
|
61
|
+
__spreadValues({
|
|
62
|
+
"data-slot": "drawer-header",
|
|
63
|
+
className: cn(
|
|
64
|
+
"gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col",
|
|
65
|
+
className
|
|
66
|
+
)
|
|
67
|
+
}, props)
|
|
68
|
+
);
|
|
69
|
+
}
|
|
70
|
+
function DrawerFooter(_a) {
|
|
48
71
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
49
|
-
return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("mt-auto flex flex-col
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
var DrawerTitle = React.forwardRef((_a, ref) => {
|
|
72
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "drawer-footer", className: cn("gap-2 p-4 mt-auto flex flex-col", className) }, props));
|
|
73
|
+
}
|
|
74
|
+
function DrawerTitle(_a) {
|
|
53
75
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
54
76
|
return /* @__PURE__ */ React.createElement(
|
|
55
77
|
DrawerPrimitive.Title,
|
|
56
78
|
__spreadValues({
|
|
57
|
-
|
|
58
|
-
className: cn("text-
|
|
79
|
+
"data-slot": "drawer-title",
|
|
80
|
+
className: cn("text-foreground text-base font-medium", className)
|
|
59
81
|
}, props)
|
|
60
82
|
);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
var DrawerDescription = React.forwardRef((_a, ref) => {
|
|
83
|
+
}
|
|
84
|
+
function DrawerDescription(_a) {
|
|
64
85
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
65
|
-
return /* @__PURE__ */ React.createElement(
|
|
66
|
-
|
|
67
|
-
|
|
86
|
+
return /* @__PURE__ */ React.createElement(
|
|
87
|
+
DrawerPrimitive.Description,
|
|
88
|
+
__spreadValues({
|
|
89
|
+
"data-slot": "drawer-description",
|
|
90
|
+
className: cn("text-muted-foreground text-sm", className)
|
|
91
|
+
}, props)
|
|
92
|
+
);
|
|
93
|
+
}
|
|
68
94
|
export {
|
|
69
95
|
Drawer,
|
|
70
96
|
DrawerClose,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '../../lib/utils';\n\
|
|
1
|
+
{"version":3,"sources":["../../../components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '../../lib/utils';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n 'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n className,\n )}\n {...props}\n >\n <div className=\"bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\n 'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot=\"drawer-footer\" className={cn('gap-2 p-4 mt-auto flex flex-col', className)} {...props} />;\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn('text-foreground text-base font-medium', className)}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAI1C,SAAS,OAAO,IAAiE;AAAjE,MAAK,kBAAL,IAAK;AACnB,SAAO,oCAAC,gBAAgB,MAAhB,iBAAqB,aAAU,YAAa,MAAO;AAC7D;AAEA,SAAS,cAAc,IAAoE;AAApE,MAAK,kBAAL,IAAK;AAC1B,SAAO,oCAAC,gBAAgB,SAAhB,iBAAwB,aAAU,oBAAqB,MAAO;AACxE;AAEA,SAAS,aAAa,IAAmE;AAAnE,MAAK,kBAAL,IAAK;AACzB,SAAO,oCAAC,gBAAgB,QAAhB,iBAAuB,aAAU,mBAAoB,MAAO;AACtE;AAEA,SAAS,YAAY,IAAkE;AAAlE,MAAK,kBAAL,IAAK;AACxB,SAAO,oCAAC,gBAAgB,OAAhB,iBAAsB,aAAU,kBAAmB,MAAO;AACpE;AAEA,SAAS,cAAc,IAA+E;AAA/E,eAAE,YAtBzB,IAsBuB,IAAgB,kBAAhB,IAAgB,CAAd;AACvB,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,IAAyF;AAAzF,eAAE,aAAW,SAnCpC,IAmCuB,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AAClC,SACE,oCAAC,gBAAa,aAAU,mBACtB,oCAAC,mBAAc,GACf;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEJ,oCAAC,SAAI,WAAU,mIAAkI;AAAA,IAChJ;AAAA,EACH,CACF;AAEJ;AAEA,SAAS,aAAa,IAAsD;AAAtD,eAAE,YAtDxB,IAsDsB,IAAgB,kBAAhB,IAAgB,CAAd;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,IAAsD;AAAtD,eAAE,YAnExB,IAmEsB,IAAgB,kBAAhB,IAAgB,CAAd;AACtB,SAAO,oCAAC,wBAAI,aAAU,iBAAgB,WAAW,GAAG,mCAAmC,SAAS,KAAO,MAAO;AAChH;AAEA,SAAS,YAAY,IAA6E;AAA7E,eAAE,YAvEvB,IAuEqB,IAAgB,kBAAhB,IAAgB,CAAd;AACrB,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yCAAyC,SAAS;AAAA,OAC5D;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB,IAAmF;AAAnF,eAAE,YAjF7B,IAiF2B,IAAgB,kBAAhB,IAAgB,CAAd;AAC3B,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _chunkNI2SIUXOjs = require('../../chunk-NI2SIUXO.js');
|
|
20
20
|
require('../../chunk-6N4WCMTE.js');
|
|
21
21
|
require('../../chunk-2NMEKWO5.js');
|
|
22
22
|
|
|
@@ -35,5 +35,5 @@ require('../../chunk-2NMEKWO5.js');
|
|
|
35
35
|
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
exports.DropdownMenu =
|
|
38
|
+
exports.DropdownMenu = _chunkNI2SIUXOjs.DropdownMenu; exports.DropdownMenuCheckboxItem = _chunkNI2SIUXOjs.DropdownMenuCheckboxItem; exports.DropdownMenuContent = _chunkNI2SIUXOjs.DropdownMenuContent; exports.DropdownMenuGroup = _chunkNI2SIUXOjs.DropdownMenuGroup; exports.DropdownMenuItem = _chunkNI2SIUXOjs.DropdownMenuItem; exports.DropdownMenuLabel = _chunkNI2SIUXOjs.DropdownMenuLabel; exports.DropdownMenuPortal = _chunkNI2SIUXOjs.DropdownMenuPortal; exports.DropdownMenuRadioGroup = _chunkNI2SIUXOjs.DropdownMenuRadioGroup; exports.DropdownMenuRadioItem = _chunkNI2SIUXOjs.DropdownMenuRadioItem; exports.DropdownMenuSeparator = _chunkNI2SIUXOjs.DropdownMenuSeparator; exports.DropdownMenuShortcut = _chunkNI2SIUXOjs.DropdownMenuShortcut; exports.DropdownMenuSub = _chunkNI2SIUXOjs.DropdownMenuSub; exports.DropdownMenuSubContent = _chunkNI2SIUXOjs.DropdownMenuSubContent; exports.DropdownMenuSubTrigger = _chunkNI2SIUXOjs.DropdownMenuSubTrigger; exports.DropdownMenuTrigger = _chunkNI2SIUXOjs.DropdownMenuTrigger;
|
|
39
39
|
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
var _chunkW2N2NIVEjs = require('../../../chunk-W2N2NIVE.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunkEZZ2YCUUjs = require('../../../chunk-EZZ2YCUU.js');
|
|
9
9
|
require('../../../chunk-A34GFF2E.js');
|
|
10
10
|
require('../../../chunk-6N4WCMTE.js');
|
|
11
11
|
|
|
@@ -18,7 +18,7 @@ var _react = require('react');
|
|
|
18
18
|
var FileInputAsButton = _react.forwardRef.call(void 0,
|
|
19
19
|
(_a, ref) => {
|
|
20
20
|
var _b = _a, { children, id = "file-upload", accept = "*", className, loading } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["children", "id", "accept", "className", "loading"]);
|
|
21
|
-
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(_chunkW2N2NIVEjs.Input, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, id, type: "file", accept, className: `sr-only ${className != null ? className : ""}` }, rest)), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(
|
|
21
|
+
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(_chunkW2N2NIVEjs.Input, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, id, type: "file", accept, className: `sr-only ${className != null ? className : ""}` }, rest)), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(_chunkEZZ2YCUUjs.Button, { size: "sm", asChild: true, loading }, children)));
|
|
22
22
|
}
|
|
23
23
|
);
|
|
24
24
|
FileInputAsButton.displayName = "FileInputAsButton";
|
|
@@ -15,11 +15,11 @@ interface MultiSelectorProps extends React__default.ComponentPropsWithoutRef<typ
|
|
|
15
15
|
}
|
|
16
16
|
declare const MultiSelector: ({ values: value, onValuesChange: onValueChange, loop, className, children, dir, ...props }: MultiSelectorProps) => React__default.JSX.Element;
|
|
17
17
|
declare const MultiSelectorTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
declare const MultiSelectorInput: React__default.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,
|
|
18
|
+
declare const MultiSelectorInput: React__default.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key"> & {
|
|
19
19
|
ref?: React__default.Ref<HTMLInputElement>;
|
|
20
20
|
} & {
|
|
21
21
|
asChild?: boolean;
|
|
22
|
-
}, "key" | "asChild"
|
|
22
|
+
}, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key" | "asChild">, "type" | "value" | "onChange"> & {
|
|
23
23
|
value?: string;
|
|
24
24
|
onValueChange?: (search: string) => void;
|
|
25
25
|
} & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
@@ -30,7 +30,7 @@ declare const MultiSelectorList: React__default.ForwardRefExoticComponent<Omit<{
|
|
|
30
30
|
ref?: React__default.Ref<HTMLDivElement>;
|
|
31
31
|
} & {
|
|
32
32
|
asChild?: boolean;
|
|
33
|
-
}, "key" | keyof React__default.HTMLAttributes<HTMLDivElement
|
|
33
|
+
}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
34
34
|
label?: string;
|
|
35
35
|
} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
declare const MultiSelectorItem: React__default.ForwardRefExoticComponent<{
|
|
@@ -42,7 +42,7 @@ declare const MultiSelectorItem: React__default.ForwardRefExoticComponent<{
|
|
|
42
42
|
ref?: React__default.Ref<HTMLDivElement>;
|
|
43
43
|
} & {
|
|
44
44
|
asChild?: boolean;
|
|
45
|
-
}, "key" | keyof React__default.HTMLAttributes<HTMLDivElement
|
|
45
|
+
}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
46
46
|
disabled?: boolean;
|
|
47
47
|
onSelect?: (value: string) => void;
|
|
48
48
|
value?: string;
|
|
@@ -15,11 +15,11 @@ interface MultiSelectorProps extends React__default.ComponentPropsWithoutRef<typ
|
|
|
15
15
|
}
|
|
16
16
|
declare const MultiSelector: ({ values: value, onValuesChange: onValueChange, loop, className, children, dir, ...props }: MultiSelectorProps) => React__default.JSX.Element;
|
|
17
17
|
declare const MultiSelectorTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
declare const MultiSelectorInput: React__default.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,
|
|
18
|
+
declare const MultiSelectorInput: React__default.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key"> & {
|
|
19
19
|
ref?: React__default.Ref<HTMLInputElement>;
|
|
20
20
|
} & {
|
|
21
21
|
asChild?: boolean;
|
|
22
|
-
}, "key" | "asChild"
|
|
22
|
+
}, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key" | "asChild">, "type" | "value" | "onChange"> & {
|
|
23
23
|
value?: string;
|
|
24
24
|
onValueChange?: (search: string) => void;
|
|
25
25
|
} & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
@@ -30,7 +30,7 @@ declare const MultiSelectorList: React__default.ForwardRefExoticComponent<Omit<{
|
|
|
30
30
|
ref?: React__default.Ref<HTMLDivElement>;
|
|
31
31
|
} & {
|
|
32
32
|
asChild?: boolean;
|
|
33
|
-
}, "key" | keyof React__default.HTMLAttributes<HTMLDivElement
|
|
33
|
+
}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
34
34
|
label?: string;
|
|
35
35
|
} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
declare const MultiSelectorItem: React__default.ForwardRefExoticComponent<{
|
|
@@ -42,7 +42,7 @@ declare const MultiSelectorItem: React__default.ForwardRefExoticComponent<{
|
|
|
42
42
|
ref?: React__default.Ref<HTMLDivElement>;
|
|
43
43
|
} & {
|
|
44
44
|
asChild?: boolean;
|
|
45
|
-
}, "key" | keyof React__default.HTMLAttributes<HTMLDivElement
|
|
45
|
+
}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
46
46
|
disabled?: boolean;
|
|
47
47
|
onSelect?: (value: string) => void;
|
|
48
48
|
value?: string;
|
|
@@ -8,8 +8,8 @@ var _chunkRMDDLEPAjs = require('../../../chunk-RMDDLEPA.js');
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
12
|
-
require('../../../chunk-
|
|
11
|
+
var _chunkI64GW5SAjs = require('../../../chunk-I64GW5SA.js');
|
|
12
|
+
require('../../../chunk-U3KAN7IM.js');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
var _chunk6N4WCMTEjs = require('../../../chunk-6N4WCMTE.js');
|
|
@@ -161,7 +161,7 @@ var MultiSelector = (_a) => {
|
|
|
161
161
|
}
|
|
162
162
|
},
|
|
163
163
|
/* @__PURE__ */ _react2.default.createElement(
|
|
164
|
-
|
|
164
|
+
_chunkI64GW5SAjs.Command,
|
|
165
165
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
166
166
|
onKeyDown: handleKeyDown,
|
|
167
167
|
className: _chunk6N4WCMTEjs.cn.call(void 0, "overflow-visible bg-transparent flex flex-col space-y-2", className),
|
|
@@ -252,7 +252,7 @@ var MultiSelectorContent = _react.forwardRef.call(void 0, ({ children }, ref) =>
|
|
|
252
252
|
MultiSelectorContent.displayName = "MultiSelectorContent";
|
|
253
253
|
var MultiSelectorList = _react.forwardRef.call(void 0, ({ className, children }, ref) => {
|
|
254
254
|
return /* @__PURE__ */ _react2.default.createElement(
|
|
255
|
-
|
|
255
|
+
_chunkI64GW5SAjs.CommandList,
|
|
256
256
|
{
|
|
257
257
|
ref,
|
|
258
258
|
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
@@ -261,7 +261,7 @@ var MultiSelectorList = _react.forwardRef.call(void 0, ({ className, children },
|
|
|
261
261
|
)
|
|
262
262
|
},
|
|
263
263
|
children,
|
|
264
|
-
/* @__PURE__ */ _react2.default.createElement(
|
|
264
|
+
/* @__PURE__ */ _react2.default.createElement(_chunkI64GW5SAjs.CommandEmpty, null, /* @__PURE__ */ _react2.default.createElement("span", { className: "text-muted-foreground" }, "No results found"))
|
|
265
265
|
);
|
|
266
266
|
});
|
|
267
267
|
MultiSelectorList.displayName = "MultiSelectorList";
|
|
@@ -277,7 +277,7 @@ var MultiSelectorItem = _react.forwardRef.call(void 0, (_a, ref) => {
|
|
|
277
277
|
label
|
|
278
278
|
}) !== -1;
|
|
279
279
|
return /* @__PURE__ */ _react2.default.createElement(
|
|
280
|
-
|
|
280
|
+
_chunkI64GW5SAjs.CommandItem,
|
|
281
281
|
_chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
282
282
|
ref
|
|
283
283
|
}, props), {
|
|
@@ -7,8 +7,8 @@ import {
|
|
|
7
7
|
CommandEmpty,
|
|
8
8
|
CommandItem,
|
|
9
9
|
CommandList
|
|
10
|
-
} from "../../../chunk-
|
|
11
|
-
import "../../../chunk-
|
|
10
|
+
} from "../../../chunk-4XC6EXHZ.mjs";
|
|
11
|
+
import "../../../chunk-YAPKDLRQ.mjs";
|
|
12
12
|
import {
|
|
13
13
|
cn
|
|
14
14
|
} from "../../../chunk-F5XCCSBC.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/input-otp.js","../../../components/ui/input-otp.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,qCAA0C;AAC1C,2CAAsB;AAItB,IAAM,SAAA,EAAiB,KAAA,CAAA,UAAA;AAAA,EACrB,CAAC,EAAA,EAA6C,GAAA,EAAA,GAAK;AAAlD,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,SAAA,EAAW,mBARhB,EAAA,EAQG,EAAA,EAAoC,MAAA,EAAA,wCAAA,EAApC,EAAoC,CAAlC,WAAA,EAAW,oBAAA,CAAA,CAAA;AACZ,IAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,kBAAA;AAAA,MAAA,6CAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAA,EAAoB,iCAAA,oDAAG,EAAsD,kBAAkB,CAAA;AAAA,QAC/F,SAAA,EAAW,iCAAA,6BAAG,EAA+B,SAAS;AAAA,MAAA,CAAA,EAClD,KAAA;AAAA,IACN,CAAA;AAAA,EAAA;AAEJ,CAAA;AACA,QAAA,CAAS,YAAA,EAAc,UAAA;AAEvB,IAAM,cAAA,EAAsB,KAAA,CAAA,UAAA;AAAA,EAC1B,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UApBL,EAAA,EAoBG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AAA+B,IAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,6CAAA,EAAI,GAAA,EAAU,SAAA,EAAW,iCAAA,mBAAG,EAAqB,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AAAA,EAAA;AAC7G,CAAA;AACA,aAAA,CAAc,YAAA,EAAc,eAAA;AAE5B,IAAM,aAAA,EAAqB,KAAA,CAAA,UAAA,CAGzB,CAAC,EAAA,EAAgC,GAAA,EAAA,GAAQ;AAAxC,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,KAAA,EAAO,UA3BZ,EAAA,EA2BG,EAAA,EAAuB,MAAA,EAAA,wCAAA,EAAvB,EAAuB,CAArB,OAAA,EAAO,WAAA,CAAA,CAAA;AACV,EAAA,MAAM,gBAAA,EAAwB,KAAA,CAAA,UAAA,CAAW,yBAAe,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAc,SAAS,EAAA,EAAI,eAAA,CAAgB,KAAA,CAAM,KAAK,CAAA;AAEpE,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,uKAAA;AAAA,QACA,SAAA,GAAY,uBAAA;AAAA,QACZ;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,IAEH,IAAA;AAAA,
|
|
1
|
+
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/input-otp.js","../../../components/ui/input-otp.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/input-otp.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n className={cn('disabled:cursor-not-allowed', className)}\n {...props}\n />\n ),\n);\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ className, ...props }, ref) => <div ref={ref} className={cn('flex items-center', className)} {...props} />,\n);\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n React.ElementRef<'div'>,\n React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n isActive && 'z-10 ring-1 ring-ring',\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <Minus />\n </div>\n ),\n);\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n className={cn('disabled:cursor-not-allowed', className)}\n {...props}\n />\n ),\n);\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ className, ...props }, ref) => <div ref={ref} className={cn('flex items-center', className)} {...props} />,\n);\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n React.ElementRef<'div'>,\n React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n isActive && 'z-10 ring-1 ring-ring',\n className,\n )}\n {...props}\n >\n {char}\n
|
|
1
|
+
{"version":3,"sources":["../../../components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n className={cn('disabled:cursor-not-allowed', className)}\n {...props}\n />\n ),\n);\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ className, ...props }, ref) => <div ref={ref} className={cn('flex items-center', className)} {...props} />,\n);\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n React.ElementRef<'div'>,\n React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n isActive && 'z-10 ring-1 ring-ring',\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n ({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <Minus />\n </div>\n ),\n);\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,aAAa;AAItB,IAAM,WAAiB;AAAA,EACrB,CAAC,IAA6C,QAAK;AAAlD,iBAAE,aAAW,mBARhB,IAQG,IAAoC,kBAApC,IAAoC,CAAlC,aAAW;AACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,oBAAoB,GAAG,sDAAsD,kBAAkB;AAAA,QAC/F,WAAW,GAAG,+BAA+B,SAAS;AAAA,SAClD;AAAA,IACN;AAAA;AAEJ;AACA,SAAS,cAAc;AAEvB,IAAM,gBAAsB;AAAA,EAC1B,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YApBL,IAoBG,IAAgB,kBAAhB,IAAgB,CAAd;AAA+B,+CAAC,wBAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,KAAO,MAAO;AAAA;AAC7G;AACA,cAAc,cAAc;AAE5B,IAAM,eAAqB,iBAGzB,CAAC,IAAgC,QAAQ;AAAxC,eAAE,SAAO,UA3BZ,IA2BG,IAAuB,kBAAvB,IAAuB,CAArB,SAAO;AACV,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,OACI;AAAA,IAEH;AAAA,IACA,gBACC,oCAAC,SAAI,WAAU,2EACb,oCAAC,SAAI,WAAU,4DAA2D,CAC5E;AAAA,EAEJ;AAEJ,CAAC;AACD,aAAa,cAAc;AAE3B,IAAM,oBAA0B;AAAA,EAC9B,CAAC,IAAc,QAAK;AAAnB,QAAK,kBAAL,IAAK;AACJ,+CAAC,wBAAI,KAAU,MAAK,eAAgB,QAClC,oCAAC,WAAM,CACT;AAAA;AAEJ;AACA,kBAAkB,cAAc;","names":[]}
|