@devalok/shilp-sutra-karm 0.20.0 → 0.20.1

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",
@@ -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",
@@ -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,
@@ -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
  {
@@ -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,
@@ -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
  );
@@ -152,8 +152,8 @@ 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,
@@ -255,8 +255,8 @@ 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
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: [
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.1",
4
4
  "description": "Domain components for Karm — board, tasks, chat, dashboard, client, and admin",
5
5
  "license": "MIT",
6
6
  "type": "module",