@devalok/shilp-sutra 0.6.2 → 0.8.0

package/dist/composed/status-badge.js

@@ -1,8 +1,8 @@
-import { jsxs as b, jsx as p } from "react/jsx-runtime";
-import * as f from "react";
-import { cva as m } from "class-variance-authority";
-import { cn as a } from "../ui/lib/utils.js";
-const y = m(
+import { jsxs as i, jsx as u } from "react/jsx-runtime";
+import * as m from "react";
+import { cva as y } from "class-variance-authority";
+import { cn as r } from "../ui/lib/utils.js";
+const g = y(
   "inline-flex items-center gap-ds-02b rounded-ds-full font-body",
   {
     variants: {
@@ -47,31 +47,59 @@ const y = m(
   error: "bg-error",
   info: "bg-info",
   neutral: "bg-icon-secondary"
-}, v = f.forwardRef(
-  ({ status: c, color: e, size: r, label: o, hideDot: n = !1, className: d, ...i }, u) => {
-    const t = e != null, s = t ? void 0 : c ?? "pending", g = t ? e : void 0, l = o ?? (t ? e.charAt(0).toUpperCase() + e.slice(1) : s.charAt(0).toUpperCase() + s.slice(1)), x = t ? h[e] : w[s];
-    return /* @__PURE__ */ b(
+}, v = m.forwardRef(
+  ({ status: l, color: e, size: s, label: a, hideDot: c = !1, className: n, ...d }, o) => {
+    if (e != null) {
+      const p = a ?? e.charAt(0).toUpperCase() + e.slice(1), f = h[e];
+      return /* @__PURE__ */ i(
+        "span",
+        {
+          ref: o,
+          className: r(
+            g({ color: e, size: s }),
+            n
+          ),
+          ...d,
+          children: [
+            !c && /* @__PURE__ */ u(
+              "span",
+              {
+                className: r(
+                  "shrink-0 rounded-ds-full",
+                  s === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
+                  f
+                ),
+                "aria-hidden": "true"
+              }
+            ),
+            p
+          ]
+        }
+      );
+    }
+    const t = l ?? "pending", x = a ?? t.charAt(0).toUpperCase() + t.slice(1), b = w[t];
+    return /* @__PURE__ */ i(
       "span",
       {
-        ref: u,
-        className: a(
-          y({ status: s, color: g, size: r }),
-          d
+        ref: o,
+        className: r(
+          g({ status: t, size: s }),
+          n
         ),
-        ...i,
+        ...d,
         children: [
-          !n && /* @__PURE__ */ p(
+          !c && /* @__PURE__ */ u(
             "span",
             {
-              className: a(
+              className: r(
                 "shrink-0 rounded-ds-full",
-                r === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
-                x
+                s === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
+                b
               ),
               "aria-hidden": "true"
             }
           ),
-          l
+          x
         ]
       }
     );
@@ -80,5 +108,5 @@ const y = m(
 v.displayName = "StatusBadge";
 export {
   v as StatusBadge,
-  y as statusBadgeVariants
+  g as statusBadgeVariants
 };

package/dist/hooks/use-color-mode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-color-mode.d.ts","sourceRoot":"","sources":["../../src/hooks/use-color-mode.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAYnD,wBAAgB,YAAY;;qCAMiB,SAAS;;EAwBrD"}
+{"version":3,"file":"use-color-mode.d.ts","sourceRoot":"","sources":["../../src/hooks/use-color-mode.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAYnD,wBAAgB,YAAY;;qCAOiB,SAAS;;EAwBrD"}

package/dist/hooks/use-color-mode.js

@@ -1,13 +1,17 @@
 "use client";
-import { useState as d, useCallback as n, useEffect as m } from "react";
+import { useState as d, useCallback as s, useEffect as m } from "react";
 function i(t) {
   return t === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t;
 }
 function u() {
-  const [t, s] = d(() => typeof window > "u" ? "system" : localStorage.getItem("theme") ?? "system"), r = n((e) => {
+  const [t, n] = d(() => {
+    if (typeof window > "u") return "system";
+    const e = localStorage.getItem("theme");
+    return e === "light" || e === "dark" || e === "system" ? e : "system";
+  }), r = s((e) => {
     const o = i(e);
-    document.documentElement.classList.toggle("dark", o === "dark"), localStorage.setItem("theme", e), document.cookie = `theme=${e};path=/;max-age=31536000;SameSite=Lax`, s(e);
-  }, []), a = n(() => {
+    document.documentElement.classList.toggle("dark", o === "dark"), localStorage.setItem("theme", e), document.cookie = `theme=${e};path=/;max-age=31536000;SameSite=Lax`, n(e);
+  }, []), a = s(() => {
     const e = document.documentElement.classList.contains("dark");
     r(e ? "light" : "dark");
   }, [r]);

package/dist/hooks/use-mobile.d.ts

@@ -1,3 +1,8 @@
 "use client";
+/**
+ * Returns `false` during SSR and before the first client-side effect.
+ * If you need to distinguish "not yet measured" from "not mobile",
+ * use the raw state instead.
+ */
 export declare function useIsMobile(): boolean;
 //# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,YAc1B"}
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,WAAW,YAc1B"}