@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/devalok-grain.js

@@ -1,69 +1,80 @@
 "use client";
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { u as k, m as y } from "../_chunks/framer.js";
-const b = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")`, v = {
-  subtle: { solid: 0.2, soft: 0.15 },
-  medium: { solid: 0.28, soft: 0.22 },
-  heavy: { solid: 0.45, soft: 0.35 }
-}, f = {
-  subtle: { ld: 0.06, ll: 0.08, dk: 0.08 },
-  medium: { ld: 0.1, ll: 0.12, dk: 0.12 },
-  heavy: { ld: 0.16, ll: 0.18, dk: 0.18 }
+import { a as e, n as t } from "../_chunks/framer.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ui/devalok-grain.tsx
+var i = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E\")", a = {
+	subtle: {
+		solid: .2,
+		soft: .15
+	},
+	medium: {
+		solid: .28,
+		soft: .22
+	},
+	heavy: {
+		solid: .45,
+		soft: .35
+	}
+}, o = {
+	subtle: {
+		ld: .06,
+		ll: .08,
+		dk: .08
+	},
+	medium: {
+		ld: .1,
+		ll: .12,
+		dk: .12
+	},
+	heavy: {
+		ld: .16,
+		ll: .18,
+		dk: .18
+	}
 };
-function w({
-  intensity: i = "subtle",
-  surface: d = "solid",
-  sheen: c = !1,
-  tint: e,
-  animated: p = !1,
-  hoverIntensify: t = !1
-}) {
-  const u = k(), r = v[i][d], h = Math.min(r * 1.4, 0.6), a = f[i], s = e ? `linear-gradient(135deg, color-mix(in oklch, ${e} ${Math.round(a.ld * 100)}%, transparent), color-mix(in oklch, white ${Math.round(a.ll * 100)}%, transparent))` : `linear-gradient(135deg, oklch(0 0 0 / ${a.ld}), oklch(1 0 0 / ${a.ll}))`, n = e ? `linear-gradient(135deg, transparent, color-mix(in oklch, ${e} ${Math.round(a.dk * 100)}%, transparent))` : `linear-gradient(135deg, transparent, oklch(0 0 0 / ${a.dk}))`, l = p && !u, g = l ? y.span : "span";
-  return /* @__PURE__ */ m(
-    g,
-    {
-      "data-grain": "",
-      "aria-hidden": "true",
-      className: "pointer-events-none absolute inset-0 z-[1] rounded-[inherit] isolate overflow-hidden",
-      ...l ? {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        transition: { duration: 0.6, ease: [0.2, 0, 0.38, 0.9] }
-      } : {},
-      children: [
-        s && /* @__PURE__ */ o(
-          "span",
-          {
-            className: `absolute inset-0 dark:hidden transition-opacity duration-300 ${t ? "group-hover:opacity-100 opacity-80" : ""}`,
-            style: { background: s }
-          }
-        ),
-        n && /* @__PURE__ */ o(
-          "span",
-          {
-            className: `absolute inset-0 hidden dark:block transition-opacity duration-300 ${t ? "group-hover:opacity-100 opacity-80" : ""}`,
-            style: { background: n }
-          }
-        ),
-        /* @__PURE__ */ o(
-          "span",
-          {
-            className: `absolute inset-0 transition-opacity duration-300 ${t ? "group-hover:opacity-[var(--grain-hover-opacity)]" : ""}`,
-            style: {
-              backgroundImage: b,
-              backgroundSize: "100px 100px",
-              filter: "contrast(250%) brightness(105%)",
-              opacity: r,
-              "--grain-hover-opacity": t ? h : void 0
-            }
-          }
-        ),
-        c && /* @__PURE__ */ o("span", { className: "absolute inset-0 shadow-raised-inner" })
-      ]
-    }
-  );
+function s({ intensity: s = "subtle", surface: c = "solid", sheen: l = !1, tint: u, animated: d = !1, hoverIntensify: f = !1 }) {
+	let p = t(), m = a[s][c], h = Math.min(m * 1.4, .6), g = o[s], _ = u ? `linear-gradient(135deg, color-mix(in oklch, ${u} ${Math.round(g.ld * 100)}%, transparent), color-mix(in oklch, white ${Math.round(g.ll * 100)}%, transparent))` : `linear-gradient(135deg, oklch(0 0 0 / ${g.ld}), oklch(1 0 0 / ${g.ll}))`, v = u ? `linear-gradient(135deg, transparent, color-mix(in oklch, ${u} ${Math.round(g.dk * 100)}%, transparent))` : `linear-gradient(135deg, transparent, oklch(0 0 0 / ${g.dk}))`, y = d && !p;
+	return /* @__PURE__ */ r(y ? e.span : "span", {
+		"data-grain": "",
+		"aria-hidden": "true",
+		className: "pointer-events-none absolute inset-0 z-[1] rounded-[inherit] isolate overflow-hidden",
+		...y ? {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			transition: {
+				duration: .6,
+				ease: [
+					.2,
+					0,
+					.38,
+					.9
+				]
+			}
+		} : {},
+		children: [
+			_ && /* @__PURE__ */ n("span", {
+				className: `absolute inset-0 dark:hidden transition-opacity duration-300 ${f ? "group-hover:opacity-100 opacity-80" : ""}`,
+				style: { background: _ }
+			}),
+			v && /* @__PURE__ */ n("span", {
+				className: `absolute inset-0 hidden dark:block transition-opacity duration-300 ${f ? "group-hover:opacity-100 opacity-80" : ""}`,
+				style: { background: v }
+			}),
+			/* @__PURE__ */ n("span", {
+				className: `absolute inset-0 transition-opacity duration-300 ${f ? "group-hover:opacity-[var(--grain-hover-opacity)]" : ""}`,
+				style: {
+					backgroundImage: i,
+					backgroundSize: "100px 100px",
+					filter: "contrast(250%) brightness(105%)",
+					opacity: m,
+					"--grain-hover-opacity": f ? h : void 0
+				}
+			}),
+			l && /* @__PURE__ */ n("span", { className: "absolute inset-0 shadow-raised-inner" })
+		]
+	});
 }
-w.displayName = "DevalokGrain";
-export {
-  w as DevalokGrain
-};
+s.displayName = "DevalokGrain";
+//#endregion
+export { s as DevalokGrain };

package/dist/ui/dialog.js

@@ -1,154 +1,125 @@
 "use client";
-import { jsx as s, jsxs as m } from "react/jsx-runtime";
-import * as t from "react";
-import { a5 as y, a6 as C, a7 as f, a8 as x, a9 as v, aa as b, ab as R, ac as M } from "../_chunks/primitives.js";
-import { IconX as O } from "@tabler/icons-react";
-import { cn as r } from "./lib/utils.js";
-import { tweens as g, springs as j } from "./lib/motion.js";
-import { Icon as I } from "./icon.js";
-import { useIsMobile as T } from "../hooks/use-mobile.js";
-import { A as z, m as u } from "../_chunks/framer.js";
-const N = t.createContext({ open: !1 }), P = () => t.useContext(N), A = ({
-  open: a,
-  defaultOpen: o,
-  onOpenChange: e,
-  ...n
-}) => {
-  const [d, c] = t.useState(o ?? !1), l = a !== void 0, i = l ? a : d, D = t.useCallback(
-    (p) => {
-      l || c(p), e?.(p);
-    },
-    [l, e]
-  ), w = t.useMemo(() => ({ open: i }), [i]);
-  return /* @__PURE__ */ s(N.Provider, { value: w, children: /* @__PURE__ */ s(R, { open: i, onOpenChange: D, ...n }) });
+import { Cn as e, Dn as t, En as n, On as r, Sn as i, Tn as a, wn as o, xn as s } from "../_chunks/primitives.js";
+import { a as c, c as l } from "../_chunks/framer.js";
+import { springs as u, tweens as d } from "./lib/motion.js";
+import { cn as f } from "./lib/utils.js";
+import { Icon as p } from "./icon.js";
+import { useIsMobile as m } from "../hooks/use-mobile.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IconX as v } from "@tabler/icons-react";
+//#region src/ui/dialog.tsx
+var y = h.createContext({ open: !1 }), b = () => h.useContext(y), x = ({ open: e, defaultOpen: t, onOpenChange: r, ...i }) => {
+	let [a, o] = h.useState(t ?? !1), s = e !== void 0, c = s ? e : a, l = h.useCallback((e) => {
+		s || o(e), r?.(e);
+	}, [s, r]), u = h.useMemo(() => ({ open: c }), [c]);
+	return /* @__PURE__ */ g(y.Provider, {
+		value: u,
+		children: /* @__PURE__ */ g(n, {
+			open: c,
+			onOpenChange: l,
+			...i
+		})
+	});
 };
-A.displayName = "Dialog";
-const W = M, F = C, Y = x, h = t.forwardRef(({ className: a, ...o }, e) => /* @__PURE__ */ s(
-  y,
-  {
-    ref: e,
-    forceMount: !0,
-    className: r(
-      "fixed inset-0 z-overlay bg-overlay",
-      a
-    ),
-    ...o
-  }
-));
-h.displayName = y.displayName;
-const H = t.forwardRef(({ className: a, children: o, responsive: e, ...n }, d) => {
-  const { open: c } = P(), l = T(), i = e !== !1 && l;
-  return /* @__PURE__ */ s(z, { children: c && /* @__PURE__ */ m(F, { forceMount: !0, children: [
-    /* @__PURE__ */ s(h, { asChild: !0, children: /* @__PURE__ */ s(
-      u.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: g.fade
-      }
-    ) }),
-    /* @__PURE__ */ s(
-      f,
-      {
-        ref: d,
-        forceMount: !0,
-        asChild: !0,
-        ...n,
-        children: /* @__PURE__ */ m(
-          u.div,
-          {
-            initial: i ? { y: "100%" } : { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
-            animate: i ? { y: 0 } : { opacity: 1, scale: 1, x: "-50%", y: "-50%" },
-            exit: i ? { y: "100%" } : { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
-            transition: i ? { type: "spring", damping: 30, stiffness: 300 } : { ...j.smooth, opacity: g.fade },
-            className: r(
-              "fixed z-modal grid w-full gap-ds-05 bg-surface-overlay p-ds-06",
-              e !== !1 ? "inset-0 md:inset-auto md:left-[50%] md:top-[50%] md:max-w-lg md:rounded-ds-xl md:border md:border-surface-border-strong md:shadow-overlay" : "left-[50%] top-[50%] max-w-lg rounded-ds-xl border border-surface-border-strong shadow-overlay",
-              a
-            ),
-            children: [
-              o,
-              /* @__PURE__ */ m(x, { title: "Close", className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
-                /* @__PURE__ */ s(I, { icon: O, size: "lg" }),
-                /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
-              ] })
-            ]
-          }
-        )
-      }
-    )
-  ] }) });
+x.displayName = "Dialog";
+var S = r, C = a, w = s, T = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(o, {
+	ref: n,
+	forceMount: !0,
+	className: f("fixed inset-0 z-overlay bg-overlay", e),
+	...t
+}));
+T.displayName = o.displayName;
+var E = h.forwardRef(({ className: e, children: t, responsive: n, ...r }, a) => {
+	let { open: o } = b(), h = m(), y = n !== !1 && h;
+	return /* @__PURE__ */ g(l, { children: o && /* @__PURE__ */ _(C, {
+		forceMount: !0,
+		children: [/* @__PURE__ */ g(T, {
+			asChild: !0,
+			children: /* @__PURE__ */ g(c.div, {
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				transition: d.fade
+			})
+		}), /* @__PURE__ */ g(i, {
+			ref: a,
+			forceMount: !0,
+			asChild: !0,
+			...r,
+			children: /* @__PURE__ */ _(c.div, {
+				initial: y ? { y: "100%" } : {
+					opacity: 0,
+					scale: .95,
+					x: "-50%",
+					y: "-50%"
+				},
+				animate: y ? { y: 0 } : {
+					opacity: 1,
+					scale: 1,
+					x: "-50%",
+					y: "-50%"
+				},
+				exit: y ? { y: "100%" } : {
+					opacity: 0,
+					scale: .95,
+					x: "-50%",
+					y: "-50%"
+				},
+				transition: y ? {
+					type: "spring",
+					damping: 30,
+					stiffness: 300
+				} : {
+					...u.smooth,
+					opacity: d.fade
+				},
+				className: f("fixed z-modal grid w-full gap-ds-05 bg-surface-overlay p-ds-06", n === !1 ? "left-[50%] top-[50%] max-w-lg rounded-ds-xl border border-surface-border-strong shadow-overlay" : "inset-0 md:inset-auto md:left-[50%] md:top-[50%] md:max-w-lg md:rounded-ds-xl md:border md:border-surface-border-strong md:shadow-overlay", e),
+				children: [t, /* @__PURE__ */ _(s, {
+					title: "Close",
+					className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none",
+					children: [/* @__PURE__ */ g(p, {
+						icon: v,
+						size: "lg"
+					}), /* @__PURE__ */ g("span", {
+						className: "sr-only",
+						children: "Close"
+					})]
+				})]
+			})
+		})]
+	}) });
 });
-H.displayName = f.displayName;
-const k = t.forwardRef(({ className: a, ...o }, e) => /* @__PURE__ */ s(
-  f,
-  {
-    ref: e,
-    className: r(a),
-    ...o
-  }
-));
-k.displayName = "DialogContentRaw";
-const S = t.forwardRef(
-  ({ className: a, ...o }, e) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: e,
-      className: r(
-        "flex flex-col space-y-ds-02b text-center sm:text-left",
-        a
-      ),
-      ...o
-    }
-  )
-);
-S.displayName = "DialogHeader";
-const V = t.forwardRef(
-  ({ className: a, ...o }, e) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: e,
-      className: r(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
-        a
-      ),
-      ...o
-    }
-  )
-);
-V.displayName = "DialogFooter";
-const X = t.forwardRef(({ className: a, ...o }, e) => /* @__PURE__ */ s(
-  v,
-  {
-    ref: e,
-    className: r(
-      "text-ds-lg font-semibold",
-      a
-    ),
-    ...o
-  }
-));
-X.displayName = v.displayName;
-const q = t.forwardRef(({ className: a, ...o }, e) => /* @__PURE__ */ s(
-  b,
-  {
-    ref: e,
-    className: r("text-ds-md text-surface-fg-muted", a),
-    ...o
-  }
-));
-q.displayName = b.displayName;
-export {
-  A as Dialog,
-  Y as DialogClose,
-  H as DialogContent,
-  k as DialogContentRaw,
-  q as DialogDescription,
-  V as DialogFooter,
-  S as DialogHeader,
-  h as DialogOverlay,
-  F as DialogPortal,
-  X as DialogTitle,
-  W as DialogTrigger
-};
+E.displayName = i.displayName;
+var D = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(i, {
+	ref: n,
+	className: f(e),
+	...t
+}));
+D.displayName = "DialogContentRaw";
+var O = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
+	ref: n,
+	className: f("flex flex-col space-y-ds-02b text-center sm:text-left", e),
+	...t
+}));
+O.displayName = "DialogHeader";
+var k = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
+	ref: n,
+	className: f("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
+	...t
+}));
+k.displayName = "DialogFooter";
+var A = h.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ g(t, {
+	ref: r,
+	className: f("text-ds-lg font-semibold", e),
+	...n
+}));
+A.displayName = t.displayName;
+var j = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ g(e, {
+	ref: r,
+	className: f("text-ds-md text-surface-fg-muted", t),
+	...n
+}));
+j.displayName = e.displayName;
+//#endregion
+export { x as Dialog, w as DialogClose, E as DialogContent, D as DialogContentRaw, j as DialogDescription, k as DialogFooter, O as DialogHeader, T as DialogOverlay, C as DialogPortal, A as DialogTitle, S as DialogTrigger };