@devalok/shilp-sutra-karm 0.20.0 → 0.20.2
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/chat-panel.js +11 -11
- package/dist/_chunks/project-card.js +1 -1
- package/dist/_chunks/render-adjustment-type.js +8 -8
- package/dist/_chunks/sidebar-scratchpad.js +22 -22
- package/dist/_chunks/task-detail-panel.js +6 -6
- package/dist/dashboard/index.js +46 -46
- package/dist/index.js +6 -6
- package/package.json +1 -1
|
@@ -156,7 +156,7 @@ const U = w.forwardRef(
|
|
|
156
156
|
},
|
|
157
157
|
[y]
|
|
158
158
|
);
|
|
159
|
-
return /* @__PURE__ */ s("div", { ref: m, className: x("border-t border-surface-border-strong bg-surface-
|
|
159
|
+
return /* @__PURE__ */ s("div", { ref: m, className: x("border-t border-surface-border-strong bg-surface-2 p-ds-04", u), ...o, children: [
|
|
160
160
|
/* @__PURE__ */ s("div", { className: "flex items-end gap-ds-03 rounded-ds-xl border border-surface-border-strong bg-surface-3 px-ds-04 py-ds-03", children: [
|
|
161
161
|
/* @__PURE__ */ e(
|
|
162
162
|
"textarea",
|
|
@@ -200,7 +200,7 @@ const z = w.forwardRef(
|
|
|
200
200
|
"button",
|
|
201
201
|
{
|
|
202
202
|
onClick: c,
|
|
203
|
-
className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-surface-fg-muted transition-colors hover:bg-surface-
|
|
203
|
+
className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-surface-fg-muted transition-colors hover:bg-surface-3",
|
|
204
204
|
children: [
|
|
205
205
|
/* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm" }),
|
|
206
206
|
/* @__PURE__ */ e("span", { className: "text-ds-sm", children: "New Chat" })
|
|
@@ -215,8 +215,8 @@ const z = w.forwardRef(
|
|
|
215
215
|
"div",
|
|
216
216
|
{
|
|
217
217
|
className: x(
|
|
218
|
-
"group flex items-center gap-ds-04 border-b border-surface-border px-ds-05 py-ds-04 transition-colors hover:bg-surface-
|
|
219
|
-
d === t.id && "bg-surface-
|
|
218
|
+
"group flex items-center gap-ds-04 border-b border-surface-border px-ds-05 py-ds-04 transition-colors hover:bg-surface-3",
|
|
219
|
+
d === t.id && "bg-surface-3"
|
|
220
220
|
),
|
|
221
221
|
children: [
|
|
222
222
|
/* @__PURE__ */ s(
|
|
@@ -299,7 +299,7 @@ const fe = [
|
|
|
299
299
|
{
|
|
300
300
|
ref: B,
|
|
301
301
|
side: "right",
|
|
302
|
-
className: x("flex w-full flex-col gap-0 border-l border-surface-border-strong bg-surface-
|
|
302
|
+
className: x("flex w-full flex-col gap-0 border-l border-surface-border-strong bg-surface-2 p-0 sm:max-w-[480px] [&>button]:hidden", V),
|
|
303
303
|
...q,
|
|
304
304
|
children: [
|
|
305
305
|
/* @__PURE__ */ e(Q, { className: "sr-only", children: "AI Chat" }),
|
|
@@ -308,7 +308,7 @@ const fe = [
|
|
|
308
308
|
/* @__PURE__ */ e(ne, { asChild: !0, children: /* @__PURE__ */ s(
|
|
309
309
|
"button",
|
|
310
310
|
{
|
|
311
|
-
className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b transition-colors hover:bg-surface-
|
|
311
|
+
className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b transition-colors hover:bg-surface-3",
|
|
312
312
|
children: [
|
|
313
313
|
/* @__PURE__ */ e("span", { className: "text-ds-base text-surface-fg", children: b == null ? void 0 : b.name }),
|
|
314
314
|
/* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: b == null ? void 0 : b.desc }),
|
|
@@ -320,7 +320,7 @@ const fe = [
|
|
|
320
320
|
me,
|
|
321
321
|
{
|
|
322
322
|
onClick: () => N == null ? void 0 : N(p.id),
|
|
323
|
-
className: u === p.id ? "bg-surface-
|
|
323
|
+
className: u === p.id ? "bg-surface-3" : "",
|
|
324
324
|
children: /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
|
|
325
325
|
/* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg", children: p.name }),
|
|
326
326
|
/* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: p.desc })
|
|
@@ -335,7 +335,7 @@ const fe = [
|
|
|
335
335
|
onClick: () => {
|
|
336
336
|
r == null || r(), j(!1);
|
|
337
337
|
},
|
|
338
|
-
className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-
|
|
338
|
+
className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-3",
|
|
339
339
|
"aria-label": "New chat",
|
|
340
340
|
children: /* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm" })
|
|
341
341
|
}
|
|
@@ -345,8 +345,8 @@ const fe = [
|
|
|
345
345
|
{
|
|
346
346
|
onClick: () => j(!M),
|
|
347
347
|
className: x(
|
|
348
|
-
"flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg transition-colors hover:bg-surface-
|
|
349
|
-
M ? "bg-surface-
|
|
348
|
+
"flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg transition-colors hover:bg-surface-3",
|
|
349
|
+
M ? "bg-surface-3 text-surface-fg" : "text-surface-fg-muted"
|
|
350
350
|
),
|
|
351
351
|
"aria-label": "Conversation history",
|
|
352
352
|
children: /* @__PURE__ */ e(ie, { className: "h-ico-sm w-ico-sm" })
|
|
@@ -356,7 +356,7 @@ const fe = [
|
|
|
356
356
|
"button",
|
|
357
357
|
{
|
|
358
358
|
onClick: () => d(!1),
|
|
359
|
-
className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-
|
|
359
|
+
className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-3",
|
|
360
360
|
"aria-label": "Close chat",
|
|
361
361
|
children: /* @__PURE__ */ e(le, { className: "h-ico-sm w-ico-sm" })
|
|
362
362
|
}
|
|
@@ -83,7 +83,7 @@ const w = {
|
|
|
83
83
|
{
|
|
84
84
|
ref: o,
|
|
85
85
|
className: p(
|
|
86
|
-
"group cursor-pointer rounded-ds-lg border border-surface-border bg-surface-
|
|
86
|
+
"group cursor-pointer rounded-ds-lg border border-surface-border bg-surface-2 p-ds-05b shadow-01 transition-shadow duration-200 hover:shadow-02",
|
|
87
87
|
c
|
|
88
88
|
),
|
|
89
89
|
...n,
|
|
@@ -88,12 +88,12 @@ const Cs = _.forwardRef(
|
|
|
88
88
|
))
|
|
89
89
|
}
|
|
90
90
|
) }),
|
|
91
|
-
/* @__PURE__ */ e("div", { className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-
|
|
91
|
+
/* @__PURE__ */ e("div", { className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-2 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
|
|
92
92
|
/* @__PURE__ */ a("div", { className: "flex w-full items-start border-b-[1px] border-b-surface-border px-ds-06 md:border-b max-md:border-0 max-md:px-0", children: [
|
|
93
93
|
/* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer border-b-[1.5px] border-b-accent-9 px-ds-03 py-ds-04 font-semibold text-surface-fg", children: "REQUESTS(1)" }),
|
|
94
94
|
/* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer px-ds-03 py-ds-04 text-surface-fg-subtle", children: "ATTENDANCE CORRECTION(1)" })
|
|
95
95
|
] }),
|
|
96
|
-
/* @__PURE__ */ e("div", { className: "flex max-h-[200px] w-full flex-col overflow-y-auto bg-surface-
|
|
96
|
+
/* @__PURE__ */ e("div", { className: "flex max-h-[200px] w-full flex-col overflow-y-auto bg-surface-2 px-ds-06 max-md:flex-1 max-md:max-h-none max-md:min-h-[372px] max-md:p-0", children: Array.from({ length: 2 }).map((i, o) => /* @__PURE__ */ a(
|
|
97
97
|
"div",
|
|
98
98
|
{
|
|
99
99
|
className: "flex items-center justify-between px-ds-03 py-ds-04",
|
|
@@ -700,7 +700,7 @@ const ze = _.forwardRef(
|
|
|
700
700
|
}
|
|
701
701
|
),
|
|
702
702
|
/* @__PURE__ */ a("div", { className: "relative flex min-h-[236px] flex-col items-center justify-between rounded-ds-lg md:flex-row", children: [
|
|
703
|
-
m && n ? /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center px-ds-04 pt-[17px]", children: /* @__PURE__ */ a("div", { className: "w-full gap-ds-05 rounded-ds-md bg-surface-
|
|
703
|
+
m && n ? /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center px-ds-04 pt-[17px]", children: /* @__PURE__ */ a("div", { className: "w-full gap-ds-05 rounded-ds-md bg-surface-2 shadow-01 px-ds-06 py-ds-07 md:hidden", children: [
|
|
704
704
|
/* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-ds-04", children: [
|
|
705
705
|
/* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-center text-surface-fg", children: "Cancel this break?" }),
|
|
706
706
|
/* @__PURE__ */ a("div", { className: "text-ds-base max-w-[240px] text-center text-surface-fg-subtle max-md:leading-[100%]", children: [
|
|
@@ -748,7 +748,7 @@ const ze = _.forwardRef(
|
|
|
748
748
|
className: D("flex w-full flex-col items-center justify-center px-ds-05", m || t.status === "APPROVED" || t.status === "REJECTED" ? "pb-ds-06 pt-[9px]" : "py-ds-06", "md:w-1/2 md:px-ds-06 md:py-ds-05 max-md:pt-[34px]"),
|
|
749
749
|
children: [
|
|
750
750
|
/* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-06 text-surface-fg-subtle max-md:mb-ds-05", children: "Break Status" }),
|
|
751
|
-
/* @__PURE__ */ a("div", { className: "mb-ds-04 flex w-full flex-col items-center justify-start gap-ds-04 rounded-ds-2xl border border-surface-border bg-surface-
|
|
751
|
+
/* @__PURE__ */ a("div", { className: "mb-ds-04 flex w-full flex-col items-center justify-start gap-ds-04 rounded-ds-2xl border border-surface-border bg-surface-2 shadow-01 px-ds-05 py-ds-04 text-center font-semibold text-surface-fg", children: [
|
|
752
752
|
Bs(t.status, !1),
|
|
753
753
|
t.status === "APPROVED" && t.adminComment,
|
|
754
754
|
t.status === "REJECTED" && t.adminComment
|
|
@@ -954,7 +954,7 @@ const Rs = _.forwardRef(
|
|
|
954
954
|
Re(/* @__PURE__ */ new Date())
|
|
955
955
|
) ? /* @__PURE__ */ a("div", { className: "flex w-full flex-col items-center justify-center p-ds-06", children: [
|
|
956
956
|
/* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-05 text-surface-fg-subtle", children: "COMMENT" }),
|
|
957
|
-
/* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-surface-border-strong bg-surface-
|
|
957
|
+
/* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-surface-border-strong bg-surface-2 px-ds-05 max-md:h-ds-lg", children: [
|
|
958
958
|
/* @__PURE__ */ e(
|
|
959
959
|
"input",
|
|
960
960
|
{
|
|
@@ -1799,7 +1799,7 @@ const fs = rt(
|
|
|
1799
1799
|
const p = (S) => {
|
|
1800
1800
|
N(S);
|
|
1801
1801
|
};
|
|
1802
|
-
return w.length === 0 && s.length === 0 ? null : /* @__PURE__ */ e("div", { ref: r, className: D("w-full p-0 md:p-ds-06", h), ...b, children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-
|
|
1802
|
+
return w.length === 0 && s.length === 0 ? null : /* @__PURE__ */ e("div", { ref: r, className: D("w-full p-0 md:p-ds-06", h), ...b, children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-2 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
|
|
1803
1803
|
/* @__PURE__ */ a("div", { className: "flex w-full items-start border-b-[1px] border-b-surface-border px-ds-06 md:border-b max-md:border-0 max-md:px-0", children: [
|
|
1804
1804
|
s.length > 0 && /* @__PURE__ */ a(
|
|
1805
1805
|
"button",
|
|
@@ -1945,7 +1945,7 @@ const ua = Object.assign(We, {
|
|
|
1945
1945
|
{
|
|
1946
1946
|
"aria-label": "Previous",
|
|
1947
1947
|
onClick: () => h("prev"),
|
|
1948
|
-
className: "rounded-ds-full p-ds-02 hover:bg-surface-
|
|
1948
|
+
className: "rounded-ds-full p-ds-02 hover:bg-surface-3",
|
|
1949
1949
|
children: /* @__PURE__ */ e(Ne, { className: "h-ico-md w-ico-md text-surface-fg-muted" })
|
|
1950
1950
|
}
|
|
1951
1951
|
),
|
|
@@ -1954,7 +1954,7 @@ const ua = Object.assign(We, {
|
|
|
1954
1954
|
{
|
|
1955
1955
|
"aria-label": "Next",
|
|
1956
1956
|
onClick: () => h("next"),
|
|
1957
|
-
className: "rounded-ds-full p-ds-02 hover:bg-surface-
|
|
1957
|
+
className: "rounded-ds-full p-ds-02 hover:bg-surface-3",
|
|
1958
1958
|
children: /* @__PURE__ */ e(ye, { className: "h-ico-md w-ico-md text-surface-fg-muted" })
|
|
1959
1959
|
}
|
|
1960
1960
|
)
|
|
@@ -46,7 +46,7 @@ const Ke = w.forwardRef(
|
|
|
46
46
|
}, u) {
|
|
47
47
|
var g, k;
|
|
48
48
|
const r = ((g = a == null ? void 0 : a.attendance) == null ? void 0 : g.status) ?? "Not_Marked", x = r === "PRESENT" || d, b = r === "BREAK", f = (k = a == null ? void 0 : a.attendance) == null ? void 0 : k.timeIn, m = _e(), p = (t == null ? void 0 : t.split(" ")[0]) || "there", v = Le();
|
|
49
|
-
return x && !b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
49
|
+
return x && !b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01", l), ...i, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
|
|
50
50
|
/* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02", children: [
|
|
51
51
|
/* @__PURE__ */ s("h2", { className: "text-ds-2xl text-surface-fg", children: [
|
|
52
52
|
m,
|
|
@@ -64,7 +64,7 @@ const Ke = w.forwardRef(
|
|
|
64
64
|
f ? c(f) : "--:--"
|
|
65
65
|
] })
|
|
66
66
|
] })
|
|
67
|
-
] }) }) : b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
67
|
+
] }) }) : b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01", l), ...i, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
|
|
68
68
|
/* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02", children: [
|
|
69
69
|
/* @__PURE__ */ s("h2", { className: "text-ds-2xl text-surface-fg", children: [
|
|
70
70
|
m,
|
|
@@ -104,7 +104,7 @@ const Ke = w.forwardRef(
|
|
|
104
104
|
]
|
|
105
105
|
}
|
|
106
106
|
)
|
|
107
|
-
] }) }) : /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
107
|
+
] }) }) : /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01", l), ...i, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-06 sm:px-ds-07 sm:py-ds-07", children: [
|
|
108
108
|
/* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
|
|
109
109
|
/* @__PURE__ */ s("h2", { className: "text-ds-3xl text-surface-fg", children: [
|
|
110
110
|
m,
|
|
@@ -142,30 +142,30 @@ const _ = [
|
|
|
142
142
|
}, r) {
|
|
143
143
|
const [x, b] = C(c), f = l ?? "Morning Brief";
|
|
144
144
|
if (a && !t)
|
|
145
|
-
return /* @__PURE__ */ s("div", { ref: r, className: h("flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
145
|
+
return /* @__PURE__ */ s("div", { ref: r, className: h("flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01 p-ds-05b", i), ...u, children: [
|
|
146
146
|
/* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
|
|
147
|
-
/* @__PURE__ */ e("div", { className: "h-ico-sm w-ico-sm animate-pulse rounded bg-surface-
|
|
148
|
-
/* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-surface-
|
|
147
|
+
/* @__PURE__ */ e("div", { className: "h-ico-sm w-ico-sm animate-pulse rounded bg-surface-3" }),
|
|
148
|
+
/* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-surface-3" })
|
|
149
149
|
] }),
|
|
150
150
|
[1, 2, 3].map((p) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
|
|
151
|
-
/* @__PURE__ */ e("div", { className: "mt-ds-02b h-2 w-2 shrink-0 animate-pulse rounded-ds-full bg-surface-
|
|
151
|
+
/* @__PURE__ */ e("div", { className: "mt-ds-02b h-2 w-2 shrink-0 animate-pulse rounded-ds-full bg-surface-3" }),
|
|
152
152
|
/* @__PURE__ */ e(
|
|
153
153
|
"div",
|
|
154
154
|
{
|
|
155
|
-
className: "h-4 animate-pulse rounded bg-surface-
|
|
155
|
+
className: "h-4 animate-pulse rounded bg-surface-3",
|
|
156
156
|
style: { width: `${60 + p * 10}%` }
|
|
157
157
|
}
|
|
158
158
|
)
|
|
159
159
|
] }, p))
|
|
160
160
|
] });
|
|
161
161
|
if (o)
|
|
162
|
-
return /* @__PURE__ */ s("div", { ref: r, className: h("flex items-center gap-ds-03 rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
162
|
+
return /* @__PURE__ */ s("div", { ref: r, className: h("flex items-center gap-ds-03 rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01 px-ds-05b py-ds-05", i), ...u, children: [
|
|
163
163
|
/* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" }),
|
|
164
164
|
/* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: "AI brief unavailable" })
|
|
165
165
|
] });
|
|
166
166
|
if (!t || t.brief.length === 0) return null;
|
|
167
167
|
const m = !d || !x;
|
|
168
|
-
return /* @__PURE__ */ s("div", { ref: r, className: h("flex flex-col rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
168
|
+
return /* @__PURE__ */ s("div", { ref: r, className: h("flex flex-col rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01", i), ...u, children: [
|
|
169
169
|
/* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-05b py-ds-05", children: [
|
|
170
170
|
d ? /* @__PURE__ */ s(
|
|
171
171
|
"button",
|
|
@@ -199,7 +199,7 @@ const _ = [
|
|
|
199
199
|
type: "button",
|
|
200
200
|
onClick: n,
|
|
201
201
|
"aria-label": "Refresh brief",
|
|
202
|
-
className: "p-1.5 rounded hover:bg-surface-
|
|
202
|
+
className: "p-1.5 rounded hover:bg-surface-3 transition-colors",
|
|
203
203
|
children: /* @__PURE__ */ e(ue, { className: h("h-ico-sm w-ico-sm text-surface-fg-subtle", a && "animate-spin") })
|
|
204
204
|
}
|
|
205
205
|
) })
|
|
@@ -374,7 +374,7 @@ const E = w.forwardRef(
|
|
|
374
374
|
transition: $.snappy,
|
|
375
375
|
style: se,
|
|
376
376
|
className: h(
|
|
377
|
-
"group flex items-center rounded-ds-md transition-colors duration-150 hover:bg-surface-
|
|
377
|
+
"group flex items-center rounded-ds-md transition-colors duration-150 hover:bg-surface-3",
|
|
378
378
|
a ? "gap-ds-02 px-ds-02 py-0.5" : "gap-ds-03 px-ds-02 py-ds-02",
|
|
379
379
|
o
|
|
380
380
|
),
|
|
@@ -544,7 +544,7 @@ const Z = w.forwardRef(
|
|
|
544
544
|
{
|
|
545
545
|
type: "button",
|
|
546
546
|
onClick: () => x(!0),
|
|
547
|
-
className: "w-full rounded-ds-md px-ds-02 py-ds-02 text-left text-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-
|
|
547
|
+
className: "w-full rounded-ds-md px-ds-02 py-ds-02 text-left text-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-3",
|
|
548
548
|
children: a
|
|
549
549
|
}
|
|
550
550
|
) });
|
|
@@ -603,7 +603,7 @@ const Fe = {
|
|
|
603
603
|
r: f,
|
|
604
604
|
fill: "none",
|
|
605
605
|
strokeWidth: x,
|
|
606
|
-
className: "stroke-surface-
|
|
606
|
+
className: "stroke-surface-3"
|
|
607
607
|
}
|
|
608
608
|
),
|
|
609
609
|
/* @__PURE__ */ e(
|
|
@@ -685,7 +685,7 @@ const V = w.forwardRef(
|
|
|
685
685
|
onClick: () => r((x) => !x),
|
|
686
686
|
"aria-expanded": u,
|
|
687
687
|
className: h(
|
|
688
|
-
"flex w-full items-center gap-ds-02 px-ds-03 py-ds-02 text-left text-ds-sm font-semibold text-surface-fg-muted transition-colors duration-150 hover:bg-surface-
|
|
688
|
+
"flex w-full items-center gap-ds-02 px-ds-03 py-ds-02 text-left text-ds-sm font-semibold text-surface-fg-muted transition-colors duration-150 hover:bg-surface-3",
|
|
689
689
|
o
|
|
690
690
|
),
|
|
691
691
|
children: [
|
|
@@ -699,7 +699,7 @@ const V = w.forwardRef(
|
|
|
699
699
|
}
|
|
700
700
|
),
|
|
701
701
|
/* @__PURE__ */ e("span", { className: "flex-1", children: t }),
|
|
702
|
-
n != null && n > 0 && /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-
|
|
702
|
+
n != null && n > 0 && /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-3 px-1.5 text-ds-xs text-surface-fg-muted", children: n })
|
|
703
703
|
]
|
|
704
704
|
}
|
|
705
705
|
),
|
|
@@ -750,21 +750,21 @@ const S = {
|
|
|
750
750
|
{
|
|
751
751
|
ref: v,
|
|
752
752
|
className: h(
|
|
753
|
-
"flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
753
|
+
"flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01 p-ds-05b",
|
|
754
754
|
m
|
|
755
755
|
),
|
|
756
756
|
...p,
|
|
757
757
|
children: [
|
|
758
758
|
/* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
|
|
759
|
-
/* @__PURE__ */ e("div", { className: "h-4 w-28 animate-pulse rounded bg-surface-
|
|
760
|
-
/* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-surface-
|
|
759
|
+
/* @__PURE__ */ e("div", { className: "h-4 w-28 animate-pulse rounded bg-surface-3" }),
|
|
760
|
+
/* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-surface-3" })
|
|
761
761
|
] }),
|
|
762
762
|
[1, 2, 3].map((g) => /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
|
|
763
|
-
/* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md shrink-0 animate-pulse rounded-ds-sm bg-surface-
|
|
763
|
+
/* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md shrink-0 animate-pulse rounded-ds-sm bg-surface-3" }),
|
|
764
764
|
/* @__PURE__ */ e(
|
|
765
765
|
"div",
|
|
766
766
|
{
|
|
767
|
-
className: "h-4 animate-pulse rounded bg-surface-
|
|
767
|
+
className: "h-4 animate-pulse rounded bg-surface-3",
|
|
768
768
|
style: { width: `${50 + g * 12}%` }
|
|
769
769
|
}
|
|
770
770
|
)
|
|
@@ -784,7 +784,7 @@ const S = {
|
|
|
784
784
|
onReorder: l,
|
|
785
785
|
onPromote: i,
|
|
786
786
|
className: h(
|
|
787
|
-
"rounded-ds-2xl border border-surface-border-strong bg-surface-
|
|
787
|
+
"rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01",
|
|
788
788
|
m
|
|
789
789
|
),
|
|
790
790
|
...p,
|
|
@@ -85,7 +85,7 @@ const ze = n.forwardRef(
|
|
|
85
85
|
},
|
|
86
86
|
className: h(
|
|
87
87
|
"shrink-0 rounded p-ds-01 transition-colors",
|
|
88
|
-
a ? "hover:bg-surface-
|
|
88
|
+
a ? "hover:bg-surface-3" : "cursor-default"
|
|
89
89
|
),
|
|
90
90
|
children: r ? /* @__PURE__ */ s(js, { className: "h-ico-sm w-ico-sm text-accent-11", stroke: 1.5 }) : /* @__PURE__ */ s(Os, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle", stroke: 1.5 })
|
|
91
91
|
}
|
|
@@ -129,7 +129,7 @@ const He = n.forwardRef(
|
|
|
129
129
|
};
|
|
130
130
|
return n.useEffect(() => {
|
|
131
131
|
p && x.current && x.current.focus();
|
|
132
|
-
}, [p]), /* @__PURE__ */ s("div", { ref: d, className: h(a), ...i, children: p ? /* @__PURE__ */ o("div", { className: "mt-ds-03 flex items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-
|
|
132
|
+
}, [p]), /* @__PURE__ */ s("div", { ref: d, className: h(a), ...i, children: p ? /* @__PURE__ */ o("div", { className: "mt-ds-03 flex items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-2 shadow-01 px-ds-04 py-ds-03", children: [
|
|
133
133
|
/* @__PURE__ */ s(
|
|
134
134
|
"input",
|
|
135
135
|
{
|
|
@@ -434,7 +434,7 @@ const Ue = n.forwardRef(
|
|
|
434
434
|
href: /^https?:\/\//.test(e.externalUrl) ? e.externalUrl : "#",
|
|
435
435
|
target: "_blank",
|
|
436
436
|
rel: "noopener noreferrer",
|
|
437
|
-
className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-
|
|
437
|
+
className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-3",
|
|
438
438
|
title: e.externalLabel ?? "Open externally",
|
|
439
439
|
children: /* @__PURE__ */ s(Bs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
|
|
440
440
|
}
|
|
@@ -445,7 +445,7 @@ const Ue = n.forwardRef(
|
|
|
445
445
|
href: /^https?:\/\//.test(e.downloadUrl) ? e.downloadUrl : "#",
|
|
446
446
|
target: "_blank",
|
|
447
447
|
rel: "noopener noreferrer",
|
|
448
|
-
className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-
|
|
448
|
+
className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-3",
|
|
449
449
|
title: "Download",
|
|
450
450
|
children: /* @__PURE__ */ s(Vs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
|
|
451
451
|
}
|
|
@@ -571,7 +571,7 @@ const Je = n.forwardRef(
|
|
|
571
571
|
{
|
|
572
572
|
ref: d,
|
|
573
573
|
className: h(
|
|
574
|
-
"rounded-ds-lg border border-surface-border-strong bg-surface-
|
|
574
|
+
"rounded-ds-lg border border-surface-border-strong bg-surface-2 shadow-01 p-ds-04",
|
|
575
575
|
a
|
|
576
576
|
),
|
|
577
577
|
...i,
|
|
@@ -1680,7 +1680,7 @@ const Ft = n.forwardRef(function({
|
|
|
1680
1680
|
/* intentional: task detail side panel takes 40% of screen, min 380px for form usability */
|
|
1681
1681
|
"w-full sm:max-w-none sm:w-[40%] min-w-[380px] p-0",
|
|
1682
1682
|
"flex flex-col overflow-hidden",
|
|
1683
|
-
"border-l border-surface-border-strong bg-surface-
|
|
1683
|
+
"border-l border-surface-border-strong bg-surface-2",
|
|
1684
1684
|
J
|
|
1685
1685
|
),
|
|
1686
1686
|
...ls,
|
package/dist/dashboard/index.js
CHANGED
|
@@ -13,24 +13,24 @@ import { Tooltip as ae, TooltipTrigger as se, TooltipContent as ne, TooltipProvi
|
|
|
13
13
|
function ce(t, e, s, o) {
|
|
14
14
|
if (t.length < 2) return { path: "", endX: 0, endY: 0, startX: 0 };
|
|
15
15
|
const a = t.length, i = e - o * 2, c = s - o * 2;
|
|
16
|
-
let m = Math.min(...t),
|
|
17
|
-
if (
|
|
18
|
-
const d = (
|
|
19
|
-
m = d - 0.05,
|
|
16
|
+
let m = Math.min(...t), f = Math.max(...t);
|
|
17
|
+
if (f - m < 0.1) {
|
|
18
|
+
const d = (f + m) / 2;
|
|
19
|
+
m = d - 0.05, f = d + 0.05;
|
|
20
20
|
}
|
|
21
|
-
const
|
|
22
|
-
(d) => o + (1 - (d - m) / (
|
|
21
|
+
const p = t.map((d, h) => o + h / (a - 1) * i), n = t.map(
|
|
22
|
+
(d) => o + (1 - (d - m) / (f - m)) * c
|
|
23
23
|
), l = [];
|
|
24
|
-
l.push(`M ${
|
|
24
|
+
l.push(`M ${p[0]} ${n[0]}`);
|
|
25
25
|
for (let d = 0; d < a - 1; d++) {
|
|
26
|
-
const h =
|
|
26
|
+
const h = p[Math.max(0, d - 1)], g = n[Math.max(0, d - 1)], w = p[d], x = n[d], N = p[d + 1], v = n[d + 1], B = p[Math.min(a - 1, d + 2)], I = n[Math.min(a - 1, d + 2)], E = (N - h) / 6, X = (v - g) / 6, z = (B - w) / 6, F = (I - x) / 6, K = w + E, O = x + X, Y = N - z, _ = v - F;
|
|
27
27
|
l.push(`C ${K} ${O}, ${Y} ${_}, ${N} ${v}`);
|
|
28
28
|
}
|
|
29
29
|
return {
|
|
30
30
|
path: l.join(" "),
|
|
31
|
-
endX:
|
|
31
|
+
endX: p[a - 1],
|
|
32
32
|
endY: n[a - 1],
|
|
33
|
-
startX:
|
|
33
|
+
startX: p[0]
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
function le(t) {
|
|
@@ -41,12 +41,12 @@ function le(t) {
|
|
|
41
41
|
return a > 0.05 ? { stroke: "var(--success-9)", fill: "var(--success-4)" } : a < -0.05 ? { stroke: "var(--error-9)", fill: "var(--error-4)" } : { stroke: "var(--warning-9)", fill: "var(--warning-4)" };
|
|
42
42
|
}
|
|
43
43
|
function ie({ trend: t, id: e }) {
|
|
44
|
-
const { path: i, endX: c, endY: m, startX:
|
|
44
|
+
const { path: i, endX: c, endY: m, startX: f } = ce(
|
|
45
45
|
t,
|
|
46
46
|
48,
|
|
47
47
|
20,
|
|
48
48
|
2
|
|
49
|
-
), { stroke:
|
|
49
|
+
), { stroke: p, fill: n } = le(t);
|
|
50
50
|
if (!i) return null;
|
|
51
51
|
const l = `sparkline-fill-${e}`;
|
|
52
52
|
return /* @__PURE__ */ u(
|
|
@@ -65,7 +65,7 @@ function ie({ trend: t, id: e }) {
|
|
|
65
65
|
/* @__PURE__ */ r(
|
|
66
66
|
"path",
|
|
67
67
|
{
|
|
68
|
-
d: `${i} L ${c} 18 L ${
|
|
68
|
+
d: `${i} L ${c} 18 L ${f} 18 Z`,
|
|
69
69
|
fill: `url(#${l})`
|
|
70
70
|
}
|
|
71
71
|
),
|
|
@@ -74,13 +74,13 @@ function ie({ trend: t, id: e }) {
|
|
|
74
74
|
{
|
|
75
75
|
d: i,
|
|
76
76
|
fill: "none",
|
|
77
|
-
stroke:
|
|
77
|
+
stroke: p,
|
|
78
78
|
strokeWidth: 1.5,
|
|
79
79
|
strokeLinecap: "round",
|
|
80
80
|
strokeLinejoin: "round"
|
|
81
81
|
}
|
|
82
82
|
),
|
|
83
|
-
/* @__PURE__ */ r("circle", { cx: c, cy: m, r: 2, fill:
|
|
83
|
+
/* @__PURE__ */ r("circle", { cx: c, cy: m, r: 2, fill: p })
|
|
84
84
|
]
|
|
85
85
|
}
|
|
86
86
|
);
|
|
@@ -93,17 +93,17 @@ function de({
|
|
|
93
93
|
"div",
|
|
94
94
|
{
|
|
95
95
|
className: b(
|
|
96
|
-
"rounded-ds-md border border-surface-border bg-surface-
|
|
96
|
+
"rounded-ds-md border border-surface-border bg-surface-2 p-ds-04",
|
|
97
97
|
t
|
|
98
98
|
),
|
|
99
99
|
...e,
|
|
100
100
|
children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-ds-03", children: [
|
|
101
101
|
/* @__PURE__ */ u("div", { className: "flex justify-between", children: [
|
|
102
|
-
/* @__PURE__ */ r("div", { className: "h-5 w-32 animate-pulse rounded bg-surface-
|
|
103
|
-
/* @__PURE__ */ r("div", { className: "h-5 w-16 animate-pulse rounded bg-surface-
|
|
102
|
+
/* @__PURE__ */ r("div", { className: "h-5 w-32 animate-pulse rounded bg-surface-3" }),
|
|
103
|
+
/* @__PURE__ */ r("div", { className: "h-5 w-16 animate-pulse rounded bg-surface-3" })
|
|
104
104
|
] }),
|
|
105
|
-
/* @__PURE__ */ r("div", { className: "h-2 w-full animate-pulse rounded bg-surface-
|
|
106
|
-
/* @__PURE__ */ r("div", { className: "h-4 w-48 animate-pulse rounded bg-surface-
|
|
105
|
+
/* @__PURE__ */ r("div", { className: "h-2 w-full animate-pulse rounded bg-surface-3" }),
|
|
106
|
+
/* @__PURE__ */ r("div", { className: "h-4 w-48 animate-pulse rounded bg-surface-3" })
|
|
107
107
|
] })
|
|
108
108
|
}
|
|
109
109
|
);
|
|
@@ -123,10 +123,10 @@ function ue({
|
|
|
123
123
|
function me(t) {
|
|
124
124
|
return t > 75 ? "success" : t >= 25 ? "warning" : "error";
|
|
125
125
|
}
|
|
126
|
-
const
|
|
126
|
+
const fe = k.forwardRef(function({ project: e, onClick: s, loading: o, className: a, ...i }, c) {
|
|
127
127
|
if (o)
|
|
128
128
|
return /* @__PURE__ */ r(de, { className: a, ...i });
|
|
129
|
-
const { id: m, name:
|
|
129
|
+
const { id: m, name: f, completed: p, total: n, overdue: l, urgent: d, contextLine: h, trend: g } = e, w = n > 0 ? Math.round(p / n * 100) : 0, x = [];
|
|
130
130
|
h && x.push(
|
|
131
131
|
/* @__PURE__ */ r("span", { children: h }, "ctx")
|
|
132
132
|
), l && l > 0 && (x.length > 0 && x.push(
|
|
@@ -152,22 +152,22 @@ const pe = k.forwardRef(function({ project: e, onClick: s, loading: o, className
|
|
|
152
152
|
ref: c,
|
|
153
153
|
"data-testid": "project-health-card",
|
|
154
154
|
className: b(
|
|
155
|
-
"rounded-ds-md border border-surface-border bg-surface-
|
|
156
|
-
s && "cursor-pointer hover:bg-surface-
|
|
155
|
+
"rounded-ds-md border border-surface-border bg-surface-2 p-ds-04",
|
|
156
|
+
s && "cursor-pointer hover:bg-surface-3 transition-colors duration-150",
|
|
157
157
|
a
|
|
158
158
|
),
|
|
159
159
|
...N,
|
|
160
160
|
...M(i),
|
|
161
161
|
children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-ds-03", children: [
|
|
162
162
|
/* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-ds-02", children: [
|
|
163
|
-
/* @__PURE__ */ r("span", { className: "min-w-0 truncate text-ds-md font-semibold text-surface-fg", children:
|
|
163
|
+
/* @__PURE__ */ r("span", { className: "min-w-0 truncate text-ds-md font-semibold text-surface-fg", children: f }),
|
|
164
164
|
/* @__PURE__ */ r(ue, { urgent: d, overdue: l })
|
|
165
165
|
] }),
|
|
166
166
|
/* @__PURE__ */ u("div", { className: "flex items-center gap-ds-03", children: [
|
|
167
167
|
/* @__PURE__ */ u("div", { className: "flex-1 flex items-center gap-ds-03", children: [
|
|
168
|
-
/* @__PURE__ */ r("div", { className: "flex-1", children: /* @__PURE__ */ r(R, { size: "sm", color: me(w), value: w, "aria-label": `${
|
|
168
|
+
/* @__PURE__ */ r("div", { className: "flex-1", children: /* @__PURE__ */ r(R, { size: "sm", color: me(w), value: w, "aria-label": `${f} progress` }) }),
|
|
169
169
|
/* @__PURE__ */ u("span", { className: "shrink-0 text-ds-sm text-surface-fg-muted", children: [
|
|
170
|
-
|
|
170
|
+
p,
|
|
171
171
|
"/",
|
|
172
172
|
n,
|
|
173
173
|
" tasks"
|
|
@@ -180,7 +180,7 @@ const pe = k.forwardRef(function({ project: e, onClick: s, loading: o, className
|
|
|
180
180
|
}
|
|
181
181
|
);
|
|
182
182
|
});
|
|
183
|
-
|
|
183
|
+
fe.displayName = "ProjectHealthCard";
|
|
184
184
|
const j = q(null);
|
|
185
185
|
function y() {
|
|
186
186
|
const t = Z(j);
|
|
@@ -188,7 +188,7 @@ function y() {
|
|
|
188
188
|
throw new Error("useWeekHeatmap must be used within a WeekHeatmapProvider");
|
|
189
189
|
return t;
|
|
190
190
|
}
|
|
191
|
-
function
|
|
191
|
+
function pe(t, e) {
|
|
192
192
|
const s = t.filter((a) => a.date < e).sort((a, i) => i.date.localeCompare(a.date));
|
|
193
193
|
let o = 0;
|
|
194
194
|
for (const a of s)
|
|
@@ -206,14 +206,14 @@ function A({
|
|
|
206
206
|
today: a
|
|
207
207
|
}) {
|
|
208
208
|
const i = a ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0], c = U(() => {
|
|
209
|
-
const m = e.reduce((n, l) => n + l.completed, 0),
|
|
209
|
+
const m = e.reduce((n, l) => n + l.completed, 0), f = e.reduce((n, l) => n + l.total, 0), p = pe(e, i);
|
|
210
210
|
return {
|
|
211
211
|
days: e,
|
|
212
212
|
onDayClick: s,
|
|
213
213
|
overdue: o,
|
|
214
214
|
totalCompleted: m,
|
|
215
|
-
totalTasks:
|
|
216
|
-
streak:
|
|
215
|
+
totalTasks: f,
|
|
216
|
+
streak: p,
|
|
217
217
|
today: i
|
|
218
218
|
};
|
|
219
219
|
}, [e, s, o, i]);
|
|
@@ -221,7 +221,7 @@ function A({
|
|
|
221
221
|
}
|
|
222
222
|
A.displayName = "WeekHeatmapProvider";
|
|
223
223
|
const H = k.forwardRef(
|
|
224
|
-
function({ days: e, onDayClick: s, overdue: o, today: a, className: i, children: c, ...m },
|
|
224
|
+
function({ days: e, onDayClick: s, overdue: o, today: a, className: i, children: c, ...m }, f) {
|
|
225
225
|
return /* @__PURE__ */ r(
|
|
226
226
|
A,
|
|
227
227
|
{
|
|
@@ -229,7 +229,7 @@ const H = k.forwardRef(
|
|
|
229
229
|
onDayClick: s,
|
|
230
230
|
overdue: o,
|
|
231
231
|
today: a,
|
|
232
|
-
children: /* @__PURE__ */ r("div", { ref:
|
|
232
|
+
children: /* @__PURE__ */ r("div", { ref: f, className: b("flex flex-col gap-ds-04 rounded-ds-md border border-surface-border bg-surface-2 p-ds-04", i), ...m, children: c })
|
|
233
233
|
}
|
|
234
234
|
);
|
|
235
235
|
}
|
|
@@ -255,15 +255,15 @@ const be = {
|
|
|
255
255
|
partial: "bg-warning-9 text-warning-11",
|
|
256
256
|
none: "bg-error-9 text-error-11",
|
|
257
257
|
today: "bg-info-9 ring-1 ring-info-7 text-info-11 font-medium",
|
|
258
|
-
future: "bg-surface-
|
|
259
|
-
empty: "bg-surface-
|
|
258
|
+
future: "bg-surface-4 text-surface-fg-muted",
|
|
259
|
+
empty: "bg-surface-3 border border-dashed border-surface-border text-surface-fg-subtle"
|
|
260
260
|
}, W = k.forwardRef(
|
|
261
261
|
function({ day: e, index: s, focusedIndex: o, onFocusChange: a }, i) {
|
|
262
|
-
const { onDayClick: c, today: m } = y(),
|
|
262
|
+
const { onDayClick: c, today: m } = y(), f = ke(e, m), p = ge(e.date), n = f === "empty", l = /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
|
|
263
263
|
/* @__PURE__ */ r("span", { children: xe(e.date) }),
|
|
264
264
|
/* @__PURE__ */ r("span", { children: e.total > 0 ? `${e.completed} of ${e.total} completed` : "No tasks" })
|
|
265
265
|
] }), d = () => {
|
|
266
|
-
n ||
|
|
266
|
+
n || f === "future" || c == null || c(e.date);
|
|
267
267
|
}, h = (g) => {
|
|
268
268
|
(g.key === "Enter" || g.key === " ") && (g.preventDefault(), c == null || c(e.date));
|
|
269
269
|
};
|
|
@@ -275,20 +275,20 @@ const be = {
|
|
|
275
275
|
role: "gridcell",
|
|
276
276
|
tabIndex: o === s ? 0 : -1,
|
|
277
277
|
"aria-disabled": n || void 0,
|
|
278
|
-
"aria-label": `${
|
|
278
|
+
"aria-label": `${p}, ${e.completed} of ${e.total} completed`,
|
|
279
279
|
className: "flex cursor-pointer flex-col items-center gap-ds-02 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-7",
|
|
280
280
|
onClick: d,
|
|
281
281
|
onFocus: () => a(s),
|
|
282
282
|
onKeyDown: h,
|
|
283
283
|
whileTap: { scale: 0.95 },
|
|
284
284
|
children: [
|
|
285
|
-
/* @__PURE__ */ r("span", { className: "text-ds-xs text-surface-fg-muted", children:
|
|
285
|
+
/* @__PURE__ */ r("span", { className: "text-ds-xs text-surface-fg-muted", children: p }),
|
|
286
286
|
/* @__PURE__ */ r(
|
|
287
287
|
"div",
|
|
288
288
|
{
|
|
289
289
|
className: b(
|
|
290
290
|
"flex h-8 w-10 items-center justify-center rounded-ds-md transition-colors duration-150",
|
|
291
|
-
be[
|
|
291
|
+
be[f]
|
|
292
292
|
)
|
|
293
293
|
}
|
|
294
294
|
),
|
|
@@ -307,7 +307,7 @@ const be = {
|
|
|
307
307
|
W.displayName = "WeekHeatmapDay";
|
|
308
308
|
const D = k.forwardRef(
|
|
309
309
|
function({ className: e, ...s }, o) {
|
|
310
|
-
const { days: a, today: i } = y(), [c, m] = J(0),
|
|
310
|
+
const { days: a, today: i } = y(), [c, m] = J(0), f = Q([]), p = V(
|
|
311
311
|
(n) => {
|
|
312
312
|
var d;
|
|
313
313
|
let l = c;
|
|
@@ -327,7 +327,7 @@ const D = k.forwardRef(
|
|
|
327
327
|
default:
|
|
328
328
|
return;
|
|
329
329
|
}
|
|
330
|
-
m(l), (d =
|
|
330
|
+
m(l), (d = f.current[l]) == null || d.focus();
|
|
331
331
|
},
|
|
332
332
|
[c, a.length]
|
|
333
333
|
);
|
|
@@ -339,14 +339,14 @@ const D = k.forwardRef(
|
|
|
339
339
|
"aria-label": "Weekly task completion",
|
|
340
340
|
delay: 0.05,
|
|
341
341
|
className: b("grid grid-cols-7 gap-ds-03", e),
|
|
342
|
-
onKeyDown:
|
|
342
|
+
onKeyDown: p,
|
|
343
343
|
...M(s),
|
|
344
344
|
children: /* @__PURE__ */ r("div", { role: "row", className: "contents", children: a.map((n, l) => {
|
|
345
345
|
const d = n.date === i, h = /* @__PURE__ */ r(
|
|
346
346
|
W,
|
|
347
347
|
{
|
|
348
348
|
ref: (g) => {
|
|
349
|
-
|
|
349
|
+
f.current[l] = g;
|
|
350
350
|
},
|
|
351
351
|
day: n,
|
|
352
352
|
index: l,
|
|
@@ -442,7 +442,7 @@ const Pe = Object.assign(L, {
|
|
|
442
442
|
export {
|
|
443
443
|
Me as AttendanceCTA,
|
|
444
444
|
Re as DailyBrief,
|
|
445
|
-
|
|
445
|
+
fe as ProjectHealthCard,
|
|
446
446
|
je as Scratchpad,
|
|
447
447
|
Ae as ScratchpadProvider,
|
|
448
448
|
Le as ScratchpadWidget,
|
package/dist/index.js
CHANGED
|
@@ -18,7 +18,7 @@ const r = "bg-surface-3", C = o.forwardRef(
|
|
|
18
18
|
/* @__PURE__ */ a(s, { className: e("h-ds-04 w-56", r) })
|
|
19
19
|
] }),
|
|
20
20
|
/* @__PURE__ */ d("div", { className: "grid grid-cols-1 gap-ds-05 lg:grid-cols-3", children: [
|
|
21
|
-
/* @__PURE__ */ a("div", { className: "lg:col-span-2", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-
|
|
21
|
+
/* @__PURE__ */ a("div", { className: "lg:col-span-2", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-06", children: [
|
|
22
22
|
/* @__PURE__ */ a(s, { className: e("h-5 w-40", r) }),
|
|
23
23
|
/* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-04", children: Array.from({ length: 4 }).map((n, l) => /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04", children: [
|
|
24
24
|
/* @__PURE__ */ a(s, { className: e("h-ico-sm w-ico-sm rounded", r) }),
|
|
@@ -26,7 +26,7 @@ const r = "bg-surface-3", C = o.forwardRef(
|
|
|
26
26
|
/* @__PURE__ */ a(s, { className: e("h-5 w-16 rounded-ds-full", r) })
|
|
27
27
|
] }, `ds-main-${l}`)) })
|
|
28
28
|
] }) }),
|
|
29
|
-
/* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-
|
|
29
|
+
/* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-06", children: [
|
|
30
30
|
/* @__PURE__ */ a(s, { className: e("h-5 w-28", r) }),
|
|
31
31
|
/* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-04", children: Array.from({ length: 3 }).map((n, l) => /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04", children: [
|
|
32
32
|
/* @__PURE__ */ a(s, { className: e("h-ds-sm w-ds-sm rounded-ds-full", r) }),
|
|
@@ -36,7 +36,7 @@ const r = "bg-surface-3", C = o.forwardRef(
|
|
|
36
36
|
] })
|
|
37
37
|
] }, `ds-side-${l}`)) })
|
|
38
38
|
] }),
|
|
39
|
-
/* @__PURE__ */ a("div", { className: "lg:col-span-3", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-
|
|
39
|
+
/* @__PURE__ */ a("div", { className: "lg:col-span-3", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-06", children: [
|
|
40
40
|
/* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
|
|
41
41
|
/* @__PURE__ */ a(s, { className: e("h-5 w-36", r) }),
|
|
42
42
|
/* @__PURE__ */ a(s, { className: e("h-ds-sm w-24 rounded-ds-lg", r) })
|
|
@@ -54,14 +54,14 @@ const r = "bg-surface-3", C = o.forwardRef(
|
|
|
54
54
|
`ds-card-${l}`
|
|
55
55
|
)) })
|
|
56
56
|
] }) }),
|
|
57
|
-
/* @__PURE__ */ a("div", { className: "lg:col-span-2", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-
|
|
57
|
+
/* @__PURE__ */ a("div", { className: "lg:col-span-2", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-06", children: [
|
|
58
58
|
/* @__PURE__ */ a(s, { className: e("h-5 w-24", r) }),
|
|
59
59
|
/* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-ds-05 sm:grid-cols-4", children: Array.from({ length: 4 }).map((n, l) => /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-03", children: [
|
|
60
60
|
/* @__PURE__ */ a(s, { className: e("h-3 w-16", r) }),
|
|
61
61
|
/* @__PURE__ */ a(s, { className: e("h-6 w-ds-lg", r) })
|
|
62
62
|
] }, `ds-stat-${l}`)) })
|
|
63
63
|
] }) }),
|
|
64
|
-
/* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-
|
|
64
|
+
/* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-06", children: [
|
|
65
65
|
/* @__PURE__ */ a(s, { className: e("h-5 w-20", r) }),
|
|
66
66
|
/* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-05", children: Array.from({ length: 3 }).map((n, l) => /* @__PURE__ */ d("div", { className: "flex gap-ds-04", children: [
|
|
67
67
|
/* @__PURE__ */ a(s, { className: e("h-3 w-3 shrink-0 rounded-ds-full", r) }),
|
|
@@ -82,7 +82,7 @@ const B = o.forwardRef(
|
|
|
82
82
|
/* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-3", children: Array.from({ length: 3 }).map((n, l) => /* @__PURE__ */ d(
|
|
83
83
|
"div",
|
|
84
84
|
{
|
|
85
|
-
className: "flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-
|
|
85
|
+
className: "flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-05b",
|
|
86
86
|
children: [
|
|
87
87
|
/* @__PURE__ */ a(s, { className: e("h-3 w-24", r) }),
|
|
88
88
|
/* @__PURE__ */ a(s, { className: e("h-ds-xs-plus w-16", r) }),
|