@squadbase/vantage 0.6.2-dev1.42c4e48 → 0.6.2-dev1.83509f7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{build-MFWRPYKW.js → build-X5NVCQKT.js} +4 -4
- package/dist/{build-MFWRPYKW.js.map → build-X5NVCQKT.js.map} +1 -1
- package/dist/{chunk-IBGOCWJB.js → chunk-2ICNHUG6.js} +186 -82
- package/dist/chunk-2ICNHUG6.js.map +1 -0
- package/dist/{chunk-5ZOP4SQR.js → chunk-2N72FKLB.js} +12 -7
- package/dist/chunk-2N72FKLB.js.map +1 -0
- package/dist/{chunk-OB6UBJXF.js → chunk-7S52M2SL.js} +127 -36
- package/dist/chunk-7S52M2SL.js.map +1 -0
- package/dist/chunk-MYHFZYS4.js +8005 -0
- package/dist/chunk-MYHFZYS4.js.map +1 -0
- package/dist/{chunk-PXRX5PEC.js → chunk-PDOBHMUQ.js} +3 -3
- package/dist/chunk-PDOBHMUQ.js.map +1 -0
- package/dist/{chunk-A2UUGASH.js → chunk-U736PVHY.js} +2 -2
- package/dist/chunk-U736PVHY.js.map +1 -0
- package/dist/{chunk-QEWCYW3I.js → chunk-WAMZWZJB.js} +13 -3
- package/dist/chunk-WAMZWZJB.js.map +1 -0
- package/dist/cli.js +3 -3
- package/dist/components/index.d.ts +1832 -100
- package/dist/components/index.js +4 -4
- package/dist/{dev-DCTOHQ6W.js → dev-4XEDTELV.js} +4 -4
- package/dist/{dev-DCTOHQ6W.js.map → dev-4XEDTELV.js.map} +1 -1
- package/dist/doc/index.js +2 -2
- package/dist/doc/index.js.map +1 -1
- package/dist/markdown/index.js +1 -1
- package/dist/markdown/index.js.map +1 -1
- package/dist/slide/index.js +2 -2
- package/dist/slide/index.js.map +1 -1
- package/dist/table/index.js +6 -6
- package/dist/table/index.js.map +1 -1
- package/dist/ui/index.d.ts +8 -2
- package/dist/ui/index.js +22 -112
- package/dist/ui/index.js.map +1 -1
- package/dist/{upgrade-DBBE6GIR.js → upgrade-JHXZBGQS.js} +3 -3
- package/dist/{upgrade-DBBE6GIR.js.map → upgrade-JHXZBGQS.js.map} +1 -1
- package/dist/vite/index.js +2 -2
- package/docs/en/components.md +29 -15
- package/docs/en/parts/data-table.md +22 -0
- package/docs/en/parts/delta.md +50 -0
- package/docs/en/parts/format.md +43 -0
- package/docs/en/parts/kpi-card.md +57 -0
- package/docs/en/parts/metric-value.md +3 -2
- package/docs/en/parts/sparkline.md +1 -1
- package/docs/en/parts/trend-indicator.md +17 -1
- package/docs/en/ui-and-theming.md +1 -1
- package/docs/index.json +92 -32
- package/docs/ja/components.md +27 -15
- package/docs/ja/parts/data-table.md +22 -0
- package/docs/ja/parts/delta.md +50 -0
- package/docs/ja/parts/format.md +44 -0
- package/docs/ja/parts/kpi-card.md +55 -0
- package/docs/ja/parts/metric-value.md +3 -2
- package/docs/ja/parts/sparkline.md +1 -1
- package/docs/ja/parts/trend-indicator.md +17 -1
- package/docs/ja/ui-and-theming.md +2 -2
- package/package.json +26 -24
- package/registry/ui/accordion.tsx +4 -2
- package/registry/ui/alert-dialog.tsx +3 -3
- package/registry/ui/alert.tsx +3 -1
- package/registry/ui/app-shell.tsx +7 -1
- package/registry/ui/area-chart.tsx +2852 -166
- package/registry/ui/attention-list.tsx +303 -0
- package/registry/ui/avatar.tsx +1 -1
- package/registry/ui/badge.tsx +3 -1
- package/registry/ui/bar-chart.tsx +2851 -166
- package/registry/ui/bar-list.tsx +3531 -90
- package/registry/ui/box-plot-chart.tsx +3906 -0
- package/registry/ui/breadcrumb.tsx +3 -1
- package/registry/ui/button.tsx +3 -1
- package/registry/ui/calendar.tsx +3 -1
- package/registry/ui/card.tsx +4 -2
- package/registry/ui/category-bar.tsx +1025 -16
- package/registry/ui/chart-frame.tsx +1393 -0
- package/registry/ui/checkbox.tsx +3 -1
- package/registry/ui/collapsible.tsx +3 -1
- package/registry/ui/combobox.tsx +2 -2
- package/registry/ui/command.tsx +3 -1
- package/registry/ui/dashboard-card.tsx +71 -28
- package/registry/ui/data-table.tsx +678 -56
- package/registry/ui/date-range-picker.tsx +245 -64
- package/registry/ui/delta.tsx +188 -0
- package/registry/ui/dialog.tsx +5 -3
- package/registry/ui/donut-chart.tsx +2929 -182
- package/registry/ui/drawer.tsx +1 -1
- package/registry/ui/dropdown-menu.tsx +5 -3
- package/registry/ui/echart.tsx +621 -67
- package/registry/ui/field.tsx +1 -1
- package/registry/ui/filter-bar.tsx +33 -6
- package/registry/ui/funnel-steps.tsx +3344 -49
- package/registry/ui/heatmap.tsx +1786 -0
- package/registry/ui/histogram-chart.tsx +3986 -0
- package/registry/ui/hover-card.tsx +2 -2
- package/registry/ui/input-group.tsx +3 -1
- package/registry/ui/input.tsx +3 -1
- package/registry/ui/kbd.tsx +3 -1
- package/registry/ui/kpi-card.tsx +699 -0
- package/registry/ui/label.tsx +3 -1
- package/registry/ui/legend.tsx +3563 -0
- package/registry/ui/line-chart.tsx +2852 -160
- package/registry/ui/metric-value.tsx +9 -1
- package/registry/ui/multi-select.tsx +11 -5
- package/registry/ui/page-shell.tsx +106 -51
- package/registry/ui/pagination.tsx +3 -1
- package/registry/ui/paired-chart.tsx +3827 -0
- package/registry/ui/placeholder.tsx +8 -2
- package/registry/ui/popover.tsx +4 -2
- package/registry/ui/progress-circle.tsx +607 -12
- package/registry/ui/progress.tsx +3 -1
- package/registry/ui/radio-group.tsx +1 -1
- package/registry/ui/sample-data.tsx +86 -0
- package/registry/ui/scatter-chart.tsx +4212 -0
- package/registry/ui/scroll-area.tsx +3 -2
- package/registry/ui/searchable-select.tsx +8 -3
- package/registry/ui/section-header.tsx +5 -3
- package/registry/ui/segmented-control.tsx +7 -2
- package/registry/ui/select.tsx +4 -2
- package/registry/ui/separator.tsx +3 -1
- package/registry/ui/sheet.tsx +4 -2
- package/registry/ui/sidebar.tsx +4 -2
- package/registry/ui/skeleton.tsx +4 -2
- package/registry/ui/slider.tsx +4 -2
- package/registry/ui/sparkline.tsx +84 -9
- package/registry/ui/spinner.tsx +3 -1
- package/registry/ui/states.tsx +34 -5
- package/registry/ui/status-badge.tsx +83 -41
- package/registry/ui/switch.tsx +3 -1
- package/registry/ui/table.tsx +4 -2
- package/registry/ui/tabs.tsx +5 -3
- package/registry/ui/textarea.tsx +3 -1
- package/registry/ui/toast.tsx +2 -2
- package/registry/ui/toggle-group.tsx +3 -1
- package/registry/ui/toggle.tsx +3 -1
- package/registry/ui/tooltip.tsx +10 -4
- package/registry/ui/tracker.tsx +632 -19
- package/registry/ui/trend-indicator.tsx +15 -3
- package/registry/ui/updated-at.tsx +122 -0
- package/registry/ui/waterfall-chart.tsx +4248 -0
- package/skills/vantage-design/SKILL.md +34 -24
- package/skills/vantage-design/references/extract.md +16 -14
- package/skills/vantage-design/references/format.md +6 -5
- package/skills/vantage-design/references/presets.md +60 -110
- package/templates/AGENTS.md +13 -1
- package/templates/agents/page.md +10 -0
- package/theme.css +244 -149
- package/dist/chunk-5ZOP4SQR.js.map +0 -1
- package/dist/chunk-A2UUGASH.js.map +0 -1
- package/dist/chunk-AG6RZ2RR.js +0 -3208
- package/dist/chunk-AG6RZ2RR.js.map +0 -1
- package/dist/chunk-IBGOCWJB.js.map +0 -1
- package/dist/chunk-OB6UBJXF.js.map +0 -1
- package/dist/chunk-PXRX5PEC.js.map +0 -1
- package/dist/chunk-QEWCYW3I.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { buttonVariants, Button } from './chunk-
|
|
2
|
-
import { cn } from './chunk-
|
|
1
|
+
import { buttonVariants, Button } from './chunk-PDOBHMUQ.js';
|
|
2
|
+
import { cn } from './chunk-U736PVHY.js';
|
|
3
3
|
import { mergeProps } from '@base-ui/react/merge-props';
|
|
4
4
|
import { useRender } from '@base-ui/react/use-render';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
|
-
import * as
|
|
6
|
+
import * as React13 from 'react';
|
|
7
7
|
import { getDefaultClassNames, DayPicker } from 'react-day-picker';
|
|
8
8
|
import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, CheckIcon, XIcon, SearchIcon, ChevronUpIcon, PanelLeftIcon } from 'lucide-react';
|
|
9
9
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
@@ -213,8 +213,8 @@ function CalendarDayButton({
|
|
|
213
213
|
...props
|
|
214
214
|
}) {
|
|
215
215
|
const defaultClassNames = getDefaultClassNames();
|
|
216
|
-
const ref =
|
|
217
|
-
|
|
216
|
+
const ref = React13.useRef(null);
|
|
217
|
+
React13.useEffect(() => {
|
|
218
218
|
if (modifiers.focused) ref.current?.focus();
|
|
219
219
|
}, [modifiers.focused]);
|
|
220
220
|
return /* @__PURE__ */ jsx(
|
|
@@ -236,6 +236,96 @@ function CalendarDayButton({
|
|
|
236
236
|
}
|
|
237
237
|
);
|
|
238
238
|
}
|
|
239
|
+
function Card({
|
|
240
|
+
className,
|
|
241
|
+
size = "default",
|
|
242
|
+
...props
|
|
243
|
+
}) {
|
|
244
|
+
return /* @__PURE__ */ jsx(
|
|
245
|
+
"div",
|
|
246
|
+
{
|
|
247
|
+
"data-slot": "card",
|
|
248
|
+
"data-size": size,
|
|
249
|
+
className: cn(
|
|
250
|
+
"group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl border bg-card shadow-[var(--shadow-card)] py-(--card-spacing) text-sm text-card-foreground [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
|
|
251
|
+
className
|
|
252
|
+
),
|
|
253
|
+
...props
|
|
254
|
+
}
|
|
255
|
+
);
|
|
256
|
+
}
|
|
257
|
+
function CardHeader({ className, ...props }) {
|
|
258
|
+
return /* @__PURE__ */ jsx(
|
|
259
|
+
"div",
|
|
260
|
+
{
|
|
261
|
+
"data-slot": "card-header",
|
|
262
|
+
className: cn(
|
|
263
|
+
"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
|
|
264
|
+
className
|
|
265
|
+
),
|
|
266
|
+
...props
|
|
267
|
+
}
|
|
268
|
+
);
|
|
269
|
+
}
|
|
270
|
+
function CardTitle({ className, ...props }) {
|
|
271
|
+
return /* @__PURE__ */ jsx(
|
|
272
|
+
"div",
|
|
273
|
+
{
|
|
274
|
+
"data-slot": "card-title",
|
|
275
|
+
className: cn(
|
|
276
|
+
"cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
|
|
277
|
+
className
|
|
278
|
+
),
|
|
279
|
+
...props
|
|
280
|
+
}
|
|
281
|
+
);
|
|
282
|
+
}
|
|
283
|
+
function CardDescription({ className, ...props }) {
|
|
284
|
+
return /* @__PURE__ */ jsx(
|
|
285
|
+
"div",
|
|
286
|
+
{
|
|
287
|
+
"data-slot": "card-description",
|
|
288
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
289
|
+
...props
|
|
290
|
+
}
|
|
291
|
+
);
|
|
292
|
+
}
|
|
293
|
+
function CardAction({ className, ...props }) {
|
|
294
|
+
return /* @__PURE__ */ jsx(
|
|
295
|
+
"div",
|
|
296
|
+
{
|
|
297
|
+
"data-slot": "card-action",
|
|
298
|
+
className: cn(
|
|
299
|
+
"col-start-2 row-span-2 row-start-1 self-start justify-self-end",
|
|
300
|
+
className
|
|
301
|
+
),
|
|
302
|
+
...props
|
|
303
|
+
}
|
|
304
|
+
);
|
|
305
|
+
}
|
|
306
|
+
function CardContent({ className, ...props }) {
|
|
307
|
+
return /* @__PURE__ */ jsx(
|
|
308
|
+
"div",
|
|
309
|
+
{
|
|
310
|
+
"data-slot": "card-content",
|
|
311
|
+
className: cn("px-(--card-spacing)", className),
|
|
312
|
+
...props
|
|
313
|
+
}
|
|
314
|
+
);
|
|
315
|
+
}
|
|
316
|
+
function CardFooter({ className, ...props }) {
|
|
317
|
+
return /* @__PURE__ */ jsx(
|
|
318
|
+
"div",
|
|
319
|
+
{
|
|
320
|
+
"data-slot": "card-footer",
|
|
321
|
+
className: cn(
|
|
322
|
+
"flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)",
|
|
323
|
+
className
|
|
324
|
+
),
|
|
325
|
+
...props
|
|
326
|
+
}
|
|
327
|
+
);
|
|
328
|
+
}
|
|
239
329
|
function Checkbox({ className, ...props }) {
|
|
240
330
|
return /* @__PURE__ */ jsx(
|
|
241
331
|
Checkbox$1.Root,
|
|
@@ -444,7 +534,7 @@ function DialogOverlay({
|
|
|
444
534
|
{
|
|
445
535
|
"data-slot": "dialog-overlay",
|
|
446
536
|
className: cn(
|
|
447
|
-
"fixed inset-0 isolate z-50 bg-black/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",
|
|
537
|
+
"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in motion-reduce:animate-none! data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
|
|
448
538
|
className
|
|
449
539
|
),
|
|
450
540
|
...props
|
|
@@ -464,7 +554,7 @@ function DialogContent({
|
|
|
464
554
|
{
|
|
465
555
|
"data-slot": "dialog-content",
|
|
466
556
|
className: cn(
|
|
467
|
-
"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",
|
|
557
|
+
"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 motion-reduce:animate-none! data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
468
558
|
className
|
|
469
559
|
),
|
|
470
560
|
...props,
|
|
@@ -740,7 +830,7 @@ function DropdownMenuContent({
|
|
|
740
830
|
{
|
|
741
831
|
"data-slot": "dropdown-menu-content",
|
|
742
832
|
className: cn(
|
|
743
|
-
"cn-menu-target cn-menu-translucent 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",
|
|
833
|
+
"cn-menu-target cn-menu-translucent 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 motion-reduce:animate-none! 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",
|
|
744
834
|
className
|
|
745
835
|
),
|
|
746
836
|
...props
|
|
@@ -829,7 +919,7 @@ function DropdownMenuSubContent({
|
|
|
829
919
|
{
|
|
830
920
|
"data-slot": "dropdown-menu-sub-content",
|
|
831
921
|
className: cn(
|
|
832
|
-
"cn-menu-target cn-menu-translucent 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",
|
|
922
|
+
"cn-menu-target cn-menu-translucent 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 motion-reduce:animate-none! data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
833
923
|
className
|
|
834
924
|
),
|
|
835
925
|
align,
|
|
@@ -985,7 +1075,7 @@ function PopoverContent({
|
|
|
985
1075
|
{
|
|
986
1076
|
"data-slot": "popover-content",
|
|
987
1077
|
className: cn(
|
|
988
|
-
"z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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:fade-out-0 data-closed:zoom-out-95",
|
|
1078
|
+
"z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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 motion-reduce:animate-none! data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
989
1079
|
className
|
|
990
1080
|
),
|
|
991
1081
|
...props
|
|
@@ -1028,8 +1118,8 @@ function PopoverDescription({
|
|
|
1028
1118
|
);
|
|
1029
1119
|
}
|
|
1030
1120
|
function collectSelectItems(node, into = []) {
|
|
1031
|
-
|
|
1032
|
-
if (!
|
|
1121
|
+
React13.Children.forEach(node, (child) => {
|
|
1122
|
+
if (!React13.isValidElement(child)) return;
|
|
1033
1123
|
const props = child.props;
|
|
1034
1124
|
if (child.type === SelectItem) {
|
|
1035
1125
|
if (props.value !== void 0) into.push({ label: props.children, value: props.value });
|
|
@@ -1044,7 +1134,7 @@ function Select({
|
|
|
1044
1134
|
children,
|
|
1045
1135
|
...props
|
|
1046
1136
|
}) {
|
|
1047
|
-
const derivedItems =
|
|
1137
|
+
const derivedItems = React13.useMemo(() => {
|
|
1048
1138
|
if (items) return items;
|
|
1049
1139
|
const collected = collectSelectItems(children);
|
|
1050
1140
|
return collected.length > 0 ? collected : void 0;
|
|
@@ -1124,7 +1214,7 @@ function SelectContent({
|
|
|
1124
1214
|
"data-slot": "select-content",
|
|
1125
1215
|
"data-align-trigger": alignItemWithTrigger,
|
|
1126
1216
|
className: cn(
|
|
1127
|
-
"cn-menu-target cn-menu-translucent relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-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:fade-out-0 data-closed:zoom-out-95",
|
|
1217
|
+
"cn-menu-target cn-menu-translucent relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-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 motion-reduce:animate-none! data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
1128
1218
|
className
|
|
1129
1219
|
),
|
|
1130
1220
|
...props,
|
|
@@ -1265,7 +1355,7 @@ function SheetContent({
|
|
|
1265
1355
|
"data-slot": "sheet-content",
|
|
1266
1356
|
"data-side": side,
|
|
1267
1357
|
className: cn(
|
|
1268
|
-
"fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-
|
|
1358
|
+
"fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-out data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:data-ending-style:translate-none! motion-reduce:data-starting-style:translate-none! data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
|
|
1269
1359
|
className
|
|
1270
1360
|
),
|
|
1271
1361
|
...props,
|
|
@@ -1342,8 +1432,8 @@ function SheetDescription({
|
|
|
1342
1432
|
}
|
|
1343
1433
|
var MOBILE_BREAKPOINT = 768;
|
|
1344
1434
|
function useIsMobile() {
|
|
1345
|
-
const [isMobile, setIsMobile] =
|
|
1346
|
-
|
|
1435
|
+
const [isMobile, setIsMobile] = React13.useState(void 0);
|
|
1436
|
+
React13.useEffect(() => {
|
|
1347
1437
|
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
1348
1438
|
const onChange = () => {
|
|
1349
1439
|
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
@@ -1359,7 +1449,7 @@ function Skeleton({ className, ...props }) {
|
|
|
1359
1449
|
"div",
|
|
1360
1450
|
{
|
|
1361
1451
|
"data-slot": "skeleton",
|
|
1362
|
-
className: cn("animate-pulse rounded-md bg-muted", className),
|
|
1452
|
+
className: cn("animate-pulse motion-reduce:animate-none rounded-md bg-muted", className),
|
|
1363
1453
|
...props
|
|
1364
1454
|
}
|
|
1365
1455
|
);
|
|
@@ -1390,9 +1480,10 @@ function TooltipContent({
|
|
|
1390
1480
|
align = "center",
|
|
1391
1481
|
alignOffset = 0,
|
|
1392
1482
|
children,
|
|
1483
|
+
container,
|
|
1393
1484
|
...props
|
|
1394
1485
|
}) {
|
|
1395
|
-
return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
|
|
1486
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Portal, { container, className: container ? "contents" : void 0, children: /* @__PURE__ */ jsx(
|
|
1396
1487
|
Tooltip$1.Positioner,
|
|
1397
1488
|
{
|
|
1398
1489
|
align,
|
|
@@ -1405,7 +1496,7 @@ function TooltipContent({
|
|
|
1405
1496
|
{
|
|
1406
1497
|
"data-slot": "tooltip-content",
|
|
1407
1498
|
className: cn(
|
|
1408
|
-
"z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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",
|
|
1499
|
+
"z-50 inline-flex w-fit data-instant:animate-none max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in motion-reduce:animate-none! data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
1409
1500
|
className
|
|
1410
1501
|
),
|
|
1411
1502
|
...props,
|
|
@@ -1424,9 +1515,9 @@ var SIDEBAR_WIDTH = "16rem";
|
|
|
1424
1515
|
var SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
1425
1516
|
var SIDEBAR_WIDTH_ICON = "3rem";
|
|
1426
1517
|
var SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
1427
|
-
var SidebarContext =
|
|
1518
|
+
var SidebarContext = React13.createContext(null);
|
|
1428
1519
|
function useSidebar() {
|
|
1429
|
-
const context =
|
|
1520
|
+
const context = React13.useContext(SidebarContext);
|
|
1430
1521
|
if (!context) {
|
|
1431
1522
|
throw new Error("useSidebar must be used within a SidebarProvider.");
|
|
1432
1523
|
}
|
|
@@ -1442,10 +1533,10 @@ function SidebarProvider({
|
|
|
1442
1533
|
...props
|
|
1443
1534
|
}) {
|
|
1444
1535
|
const isMobile = useIsMobile();
|
|
1445
|
-
const [openMobile, setOpenMobile] =
|
|
1446
|
-
const [_open, _setOpen] =
|
|
1536
|
+
const [openMobile, setOpenMobile] = React13.useState(false);
|
|
1537
|
+
const [_open, _setOpen] = React13.useState(defaultOpen);
|
|
1447
1538
|
const open = openProp ?? _open;
|
|
1448
|
-
const setOpen =
|
|
1539
|
+
const setOpen = React13.useCallback(
|
|
1449
1540
|
(value) => {
|
|
1450
1541
|
const openState = typeof value === "function" ? value(open) : value;
|
|
1451
1542
|
if (setOpenProp) {
|
|
@@ -1457,10 +1548,10 @@ function SidebarProvider({
|
|
|
1457
1548
|
},
|
|
1458
1549
|
[setOpenProp, open]
|
|
1459
1550
|
);
|
|
1460
|
-
const toggleSidebar =
|
|
1551
|
+
const toggleSidebar = React13.useCallback(() => {
|
|
1461
1552
|
return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
|
|
1462
1553
|
}, [isMobile, setOpen, setOpenMobile]);
|
|
1463
|
-
|
|
1554
|
+
React13.useEffect(() => {
|
|
1464
1555
|
const handleKeyDown = (event) => {
|
|
1465
1556
|
if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
|
|
1466
1557
|
event.preventDefault();
|
|
@@ -1471,7 +1562,7 @@ function SidebarProvider({
|
|
|
1471
1562
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
1472
1563
|
}, [toggleSidebar]);
|
|
1473
1564
|
const state = open ? "expanded" : "collapsed";
|
|
1474
|
-
const contextValue =
|
|
1565
|
+
const contextValue = React13.useMemo(
|
|
1475
1566
|
() => ({
|
|
1476
1567
|
state,
|
|
1477
1568
|
open,
|
|
@@ -1635,7 +1726,7 @@ function SidebarRail({ className, ...props }) {
|
|
|
1635
1726
|
onClick: toggleSidebar,
|
|
1636
1727
|
title: "Toggle Sidebar",
|
|
1637
1728
|
className: cn(
|
|
1638
|
-
"absolute inset-y-0 z-20 hidden w-4 transition-
|
|
1729
|
+
"absolute inset-y-0 z-20 hidden w-4 transition-[background-color,translate,left,right] ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2",
|
|
1639
1730
|
"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
|
|
1640
1731
|
"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
|
|
1641
1732
|
"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
|
|
@@ -1931,7 +2022,7 @@ function SidebarMenuSkeleton({
|
|
|
1931
2022
|
showIcon = false,
|
|
1932
2023
|
...props
|
|
1933
2024
|
}) {
|
|
1934
|
-
const [width] =
|
|
2025
|
+
const [width] = React13.useState(() => {
|
|
1935
2026
|
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
1936
2027
|
});
|
|
1937
2028
|
return /* @__PURE__ */ jsxs(
|
|
@@ -2087,7 +2178,7 @@ function TableHead({ className, ...props }) {
|
|
|
2087
2178
|
{
|
|
2088
2179
|
"data-slot": "table-head",
|
|
2089
2180
|
className: cn(
|
|
2090
|
-
"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
|
|
2181
|
+
"h-10 px-2 text-left align-middle text-xs font-medium whitespace-nowrap text-muted-foreground [&:has([role=checkbox])]:pr-0",
|
|
2091
2182
|
className
|
|
2092
2183
|
),
|
|
2093
2184
|
...props
|
|
@@ -2155,7 +2246,7 @@ function Toggle({
|
|
|
2155
2246
|
}
|
|
2156
2247
|
);
|
|
2157
2248
|
}
|
|
2158
|
-
var ToggleGroupContext =
|
|
2249
|
+
var ToggleGroupContext = React13.createContext({
|
|
2159
2250
|
size: "default",
|
|
2160
2251
|
variant: "default",
|
|
2161
2252
|
spacing: 2,
|
|
@@ -2201,7 +2292,7 @@ function ToggleGroupItem({
|
|
|
2201
2292
|
size = "default",
|
|
2202
2293
|
...props
|
|
2203
2294
|
}) {
|
|
2204
|
-
const context =
|
|
2295
|
+
const context = React13.useContext(ToggleGroupContext);
|
|
2205
2296
|
return /* @__PURE__ */ jsx(
|
|
2206
2297
|
Toggle$1,
|
|
2207
2298
|
{
|
|
@@ -2223,6 +2314,6 @@ function ToggleGroupItem({
|
|
|
2223
2314
|
);
|
|
2224
2315
|
}
|
|
2225
2316
|
|
|
2226
|
-
export { Badge, Calendar, CalendarDayButton, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, toggleVariants, useIsMobile, useSidebar };
|
|
2227
|
-
//# sourceMappingURL=chunk-
|
|
2228
|
-
//# sourceMappingURL=chunk-
|
|
2317
|
+
export { Badge, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, toggleVariants, useIsMobile, useSidebar };
|
|
2318
|
+
//# sourceMappingURL=chunk-7S52M2SL.js.map
|
|
2319
|
+
//# sourceMappingURL=chunk-7S52M2SL.js.map
|