@almanaclabs/blaze-ui 0.3.2 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -0
- package/dist/components/accordion/accordion.js +53 -0
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/components/alert/alert.js +43 -0
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +94 -0
- package/dist/components/aspect-ratio/aspect-ratio.js +13 -0
- package/dist/components/attachment/attachment.d.ts +2 -2
- package/dist/components/attachment/attachment.js +104 -0
- package/dist/components/avatar/avatar.d.ts +6 -4
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.js +51 -0
- package/dist/components/badge/badge.d.ts +3 -2
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +45 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +72 -0
- package/dist/components/bubble/bubble.d.ts +1 -1
- package/dist/components/bubble/bubble.js +73 -0
- package/dist/components/button/button.d.ts +5 -3
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +65 -0
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/button-group/button-group.js +41 -0
- package/dist/components/calendar/calendar.d.ts.map +1 -1
- package/dist/components/calendar/calendar.js +92 -0
- package/dist/components/card/card.js +56 -0
- package/dist/components/carousel/carousel.d.ts.map +1 -1
- package/dist/components/carousel/carousel.js +110 -0
- package/dist/components/chart/chart.js +131 -0
- package/dist/components/checkbox/checkbox.js +20 -0
- package/dist/components/collapsible/collapsible.js +23 -0
- package/dist/components/combobox/combobox.d.ts.map +1 -1
- package/dist/components/combobox/combobox.js +165 -0
- package/dist/components/data-table/data-table.js +30 -0
- package/dist/components/date-picker/date-picker.js +39 -0
- package/dist/components/dialog/dialog.js +92 -0
- package/dist/components/drawer/drawer.js +121 -0
- package/dist/components/dropdown-menu/dropdown-menu.js +136 -0
- package/dist/components/empty/empty.d.ts.map +1 -1
- package/dist/components/empty/empty.js +59 -0
- package/dist/components/field/field.d.ts.map +1 -1
- package/dist/components/field/field.js +107 -0
- package/dist/components/hover-card/hover-card.js +36 -0
- package/dist/components/identity-mark/identity-mark.d.ts +5 -0
- package/dist/components/identity-mark/identity-mark.d.ts.map +1 -0
- package/dist/components/identity-mark/identity-mark.js +20 -0
- package/dist/components/identity-mark/index.d.ts +2 -0
- package/dist/components/identity-mark/index.d.ts.map +1 -0
- package/dist/components/input/input.d.ts +9 -2
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +28 -0
- package/dist/components/input-group/input-group.d.ts +11 -3
- package/dist/components/input-group/input-group.d.ts.map +1 -1
- package/dist/components/input-group/input-group.js +95 -0
- package/dist/components/item/item.d.ts +2 -2
- package/dist/components/item/item.js +121 -0
- package/dist/components/label/label.js +13 -0
- package/dist/components/marker/marker.d.ts +1 -1
- package/dist/components/marker/marker.js +43 -0
- package/dist/components/message/message.js +49 -0
- package/dist/components/metric-overview/index.d.ts +2 -0
- package/dist/components/metric-overview/index.d.ts.map +1 -0
- package/dist/components/metric-overview/metric-overview.d.ts +12 -0
- package/dist/components/metric-overview/metric-overview.d.ts.map +1 -0
- package/dist/components/metric-overview/metric-overview.js +42 -0
- package/dist/components/native-select/native-select.d.ts +2 -1
- package/dist/components/native-select/native-select.d.ts.map +1 -1
- package/dist/components/native-select/native-select.js +40 -0
- package/dist/components/navigation-action/index.d.ts +2 -0
- package/dist/components/navigation-action/index.d.ts.map +1 -0
- package/dist/components/navigation-action/navigation-action.d.ts +6 -0
- package/dist/components/navigation-action/navigation-action.d.ts.map +1 -0
- package/dist/components/navigation-action/navigation-action.js +18 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -1
- package/dist/components/pagination/pagination.js +80 -0
- package/dist/components/popover/popover.js +54 -0
- package/dist/components/progress/progress.js +45 -0
- package/dist/components/questionnaire/questionnaire-primitive.js +353 -0
- package/dist/components/questionnaire/questionnaire.d.ts.map +1 -1
- package/dist/components/questionnaire/questionnaire.js +169 -0
- package/dist/components/radio-group/radio-group.js +26 -0
- package/dist/components/scroll-area/scroll-area.js +37 -0
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +99 -0
- package/dist/components/separator/separator.js +15 -0
- package/dist/components/sheet/sheet.js +89 -0
- package/dist/components/sidebar/sidebar.d.ts +13 -2
- package/dist/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.js +419 -0
- package/dist/components/skeleton/skeleton.js +12 -0
- package/dist/components/slider/slider.js +37 -0
- package/dist/components/spinner/spinner.js +15 -0
- package/dist/components/switch/switch.js +19 -0
- package/dist/components/table/table.d.ts +4 -1
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +68 -0
- package/dist/components/tabs/tabs.d.ts +1 -1
- package/dist/components/tabs/tabs.js +46 -0
- package/dist/components/textarea/textarea.js +13 -0
- package/dist/components/toast/toast.d.ts.map +1 -1
- package/dist/components/toast/toast.js +116 -0
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/toggle/toggle.js +35 -0
- package/dist/components/toggle-group/toggle-group.js +52 -0
- package/dist/components/tooltip/tooltip.js +41 -0
- package/dist/hooks/use-mobile.js +14 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +59 -3699
- package/dist/lib/control-size.d.ts +9 -0
- package/dist/lib/control-size.d.ts.map +1 -0
- package/dist/lib/control-size.js +10 -0
- package/dist/lib/utils.js +8 -0
- package/dist/recipes/recipe-runtime.d.ts +18 -0
- package/dist/recipes/recipe-runtime.d.ts.map +1 -0
- package/package.json +2 -1
- package/recipes/README.md +24 -0
- package/recipes/guided-workflow/README.md +51 -0
- package/recipes/guided-workflow/guided-workflow.tsx +495 -0
- package/recipes/manifest.json +19 -0
- package/recipes/workspace-shell/README.md +95 -0
- package/recipes/workspace-shell/assets/google-search-ads.svg +6 -0
- package/recipes/workspace-shell/assets/home.svg +5 -0
- package/recipes/workspace-shell/assets/radiant-health.png +0 -0
- package/recipes/workspace-shell/workspace-shell.css +55 -0
- package/recipes/workspace-shell/workspace-shell.tsx +636 -0
- package/src/styles/fonts/Sohne-Book.woff2 +0 -0
- package/src/styles/fonts/Sohne-Medium.woff2 +0 -0
- package/src/styles/fonts/Sohne-Semi.woff2 +0 -0
- package/src/styles/globals.css +233 -54
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { Collapsible as t } from "@base-ui/react/collapsible";
|
|
3
|
+
//#region src/components/collapsible/collapsible.tsx
|
|
4
|
+
function n({ ...n }) {
|
|
5
|
+
return /* @__PURE__ */ e(t.Root, {
|
|
6
|
+
"data-slot": "collapsible",
|
|
7
|
+
...n
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
function r({ ...n }) {
|
|
11
|
+
return /* @__PURE__ */ e(t.Trigger, {
|
|
12
|
+
"data-slot": "collapsible-trigger",
|
|
13
|
+
...n
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
function i({ ...n }) {
|
|
17
|
+
return /* @__PURE__ */ e(t.Panel, {
|
|
18
|
+
"data-slot": "collapsible-content",
|
|
19
|
+
...n
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//#endregion
|
|
23
|
+
export { n as Collapsible, i as CollapsibleContent, r as CollapsibleTrigger };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAY9D,QAAA,MAAM,QAAQ,+BAAyB,CAAA;AAEvC,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,qBAEjE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import { Button as t } from "../button/button.js";
|
|
3
|
+
import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a } from "../input-group/input-group.js";
|
|
4
|
+
import * as o from "react";
|
|
5
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
6
|
+
import { IconCheck as l, IconChevronDown as u, IconX as d } from "@tabler/icons-react";
|
|
7
|
+
import { Combobox as f } from "@base-ui/react";
|
|
8
|
+
//#region src/components/combobox/combobox.tsx
|
|
9
|
+
var p = f.Root;
|
|
10
|
+
function m({ ...e }) {
|
|
11
|
+
return /* @__PURE__ */ s(f.Value, {
|
|
12
|
+
"data-slot": "combobox-value",
|
|
13
|
+
...e
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
function h({ className: t, children: n, ...r }) {
|
|
17
|
+
return /* @__PURE__ */ c(f.Trigger, {
|
|
18
|
+
"data-slot": "combobox-trigger",
|
|
19
|
+
className: e("[--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4", t),
|
|
20
|
+
...r,
|
|
21
|
+
children: [n, /* @__PURE__ */ s(u, { className: "pointer-events-none size-4 text-muted-foreground" })]
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function g({ className: t, "aria-label": n = "Clear selection", ...r }) {
|
|
25
|
+
return /* @__PURE__ */ s(f.Clear, {
|
|
26
|
+
"data-slot": "combobox-clear",
|
|
27
|
+
render: /* @__PURE__ */ s(i, {
|
|
28
|
+
variant: "tertiary",
|
|
29
|
+
size: "icon-xs"
|
|
30
|
+
}),
|
|
31
|
+
className: e(t),
|
|
32
|
+
"aria-label": n,
|
|
33
|
+
...r,
|
|
34
|
+
children: /* @__PURE__ */ s(d, { className: "pointer-events-none" })
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
function _({ className: t, children: o, disabled: l = !1, showTrigger: u = !0, showClear: d = !1, triggerAriaLabel: p = "Toggle suggestions", ...m }) {
|
|
38
|
+
return /* @__PURE__ */ c(n, {
|
|
39
|
+
className: e("w-auto", t),
|
|
40
|
+
children: [
|
|
41
|
+
/* @__PURE__ */ s(f.Input, {
|
|
42
|
+
render: /* @__PURE__ */ s(a, { disabled: l }),
|
|
43
|
+
...m
|
|
44
|
+
}),
|
|
45
|
+
/* @__PURE__ */ c(r, {
|
|
46
|
+
align: "inline-end",
|
|
47
|
+
children: [u && /* @__PURE__ */ s(i, {
|
|
48
|
+
size: "icon-xs",
|
|
49
|
+
variant: "tertiary",
|
|
50
|
+
render: /* @__PURE__ */ s(h, {}),
|
|
51
|
+
"data-slot": "input-group-button",
|
|
52
|
+
className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
|
|
53
|
+
disabled: l,
|
|
54
|
+
"aria-label": p
|
|
55
|
+
}), d && /* @__PURE__ */ s(g, { disabled: l })]
|
|
56
|
+
}),
|
|
57
|
+
o
|
|
58
|
+
]
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: o, ...c }) {
|
|
62
|
+
return /* @__PURE__ */ s(f.Portal, { children: /* @__PURE__ */ s(f.Positioner, {
|
|
63
|
+
side: n,
|
|
64
|
+
sideOffset: r,
|
|
65
|
+
align: i,
|
|
66
|
+
alignOffset: a,
|
|
67
|
+
anchor: o,
|
|
68
|
+
className: "isolate z-50",
|
|
69
|
+
children: /* @__PURE__ */ s(f.Popup, {
|
|
70
|
+
"data-slot": "combobox-content",
|
|
71
|
+
"data-chips": !!o,
|
|
72
|
+
className: e("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
|
|
73
|
+
...c
|
|
74
|
+
})
|
|
75
|
+
}) });
|
|
76
|
+
}
|
|
77
|
+
function y({ className: t, ...n }) {
|
|
78
|
+
return /* @__PURE__ */ s(f.List, {
|
|
79
|
+
"data-slot": "combobox-list",
|
|
80
|
+
className: e("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", t),
|
|
81
|
+
...n
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function b({ className: t, children: n, ...r }) {
|
|
85
|
+
return /* @__PURE__ */ c(f.Item, {
|
|
86
|
+
"data-slot": "combobox-item",
|
|
87
|
+
className: e("type-body relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
|
|
88
|
+
...r,
|
|
89
|
+
children: [n, /* @__PURE__ */ s(f.ItemIndicator, {
|
|
90
|
+
render: /* @__PURE__ */ s("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
|
|
91
|
+
children: /* @__PURE__ */ s(l, { className: "pointer-events-none" })
|
|
92
|
+
})]
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
function x({ className: t, ...n }) {
|
|
96
|
+
return /* @__PURE__ */ s(f.Group, {
|
|
97
|
+
"data-slot": "combobox-group",
|
|
98
|
+
className: e(t),
|
|
99
|
+
...n
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
function S({ className: t, ...n }) {
|
|
103
|
+
return /* @__PURE__ */ s(f.GroupLabel, {
|
|
104
|
+
"data-slot": "combobox-label",
|
|
105
|
+
className: e("px-2 py-1.5 text-xs text-muted-foreground", t),
|
|
106
|
+
...n
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
function C({ ...e }) {
|
|
110
|
+
return /* @__PURE__ */ s(f.Collection, {
|
|
111
|
+
"data-slot": "combobox-collection",
|
|
112
|
+
...e
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
function w({ className: t, ...n }) {
|
|
116
|
+
return /* @__PURE__ */ s(f.Empty, {
|
|
117
|
+
"data-slot": "combobox-empty",
|
|
118
|
+
className: e("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", t),
|
|
119
|
+
...n
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
function T({ className: t, ...n }) {
|
|
123
|
+
return /* @__PURE__ */ s(f.Separator, {
|
|
124
|
+
"data-slot": "combobox-separator",
|
|
125
|
+
className: e("-mx-1 my-1 h-px bg-border", t),
|
|
126
|
+
...n
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
function E({ className: t, ...n }) {
|
|
130
|
+
return /* @__PURE__ */ s(f.Chips, {
|
|
131
|
+
"data-slot": "combobox-chips",
|
|
132
|
+
className: e("flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", t),
|
|
133
|
+
...n
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
function D({ className: n, children: r, showRemove: i = !0, ...a }) {
|
|
137
|
+
return /* @__PURE__ */ c(f.Chip, {
|
|
138
|
+
"data-slot": "combobox-chip",
|
|
139
|
+
className: e("flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", n),
|
|
140
|
+
...a,
|
|
141
|
+
children: [r, i && /* @__PURE__ */ s(f.ChipRemove, {
|
|
142
|
+
render: /* @__PURE__ */ s(t, {
|
|
143
|
+
variant: "tertiary",
|
|
144
|
+
size: "icon-xs"
|
|
145
|
+
}),
|
|
146
|
+
className: "-ml-1 opacity-50 hover:opacity-100",
|
|
147
|
+
"data-slot": "combobox-chip-remove",
|
|
148
|
+
"aria-label": "Remove item",
|
|
149
|
+
children: /* @__PURE__ */ s(d, { className: "pointer-events-none" })
|
|
150
|
+
})]
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
function O({ className: t, "aria-label": n = "Search options", ...r }) {
|
|
154
|
+
return /* @__PURE__ */ s(f.Input, {
|
|
155
|
+
"data-slot": "combobox-chip-input",
|
|
156
|
+
"aria-label": n,
|
|
157
|
+
className: e("min-w-16 flex-1 outline-none", t),
|
|
158
|
+
...r
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
function k() {
|
|
162
|
+
return o.useRef(null);
|
|
163
|
+
}
|
|
164
|
+
//#endregion
|
|
165
|
+
export { p as Combobox, D as ComboboxChip, E as ComboboxChips, O as ComboboxChipsInput, C as ComboboxCollection, v as ComboboxContent, w as ComboboxEmpty, x as ComboboxGroup, _ as ComboboxInput, b as ComboboxItem, S as ComboboxLabel, y as ComboboxList, T as ComboboxSeparator, h as ComboboxTrigger, m as ComboboxValue, k as useComboboxAnchor };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import { Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../table/table.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
5
|
+
import { flexRender as l, getCoreRowModel as u, useReactTable as d } from "@tanstack/react-table";
|
|
6
|
+
//#region src/components/data-table/data-table.tsx
|
|
7
|
+
function f({ columns: f, data: p, emptyMessage: m = "No results.", className: h }) {
|
|
8
|
+
let g = d({
|
|
9
|
+
columns: f,
|
|
10
|
+
data: p,
|
|
11
|
+
getCoreRowModel: u()
|
|
12
|
+
});
|
|
13
|
+
return /* @__PURE__ */ s("div", {
|
|
14
|
+
"data-slot": "data-table",
|
|
15
|
+
className: e("overflow-hidden rounded-lg border", h),
|
|
16
|
+
children: /* @__PURE__ */ c(t, { children: [/* @__PURE__ */ s(a, { children: g.getHeaderGroups().map((e) => /* @__PURE__ */ s(o, { children: e.headers.map((e) => /* @__PURE__ */ s(i, {
|
|
17
|
+
colSpan: e.colSpan,
|
|
18
|
+
children: e.isPlaceholder ? null : l(e.column.columnDef.header, e.getContext())
|
|
19
|
+
}, e.id)) }, e.id)) }), /* @__PURE__ */ s(n, { children: g.getRowModel().rows.length ? g.getRowModel().rows.map((e) => /* @__PURE__ */ s(o, {
|
|
20
|
+
"data-state": e.getIsSelected() && "selected",
|
|
21
|
+
children: e.getVisibleCells().map((e) => /* @__PURE__ */ s(r, { children: l(e.column.columnDef.cell, e.getContext()) }, e.id))
|
|
22
|
+
}, e.id)) : /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(r, {
|
|
23
|
+
colSpan: Math.max(f.length, 1),
|
|
24
|
+
className: "h-24 text-center",
|
|
25
|
+
children: m
|
|
26
|
+
}) }) })] })
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
//#endregion
|
|
30
|
+
export { f as DataTable };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import { Button as t } from "../button/button.js";
|
|
3
|
+
import { Calendar as n } from "../calendar/calendar.js";
|
|
4
|
+
import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../popover/popover.js";
|
|
5
|
+
import * as o from "react";
|
|
6
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
7
|
+
import { IconCalendar as l } from "@tabler/icons-react";
|
|
8
|
+
import { format as u } from "date-fns";
|
|
9
|
+
//#region src/components/date-picker/date-picker.tsx
|
|
10
|
+
function d(d) {
|
|
11
|
+
let { value: f, defaultValue: p, onValueChange: m, placeholder: h = "Pick a date", disabled: g, className: _, calendarProps: v, triggerProps: y, formatValue: b = (e) => u(e, "PPP") } = d, [x, S] = o.useState(p), [C, w] = o.useState(!1), T = Object.prototype.hasOwnProperty.call(d, "value"), E = T ? f : x, D = (e) => {
|
|
12
|
+
T || S(e), m?.(e), e && w(!1);
|
|
13
|
+
};
|
|
14
|
+
return /* @__PURE__ */ c(r, {
|
|
15
|
+
open: C,
|
|
16
|
+
onOpenChange: w,
|
|
17
|
+
children: [/* @__PURE__ */ c(a, {
|
|
18
|
+
disabled: g,
|
|
19
|
+
render: /* @__PURE__ */ s(t, {
|
|
20
|
+
...y,
|
|
21
|
+
variant: y?.variant ?? "secondary",
|
|
22
|
+
className: e("justify-start text-left font-normal data-[empty=true]:text-muted-foreground", _, y?.className)
|
|
23
|
+
}),
|
|
24
|
+
children: [/* @__PURE__ */ s(l, { "data-icon": "inline-start" }), E ? b(E) : /* @__PURE__ */ s("span", { children: h })]
|
|
25
|
+
}), /* @__PURE__ */ s(i, {
|
|
26
|
+
align: "start",
|
|
27
|
+
"aria-label": "Choose date",
|
|
28
|
+
className: "w-auto p-0",
|
|
29
|
+
children: /* @__PURE__ */ s(n, {
|
|
30
|
+
...v,
|
|
31
|
+
mode: "single",
|
|
32
|
+
selected: E,
|
|
33
|
+
onSelect: D
|
|
34
|
+
})
|
|
35
|
+
})]
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
//#endregion
|
|
39
|
+
export { d as DatePicker };
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { Button as t } from "../button/button.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
6
|
+
import { IconX as i } from "@tabler/icons-react";
|
|
7
|
+
import { Dialog as a } from "@base-ui/react/dialog";
|
|
8
|
+
//#region src/components/dialog/dialog.tsx
|
|
9
|
+
function o({ ...e }) {
|
|
10
|
+
return /* @__PURE__ */ n(a.Root, {
|
|
11
|
+
"data-slot": "dialog",
|
|
12
|
+
...e
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
function s({ ...e }) {
|
|
16
|
+
return /* @__PURE__ */ n(a.Trigger, {
|
|
17
|
+
"data-slot": "dialog-trigger",
|
|
18
|
+
...e
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function c({ ...e }) {
|
|
22
|
+
return /* @__PURE__ */ n(a.Portal, {
|
|
23
|
+
"data-slot": "dialog-portal",
|
|
24
|
+
...e
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function l({ ...e }) {
|
|
28
|
+
return /* @__PURE__ */ n(a.Close, {
|
|
29
|
+
"data-slot": "dialog-close",
|
|
30
|
+
...e
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function u({ className: t, ...r }) {
|
|
34
|
+
return /* @__PURE__ */ n(a.Backdrop, {
|
|
35
|
+
"data-slot": "dialog-overlay",
|
|
36
|
+
className: e("fixed inset-0 isolate z-50 bg-foreground/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
|
|
37
|
+
...r
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
function d({ className: o, children: s, showCloseButton: l = !0, ...d }) {
|
|
41
|
+
return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(a.Popup, {
|
|
42
|
+
"data-slot": "dialog-content",
|
|
43
|
+
className: e("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
|
|
44
|
+
...d,
|
|
45
|
+
children: [s, l && /* @__PURE__ */ r(a.Close, {
|
|
46
|
+
"data-slot": "dialog-close",
|
|
47
|
+
render: /* @__PURE__ */ n(t, {
|
|
48
|
+
variant: "tertiary",
|
|
49
|
+
className: "absolute top-2 right-2",
|
|
50
|
+
size: "icon-sm"
|
|
51
|
+
}),
|
|
52
|
+
children: [/* @__PURE__ */ n(i, {}), /* @__PURE__ */ n("span", {
|
|
53
|
+
className: "sr-only",
|
|
54
|
+
children: "Close"
|
|
55
|
+
})]
|
|
56
|
+
})]
|
|
57
|
+
})] });
|
|
58
|
+
}
|
|
59
|
+
function f({ className: t, ...r }) {
|
|
60
|
+
return /* @__PURE__ */ n("div", {
|
|
61
|
+
"data-slot": "dialog-header",
|
|
62
|
+
className: e("flex flex-col gap-2", t),
|
|
63
|
+
...r
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
function p({ className: i, showCloseButton: o = !1, children: s, ...c }) {
|
|
67
|
+
return /* @__PURE__ */ r("div", {
|
|
68
|
+
"data-slot": "dialog-footer",
|
|
69
|
+
className: e("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", i),
|
|
70
|
+
...c,
|
|
71
|
+
children: [s, o && /* @__PURE__ */ n(a.Close, {
|
|
72
|
+
render: /* @__PURE__ */ n(t, { variant: "secondary" }),
|
|
73
|
+
children: "Close"
|
|
74
|
+
})]
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
function m({ className: t, ...r }) {
|
|
78
|
+
return /* @__PURE__ */ n(a.Title, {
|
|
79
|
+
"data-slot": "dialog-title",
|
|
80
|
+
className: e("font-heading text-base leading-none font-medium", t),
|
|
81
|
+
...r
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function h({ className: t, ...r }) {
|
|
85
|
+
return /* @__PURE__ */ n(a.Description, {
|
|
86
|
+
"data-slot": "dialog-description",
|
|
87
|
+
className: e("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
|
|
88
|
+
...r
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
//#endregion
|
|
92
|
+
export { o as Dialog, l as DialogClose, d as DialogContent, h as DialogDescription, p as DialogFooter, f as DialogHeader, u as DialogOverlay, c as DialogPortal, m as DialogTitle, s as DialogTrigger };
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
|
+
import { Drawer as i } from "@base-ui/react/drawer";
|
|
6
|
+
//#region src/components/drawer/drawer.tsx
|
|
7
|
+
var a = t.createContext(null);
|
|
8
|
+
function o() {
|
|
9
|
+
let e = t.useContext(a);
|
|
10
|
+
if (!e) throw Error("useDrawer must be used within a Drawer.");
|
|
11
|
+
return e;
|
|
12
|
+
}
|
|
13
|
+
function s({ modal: e = !0, showSwipeHandle: r = !1, snapPoints: o, swipeDirection: s = "down", ...c }) {
|
|
14
|
+
let l = o != null && o.length > 0, u = t.useMemo(() => ({
|
|
15
|
+
hasSnapPoints: l,
|
|
16
|
+
modal: e,
|
|
17
|
+
showSwipeHandle: r,
|
|
18
|
+
swipeDirection: s
|
|
19
|
+
}), [
|
|
20
|
+
l,
|
|
21
|
+
e,
|
|
22
|
+
r,
|
|
23
|
+
s
|
|
24
|
+
]);
|
|
25
|
+
return /* @__PURE__ */ n(a.Provider, {
|
|
26
|
+
value: u,
|
|
27
|
+
children: /* @__PURE__ */ n(i.Root, {
|
|
28
|
+
"data-slot": "drawer",
|
|
29
|
+
modal: e,
|
|
30
|
+
snapPoints: o,
|
|
31
|
+
swipeDirection: s,
|
|
32
|
+
...c
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
function c({ ...e }) {
|
|
37
|
+
return /* @__PURE__ */ n(i.Trigger, {
|
|
38
|
+
"data-slot": "drawer-trigger",
|
|
39
|
+
...e
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
function l({ ...e }) {
|
|
43
|
+
return /* @__PURE__ */ n(i.Portal, {
|
|
44
|
+
"data-slot": "drawer-portal",
|
|
45
|
+
...e
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
function u({ ...e }) {
|
|
49
|
+
return /* @__PURE__ */ n(i.Close, {
|
|
50
|
+
"data-slot": "drawer-close",
|
|
51
|
+
...e
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
function d({ className: t, ...r }) {
|
|
55
|
+
return /* @__PURE__ */ n(i.Backdrop, {
|
|
56
|
+
"data-slot": "drawer-overlay",
|
|
57
|
+
className: e("fixed inset-0 z-50 min-h-dvh bg-foreground/10 opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] select-none data-ending-style:pointer-events-none data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-snap-points:[--drawer-overlay-min-opacity:0.5] data-starting-style:opacity-0 data-swiping:duration-0 supports-backdrop-filter:backdrop-blur-xs supports-[-webkit-touch-callout:none]:absolute", t),
|
|
58
|
+
...r
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
function f({ className: t, ...r }) {
|
|
62
|
+
return /* @__PURE__ */ n("div", {
|
|
63
|
+
"data-slot": "drawer-swipe-handle",
|
|
64
|
+
"aria-hidden": "true",
|
|
65
|
+
className: e("relative z-10 flex shrink-0 cursor-grab transition-opacity duration-200 group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start after:block after:shrink-0 after:rounded-full after:bg-muted group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1 group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24 active:cursor-grabbing", t),
|
|
66
|
+
...r
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
function p({ className: t, children: a, ...s }) {
|
|
70
|
+
let { hasSnapPoints: c, modal: u, showSwipeHandle: p, swipeDirection: m } = o(), h = m === "down" || m === "up" ? "y" : "x";
|
|
71
|
+
return /* @__PURE__ */ r(l, {
|
|
72
|
+
"data-slot": "drawer-portal",
|
|
73
|
+
children: [u === !0 && /* @__PURE__ */ n(d, { "data-snap-points": c ? "" : void 0 }), /* @__PURE__ */ n(i.Viewport, {
|
|
74
|
+
"data-slot": "drawer-viewport",
|
|
75
|
+
"data-modal": u,
|
|
76
|
+
className: "pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto",
|
|
77
|
+
children: /* @__PURE__ */ r(i.Popup, {
|
|
78
|
+
"data-slot": "drawer-popup",
|
|
79
|
+
"data-swipe-axis": h,
|
|
80
|
+
"data-snap-points": c ? "" : void 0,
|
|
81
|
+
className: e("group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col bg-popover text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [interpolate-size:allow-keywords] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b", "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95", "after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover)) data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed) data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed) data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:right-full data-[swipe-direction=right]:after:left-full data-[swipe-direction=up]:after:bottom-full", "[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh] data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]", "[--bleed:3rem] [--peek:1rem] [--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:max(0,calc(1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05]", "data-ending-style:transform-(--closed-transform) data-ending-style:opacity-[0.9999] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-nested-drawer-swiping:duration-0 data-ending-style:data-nested-drawer-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-starting-style:transform-(--closed-transform) data-swiping:duration-0 data-ending-style:data-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]", "data-[swipe-axis=y]:inset-x-0 data-[swipe-axis=y]:data-nested-drawer-open:h-(--stack-height)", "data-[swipe-axis=x]:inset-y-0 data-[swipe-axis=x]:flex-row", "data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:origin-bottom data-[swipe-direction=down]:[--closed-transform:translate3d(0,calc(100%+var(--drawer-inset,0px)+2px),0)] data-[swipe-direction=down]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:origin-top data-[swipe-direction=up]:[--closed-transform:translate3d(0,calc(-100%-var(--drawer-inset,0px)-2px),0)] data-[swipe-direction=up]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:origin-left data-[swipe-direction=left]:[--closed-transform:translate3d(calc(-100%-var(--drawer-inset,0px)-2px),0,0)] data-[swipe-direction=left]:[--translate-x:calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)+(var(--stack-shrink)*100%))]", "data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:origin-right data-[swipe-direction=right]:[--closed-transform:translate3d(calc(100%+var(--drawer-inset,0px)+2px),0,0)] data-[swipe-direction=right]:[--translate-x:calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)-(var(--stack-shrink)*100%))]", t),
|
|
82
|
+
...s,
|
|
83
|
+
children: [p && /* @__PURE__ */ n(f, {}), /* @__PURE__ */ n(i.Content, {
|
|
84
|
+
"data-slot": "drawer-content",
|
|
85
|
+
className: e("flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain rounded-[inherit] transition-opacity duration-300 ease-[cubic-bezier(0.45,1.005,0,1.005)] select-text group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-swiping/drawer-popup:select-none"),
|
|
86
|
+
children: a
|
|
87
|
+
})]
|
|
88
|
+
})
|
|
89
|
+
})]
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
function m({ className: t, ...r }) {
|
|
93
|
+
return /* @__PURE__ */ n("div", {
|
|
94
|
+
"data-slot": "drawer-header",
|
|
95
|
+
className: e("flex shrink-0 flex-col gap-0.5 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:gap-0.5 md:text-left", t),
|
|
96
|
+
...r
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
function h({ className: t, ...r }) {
|
|
100
|
+
return /* @__PURE__ */ n("div", {
|
|
101
|
+
"data-slot": "drawer-footer",
|
|
102
|
+
className: e("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", t),
|
|
103
|
+
...r
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
function g({ className: t, ...r }) {
|
|
107
|
+
return /* @__PURE__ */ n(i.Title, {
|
|
108
|
+
"data-slot": "drawer-title",
|
|
109
|
+
className: e("font-heading text-base font-medium text-foreground", t),
|
|
110
|
+
...r
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
function _({ className: t, ...r }) {
|
|
114
|
+
return /* @__PURE__ */ n(i.Description, {
|
|
115
|
+
"data-slot": "drawer-description",
|
|
116
|
+
className: e("text-sm text-balance text-muted-foreground", t),
|
|
117
|
+
...r
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
//#endregion
|
|
121
|
+
export { s as Drawer, u as DrawerClose, p as DrawerContent, _ as DrawerDescription, h as DrawerFooter, m as DrawerHeader, d as DrawerOverlay, l as DrawerPortal, f as DrawerSwipeHandle, g as DrawerTitle, c as DrawerTrigger };
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
+
import { IconCheck as r, IconChevronRight as i } from "@tabler/icons-react";
|
|
5
|
+
import { Menu as a } from "@base-ui/react/menu";
|
|
6
|
+
//#region src/components/dropdown-menu/dropdown-menu.tsx
|
|
7
|
+
function o({ ...e }) {
|
|
8
|
+
return /* @__PURE__ */ t(a.Root, {
|
|
9
|
+
"data-slot": "dropdown-menu",
|
|
10
|
+
...e
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function s({ ...e }) {
|
|
14
|
+
return /* @__PURE__ */ t(a.Portal, {
|
|
15
|
+
"data-slot": "dropdown-menu-portal",
|
|
16
|
+
...e
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function c({ ...e }) {
|
|
20
|
+
return /* @__PURE__ */ t(a.Trigger, {
|
|
21
|
+
"data-slot": "dropdown-menu-trigger",
|
|
22
|
+
...e
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
function l({ align: n = "start", alignOffset: r = 0, side: i = "bottom", sideOffset: o = 4, className: s, ...c }) {
|
|
26
|
+
return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(a.Positioner, {
|
|
27
|
+
className: "isolate z-50 outline-none",
|
|
28
|
+
align: n,
|
|
29
|
+
alignOffset: r,
|
|
30
|
+
side: i,
|
|
31
|
+
sideOffset: o,
|
|
32
|
+
children: /* @__PURE__ */ t(a.Popup, {
|
|
33
|
+
"data-slot": "dropdown-menu-content",
|
|
34
|
+
className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
|
|
35
|
+
...c
|
|
36
|
+
})
|
|
37
|
+
}) });
|
|
38
|
+
}
|
|
39
|
+
function u({ ...e }) {
|
|
40
|
+
return /* @__PURE__ */ t(a.Group, {
|
|
41
|
+
"data-slot": "dropdown-menu-group",
|
|
42
|
+
...e
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function d({ className: n, inset: r, ...i }) {
|
|
46
|
+
return /* @__PURE__ */ t(a.GroupLabel, {
|
|
47
|
+
"data-slot": "dropdown-menu-label",
|
|
48
|
+
"data-inset": r,
|
|
49
|
+
className: e("type-meta px-1.5 py-1 font-medium text-muted-foreground data-inset:pl-7", n),
|
|
50
|
+
...i
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
function f({ className: n, inset: r, variant: i = "default", ...o }) {
|
|
54
|
+
return /* @__PURE__ */ t(a.Item, {
|
|
55
|
+
"data-slot": "dropdown-menu-item",
|
|
56
|
+
"data-inset": r,
|
|
57
|
+
"data-variant": i,
|
|
58
|
+
className: e("type-body group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", n),
|
|
59
|
+
...o
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
function p({ ...e }) {
|
|
63
|
+
return /* @__PURE__ */ t(a.SubmenuRoot, {
|
|
64
|
+
"data-slot": "dropdown-menu-sub",
|
|
65
|
+
...e
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
function m({ className: r, inset: o, children: s, ...c }) {
|
|
69
|
+
return /* @__PURE__ */ n(a.SubmenuTrigger, {
|
|
70
|
+
"data-slot": "dropdown-menu-sub-trigger",
|
|
71
|
+
"data-inset": o,
|
|
72
|
+
className: e("type-body flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
|
|
73
|
+
...c,
|
|
74
|
+
children: [s, /* @__PURE__ */ t(i, { className: "ml-auto" })]
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
function h({ align: n = "start", alignOffset: r = -3, side: i = "right", sideOffset: a = 0, className: o, ...s }) {
|
|
78
|
+
return /* @__PURE__ */ t(l, {
|
|
79
|
+
"data-slot": "dropdown-menu-sub-content",
|
|
80
|
+
className: e("w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
|
|
81
|
+
align: n,
|
|
82
|
+
alignOffset: r,
|
|
83
|
+
side: i,
|
|
84
|
+
sideOffset: a,
|
|
85
|
+
...s
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
function g({ className: i, children: o, checked: s, inset: c, ...l }) {
|
|
89
|
+
return /* @__PURE__ */ n(a.CheckboxItem, {
|
|
90
|
+
"data-slot": "dropdown-menu-checkbox-item",
|
|
91
|
+
"data-inset": c,
|
|
92
|
+
className: e("type-body relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", i),
|
|
93
|
+
checked: s,
|
|
94
|
+
...l,
|
|
95
|
+
children: [/* @__PURE__ */ t("span", {
|
|
96
|
+
className: "pointer-events-none absolute right-2 flex items-center justify-center",
|
|
97
|
+
"data-slot": "dropdown-menu-checkbox-item-indicator",
|
|
98
|
+
children: /* @__PURE__ */ t(a.CheckboxItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
|
|
99
|
+
}), o]
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
function _({ ...e }) {
|
|
103
|
+
return /* @__PURE__ */ t(a.RadioGroup, {
|
|
104
|
+
"data-slot": "dropdown-menu-radio-group",
|
|
105
|
+
...e
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
function v({ className: i, children: o, inset: s, ...c }) {
|
|
109
|
+
return /* @__PURE__ */ n(a.RadioItem, {
|
|
110
|
+
"data-slot": "dropdown-menu-radio-item",
|
|
111
|
+
"data-inset": s,
|
|
112
|
+
className: e("type-body relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 outline-hidden select-none [--icon-stroke-width:var(--icon-stroke-16)] focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", i),
|
|
113
|
+
...c,
|
|
114
|
+
children: [/* @__PURE__ */ t("span", {
|
|
115
|
+
className: "pointer-events-none absolute right-2 flex items-center justify-center",
|
|
116
|
+
"data-slot": "dropdown-menu-radio-item-indicator",
|
|
117
|
+
children: /* @__PURE__ */ t(a.RadioItemIndicator, { children: /* @__PURE__ */ t(r, {}) })
|
|
118
|
+
}), o]
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
function y({ className: n, ...r }) {
|
|
122
|
+
return /* @__PURE__ */ t(a.Separator, {
|
|
123
|
+
"data-slot": "dropdown-menu-separator",
|
|
124
|
+
className: e("-mx-1 my-1 h-px bg-border", n),
|
|
125
|
+
...r
|
|
126
|
+
});
|
|
127
|
+
}
|
|
128
|
+
function b({ className: n, ...r }) {
|
|
129
|
+
return /* @__PURE__ */ t("span", {
|
|
130
|
+
"data-slot": "dropdown-menu-shortcut",
|
|
131
|
+
className: e("type-meta ml-auto text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", n),
|
|
132
|
+
...r
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
//#endregion
|
|
136
|
+
export { o as DropdownMenu, g as DropdownMenuCheckboxItem, l as DropdownMenuContent, u as DropdownMenuGroup, f as DropdownMenuItem, d as DropdownMenuLabel, s as DropdownMenuPortal, _ as DropdownMenuRadioGroup, v as DropdownMenuRadioItem, y as DropdownMenuSeparator, b as DropdownMenuShortcut, p as DropdownMenuSub, h as DropdownMenuSubContent, m as DropdownMenuSubTrigger, c as DropdownMenuTrigger };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,+BASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+
|
|
1
|
+
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,+BASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,CAAA"}
|