@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.
@@ -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-1 p-ds-04", u), ...o, children: [
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-2",
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-2",
219
- d === t.id && "bg-surface-2"
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-1 p-0 sm:max-w-[480px] [&>button]:hidden", V),
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-2",
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-2" : "",
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-2",
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-2",
349
- M ? "bg-surface-2 text-surface-fg" : "text-surface-fg-muted"
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-2",
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-1 p-ds-05b shadow-01 transition-shadow duration-200 hover:shadow-02",
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-1 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
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-1 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(
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-1 shadow-01 px-ds-06 py-ds-07 md:hidden", 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-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-1 shadow-01 px-ds-05 py-ds-04 text-center font-semibold text-surface-fg", children: [
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-1 px-ds-05 max-md:h-ds-lg", children: [
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-1 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
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-2",
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-2",
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-1 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: [
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-1 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: [
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-1 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: [
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-1 shadow-01 p-ds-05b", i), ...u, children: [
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-2" }),
148
- /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-surface-2" })
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-2" }),
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-2",
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-1 shadow-01 px-ds-05b py-ds-05", i), ...u, children: [
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-1 shadow-01", i), ...u, children: [
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-2 transition-colors",
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-2",
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-2",
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-2"
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-2",
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-2 px-1.5 text-ds-xs text-surface-fg-muted", children: n })
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-1 shadow-01 p-ds-05b",
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-2" }),
760
- /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-surface-2" })
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-2" }),
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-2",
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-1 shadow-01",
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-2" : "cursor-default"
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-1 shadow-01 px-ds-04 py-ds-03", children: [
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-2",
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-2",
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-1 shadow-01 p-ds-04",
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-1",
1683
+ "border-l border-surface-border-strong bg-surface-2",
1684
1684
  J
1685
1685
  ),
1686
1686
  ...ls,
@@ -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), p = Math.max(...t);
17
- if (p - m < 0.1) {
18
- const d = (p + m) / 2;
19
- m = d - 0.05, p = 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 f = t.map((d, h) => o + h / (a - 1) * i), n = t.map(
22
- (d) => o + (1 - (d - m) / (p - m)) * c
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 ${f[0]} ${n[0]}`);
24
+ l.push(`M ${p[0]} ${n[0]}`);
25
25
  for (let d = 0; d < a - 1; d++) {
26
- const h = f[Math.max(0, d - 1)], g = n[Math.max(0, d - 1)], w = f[d], x = n[d], N = f[d + 1], v = n[d + 1], B = f[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;
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: f[a - 1],
31
+ endX: p[a - 1],
32
32
  endY: n[a - 1],
33
- startX: f[0]
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: p } = ce(
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: f, fill: n } = le(t);
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 ${p} 18 Z`,
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: f,
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: f })
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-1 p-ds-04",
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-2" }),
103
- /* @__PURE__ */ r("div", { className: "h-5 w-16 animate-pulse rounded bg-surface-2" })
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-2" }),
106
- /* @__PURE__ */ r("div", { className: "h-4 w-48 animate-pulse rounded bg-surface-2" })
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 pe = k.forwardRef(function({ project: e, onClick: s, loading: o, className: a, ...i }, c) {
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: p, completed: f, total: n, overdue: l, urgent: d, contextLine: h, trend: g } = e, w = n > 0 ? Math.round(f / n * 100) : 0, x = [];
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-1 p-ds-04",
156
- s && "cursor-pointer hover:bg-surface-2 transition-colors duration-150",
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: p }),
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": `${p} progress` }) }),
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
- f,
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
- pe.displayName = "ProjectHealthCard";
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 fe(t, e) {
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), p = e.reduce((n, l) => n + l.total, 0), f = fe(e, i);
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: p,
216
- streak: f,
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 }, p) {
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: p, className: b("flex flex-col gap-ds-04", i), ...m, children: c })
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-3 text-surface-fg-muted",
259
- empty: "bg-surface-2 border border-dashed border-surface-border text-surface-fg-subtle"
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(), p = ke(e, m), f = ge(e.date), n = p === "empty", l = /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
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 || p === "future" || c == null || c(e.date);
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": `${f}, ${e.completed} of ${e.total} completed`,
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: f }),
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[p]
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), p = Q([]), f = V(
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 = p.current[l]) == null || d.focus();
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: f,
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
- p.current[l] = g;
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
- pe as ProjectHealthCard,
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-1 p-ds-06", 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-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-1 p-ds-06", children: [
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-1 p-ds-06", children: [
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-1 p-ds-06", children: [
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-1 p-ds-06", children: [
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-1 p-ds-05b",
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) }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devalok/shilp-sutra-karm",
3
- "version": "0.20.0",
3
+ "version": "0.20.2",
4
4
  "description": "Domain components for Karm — board, tasks, chat, dashboard, client, and admin",
5
5
  "license": "MIT",
6
6
  "type": "module",