@devalok/shilp-sutra-karm 0.20.2 → 0.21.0

package/dist/_chunks/project-card.js

@@ -1,60 +1,60 @@
 "use client";
 import * as f from "react";
 import { useEffect as h } from "react";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 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 { Avatar as b, AvatarImage as x, AvatarFallback as v } from "@devalok/shilp-sutra/ui/avatar";
+import { Badge as g } from "@devalok/shilp-sutra/ui/badge";
 import { Progress as y } from "@devalok/shilp-sutra/ui/progress";
 function N({ accentCss: c }) {
   return h(() => {
     if (!c) return;
-    const a = document.documentElement, i = c.split(";").map((e) => e.trim()).filter(Boolean), r = [];
+    const a = document.documentElement, i = c.split(";").map((e) => e.trim()).filter(Boolean), t = [];
     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();
-      n && o && (a.style.setProperty(n, o), r.push(n));
+      n && o && (a.style.setProperty(n, o), t.push(n));
     }
     return () => {
-      for (const e of r)
+      for (const e of t)
         a.style.removeProperty(e);
     };
   }, [c]), null;
 }
 N.displayName = "AccentProvider";
 const j = f.forwardRef(
-  ({ className: c, orgName: a, orgLogo: i, userName: r, userAvatar: e, children: d, ...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();
+  ({ className: c, orgName: a, orgLogo: i, userName: t, userAvatar: e, children: d, ...n }, o) => {
+    const l = a.split(" ").map((m) => m[0]).join("").slice(0, 2).toUpperCase(), u = t.split(" ").map((m) => m[0]).join("").slice(0, 2).toUpperCase();
     return /* @__PURE__ */ s(
       "header",
       {
         ref: o,
         className: p(
-          "flex h-ds-lg items-center justify-between border-b border-surface-border bg-surface-1 px-ds-06",
+          "flex h-ds-lg items-center justify-between border-b border-surface-border bg-surface-sunken px-ds-06",
           c
         ),
         ...n,
         children: [
           /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04", children: [
-            i ? /* @__PURE__ */ t(
+            i ? /* @__PURE__ */ r(
               "img",
               {
                 src: i,
                 alt: a,
                 className: "h-ds-sm w-ds-sm rounded-ds-md object-cover"
               }
-            ) : /* @__PURE__ */ t("div", { className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-md bg-accent-9 text-ds-sm font-semibold text-accent-fg", children: l }),
-            /* @__PURE__ */ t("span", { className: "font-display text-ds-base font-semibold text-surface-fg", children: a })
+            ) : /* @__PURE__ */ r("div", { className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-md bg-accent-9 text-ds-sm font-semibold text-accent-fg", children: l }),
+            /* @__PURE__ */ r("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,
             /* @__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 }),
-                /* @__PURE__ */ t(g, { className: "bg-accent-2 text-ds-sm font-medium text-accent-11", children: u })
+                e && /* @__PURE__ */ r(x, { src: e, alt: t }),
+                /* @__PURE__ */ r(v, { className: "bg-accent-2 text-ds-sm font-medium text-accent-11", children: u })
               ] }),
-              /* @__PURE__ */ t("span", { className: "hidden text-ds-md font-medium text-surface-fg sm:inline", children: r })
+              /* @__PURE__ */ r("span", { className: "hidden text-ds-md font-medium text-surface-fg sm:inline", children: t })
             ] })
           ] })
         ]
@@ -63,16 +63,16 @@ 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,
     name: a,
     description: i,
-    status: r,
+    status: t,
     taskCount: e = 0,
     completedTasks: d = 0,
     ...n
@@ -83,16 +83,16 @@ const w = {
       {
         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",
+          "group cursor-pointer rounded-ds-lg border border-surface-border bg-surface-raised p-ds-05b shadow-raised transition-all duration-200 hover:shadow-raised-hover hover:scale-[1.01]",
           c
         ),
         ...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__ */ r("h3", { className: "font-display text-ds-base font-semibold text-surface-fg", children: a }),
+            /* @__PURE__ */ r(g, { color: P[t], size: "sm", children: t })
           ] }),
-          i && /* @__PURE__ */ t("p", { className: "mb-ds-05 line-clamp-2 text-ds-md text-surface-fg-muted", children: i }),
+          i && /* @__PURE__ */ r("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: [
@@ -106,16 +106,16 @@ const w = {
                 "%"
               ] })
             ] }),
-            /* @__PURE__ */ t(y, { value: l, className: "h-ds-02b", "aria-label": "Project progress" })
+            /* @__PURE__ */ r(y, { value: l, className: "h-ds-02b", "aria-label": "Project progress" })
           ] })
         ]
       }
     );
   }
 );
-P.displayName = "ProjectCard";
+w.displayName = "ProjectCard";
 export {
   N as A,
   j as C,
-  P
+  w as P
 };