@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/button-processing.js

@@ -1,77 +1,73 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import * as e from "react";
-import { A as k, m as w } from "../_chunks/framer.js";
-const v = {
-  accent: "var(--color-accent-11)",
-  error: "var(--color-error-11)",
-  success: "var(--color-success-11)",
-  warning: "var(--color-warning-11)",
-  neutral: "var(--color-surface-fg)"
-}, C = {
-  ambient: 3,
-  working: 2,
-  urgent: 1
+import { a as e, c as t } from "../_chunks/framer.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/button-processing.tsx
+var i = {
+	accent: "var(--color-accent-11)",
+	error: "var(--color-error-11)",
+	success: "var(--color-success-11)",
+	warning: "var(--color-warning-11)",
+	neutral: "var(--color-surface-fg)"
+}, a = {
+	ambient: 3,
+	working: 2,
+	urgent: 1
 };
-function N({ active: t, speed: d, color: r }) {
-  const n = v[r] ?? v.accent, s = D(), x = C[d], l = e.useRef(null), [u, R] = e.useState(8), [f, E] = e.useState({ array: "8 6", cycle: 14 });
-  return e.useEffect(() => {
-    const o = l.current?.closest("span")?.previousElementSibling;
-    if (!o) return;
-    const b = getComputedStyle(o), M = parseFloat(b.borderRadius) || 8, p = o.offsetWidth - 2, h = o.offsetHeight - 2, a = Math.min(M, h / 2, p / 2);
-    R(a);
-    const m = 2 * (p - 2 * a) + 2 * (h - 2 * a) + 2 * Math.PI * a, c = 8, P = c + 6, y = Math.round(m / P), S = (m - y * c) / y, g = Math.max(2, S);
-    E({ array: `${c} ${g.toFixed(1)}`, cycle: c + g });
-  }, [t]), /* @__PURE__ */ i(k, { children: t && /* @__PURE__ */ i(
-    w.span,
-    {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      transition: { duration: 0.2 },
-      "aria-hidden": "true",
-      className: "absolute inset-0 pointer-events-none",
-      children: /* @__PURE__ */ i(
-        "svg",
-        {
-          className: "absolute inset-0 w-full h-full",
-          style: { overflow: "visible" },
-          children: /* @__PURE__ */ i(
-            w.rect,
-            {
-              ref: l,
-              x: "1",
-              y: "1",
-              width: "calc(100% - 2px)",
-              height: "calc(100% - 2px)",
-              rx: u,
-              ry: u,
-              fill: "none",
-              stroke: n,
-              strokeWidth: "2",
-              strokeDasharray: f.array,
-              style: { transition: "stroke 0.3s ease" },
-              animate: s ? {} : { strokeDashoffset: [0, -f.cycle] },
-              transition: s ? {} : {
-                duration: x,
-                ease: "linear",
-                repeat: 1 / 0
-              }
-            }
-          )
-        }
-      )
-    },
-    "processing-ants"
-  ) });
+function o({ active: o, speed: c, color: l }) {
+	let u = i[l] ?? i.accent, d = s(), f = a[c], p = n.useRef(null), [m, h] = n.useState(8), [g, _] = n.useState({
+		array: "8 6",
+		cycle: 14
+	});
+	return n.useEffect(() => {
+		let e = p.current?.closest("span")?.previousElementSibling;
+		if (!e) return;
+		let t = getComputedStyle(e), n = parseFloat(t.borderRadius) || 8, r = e.offsetWidth - 2, i = e.offsetHeight - 2, a = Math.min(n, i / 2, r / 2);
+		h(a);
+		let o = 2 * (r - 2 * a) + 2 * (i - 2 * a) + 2 * Math.PI * a, s = Math.round(o / 14), c = (o - s * 8) / s, l = Math.max(2, c);
+		_({
+			array: `8 ${l.toFixed(1)}`,
+			cycle: 8 + l
+		});
+	}, [o]), /* @__PURE__ */ r(t, { children: o && /* @__PURE__ */ r(e.span, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		"aria-hidden": "true",
+		className: "absolute inset-0 pointer-events-none",
+		children: /* @__PURE__ */ r("svg", {
+			className: "absolute inset-0 w-full h-full",
+			style: { overflow: "visible" },
+			children: /* @__PURE__ */ r(e.rect, {
+				ref: p,
+				x: "1",
+				y: "1",
+				width: "calc(100% - 2px)",
+				height: "calc(100% - 2px)",
+				rx: m,
+				ry: m,
+				fill: "none",
+				stroke: u,
+				strokeWidth: "2",
+				strokeDasharray: g.array,
+				style: { transition: "stroke 0.3s ease" },
+				animate: d ? {} : { strokeDashoffset: [0, -g.cycle] },
+				transition: d ? {} : {
+					duration: f,
+					ease: "linear",
+					repeat: Infinity
+				}
+			})
+		})
+	}, "processing-ants") });
 }
-function D() {
-  const [t, d] = e.useState(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return e.useEffect(() => {
-    const r = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (s) => d(s.matches);
-    return r.addEventListener("change", n), () => r.removeEventListener("change", n);
-  }, []), t;
+function s() {
+	let [e, t] = n.useState(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+	return n.useEffect(() => {
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (e) => t(e.matches);
+		return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+	}, []), e;
 }
-export {
-  N as ProcessingOverlay
-};
+//#endregion
+export { o as ProcessingOverlay };