@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/composed/status-badge.js

@@ -1,138 +1,134 @@
 "use client";
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import * as B from "react";
-import { a as I } from "../_chunks/vendor-utils.js";
-import { IconChevronDown as M } from "@tabler/icons-react";
-import { Icon as L } from "../ui/icon.js";
-import { motionProps as x } from "../ui/lib/motion.js";
-import { cn as n } from "../ui/lib/utils.js";
-import { m as w, A as h } from "../_chunks/framer.js";
-const y = I(
-  "inline-flex items-center gap-ds-02b rounded-ds-full font-body",
-  {
-    variants: {
-      status: {
-        active: "bg-success-3 text-success-11",
-        pending: "bg-warning-3 text-warning-11",
-        approved: "bg-success-3 text-success-11",
-        rejected: "bg-error-3 text-error-11",
-        completed: "bg-success-3 text-success-11",
-        blocked: "bg-error-3 text-error-11",
-        "in-progress": "bg-accent-3 text-accent-11",
-        review: "bg-info-3 text-info-11",
-        cancelled: "bg-surface-raised text-surface-fg-subtle",
-        draft: "bg-surface-raised text-surface-fg-subtle"
-      },
-      color: {
-        success: "bg-success-3 text-success-11",
-        warning: "bg-warning-3 text-warning-11",
-        error: "bg-error-3 text-error-11",
-        info: "bg-info-3 text-info-11",
-        neutral: "bg-surface-raised text-surface-fg-subtle"
-      },
-      size: {
-        sm: "px-ds-03 py-ds-01 text-ds-xs font-semibold",
-        md: "px-ds-04 py-ds-02 text-ds-sm font-medium"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), P = {
-  active: "bg-success-9",
-  pending: "bg-warning-9",
-  approved: "bg-success-9",
-  rejected: "bg-error-9",
-  completed: "bg-success-9",
-  blocked: "bg-error-9",
-  "in-progress": "bg-accent-9",
-  review: "bg-info-9",
-  cancelled: "bg-disabled",
-  draft: "bg-surface-fg-subtle"
-}, R = {
-  success: "bg-success-9",
-  warning: "bg-warning-9",
-  error: "bg-error-9",
-  info: "bg-info-9",
-  neutral: "bg-surface-fg-subtle"
-}, v = { duration: 0.3, ease: "easeOut" }, S = B.forwardRef(
-  ({ status: C, color: e, size: a, label: c, hideDot: i = !1, onClick: o, icon: d, className: u, ...l }, g) => {
-    const s = o != null, p = s ? w.button : w.span, b = s ? "cursor-pointer hover:opacity-80 transition-opacity" : void 0, f = d ?? (s ? /* @__PURE__ */ r(L, { icon: M, size: "xs", className: "text-current/50 -mr-0.5 shrink-0" }) : null);
-    if (e != null) {
-      const j = c ?? e.charAt(0).toUpperCase() + e.slice(1), A = R[e];
-      return /* @__PURE__ */ r(h, { mode: "wait", children: /* @__PURE__ */ m(
-        p,
-        {
-          ref: g,
-          ...s ? { type: "button", onClick: o } : {},
-          initial: { opacity: 0.6, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0.6, scale: 0.95 },
-          transition: v,
-          className: n(
-            y({ color: e, size: a }),
-            b,
-            u
-          ),
-          ...x(l),
-          children: [
-            !i && /* @__PURE__ */ r(
-              "span",
-              {
-                className: n(
-                  "shrink-0 rounded-ds-full",
-                  a === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
-                  A
-                ),
-                "aria-hidden": "true"
-              }
-            ),
-            j,
-            f
-          ]
-        },
-        e
-      ) });
-    }
-    const t = C ?? "pending", k = c ?? t.charAt(0).toUpperCase() + t.slice(1), N = P[t];
-    return /* @__PURE__ */ r(h, { mode: "wait", children: /* @__PURE__ */ m(
-      p,
-      {
-        ref: g,
-        ...s ? { type: "button", onClick: o } : {},
-        initial: { opacity: 0.6 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0.6 },
-        transition: v,
-        className: n(
-          y({ status: t, size: a }),
-          b,
-          u
-        ),
-        ...x(l),
-        children: [
-          !i && /* @__PURE__ */ r(
-            "span",
-            {
-              className: n(
-                "shrink-0 rounded-ds-full",
-                a === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
-                N
-              ),
-              "aria-hidden": "true"
-            }
-          ),
-          k,
-          f
-        ]
-      },
-      t
-    ) });
-  }
-);
-S.displayName = "StatusBadge";
-export {
-  S as StatusBadge,
-  y as statusBadgeVariants
-};
+import { a as e, c as t } from "../_chunks/framer.js";
+import { motionProps as n } from "../ui/lib/motion.js";
+import { t as r } from "../_chunks/vendor-utils.js";
+import { cn as i } from "../ui/lib/utils.js";
+import { Icon as a } from "../ui/icon.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { IconChevronDown as l } from "@tabler/icons-react";
+//#region src/composed/status-badge.tsx
+var u = r("inline-flex items-center gap-ds-02b rounded-ds-full font-body", {
+	variants: {
+		status: {
+			active: "bg-success-3 text-success-11",
+			pending: "bg-warning-3 text-warning-11",
+			approved: "bg-success-3 text-success-11",
+			rejected: "bg-error-3 text-error-11",
+			completed: "bg-success-3 text-success-11",
+			blocked: "bg-error-3 text-error-11",
+			"in-progress": "bg-accent-3 text-accent-11",
+			review: "bg-info-3 text-info-11",
+			cancelled: "bg-surface-raised text-surface-fg-subtle",
+			draft: "bg-surface-raised text-surface-fg-subtle"
+		},
+		color: {
+			success: "bg-success-3 text-success-11",
+			warning: "bg-warning-3 text-warning-11",
+			error: "bg-error-3 text-error-11",
+			info: "bg-info-3 text-info-11",
+			neutral: "bg-surface-raised text-surface-fg-subtle"
+		},
+		size: {
+			sm: "px-ds-03 py-ds-01 text-ds-xs font-semibold",
+			md: "px-ds-04 py-ds-02 text-ds-sm font-medium"
+		}
+	},
+	defaultVariants: { size: "md" }
+}), d = {
+	active: "bg-success-9",
+	pending: "bg-warning-9",
+	approved: "bg-success-9",
+	rejected: "bg-error-9",
+	completed: "bg-success-9",
+	blocked: "bg-error-9",
+	"in-progress": "bg-accent-9",
+	review: "bg-info-9",
+	cancelled: "bg-disabled",
+	draft: "bg-surface-fg-subtle"
+}, f = {
+	success: "bg-success-9",
+	warning: "bg-warning-9",
+	error: "bg-error-9",
+	info: "bg-info-9",
+	neutral: "bg-surface-fg-subtle"
+}, p = {
+	duration: .3,
+	ease: "easeOut"
+}, m = o.forwardRef(({ status: r, color: o, size: m, label: h, hideDot: g = !1, onClick: _, icon: v, className: y, ...b }, x) => {
+	let S = _ != null, C = S ? e.button : e.span, w = S ? "cursor-pointer hover:opacity-80 transition-opacity" : void 0, T = v ?? (S ? /* @__PURE__ */ s(a, {
+		icon: l,
+		size: "xs",
+		className: "text-current/50 -mr-0.5 shrink-0"
+	}) : null);
+	if (o != null) {
+		let e = h ?? o.charAt(0).toUpperCase() + o.slice(1), r = f[o];
+		return /* @__PURE__ */ s(t, {
+			mode: "wait",
+			children: /* @__PURE__ */ c(C, {
+				ref: x,
+				...S ? {
+					type: "button",
+					onClick: _
+				} : {},
+				initial: {
+					opacity: .6,
+					scale: .95
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: .6,
+					scale: .95
+				},
+				transition: p,
+				className: i(u({
+					color: o,
+					size: m
+				}), w, y),
+				...n(b),
+				children: [
+					!g && /* @__PURE__ */ s("span", {
+						className: i("shrink-0 rounded-ds-full", m === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]", r),
+						"aria-hidden": "true"
+					}),
+					e,
+					T
+				]
+			}, o)
+		});
+	}
+	let E = r ?? "pending", D = h ?? E.charAt(0).toUpperCase() + E.slice(1), O = d[E];
+	return /* @__PURE__ */ s(t, {
+		mode: "wait",
+		children: /* @__PURE__ */ c(C, {
+			ref: x,
+			...S ? {
+				type: "button",
+				onClick: _
+			} : {},
+			initial: { opacity: .6 },
+			animate: { opacity: 1 },
+			exit: { opacity: .6 },
+			transition: p,
+			className: i(u({
+				status: E,
+				size: m
+			}), w, y),
+			...n(b),
+			children: [
+				!g && /* @__PURE__ */ s("span", {
+					className: i("shrink-0 rounded-ds-full", m === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]", O),
+					"aria-hidden": "true"
+				}),
+				D,
+				T
+			]
+		}, E)
+	});
+});
+m.displayName = "StatusBadge";
+//#endregion
+export { m as StatusBadge, u as statusBadgeVariants };

package/dist/hooks/index.js

@@ -1,13 +1,8 @@
 "use client";
-import { useColorMode as r } from "./use-color-mode.js";
-import { useIsMobile as p } from "./use-mobile.js";
-import { useTouchDevice as f } from "./use-touch-device.js";
-import { useViewportHeight as u } from "./use-viewport-height.js";
-import { toast as i } from "../ui/toast.js";
-export {
-  i as toast,
-  r as useColorMode,
-  p as useIsMobile,
-  f as useTouchDevice,
-  u as useViewportHeight
-};
+import { useIsMobile as e } from "./use-mobile.js";
+import { toast as t } from "../ui/toast.js";
+import { useColorMode as n } from "./use-color-mode.js";
+import { useTouchDevice as r } from "./use-touch-device.js";
+import { useViewportHeight as i } from "./use-viewport-height.js";
+import "./use-toast.js";
+export { t as toast, n as useColorMode, e as useIsMobile, r as useTouchDevice, i as useViewportHeight };

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

@@ -1,28 +1,31 @@
 "use client";
-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;
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/hooks/use-color-mode.ts
+function r(e) {
+	return e === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
 }
-function u() {
-  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`, n(e);
-  }, []), a = s(() => {
-    const e = document.documentElement.classList.contains("dark");
-    r(e ? "light" : "dark");
-  }, [r]);
-  return m(() => {
-    if (t !== "system") return;
-    const e = window.matchMedia("(prefers-color-scheme: dark)"), o = (c) => {
-      document.documentElement.classList.toggle("dark", c.matches);
-    };
-    return e.addEventListener("change", o), () => e.removeEventListener("change", o);
-  }, [t]), { colorMode: t, setColorMode: r, toggleColorMode: a };
+function i() {
+	let [i, a] = n(() => {
+		if (typeof window > "u") return "system";
+		let e = localStorage.getItem("theme");
+		return e === "light" || e === "dark" || e === "system" ? e : "system";
+	}), o = e((e) => {
+		let t = r(e);
+		document.documentElement.classList.toggle("dark", t === "dark"), localStorage.setItem("theme", e), document.cookie = `theme=${e};path=/;max-age=31536000;SameSite=Lax`, a(e);
+	}, []), s = e(() => {
+		o(document.documentElement.classList.contains("dark") ? "light" : "dark");
+	}, [o]);
+	return t(() => {
+		if (i !== "system") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
+			document.documentElement.classList.toggle("dark", e.matches);
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [i]), {
+		colorMode: i,
+		setColorMode: o,
+		toggleColorMode: s
+	};
 }
-export {
-  u as useColorMode
-};
+//#endregion
+export { i as useColorMode };

package/dist/hooks/use-mobile.js

@@ -1,15 +1,15 @@
 "use client";
-import * as o from "react";
-const e = 768;
-function r() {
-  const [s, n] = o.useState(void 0);
-  return o.useEffect(() => {
-    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
-      n(window.innerWidth < e);
-    };
-    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
-  }, []), !!s;
+import * as e from "react";
+//#region src/hooks/use-mobile.ts
+var t = 768;
+function n() {
+	let [n, r] = e.useState(void 0);
+	return e.useEffect(() => {
+		let e = window.matchMedia(`(max-width: ${t - 1}px)`), n = () => {
+			r(window.innerWidth < t);
+		};
+		return e.addEventListener("change", n), r(window.innerWidth < t), () => e.removeEventListener("change", n);
+	}, []), !!n;
 }
-export {
-  r as useIsMobile
-};
+//#endregion
+export { n as useIsMobile };

package/dist/hooks/use-toast.js

@@ -1,5 +1,3 @@
 "use client";
-import { toast as r } from "../ui/toast.js";
-export {
-  r as toast
-};
+import { toast as e } from "../ui/toast.js";
+export { e as toast };

package/dist/hooks/use-touch-device.js

@@ -1,13 +1,11 @@
 "use client";
-import * as t from "react";
-function s() {
-  const [o, e] = t.useState(!1);
-  return t.useEffect(() => {
-    e(
-      "ontouchstart" in window || navigator.maxTouchPoints > 0
-    );
-  }, []), o;
+import * as e from "react";
+//#region src/hooks/use-touch-device.ts
+function t() {
+	let [t, n] = e.useState(!1);
+	return e.useEffect(() => {
+		n("ontouchstart" in window || navigator.maxTouchPoints > 0);
+	}, []), t;
 }
-export {
-  s as useTouchDevice
-};
+//#endregion
+export { t as useTouchDevice };

package/dist/hooks/use-viewport-height.js

@@ -1,16 +1,16 @@
 "use client";
-import * as i from "react";
-function s() {
-  const [n, r] = i.useState(0);
-  return i.useEffect(() => {
-    const e = () => {
-      r(window.visualViewport?.height ?? window.innerHeight);
-    };
-    e();
-    const t = window.visualViewport;
-    return t ? (t.addEventListener("resize", e), () => t.removeEventListener("resize", e)) : (window.addEventListener("resize", e), () => window.removeEventListener("resize", e));
-  }, []), n;
+import * as e from "react";
+//#region src/hooks/use-viewport-height.ts
+function t() {
+	let [t, n] = e.useState(0);
+	return e.useEffect(() => {
+		let e = () => {
+			n(window.visualViewport?.height ?? window.innerHeight);
+		};
+		e();
+		let t = window.visualViewport;
+		return t ? (t.addEventListener("resize", e), () => t.removeEventListener("resize", e)) : (window.addEventListener("resize", e), () => window.removeEventListener("resize", e));
+	}, []), t;
 }
-export {
-  s as useViewportHeight
-};
+//#endregion
+export { t as useViewportHeight };

package/dist/motion/index.js

@@ -1,12 +1,4 @@
 "use client";
-import { M as r, u as t } from "../_chunks/motion-provider.js";
-import { motionProps as i, springs as n, stagger as p, tweens as M, withReducedMotion as a } from "../ui/lib/motion.js";
-export {
-  r as MotionProvider,
-  i as motionProps,
-  n as springs,
-  p as stagger,
-  M as tweens,
-  t as useMotion,
-  a as withReducedMotion
-};
+import { motionProps as e, springs as t, stagger as n, tweens as r, withReducedMotion as i } from "../ui/lib/motion.js";
+import { n as a, t as o } from "../_chunks/motion-provider.js";
+export { o as MotionProvider, e as motionProps, t as springs, n as stagger, r as tweens, a as useMotion, i as withReducedMotion };