@devalok/shilp-sutra-karm 0.20.1 → 0.20.3

package/dist/_chunks/chat-panel.js

@@ -200,7 +200,7 @@ const z = w.forwardRef(
           "button",
           {
             onClick: c,
-            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",
+            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",
             children: [
               /* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm" }),
               /* @__PURE__ */ e("span", { className: "text-ds-sm", children: "New Chat" })
@@ -215,8 +215,8 @@ const z = w.forwardRef(
         "div",
         {
           className: x(
-            "group flex items-center gap-ds-04 border-b border-surface-border px-ds-05 py-ds-04 transition-colors hover:bg-surface-2",
-            d === t.id && "bg-surface-2"
+            "group flex items-center gap-ds-04 border-b border-surface-border px-ds-05 py-ds-04 transition-colors hover:bg-surface-3",
+            d === t.id && "bg-surface-3"
           ),
           children: [
             /* @__PURE__ */ s(
@@ -230,7 +230,7 @@ const z = w.forwardRef(
                 ]
               }
             ),
-            /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
+            /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-02 opacity-0 transition-opacity duration-fast-01 group-hover:opacity-100", children: [
               u && /* @__PURE__ */ e(
                 "button",
                 {

package/dist/_chunks/kanban-board.js

@@ -801,7 +801,7 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
           variant: "ghost",
           size: "icon-md",
           className: N(
-            "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity",
+            "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity duration-fast-02",
             "group-hover/header:opacity-100 focus:opacity-100",
             "hover:bg-accent-2 hover:text-accent-11"
           ),
@@ -818,7 +818,7 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
             variant: "ghost",
             size: "icon-md",
             className: N(
-              "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity",
+              "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity duration-fast-02",
               "group-hover/header:opacity-100 focus:opacity-100"
             ),
             "aria-label": "Column options",
@@ -1136,7 +1136,7 @@ const et = {
   HIGH: Ge,
   URGENT: Ne
 }, ps = ze(
-  "group/card relative rounded-ds-lg border border-transparent bg-surface-3 pl-3 pr-ds-03 py-ds-03 transition-all duration-100 ease-out cursor-pointer",
+  "group/card relative rounded-ds-lg border border-transparent bg-surface-3 pl-3 pr-ds-03 py-ds-03 transition-[box-shadow,border-color,transform] duration-fast-02 ease-productive-standard cursor-pointer",
   {
     variants: {
       state: {
@@ -1218,7 +1218,7 @@ function st({
             se.div,
             {
               className: N(
-                "absolute -top-2 -left-2 z-10 transition-opacity",
+                "absolute -top-2 -left-2 z-10 transition-opacity duration-fast-02",
                 g || x ? "opacity-100" : "opacity-0 group-hover/card:opacity-100"
               ),
               initial: g || x ? { scale: 0.85 } : !1,
@@ -1244,7 +1244,7 @@ function st({
               "button",
               {
                 className: N(
-                  "flex-shrink-0 cursor-grab rounded p-ds-01 opacity-0 transition-opacity",
+                  "flex-shrink-0 cursor-grab rounded p-ds-01 opacity-0 transition-opacity duration-fast-02",
                   "group-hover/card:opacity-action-disabled hover:!opacity-100",
                   "active:cursor-grabbing",
                   n && "opacity-action-disabled"
@@ -1353,7 +1353,7 @@ const at = P.forwardRef(
 );
 at.displayName = "TaskCard";
 const bs = ze(
-  "group/card flex items-center gap-ds-02 py-2 pl-3 pr-ds-03 border border-transparent rounded-ds-lg bg-surface-3 transition-all duration-100 ease-out cursor-pointer hover:bg-surface-4 hover:shadow-02 hover:-translate-y-px",
+  "group/card flex items-center gap-ds-02 py-2 pl-3 pr-ds-03 border border-transparent rounded-ds-lg bg-surface-3 transition-[box-shadow,border-color,transform,background-color] duration-fast-02 ease-productive-standard cursor-pointer hover:bg-surface-4 hover:shadow-02 hover:-translate-y-px",
   {
     variants: {
       selected: {
@@ -1413,7 +1413,7 @@ function nt({
             se.div,
             {
               className: N(
-                "absolute -top-1.5 -left-1.5 z-10 transition-opacity",
+                "absolute -top-1.5 -left-1.5 z-10 transition-opacity duration-fast-02",
                 x || p ? "opacity-100" : "opacity-0 group-hover/card:opacity-100"
               ),
               initial: x || p ? { scale: 0.85 } : !1,
@@ -1672,7 +1672,7 @@ const ct = P.forwardRef(
         className: N(
           "flex h-full flex-shrink-0 flex-col rounded-ds-xl bg-surface-2 border border-surface-3 hover:border-surface-border transition-colors p-1",
           r && "shadow-04",
-          C && "bg-error-3",
+          C && "bg-error-3 ring-1 ring-error-7",
           u
         ),
         ...I,

package/dist/_chunks/project-card.js

@@ -6,25 +6,25 @@ import { cn as p } from "@devalok/shilp-sutra/ui/lib/utils";
 import { Avatar as b, AvatarImage as x, AvatarFallback as g } from "@devalok/shilp-sutra/ui/avatar";
 import { Badge as v } from "@devalok/shilp-sutra/ui/badge";
 import { Progress as y } from "@devalok/shilp-sutra/ui/progress";
-function N({ accentCss: c }) {
+function N({ accentCss: d }) {
   return h(() => {
-    if (!c) return;
-    const a = document.documentElement, i = c.split(";").map((e) => e.trim()).filter(Boolean), r = [];
+    if (!d) return;
+    const a = document.documentElement, i = d.split(";").map((e) => e.trim()).filter(Boolean), r = [];
     for (const e of i) {
-      const d = e.indexOf(":");
-      if (d === -1) continue;
-      const n = e.slice(0, d).trim(), o = e.slice(d + 1).trim();
+      const c = e.indexOf(":");
+      if (c === -1) continue;
+      const n = e.slice(0, c).trim(), o = e.slice(c + 1).trim();
       n && o && (a.style.setProperty(n, o), r.push(n));
     }
     return () => {
       for (const e of r)
         a.style.removeProperty(e);
     };
-  }, [c]), null;
+  }, [d]), null;
 }
 N.displayName = "AccentProvider";
 const j = f.forwardRef(
-  ({ className: c, orgName: a, orgLogo: i, userName: r, userAvatar: e, children: d, ...n }, o) => {
+  ({ className: d, orgName: a, orgLogo: i, userName: r, userAvatar: e, children: c, ...n }, o) => {
     const l = a.split(" ").map((m) => m[0]).join("").slice(0, 2).toUpperCase(), u = r.split(" ").map((m) => m[0]).join("").slice(0, 2).toUpperCase();
     return /* @__PURE__ */ s(
       "header",
@@ -32,7 +32,7 @@ const j = f.forwardRef(
         ref: o,
         className: p(
           "flex h-ds-lg items-center justify-between border-b border-surface-border bg-surface-1 px-ds-06",
-          c
+          d
         ),
         ...n,
         children: [
@@ -48,7 +48,7 @@ const j = f.forwardRef(
             /* @__PURE__ */ t("span", { className: "font-display text-ds-base font-semibold text-surface-fg", children: a })
           ] }),
           /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04", children: [
-            d,
+            c,
             /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
               /* @__PURE__ */ s(b, { className: "h-ds-sm w-ds-sm", children: [
                 e && /* @__PURE__ */ t(x, { src: e, alt: r }),
@@ -63,40 +63,40 @@ const j = f.forwardRef(
   }
 );
 j.displayName = "ClientPortalHeader";
-const w = {
+const P = {
   active: "success",
   completed: "info",
   paused: "warning"
-}, P = f.forwardRef(
+}, w = f.forwardRef(
   ({
-    className: c,
+    className: d,
     name: a,
     description: i,
     status: r,
     taskCount: e = 0,
-    completedTasks: d = 0,
+    completedTasks: c = 0,
     ...n
   }, o) => {
-    const l = e > 0 ? Math.round(d / e * 100) : 0;
+    const l = e > 0 ? Math.round(c / e * 100) : 0;
     return /* @__PURE__ */ s(
       "div",
       {
         ref: o,
         className: p(
-          "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",
-          c
+          "group cursor-pointer rounded-ds-lg border border-surface-border bg-surface-2 p-ds-05b shadow-01 transition-all duration-200 hover:shadow-02 hover:scale-[1.01]",
+          d
         ),
         ...n,
         children: [
           /* @__PURE__ */ s("div", { className: "mb-ds-04 flex items-start justify-between", children: [
             /* @__PURE__ */ t("h3", { className: "font-display text-ds-base font-semibold text-surface-fg", children: a }),
-            /* @__PURE__ */ t(v, { color: w[r], size: "sm", children: r })
+            /* @__PURE__ */ t(v, { color: P[r], size: "sm", children: r })
           ] }),
           i && /* @__PURE__ */ t("p", { className: "mb-ds-05 line-clamp-2 text-ds-md text-surface-fg-muted", children: i }),
           /* @__PURE__ */ s("div", { className: "space-y-ds-03", children: [
             /* @__PURE__ */ s("div", { className: "flex items-center justify-between text-ds-sm text-surface-fg-subtle", children: [
               /* @__PURE__ */ s("span", { children: [
-                d,
+                c,
                 " / ",
                 e,
                 " tasks"
@@ -113,9 +113,9 @@ const w = {
     );
   }
 );
-P.displayName = "ProjectCard";
+w.displayName = "ProjectCard";
 export {
   N as A,
   j as C,
-  P
+  w as P
 };

package/dist/_chunks/render-adjustment-type.js

@@ -483,7 +483,7 @@ const Ss = _.forwardRef(
       r.selected && o === "monthly" && "text-surface-fg",
       // ── DisabledState (visual-only disabled, different from functional disabled) ──
       r.disabledState && "text-disabled",
-      r.disabledState && r.today && "bg-disabled text-accent-fg"
+      r.disabledState && r.today && "bg-disabled text-surface-fg-muted"
     );
     return /* @__PURE__ */ e("div", { ref: b, className: D(v, c), ...h, children: /* @__PURE__ */ a(
       "div",
@@ -1945,7 +1945,7 @@ const ua = Object.assign(We, {
               {
                 "aria-label": "Previous",
                 onClick: () => h("prev"),
-                className: "rounded-ds-full p-ds-02 hover:bg-surface-2",
+                className: "rounded-ds-full p-ds-02 hover:bg-surface-3",
                 children: /* @__PURE__ */ e(Ne, { className: "h-ico-md w-ico-md text-surface-fg-muted" })
               }
             ),
@@ -1954,7 +1954,7 @@ const ua = Object.assign(We, {
               {
                 "aria-label": "Next",
                 onClick: () => h("next"),
-                className: "rounded-ds-full p-ds-02 hover:bg-surface-2",
+                className: "rounded-ds-full p-ds-02 hover:bg-surface-3",
                 children: /* @__PURE__ */ e(ye, { className: "h-ico-md w-ico-md text-surface-fg-muted" })
               }
             )
@@ -2039,7 +2039,7 @@ const Ks = _.forwardRef(
         return /* @__PURE__ */ a(
           "div",
           {
-            className: "flex w-full flex-row items-center justify-start gap-ds-03 !border-0 text-left hover:bg-surface-3",
+            className: "flex w-full flex-row items-center justify-start gap-ds-03 !border-0 text-left transition-colors duration-fast-01 hover:bg-surface-3",
             children: [
               /* @__PURE__ */ a("div", { className: "flex w-1/6 min-w-[120px] items-center gap-ds-03 p-ds-04", children: [
                 /* @__PURE__ */ a(Qe, { className: "h-ds-xs-plus w-ds-xs-plus", children: [
@@ -2751,7 +2751,7 @@ const Gs = _.forwardRef(
         return /* @__PURE__ */ a(
           "div",
           {
-            className: "flex w-full items-center hover:bg-surface-3",
+            className: "flex w-full items-center transition-colors duration-fast-01 hover:bg-surface-3",
             children: [
               /* @__PURE__ */ a("div", { className: "flex w-[16%] min-w-[120px] items-center gap-ds-03 overflow-hidden px-ds-04 py-ds-03", children: [
                 l[x.userId] ? /* @__PURE__ */ e(
@@ -3534,7 +3534,7 @@ const It = _.forwardRef(
         return /* @__PURE__ */ a(
           "div",
           {
-            className: "grid grid-cols-[200px_160px_80px_1fr_1fr_1fr] gap-ds-05 bg-surface-2 py-ds-03 sm:px-ds-06",
+            className: "grid grid-cols-[200px_160px_80px_1fr_1fr_1fr] gap-ds-05 bg-surface-2 py-ds-03 sm:px-ds-06 transition-colors duration-fast-01 hover:bg-surface-3",
             children: [
               /* @__PURE__ */ e("div", { className: "p-ds-03 pl-ds-04 text-surface-fg-muted", children: ((h = c.user) == null ? void 0 : h.name) || "Unknown User" }),
               /* @__PURE__ */ e("div", { className: "w-[160px] p-ds-03 text-surface-fg-muted", children: ie(new Date(c.createdAt)) }),