@devalok/shilp-sutra 0.31.0 → 0.32.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/dist/_chunks/badge-group.js +123 -172
- package/dist/_chunks/document-preview.js +92 -0
- package/dist/_chunks/file-preview.js +511 -0
- package/dist/_chunks/image-preview.js +90 -0
- package/dist/_chunks/primitives.js +109 -109
- package/dist/_chunks/stat-row.js +144 -124
- package/dist/_chunks/use-calendar.js +558 -490
- package/dist/ai/block-renderer.d.ts +2 -1
- package/dist/ai/block-renderer.d.ts.map +1 -1
- package/dist/ai/block-renderer.js +30 -29
- package/dist/ai/blocks/block-table.d.ts.map +1 -1
- package/dist/ai/blocks/confirm.d.ts.map +1 -1
- package/dist/ai/blocks/divider.d.ts.map +1 -1
- package/dist/ai/blocks/error.d.ts.map +1 -1
- package/dist/ai/blocks/info.d.ts.map +1 -1
- package/dist/ai/blocks/loading.d.ts.map +1 -1
- package/dist/ai/blocks/stat-row.d.ts.map +1 -1
- package/dist/ai/blocks/success.d.ts.map +1 -1
- package/dist/ai/blocks/text.d.ts.map +1 -1
- package/dist/ai/command-bar.d.ts +18 -0
- package/dist/ai/command-bar.d.ts.map +1 -1
- package/dist/ai/command-bar.js +126 -125
- package/dist/ai/conversation.d.ts +13 -1
- package/dist/ai/conversation.d.ts.map +1 -1
- package/dist/ai/conversation.js +78 -78
- package/dist/ai/types.d.ts +0 -1
- package/dist/ai/types.d.ts.map +1 -1
- package/dist/ai/types.js +0 -1
- package/dist/composed/bulk-action-bar.d.ts +6 -4
- package/dist/composed/bulk-action-bar.d.ts.map +1 -1
- package/dist/composed/bulk-action-bar.js +102 -58
- package/dist/composed/command-palette.d.ts +9 -0
- package/dist/composed/command-palette.d.ts.map +1 -1
- package/dist/composed/command-palette.js +68 -68
- package/dist/composed/confirm-dialog.d.ts +1 -1
- package/dist/composed/confirm-dialog.d.ts.map +1 -1
- package/dist/composed/confirm-dialog.js +10 -10
- package/dist/composed/date-picker/date-picker.d.ts +11 -1
- package/dist/composed/date-picker/date-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/month-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/year-picker.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.d.ts +1 -1
- package/dist/composed/deadline-indicator.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.js +39 -36
- package/dist/composed/emoji-picker.d.ts +6 -0
- package/dist/composed/emoji-picker.d.ts.map +1 -1
- package/dist/composed/emoji-picker.js +22 -20
- package/dist/composed/error-boundary.d.ts +21 -1
- package/dist/composed/error-boundary.d.ts.map +1 -1
- package/dist/composed/error-boundary.js +47 -32
- package/dist/composed/file-preview/audio-preview.d.ts +7 -0
- package/dist/composed/file-preview/audio-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/document-preview.d.ts +7 -0
- package/dist/composed/file-preview/document-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/embed-preview.d.ts +7 -0
- package/dist/composed/file-preview/embed-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/image-preview.d.ts +7 -0
- package/dist/composed/file-preview/image-preview.d.ts.map +1 -0
- package/dist/composed/file-preview/shared.d.ts +20 -0
- package/dist/composed/file-preview/shared.d.ts.map +1 -0
- package/dist/composed/file-preview/video-preview.d.ts +6 -0
- package/dist/composed/file-preview/video-preview.d.ts.map +1 -0
- package/dist/composed/file-preview.d.ts.map +1 -1
- package/dist/composed/file-preview.js +10 -662
- package/dist/composed/filter-bar.d.ts +10 -2
- package/dist/composed/filter-bar.d.ts.map +1 -1
- package/dist/composed/filter-bar.js +42 -43
- package/dist/composed/form-section.d.ts +1 -1
- package/dist/composed/form-section.d.ts.map +1 -1
- package/dist/composed/form-section.js +22 -21
- package/dist/composed/index.d.ts +2 -2
- package/dist/composed/index.d.ts.map +1 -1
- package/dist/composed/index.js +58 -57
- package/dist/composed/inline-edit.d.ts +1 -1
- package/dist/composed/inline-edit.d.ts.map +1 -1
- package/dist/composed/inline-edit.js +33 -32
- package/dist/composed/markdown-viewer.d.ts +1 -1
- package/dist/composed/markdown-viewer.d.ts.map +1 -1
- package/dist/composed/markdown-viewer.js +60 -59
- package/dist/composed/master-detail.d.ts +11 -7
- package/dist/composed/master-detail.d.ts.map +1 -1
- package/dist/composed/master-detail.js +123 -84
- package/dist/composed/responsive-overlay.d.ts +8 -0
- package/dist/composed/responsive-overlay.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.d.ts +11 -3
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +21 -20
- package/dist/composed/schedule-view.d.ts +9 -1
- package/dist/composed/schedule-view.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +8 -4
- package/dist/hooks/use-touch-device.d.ts +12 -0
- package/dist/hooks/use-touch-device.d.ts.map +1 -0
- package/dist/hooks/use-touch-device.js +13 -0
- package/dist/hooks/use-viewport-height.d.ts +11 -0
- package/dist/hooks/use-viewport-height.d.ts.map +1 -0
- package/dist/hooks/use-viewport-height.js +16 -0
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +72 -63
- package/dist/shell/command-registry.d.ts.map +1 -1
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +77 -77
- package/dist/shell/top-bar.d.ts +2 -2
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +61 -60
- package/dist/tailwind/index.cjs +51 -7
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +51 -7
- package/dist/tokens/primitives.css +3 -1
- package/dist/tokens/semantic.css +16 -13
- package/dist/ui/autocomplete.d.ts.map +1 -1
- package/dist/ui/autocomplete.js +38 -39
- package/dist/ui/badge.d.ts +104 -2
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/banner.js +8 -7
- package/dist/ui/button.d.ts +2 -2
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +54 -74
- package/dist/ui/card.js +24 -24
- package/dist/ui/charts/area-chart.d.ts +2 -0
- package/dist/ui/charts/area-chart.d.ts.map +1 -1
- package/dist/ui/charts/bar-chart.d.ts +2 -0
- package/dist/ui/charts/bar-chart.d.ts.map +1 -1
- package/dist/ui/charts/chart-container.d.ts +2 -0
- package/dist/ui/charts/chart-container.d.ts.map +1 -1
- package/dist/ui/charts/index.js +583 -577
- package/dist/ui/charts/line-chart.d.ts +2 -0
- package/dist/ui/charts/line-chart.d.ts.map +1 -1
- package/dist/ui/charts/pie-chart.d.ts +2 -0
- package/dist/ui/charts/pie-chart.d.ts.map +1 -1
- package/dist/ui/charts/radar-chart.d.ts +2 -0
- package/dist/ui/charts/radar-chart.d.ts.map +1 -1
- package/dist/ui/checkbox.d.ts +2 -0
- package/dist/ui/checkbox.d.ts.map +1 -1
- package/dist/ui/checkbox.js +36 -27
- package/dist/ui/color-input.js +5 -5
- package/dist/ui/combobox.d.ts +6 -1
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +1 -1
- package/dist/ui/context-menu.js +1 -1
- package/dist/ui/data-table-body.d.ts +12 -0
- package/dist/ui/data-table-body.d.ts.map +1 -0
- package/dist/ui/data-table-body.js +219 -0
- package/dist/ui/data-table-bulk-actions.d.ts +19 -0
- package/dist/ui/data-table-bulk-actions.d.ts.map +1 -0
- package/dist/ui/data-table-bulk-actions.js +61 -0
- package/dist/ui/data-table-card.d.ts +9 -0
- package/dist/ui/data-table-card.d.ts.map +1 -0
- package/dist/ui/data-table-card.js +73 -0
- package/dist/ui/data-table-context.d.ts +62 -0
- package/dist/ui/data-table-context.d.ts.map +1 -0
- package/dist/ui/data-table-context.js +48 -0
- package/dist/ui/data-table-header.d.ts +10 -0
- package/dist/ui/data-table-header.d.ts.map +1 -0
- package/dist/ui/data-table-header.js +141 -0
- package/dist/ui/data-table-pagination.d.ts +13 -0
- package/dist/ui/data-table-pagination.d.ts.map +1 -0
- package/dist/ui/data-table-pagination.js +84 -0
- package/dist/ui/data-table.d.ts +11 -9
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +258 -573
- package/dist/ui/dialog.d.ts +6 -2
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +84 -82
- package/dist/ui/dropdown-menu.js +1 -1
- package/dist/ui/hover-card.d.ts +7 -0
- package/dist/ui/hover-card.d.ts.map +1 -1
- package/dist/ui/hover-card.js +3 -3
- package/dist/ui/icon-group.d.ts +2 -4
- package/dist/ui/icon-group.d.ts.map +1 -1
- package/dist/ui/icon-group.js +22 -23
- package/dist/ui/index.d.ts +1 -2
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +94 -99
- package/dist/ui/label.js +1 -1
- package/dist/ui/lib/bottom-sheet.d.ts +16 -0
- package/dist/ui/lib/bottom-sheet.d.ts.map +1 -0
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +64 -73
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +40 -44
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js +19 -17
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/popover.js +107 -32
- package/dist/ui/progress-ring.d.ts.map +1 -1
- package/dist/ui/progress-ring.js +80 -80
- package/dist/ui/progress.js +4 -4
- package/dist/ui/radio.d.ts +5 -2
- package/dist/ui/radio.d.ts.map +1 -1
- package/dist/ui/radio.js +29 -20
- package/dist/ui/search-input.d.ts.map +1 -1
- package/dist/ui/search-input.js +13 -12
- package/dist/ui/segmented-control.d.ts +6 -108
- package/dist/ui/segmented-control.d.ts.map +1 -1
- package/dist/ui/segmented-control.js +86 -272
- package/dist/ui/select.js +5 -5
- package/dist/ui/separator.js +5 -5
- package/dist/ui/sheet.d.ts +2 -0
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +102 -84
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +200 -175
- package/dist/ui/slider.js +14 -14
- package/dist/ui/status-dot.js +8 -8
- package/dist/ui/stepper.d.ts.map +1 -1
- package/dist/ui/stepper.js +33 -31
- package/dist/ui/switch.js +3 -3
- package/dist/ui/tabs.js +6 -6
- package/dist/ui/toast-types.d.ts +0 -1
- package/dist/ui/toast-types.d.ts.map +1 -1
- package/dist/ui/toast-types.js +0 -1
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +156 -150
- package/dist/ui/toggle-group.js +1 -1
- package/dist/ui/toggle.js +1 -1
- package/dist/ui/tooltip.js +3 -3
- package/docs/components/ui/data-table-body.md +13 -0
- package/docs/components/ui/data-table-bulk-actions.md +13 -0
- package/docs/components/ui/data-table-card.md +13 -0
- package/docs/components/ui/data-table-context.md +13 -0
- package/docs/components/ui/data-table-header.md +13 -0
- package/docs/components/ui/data-table-pagination.md +13 -0
- package/llms-full.txt +79 -48
- package/llms.txt +32 -0
- package/package.json +1 -6
- package/dist/ui/chip.d.ts +0 -19
- package/dist/ui/chip.d.ts.map +0 -1
- package/dist/ui/chip.js +0 -14
- package/dist/ui/lib/use-ripple.d.ts +0 -14
- package/dist/ui/lib/use-ripple.d.ts.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
3
3
|
import * as r from "react";
|
|
4
|
-
import { Dialog as ne, DialogPortal as oe, DialogOverlay as ie, DialogContentRaw as
|
|
5
|
-
import { IconSearch as fe, IconCornerDownLeft as
|
|
4
|
+
import { Dialog as ne, DialogPortal as oe, DialogOverlay as ie, DialogContentRaw as de, DialogTitle as ce, DialogDescription as le } from "../ui/dialog.js";
|
|
5
|
+
import { IconSearch as fe, IconCornerDownLeft as K, IconArrowUp as ue, IconArrowDown as me } from "@tabler/icons-react";
|
|
6
6
|
import { Icon as w } from "../ui/icon.js";
|
|
7
7
|
import { cn as N } from "../ui/lib/utils.js";
|
|
8
|
-
import { springs as
|
|
8
|
+
import { springs as P, tweens as q } from "../ui/lib/motion.js";
|
|
9
9
|
import { VisuallyHidden as pe } from "../ui/visually-hidden.js";
|
|
10
10
|
import { u as be } from "../_chunks/motion-provider.js";
|
|
11
11
|
import { g as xe, a as ge, m as he } from "../_chunks/keybinding.js";
|
|
@@ -22,28 +22,28 @@ function Ne(n) {
|
|
|
22
22
|
const ke = r.forwardRef(
|
|
23
23
|
function({
|
|
24
24
|
groups: p = [],
|
|
25
|
-
placeholder:
|
|
26
|
-
onSearch:
|
|
27
|
-
emptyMessage:
|
|
28
|
-
emptyState:
|
|
29
|
-
open:
|
|
30
|
-
defaultOpen:
|
|
31
|
-
onOpenChange:
|
|
25
|
+
placeholder: O = "Search or jump to...",
|
|
26
|
+
onSearch: B,
|
|
27
|
+
emptyMessage: Q = "No results found.",
|
|
28
|
+
emptyState: T,
|
|
29
|
+
open: S,
|
|
30
|
+
defaultOpen: U,
|
|
31
|
+
onOpenChange: j,
|
|
32
32
|
keybinding: b = "mod+k",
|
|
33
|
-
maxHeight:
|
|
34
|
-
footerHints:
|
|
35
|
-
className:
|
|
36
|
-
...
|
|
37
|
-
},
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
const
|
|
33
|
+
maxHeight: C = "320px",
|
|
34
|
+
footerHints: A,
|
|
35
|
+
className: G,
|
|
36
|
+
...H
|
|
37
|
+
}, J) {
|
|
38
|
+
const D = S !== void 0, [W, X] = r.useState(U ?? !1), x = D ? S : W, R = r.useRef(x);
|
|
39
|
+
R.current = x;
|
|
40
|
+
const d = r.useCallback(
|
|
41
41
|
(e) => {
|
|
42
|
-
const s = typeof e == "function" ? e(
|
|
43
|
-
|
|
42
|
+
const s = typeof e == "function" ? e(R.current) : e;
|
|
43
|
+
D || X(s), j?.(s);
|
|
44
44
|
},
|
|
45
|
-
[
|
|
46
|
-
), [g,
|
|
45
|
+
[D, j]
|
|
46
|
+
), [g, z] = r.useState(""), [f, h] = r.useState(0), L = r.useRef(null), $ = r.useRef(null), I = r.useId(), V = `command-palette-listbox-${I}`, { reducedMotion: c } = be(), k = { duration: 0 }, Y = r.useMemo(() => xe(), []), u = r.useMemo(() => {
|
|
47
47
|
if (!g.trim()) return p;
|
|
48
48
|
const e = g.toLowerCase();
|
|
49
49
|
return p.map((s) => ({
|
|
@@ -62,17 +62,17 @@ const ke = r.forwardRef(
|
|
|
62
62
|
function s(a) {
|
|
63
63
|
for (const i of e)
|
|
64
64
|
if (he(a, i)) {
|
|
65
|
-
a.preventDefault(),
|
|
65
|
+
a.preventDefault(), d((l) => !l);
|
|
66
66
|
return;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
|
|
70
|
-
}, [b,
|
|
71
|
-
x && (
|
|
72
|
-
|
|
70
|
+
}, [b, d]), r.useEffect(() => {
|
|
71
|
+
x && (z(""), h(0), requestAnimationFrame(() => {
|
|
72
|
+
L.current?.focus();
|
|
73
73
|
}));
|
|
74
74
|
}, [x]);
|
|
75
|
-
const
|
|
75
|
+
const Z = (e) => {
|
|
76
76
|
switch (e.key) {
|
|
77
77
|
case "ArrowDown": {
|
|
78
78
|
e.preventDefault(), h(
|
|
@@ -89,22 +89,22 @@ const ke = r.forwardRef(
|
|
|
89
89
|
case "Enter": {
|
|
90
90
|
e.preventDefault();
|
|
91
91
|
const s = y[f];
|
|
92
|
-
s && (s.onSelect(),
|
|
92
|
+
s && (s.onSelect(), d(!1));
|
|
93
93
|
break;
|
|
94
94
|
}
|
|
95
95
|
case "Escape": {
|
|
96
|
-
e.preventDefault(),
|
|
96
|
+
e.preventDefault(), d(!1);
|
|
97
97
|
break;
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
};
|
|
101
101
|
r.useEffect(() => {
|
|
102
|
-
|
|
102
|
+
$.current?.querySelector(
|
|
103
103
|
`[data-command-index="${f}"]`
|
|
104
104
|
)?.scrollIntoView({ block: "nearest" });
|
|
105
105
|
}, [f]);
|
|
106
|
-
const
|
|
107
|
-
|
|
106
|
+
const _ = (e) => {
|
|
107
|
+
z(e), h(0), B?.(e);
|
|
108
108
|
}, ee = r.useMemo(() => {
|
|
109
109
|
const e = /* @__PURE__ */ new Map();
|
|
110
110
|
let s = 0;
|
|
@@ -112,15 +112,15 @@ const ke = r.forwardRef(
|
|
|
112
112
|
for (const i of a.items)
|
|
113
113
|
e.set(i.id, s++);
|
|
114
114
|
return e;
|
|
115
|
-
}, [u]), te =
|
|
115
|
+
}, [u]), te = c ? k : P.snappy, M = c ? k : q.fade, v = c ? { opacity: 1, scale: 1, y: 0 } : void 0, se = typeof C == "number" ? `${C}px` : C, F = A === !1 ? !1 : A ?? [
|
|
116
116
|
{ keys: "↑↓", label: "Navigate" },
|
|
117
117
|
{ keys: "↵", label: "Select" },
|
|
118
118
|
{ keys: "Esc", label: "Close" }
|
|
119
119
|
], ae = r.useCallback(
|
|
120
120
|
(e) => {
|
|
121
|
-
|
|
121
|
+
d(e);
|
|
122
122
|
},
|
|
123
|
-
[
|
|
123
|
+
[d]
|
|
124
124
|
);
|
|
125
125
|
return /* @__PURE__ */ t(ne, { open: x, onOpenChange: ae, children: /* @__PURE__ */ o(oe, { children: [
|
|
126
126
|
/* @__PURE__ */ t(
|
|
@@ -130,10 +130,10 @@ const ke = r.forwardRef(
|
|
|
130
130
|
}
|
|
131
131
|
),
|
|
132
132
|
/* @__PURE__ */ o(
|
|
133
|
-
|
|
133
|
+
de,
|
|
134
134
|
{
|
|
135
|
-
ref:
|
|
136
|
-
...
|
|
135
|
+
ref: J,
|
|
136
|
+
...H,
|
|
137
137
|
className: N(
|
|
138
138
|
"fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2",
|
|
139
139
|
"overflow-hidden rounded-ds-xl border border-surface-border-strong bg-surface-overlay shadow-overlay",
|
|
@@ -142,12 +142,12 @@ const ke = r.forwardRef(
|
|
|
142
142
|
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
143
143
|
"data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2",
|
|
144
144
|
"data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2",
|
|
145
|
-
|
|
145
|
+
G
|
|
146
146
|
),
|
|
147
|
-
onKeyDown:
|
|
147
|
+
onKeyDown: Z,
|
|
148
148
|
children: [
|
|
149
149
|
/* @__PURE__ */ o(pe, { children: [
|
|
150
|
-
/* @__PURE__ */ t(
|
|
150
|
+
/* @__PURE__ */ t(ce, { children: "Command Palette" }),
|
|
151
151
|
/* @__PURE__ */ t(le, { children: "Search or jump to pages, projects, tasks, and actions" })
|
|
152
152
|
] }),
|
|
153
153
|
/* @__PURE__ */ o("div", { className: "flex items-center gap-ds-04 border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
|
|
@@ -164,14 +164,14 @@ const ke = r.forwardRef(
|
|
|
164
164
|
/* @__PURE__ */ t(
|
|
165
165
|
"input",
|
|
166
166
|
{
|
|
167
|
-
ref:
|
|
167
|
+
ref: L,
|
|
168
168
|
value: g,
|
|
169
|
-
onChange: (e) =>
|
|
170
|
-
placeholder:
|
|
169
|
+
onChange: (e) => _(e.target.value),
|
|
170
|
+
placeholder: O,
|
|
171
171
|
role: "combobox",
|
|
172
172
|
"aria-expanded": !0,
|
|
173
|
-
"aria-controls":
|
|
174
|
-
"aria-activedescendant": y[f] ? `command-item-${
|
|
173
|
+
"aria-controls": V,
|
|
174
|
+
"aria-activedescendant": y[f] ? `command-item-${I}-${y[f].id}` : void 0,
|
|
175
175
|
"aria-autocomplete": "list",
|
|
176
176
|
className: N(
|
|
177
177
|
"flex-1 bg-transparent text-ds-base text-surface-fg outline-none",
|
|
@@ -182,13 +182,13 @@ const ke = r.forwardRef(
|
|
|
182
182
|
spellCheck: !1
|
|
183
183
|
}
|
|
184
184
|
),
|
|
185
|
-
/* @__PURE__ */ t("kbd", { className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-
|
|
185
|
+
/* @__PURE__ */ t("kbd", { className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex", children: "Esc" })
|
|
186
186
|
] }),
|
|
187
187
|
/* @__PURE__ */ o(
|
|
188
188
|
"div",
|
|
189
189
|
{
|
|
190
|
-
ref:
|
|
191
|
-
id:
|
|
190
|
+
ref: $,
|
|
191
|
+
id: V,
|
|
192
192
|
role: "listbox",
|
|
193
193
|
"aria-label": "Command results",
|
|
194
194
|
className: "overflow-y-auto px-ds-03 py-ds-03",
|
|
@@ -199,9 +199,9 @@ const ke = r.forwardRef(
|
|
|
199
199
|
{
|
|
200
200
|
initial: v ?? { opacity: 0 },
|
|
201
201
|
animate: { opacity: 1 },
|
|
202
|
-
transition:
|
|
202
|
+
transition: M,
|
|
203
203
|
className: "flex items-center justify-center py-ds-07",
|
|
204
|
-
children:
|
|
204
|
+
children: T ?? /* @__PURE__ */ t("p", { className: "text-ds-md text-surface-fg-subtle", children: Q })
|
|
205
205
|
}
|
|
206
206
|
),
|
|
207
207
|
u.map((e, s) => /* @__PURE__ */ o(
|
|
@@ -209,7 +209,7 @@ const ke = r.forwardRef(
|
|
|
209
209
|
{
|
|
210
210
|
initial: v ?? { opacity: 0 },
|
|
211
211
|
animate: { opacity: 1 },
|
|
212
|
-
transition:
|
|
212
|
+
transition: c ? k : { ...q.fade, delay: s * 0.06 },
|
|
213
213
|
className: "mb-ds-02",
|
|
214
214
|
children: [
|
|
215
215
|
/* @__PURE__ */ t("div", { className: "px-ds-03 pb-ds-02 pt-ds-03", children: /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: e.label }) }),
|
|
@@ -218,16 +218,16 @@ const ke = r.forwardRef(
|
|
|
218
218
|
return /* @__PURE__ */ o(
|
|
219
219
|
m.button,
|
|
220
220
|
{
|
|
221
|
-
id: `command-item-${
|
|
221
|
+
id: `command-item-${I}-${a.id}`,
|
|
222
222
|
type: "button",
|
|
223
223
|
role: "option",
|
|
224
224
|
"aria-selected": l,
|
|
225
225
|
"data-command-index": i,
|
|
226
226
|
initial: v ?? { opacity: 0, y: 4 },
|
|
227
227
|
animate: { opacity: 1, y: 0 },
|
|
228
|
-
transition:
|
|
228
|
+
transition: c ? k : { ...P.snappy, delay: i * 0.03 },
|
|
229
229
|
onClick: () => {
|
|
230
|
-
a.onSelect(),
|
|
230
|
+
a.onSelect(), d(!1);
|
|
231
231
|
},
|
|
232
232
|
onMouseEnter: () => h(i),
|
|
233
233
|
className: N(
|
|
@@ -250,26 +250,26 @@ const ke = r.forwardRef(
|
|
|
250
250
|
/* @__PURE__ */ t("span", { className: "text-ds-md", children: a.renderLabel ? a.renderLabel(g) : a.label }),
|
|
251
251
|
a.description && /* @__PURE__ */ t("span", { className: "text-ds-sm text-surface-fg-subtle", children: a.description })
|
|
252
252
|
] }),
|
|
253
|
-
a.shortcut && /* @__PURE__ */ t("span", { className: "flex shrink-0 items-center gap-ds-01", children: Ne(a.shortcut).map((
|
|
253
|
+
a.shortcut && /* @__PURE__ */ t("span", { className: "flex shrink-0 items-center gap-ds-01", children: Ne(a.shortcut).map((E, re) => /* @__PURE__ */ t(
|
|
254
254
|
"kbd",
|
|
255
255
|
{
|
|
256
256
|
className: N(
|
|
257
|
-
"inline-flex min-w-[20px] items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-
|
|
257
|
+
"inline-flex min-w-[20px] items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-kbd transition-colors duration-fast-02 ease-productive-standard",
|
|
258
258
|
l ? "bg-accent-2 text-accent-11 border-accent-6" : "bg-surface-raised text-surface-fg-subtle border-surface-border-strong"
|
|
259
259
|
),
|
|
260
|
-
children:
|
|
260
|
+
children: E === "Ctrl" || E === "ctrl" ? ge(Y) : E
|
|
261
261
|
},
|
|
262
262
|
re
|
|
263
263
|
)) }),
|
|
264
264
|
/* @__PURE__ */ t(ye, { children: l && /* @__PURE__ */ t(
|
|
265
265
|
m.span,
|
|
266
266
|
{
|
|
267
|
-
initial:
|
|
267
|
+
initial: c ? void 0 : { opacity: 0 },
|
|
268
268
|
animate: { opacity: 1 },
|
|
269
|
-
exit:
|
|
270
|
-
transition:
|
|
269
|
+
exit: c ? void 0 : { opacity: 0 },
|
|
270
|
+
transition: M,
|
|
271
271
|
className: "inline-flex shrink-0",
|
|
272
|
-
children: /* @__PURE__ */ t(w, { icon:
|
|
272
|
+
children: /* @__PURE__ */ t(w, { icon: K, size: "sm", stroke: "light", className: "text-surface-fg-subtle" })
|
|
273
273
|
}
|
|
274
274
|
) })
|
|
275
275
|
]
|
|
@@ -284,18 +284,18 @@ const ke = r.forwardRef(
|
|
|
284
284
|
]
|
|
285
285
|
}
|
|
286
286
|
),
|
|
287
|
-
|
|
287
|
+
F !== !1 && /* @__PURE__ */ t(
|
|
288
288
|
m.div,
|
|
289
289
|
{
|
|
290
290
|
initial: v ?? { opacity: 0 },
|
|
291
291
|
animate: { opacity: 1 },
|
|
292
|
-
transition:
|
|
292
|
+
transition: M,
|
|
293
293
|
className: "flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03",
|
|
294
|
-
children:
|
|
294
|
+
children: F.map((e, s) => /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02b", children: [
|
|
295
295
|
e.keys === "↑↓" ? /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-01", children: [
|
|
296
|
-
/* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-
|
|
297
|
-
/* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-
|
|
298
|
-
] }) : e.keys === "↵" ? /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b shadow-
|
|
296
|
+
/* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd", children: /* @__PURE__ */ t(w, { icon: ue, size: "xs", className: "text-surface-fg-subtle" }) }),
|
|
297
|
+
/* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd", children: /* @__PURE__ */ t(w, { icon: me, size: "xs", className: "text-surface-fg-subtle" }) })
|
|
298
|
+
] }) : e.keys === "↵" ? /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd", children: /* @__PURE__ */ t(w, { icon: K, size: "xs", className: "text-surface-fg-subtle" }) }) : /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd", children: e.keys }),
|
|
299
299
|
/* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: e.label })
|
|
300
300
|
] }, s))
|
|
301
301
|
}
|
|
@@ -14,7 +14,7 @@ export interface ConfirmDialogProps extends Omit<React.ComponentPropsWithoutRef<
|
|
|
14
14
|
/** Cancel button text */
|
|
15
15
|
cancelText?: string;
|
|
16
16
|
/** Color of the confirm button */
|
|
17
|
-
color?: '
|
|
17
|
+
color?: 'accent' | 'error';
|
|
18
18
|
/** Whether the dialog is in a loading state */
|
|
19
19
|
loading?: boolean;
|
|
20
20
|
/** Called when the user confirms. Dialog stays open — consumer controls closing via onOpenChange. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/composed/confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC9F,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,gDAAgD;IAChD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/composed/confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC9F,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,gDAAgD;IAChD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qGAAqG;IACrG,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACtC;AAED,QAAA,MAAM,aAAa,2FA6ClB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as r, jsxs as
|
|
2
|
+
import { jsx as r, jsxs as e } from "react/jsx-runtime";
|
|
3
3
|
import * as g from "react";
|
|
4
4
|
import { AlertDialog as p, AlertDialogContent as A, AlertDialogHeader as C, AlertDialogTitle as u, AlertDialogDescription as x, AlertDialogFooter as b } from "../ui/alert-dialog.js";
|
|
5
5
|
import { Button as o } from "../ui/button.js";
|
|
6
6
|
const j = g.forwardRef(
|
|
7
7
|
({
|
|
8
8
|
open: t,
|
|
9
|
-
onOpenChange:
|
|
9
|
+
onOpenChange: l,
|
|
10
10
|
title: a,
|
|
11
11
|
description: n,
|
|
12
12
|
confirmText: c = "Confirm",
|
|
13
13
|
cancelText: d = "Cancel",
|
|
14
|
-
color: s = "
|
|
14
|
+
color: s = "accent",
|
|
15
15
|
loading: i = !1,
|
|
16
|
-
onConfirm:
|
|
17
|
-
className:
|
|
16
|
+
onConfirm: m,
|
|
17
|
+
className: f,
|
|
18
18
|
...D
|
|
19
|
-
}, h) => /* @__PURE__ */ r(p, { open: t, onOpenChange:
|
|
20
|
-
/* @__PURE__ */
|
|
19
|
+
}, h) => /* @__PURE__ */ r(p, { open: t, onOpenChange: l, children: /* @__PURE__ */ e(A, { ref: h, className: f, ...D, children: [
|
|
20
|
+
/* @__PURE__ */ e(C, { children: [
|
|
21
21
|
/* @__PURE__ */ r(u, { children: a }),
|
|
22
22
|
/* @__PURE__ */ r(x, { children: n })
|
|
23
23
|
] }),
|
|
24
|
-
/* @__PURE__ */
|
|
24
|
+
/* @__PURE__ */ e(b, { children: [
|
|
25
25
|
/* @__PURE__ */ r(
|
|
26
26
|
o,
|
|
27
27
|
{
|
|
28
28
|
variant: "outline",
|
|
29
29
|
disabled: i,
|
|
30
|
-
onClick: () =>
|
|
30
|
+
onClick: () => l(!1),
|
|
31
31
|
children: d
|
|
32
32
|
}
|
|
33
33
|
),
|
|
@@ -37,7 +37,7 @@ const j = g.forwardRef(
|
|
|
37
37
|
variant: "solid",
|
|
38
38
|
color: s,
|
|
39
39
|
disabled: i,
|
|
40
|
-
onClick: () =>
|
|
40
|
+
onClick: () => m(),
|
|
41
41
|
children: i ? "Processing..." : c
|
|
42
42
|
}
|
|
43
43
|
)
|
|
@@ -1,14 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* A popover-based date picker with day/month/year drill-down views.
|
|
5
|
+
* Supports min/max date constraints and arbitrary date disabling.
|
|
6
|
+
*/
|
|
3
7
|
export interface DatePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value'> {
|
|
8
|
+
/** Currently selected date (controlled). */
|
|
4
9
|
value?: Date | null;
|
|
10
|
+
/** Called when a date is selected. Receives null if cleared. */
|
|
5
11
|
onChange?: (date: Date | null) => void;
|
|
6
12
|
placeholder?: string;
|
|
7
|
-
|
|
13
|
+
/** date-fns format string for the trigger display. @default 'MMM d, yyyy' */
|
|
8
14
|
formatStr?: string;
|
|
15
|
+
/** Earliest selectable date. */
|
|
9
16
|
minDate?: Date;
|
|
17
|
+
/** Latest selectable date. */
|
|
10
18
|
maxDate?: Date;
|
|
19
|
+
/** Predicate to disable specific dates (return true to disable). */
|
|
11
20
|
disabledDates?: (date: Date) => boolean;
|
|
21
|
+
className?: string;
|
|
12
22
|
}
|
|
13
23
|
declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
24
|
export { DatePicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3G,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3G,4CAA4C;IAC5C,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,2FAyHf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/month-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/month-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,eAAO,MAAM,WAAW,yFAqFvB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"year-picker.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/year-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"year-picker.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/year-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,eAAO,MAAM,UAAU,wFAqFtB,CAAA"}
|
|
@@ -13,6 +13,6 @@ export interface DeadlineIndicatorProps extends React.HTMLAttributes<HTMLSpanEle
|
|
|
13
13
|
/** Auto-refresh interval in ms to keep relative time up to date @default 60000 */
|
|
14
14
|
refreshInterval?: number;
|
|
15
15
|
}
|
|
16
|
-
declare
|
|
16
|
+
declare const DeadlineIndicator: React.ForwardRefExoticComponent<DeadlineIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
17
17
|
export { DeadlineIndicator };
|
|
18
18
|
//# sourceMappingURL=deadline-indicator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deadline-indicator.d.ts","sourceRoot":"","sources":["../../src/composed/deadline-indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACnF,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IAChC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AA8BD,
|
|
1
|
+
{"version":3,"file":"deadline-indicator.d.ts","sourceRoot":"","sources":["../../src/composed/deadline-indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACnF,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IAChC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AA8BD,QAAA,MAAM,iBAAiB,gGA0ErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import * as
|
|
4
|
-
import { cn as
|
|
5
|
-
import { motionProps as
|
|
6
|
-
import { IconClock as
|
|
7
|
-
import { Icon as
|
|
8
|
-
import { SimpleTooltip as
|
|
9
|
-
import { m as
|
|
10
|
-
function
|
|
2
|
+
import { jsxs as D, jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import * as a from "react";
|
|
4
|
+
import { cn as b } from "../ui/lib/utils.js";
|
|
5
|
+
import { motionProps as S } from "../ui/lib/motion.js";
|
|
6
|
+
import { IconClock as g } from "@tabler/icons-react";
|
|
7
|
+
import { Icon as w } from "../ui/icon.js";
|
|
8
|
+
import { SimpleTooltip as y } from "./simple-tooltip.js";
|
|
9
|
+
import { m as j } from "../_chunks/framer.js";
|
|
10
|
+
function z(t) {
|
|
11
11
|
const e = Math.abs(t), n = t < 0 ? "Overdue by " : "", r = t >= 0 ? " left" : "";
|
|
12
12
|
return e < 1 ? t < 0 ? "Overdue" : "Due now" : e < 60 ? `${n}${Math.round(e)}m${r}` : e < 1440 ? `${n}${Math.round(e / 60)}h${r}` : `${n}${Math.round(e / 1440)}d${r}`;
|
|
13
13
|
}
|
|
14
|
-
function
|
|
14
|
+
function L(t) {
|
|
15
15
|
return t.toLocaleDateString(void 0, {
|
|
16
16
|
month: "short",
|
|
17
17
|
day: "numeric",
|
|
@@ -19,58 +19,61 @@ function z(t) {
|
|
|
19
19
|
minute: "2-digit"
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
|
-
|
|
22
|
+
const N = a.forwardRef(({
|
|
23
23
|
deadline: t,
|
|
24
24
|
warningThreshold: e = 1440,
|
|
25
25
|
criticalThreshold: n = 240,
|
|
26
26
|
format: r = "relative",
|
|
27
27
|
showIcon: m = !1,
|
|
28
|
-
refreshInterval:
|
|
28
|
+
refreshInterval: f = 6e4,
|
|
29
29
|
className: u,
|
|
30
30
|
...d
|
|
31
|
-
}) {
|
|
32
|
-
const [,
|
|
33
|
-
|
|
34
|
-
if (!
|
|
35
|
-
const s = setInterval(
|
|
31
|
+
}, p) => {
|
|
32
|
+
const [, M] = a.useReducer((s) => s + 1, 0);
|
|
33
|
+
a.useEffect(() => {
|
|
34
|
+
if (!f) return;
|
|
35
|
+
const s = setInterval(M, f);
|
|
36
36
|
return () => clearInterval(s);
|
|
37
|
-
}, [
|
|
38
|
-
const
|
|
37
|
+
}, [f]);
|
|
38
|
+
const l = a.useMemo(
|
|
39
39
|
() => t instanceof Date ? t : new Date(t),
|
|
40
40
|
[t]
|
|
41
|
-
), o = (
|
|
41
|
+
), o = (l.getTime() - Date.now()) / 6e4;
|
|
42
42
|
let i;
|
|
43
43
|
o <= 0 ? i = "text-error-11 font-semibold" : o <= n ? i = "text-error-11" : o <= e ? i = "text-warning-11" : i = "text-success-11";
|
|
44
|
-
const
|
|
45
|
-
if (
|
|
46
|
-
const s = /* @__PURE__ */
|
|
47
|
-
|
|
44
|
+
const x = r === "relative" ? z(o) : L(l), C = o <= 0, I = o <= n && o > 0, O = C || I, h = r === "relative", $ = l.toLocaleString();
|
|
45
|
+
if (O) {
|
|
46
|
+
const s = /* @__PURE__ */ D(
|
|
47
|
+
j.span,
|
|
48
48
|
{
|
|
49
|
-
|
|
49
|
+
ref: p,
|
|
50
|
+
className: b("inline-flex items-center gap-ds-01 font-sans text-ds-sm", i, u),
|
|
50
51
|
animate: { opacity: [1, 0.7, 1] },
|
|
51
52
|
transition: { duration: 2, repeat: 1 / 0 },
|
|
52
|
-
...
|
|
53
|
+
...S(d),
|
|
53
54
|
children: [
|
|
54
|
-
m && /* @__PURE__ */ c(
|
|
55
|
-
|
|
55
|
+
m && /* @__PURE__ */ c(w, { icon: g, size: "xs" }),
|
|
56
|
+
x
|
|
56
57
|
]
|
|
57
58
|
}
|
|
58
59
|
);
|
|
59
|
-
return
|
|
60
|
+
return h ? /* @__PURE__ */ c(y, { content: $, children: s }) : s;
|
|
60
61
|
}
|
|
61
|
-
const
|
|
62
|
+
const v = /* @__PURE__ */ D(
|
|
62
63
|
"span",
|
|
63
64
|
{
|
|
64
|
-
|
|
65
|
+
ref: p,
|
|
66
|
+
className: b("inline-flex items-center gap-ds-01 font-sans text-ds-sm", i, u),
|
|
65
67
|
...d,
|
|
66
68
|
children: [
|
|
67
|
-
m && /* @__PURE__ */ c(
|
|
68
|
-
|
|
69
|
+
m && /* @__PURE__ */ c(w, { icon: g, size: "xs" }),
|
|
70
|
+
x
|
|
69
71
|
]
|
|
70
72
|
}
|
|
71
73
|
);
|
|
72
|
-
return
|
|
73
|
-
}
|
|
74
|
+
return h ? /* @__PURE__ */ c(y, { content: $, children: v }) : v;
|
|
75
|
+
});
|
|
76
|
+
N.displayName = "DeadlineIndicator";
|
|
74
77
|
export {
|
|
75
|
-
|
|
78
|
+
N as DeadlineIndicator
|
|
76
79
|
};
|
|
@@ -21,6 +21,12 @@ export interface EmojiPickerPopoverProps extends EmojiPickerProps {
|
|
|
21
21
|
align?: 'start' | 'center' | 'end';
|
|
22
22
|
}
|
|
23
23
|
declare function EmojiPicker({ onSelect, theme, previewPosition, skinTonePosition, className, }: EmojiPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare namespace EmojiPicker {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
24
27
|
declare function EmojiPickerPopover({ children, align, onSelect, theme, previewPosition, skinTonePosition, className, }: EmojiPickerPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare namespace EmojiPickerPopover {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
25
31
|
export { EmojiPicker, EmojiPickerPopover };
|
|
26
32
|
//# sourceMappingURL=emoji-picker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"emoji-picker.d.ts","sourceRoot":"","sources":["../../src/composed/emoji-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACpC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACjC,sBAAsB;IACtB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC;AAsBD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,KAAc,EACd,eAAwB,EACxB,gBAA2B,EAC3B,SAAS,GACV,EAAE,gBAAgB,2CAqDlB;
|
|
1
|
+
{"version":3,"file":"emoji-picker.d.ts","sourceRoot":"","sources":["../../src/composed/emoji-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACpC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACjC,sBAAsB;IACtB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC;AAsBD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,KAAc,EACd,eAAwB,EACxB,gBAA2B,EAC3B,SAAS,GACV,EAAE,gBAAgB,2CAqDlB;kBA3DQ,WAAW;;;AAiEpB,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,KAAe,EACf,QAAQ,EACR,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,SAAS,GACV,EAAE,uBAAuB,2CA0BzB;kBAlCQ,kBAAkB;;;AAuC3B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAA"}
|