@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/hover-card.js

@@ -1,56 +1,56 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as r from "react";
-import { ad as u, ae as p, af as C, ag as g } from "../_chunks/primitives.js";
-import { cn as v } from "./lib/utils.js";
-import { tweens as y, springs as h } from "./lib/motion.js";
-import { A as x, m as b } from "../_chunks/framer.js";
-const m = r.createContext(!1), H = ({
-  open: t,
-  defaultOpen: n = !1,
-  onOpenChange: a,
-  ...s
-}) => {
-  const [i, c] = r.useState(n), o = t !== void 0, d = o ? t : i, f = r.useCallback(
-    (l) => {
-      o || c(l), a?.(l);
-    },
-    [o, a]
-  );
-  return /* @__PURE__ */ e(m.Provider, { value: d, children: /* @__PURE__ */ e(g, { open: d, onOpenChange: f, ...s }) });
-};
-H.displayName = "HoverCard";
-const M = C, w = r.forwardRef(({ className: t, align: n = "center", sideOffset: a = 4, children: s, ...i }, c) => {
-  const o = r.useContext(m);
-  return /* @__PURE__ */ e(x, { children: o && /* @__PURE__ */ e(u, { forceMount: !0, children: /* @__PURE__ */ e(
-    p,
-    {
-      ref: c,
-      align: n,
-      sideOffset: a,
-      forceMount: !0,
-      asChild: !0,
-      ...i,
-      children: /* @__PURE__ */ e(
-        b.div,
-        {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: { ...h.snappy, opacity: y.fade },
-          className: v(
-            "z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 shadow-floating outline-none",
-            t
-          ),
-          children: s
-        }
-      )
-    }
-  ) }) });
-});
-w.displayName = p.displayName;
-export {
-  H as HoverCard,
-  w as HoverCardContent,
-  M as HoverCardTrigger
+import { dt as e, ft as t, mt as n, pt as r } from "../_chunks/primitives.js";
+import { a as i, c as a } from "../_chunks/framer.js";
+import { springs as o, tweens as s } from "./lib/motion.js";
+import { cn as c } from "./lib/utils.js";
+import * as l from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/ui/hover-card.tsx
+var d = l.createContext(!1), f = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...i }) => {
+	let [a, o] = l.useState(t), s = e !== void 0, c = s ? e : a, f = l.useCallback((e) => {
+		s || o(e), n?.(e);
+	}, [s, n]);
+	return /* @__PURE__ */ u(d.Provider, {
+		value: c,
+		children: /* @__PURE__ */ u(r, {
+			open: c,
+			onOpenChange: f,
+			...i
+		})
+	});
 };
+f.displayName = "HoverCard";
+var p = n, m = l.forwardRef(({ className: n, align: r = "center", sideOffset: f = 4, children: p, ...m }, h) => /* @__PURE__ */ u(a, { children: l.useContext(d) && /* @__PURE__ */ u(t, {
+	forceMount: !0,
+	children: /* @__PURE__ */ u(e, {
+		ref: h,
+		align: r,
+		sideOffset: f,
+		forceMount: !0,
+		asChild: !0,
+		...m,
+		children: /* @__PURE__ */ u(i.div, {
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .95
+			},
+			transition: {
+				...o.snappy,
+				opacity: s.fade
+			},
+			className: c("z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 shadow-floating outline-hidden", n),
+			children: p
+		})
+	})
+}) }));
+m.displayName = e.displayName;
+//#endregion
+export { f as HoverCard, m as HoverCardContent, p as HoverCardTrigger };

package/dist/ui/icon-button.js

@@ -1,27 +1,22 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import { Button as a } from "./button.js";
-import { cn as d } from "./lib/utils.js";
-const l = {
-  sm: "icon-sm",
-  md: "icon-md",
-  lg: "icon-lg"
-}, f = s.forwardRef(
-  ({ icon: o, shape: r = "square", size: n = "md", className: t, loading: i, ...m }, c) => /* @__PURE__ */ e(
-    a,
-    {
-      ref: c,
-      size: l[n],
-      className: d(r === "circle" && "rounded-ds-full", t),
-      loading: i,
-      loadingPosition: "center",
-      ...m,
-      children: o
-    }
-  )
-);
-f.displayName = "IconButton";
-export {
-  f as IconButton
-};
+import { cn as e } from "./lib/utils.js";
+import { Button as t } from "./button.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/icon-button.tsx
+var i = {
+	sm: "icon-sm",
+	md: "icon-md",
+	lg: "icon-lg"
+}, a = n.forwardRef(({ icon: n, shape: a = "square", size: o = "md", className: s, loading: c, ...l }, u) => /* @__PURE__ */ r(t, {
+	ref: u,
+	size: i[o],
+	className: e(a === "circle" && "rounded-ds-full", s),
+	loading: c,
+	loadingPosition: "center",
+	...l,
+	children: n
+}));
+a.displayName = "IconButton";
+//#endregion
+export { a as IconButton };

package/dist/ui/icon-context.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import * as o from "react";
-const n = o.createContext({});
-function i({
-  size: t,
-  stroke: e,
-  children: r
-}) {
-  const c = o.useMemo(() => ({ size: t, stroke: e }), [t, e]);
-  return /* @__PURE__ */ u(n.Provider, { value: c, children: r });
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/icon-context.tsx
+var n = e.createContext({});
+function r({ size: r, stroke: i, children: a }) {
+	let o = e.useMemo(() => ({
+		size: r,
+		stroke: i
+	}), [r, i]);
+	return /* @__PURE__ */ t(n.Provider, {
+		value: o,
+		children: a
+	});
 }
-function m() {
-  return o.useContext(n);
+function i() {
+	return e.useContext(n);
 }
-export {
-  n as IconContext,
-  i as IconProvider,
-  m as useIconContext
-};
+//#endregion
+export { n as IconContext, r as IconProvider, i as useIconContext };

package/dist/ui/icon-group.js

@@ -1,31 +1,24 @@
 "use client";
+import { cn as e } from "./lib/utils.js";
+import { IconProvider as t } from "./icon-context.js";
+import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as n } from "./lib/utils.js";
-import { IconProvider as c } from "./icon-context.js";
-const f = {
-  tight: "gap-0.5",
-  default: "gap-1",
-  loose: "gap-2"
-}, d = m.forwardRef(({
-  size: e,
-  stroke: a,
-  gap: t = "default",
-  label: i,
-  role: o,
-  className: l,
-  children: p
-}, s) => /* @__PURE__ */ r(c, { size: e, stroke: a, children: /* @__PURE__ */ r(
-  "div",
-  {
-    ref: s,
-    role: o,
-    "aria-label": o ? i : void 0,
-    className: n("inline-flex items-center", f[t], l),
-    children: p
-  }
-) }));
-d.displayName = "IconGroup";
-export {
-  d as IconGroup
-};
+//#region src/ui/icon-group.tsx
+var i = {
+	tight: "gap-0.5",
+	default: "gap-1",
+	loose: "gap-2"
+}, a = n.forwardRef(({ size: n, stroke: a, gap: o = "default", label: s, role: c, className: l, children: u }, d) => /* @__PURE__ */ r(t, {
+	size: n,
+	stroke: a,
+	children: /* @__PURE__ */ r("div", {
+		ref: d,
+		role: c,
+		"aria-label": c ? s : void 0,
+		className: e("inline-flex items-center", i[o], l),
+		children: u
+	})
+}));
+a.displayName = "IconGroup";
+//#endregion
+export { a as IconGroup };

package/dist/ui/icon.js

@@ -1,122 +1,202 @@
 "use client";
-import { jsx as i, jsxs as w, Fragment as O } from "react/jsx-runtime";
-import * as z from "react";
-import { tweens as C, springs as P } from "./lib/motion.js";
-import { cn as E } from "./lib/utils.js";
-import { Spinner as R } from "./spinner.js";
-import { useIconContext as L } from "./icon-context.js";
-import { u as N, A as _, m as c } from "../_chunks/framer.js";
-const j = {
-  xs: 14,
-  sm: 16,
-  md: 18,
-  lg: 20,
-  xl: 24,
-  "2xl": 32
-}, A = {
-  light: { xs: 1.25, sm: 1.5, md: 1.5, lg: 1.75, xl: 2, "2xl": 2 },
-  regular: { xs: 1.5, sm: 2, md: 2, lg: 2, xl: 2, "2xl": 2.25 },
-  bold: { xs: 2, sm: 2.5, md: 2.5, lg: 2.5, xl: 2.5, "2xl": 2.5 }
-}, X = {
-  spin: {
-    animate: { rotate: 360 },
-    transition: { duration: 1, repeat: 1 / 0, ease: "linear" }
-  },
-  pulse: {
-    animate: { scale: [1, 1.15, 1] },
-    transition: { duration: 2, repeat: 1 / 0, ease: "easeInOut" }
-  },
-  bounce: {
-    animate: { y: [0, -4, 0] },
-    transition: { duration: 1.5, repeat: 1 / 0, ease: "easeInOut" }
-  }
-}, M = {
-  xs: "sm",
-  sm: "sm",
-  md: "md",
-  lg: "md",
-  xl: "lg",
-  "2xl": "lg"
-}, Z = z.forwardRef(
-  ({ icon: s, size: f, stroke: k, label: e, animate: t, state: d, className: l }, p) => {
-    const u = L(), m = f ?? u.size ?? "md", I = k ?? u.stroke ?? "regular", o = j[m], r = A[I][m], x = N();
-    if (d && d !== "idle") {
-      const a = M[m], n = d === "loading" ? "spinning" : d;
-      return /* @__PURE__ */ i(_, { mode: "wait", children: /* @__PURE__ */ i(
-        c.span,
-        {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          transition: C.fade,
-          className: "inline-flex",
-          children: /* @__PURE__ */ i(R, { size: a, state: n, variant: "bare" })
-        },
-        "spinner"
-      ) });
-    }
-    if (t === "draw" && !x) {
-      const a = {
-        initial: { pathLength: 0, opacity: 0 },
-        animate: { pathLength: 1, opacity: 1 },
-        transition: { pathLength: { duration: 0.35, ease: "easeOut" }, opacity: { duration: 0.1 } }
-      }, n = s.displayName ?? "", y = n === "Check" || n === "IconCheck" || n === "CircleCheck";
-      if (y || (n === "X" || n === "IconX"))
-        return /* @__PURE__ */ i(
-          "svg",
-          {
-            ref: p,
-            width: o,
-            height: o,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: r,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            className: l,
-            "aria-hidden": e ? void 0 : "true",
-            "aria-label": e,
-            role: e ? "img" : void 0,
-            children: y ? /* @__PURE__ */ i(c.polyline, { points: "4 12 10 18 20 6", ...a }) : /* @__PURE__ */ w(O, { children: [
-              /* @__PURE__ */ i(c.line, { x1: "6", y1: "6", x2: "18", y2: "18", ...a }),
-              /* @__PURE__ */ i(
-                c.line,
-                {
-                  x1: "18",
-                  y1: "6",
-                  x2: "6",
-                  y2: "18",
-                  ...a,
-                  transition: {
-                    pathLength: { duration: 0.25, ease: "easeOut", delay: 0.1 },
-                    opacity: { duration: 0.1, delay: 0.1 }
-                  }
-                }
-              )
-            ] })
-          }
-        );
-    }
-    const h = typeof t == "string" && t !== "none" && t !== "draw" ? X[t] : null, g = typeof t == "object" && t !== null && (t.rotate !== void 0 || t.scale !== void 0) ? t : null;
-    if (x || !h && !g)
-      return e ? /* @__PURE__ */ i(s, { ref: p, size: o, stroke: r, className: l, title: e, "aria-label": e, role: "img" }) : /* @__PURE__ */ i(s, { ref: p, size: o, stroke: r, className: l, "aria-hidden": "true" });
-    const S = h ?? {
-      animate: g,
-      transition: P.snappy
-    }, v = e ? /* @__PURE__ */ i(s, { size: o, stroke: r, title: e, "aria-label": e, role: "img" }) : /* @__PURE__ */ i(s, { size: o, stroke: r, "aria-hidden": "true" });
-    return /* @__PURE__ */ i(
-      c.span,
-      {
-        ref: p,
-        className: E("inline-flex", l),
-        ...S,
-        children: v
-      }
-    );
-  }
-);
-Z.displayName = "Icon";
-export {
-  Z as Icon
-};
+import { a as e, c as t, n } from "../_chunks/framer.js";
+import { springs as r, tweens as i } from "./lib/motion.js";
+import { cn as a } from "./lib/utils.js";
+import { Spinner as o } from "./spinner.js";
+import { useIconContext as s } from "./icon-context.js";
+import * as c from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/ui/icon.tsx
+var f = {
+	xs: 14,
+	sm: 16,
+	md: 18,
+	lg: 20,
+	xl: 24,
+	"2xl": 32
+}, p = {
+	light: {
+		xs: 1.25,
+		sm: 1.5,
+		md: 1.5,
+		lg: 1.75,
+		xl: 2,
+		"2xl": 2
+	},
+	regular: {
+		xs: 1.5,
+		sm: 2,
+		md: 2,
+		lg: 2,
+		xl: 2,
+		"2xl": 2.25
+	},
+	bold: {
+		xs: 2,
+		sm: 2.5,
+		md: 2.5,
+		lg: 2.5,
+		xl: 2.5,
+		"2xl": 2.5
+	}
+}, m = {
+	spin: {
+		animate: { rotate: 360 },
+		transition: {
+			duration: 1,
+			repeat: Infinity,
+			ease: "linear"
+		}
+	},
+	pulse: {
+		animate: { scale: [
+			1,
+			1.15,
+			1
+		] },
+		transition: {
+			duration: 2,
+			repeat: Infinity,
+			ease: "easeInOut"
+		}
+	},
+	bounce: {
+		animate: { y: [
+			0,
+			-4,
+			0
+		] },
+		transition: {
+			duration: 1.5,
+			repeat: Infinity,
+			ease: "easeInOut"
+		}
+	}
+}, h = {
+	xs: "sm",
+	sm: "sm",
+	md: "md",
+	lg: "md",
+	xl: "lg",
+	"2xl": "lg"
+}, g = c.forwardRef(({ icon: c, size: g, stroke: _, label: v, animate: y, state: b, className: x }, S) => {
+	let C = s(), w = g ?? C.size ?? "md", T = _ ?? C.stroke ?? "regular", E = f[w], D = p[T][w], O = n();
+	if (b && b !== "idle") {
+		let n = h[w], r = b === "loading" ? "spinning" : b;
+		return /* @__PURE__ */ u(t, {
+			mode: "wait",
+			children: /* @__PURE__ */ u(e.span, {
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				transition: i.fade,
+				className: "inline-flex",
+				children: /* @__PURE__ */ u(o, {
+					size: n,
+					state: r,
+					variant: "bare"
+				})
+			}, "spinner")
+		});
+	}
+	if (y === "draw" && !O) {
+		let t = {
+			initial: {
+				pathLength: 0,
+				opacity: 0
+			},
+			animate: {
+				pathLength: 1,
+				opacity: 1
+			},
+			transition: {
+				pathLength: {
+					duration: .35,
+					ease: "easeOut"
+				},
+				opacity: { duration: .1 }
+			}
+		}, n = c.displayName ?? "", r = n === "Check" || n === "IconCheck" || n === "CircleCheck";
+		if (r || n === "X" || n === "IconX") return /* @__PURE__ */ u("svg", {
+			ref: S,
+			width: E,
+			height: E,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: D,
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: x,
+			"aria-hidden": v ? void 0 : "true",
+			"aria-label": v,
+			role: v ? "img" : void 0,
+			children: r ? /* @__PURE__ */ u(e.polyline, {
+				points: "4 12 10 18 20 6",
+				...t
+			}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(e.line, {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18",
+				...t
+			}), /* @__PURE__ */ u(e.line, {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18",
+				...t,
+				transition: {
+					pathLength: {
+						duration: .25,
+						ease: "easeOut",
+						delay: .1
+					},
+					opacity: {
+						duration: .1,
+						delay: .1
+					}
+				}
+			})] })
+		});
+	}
+	let k = typeof y == "string" && y !== "none" && y !== "draw" ? m[y] : null, A = typeof y == "object" && y && (y.rotate !== void 0 || y.scale !== void 0) ? y : null;
+	if (O || !k && !A) return v ? /* @__PURE__ */ u(c, {
+		ref: S,
+		size: E,
+		stroke: D,
+		className: x,
+		title: v,
+		"aria-label": v,
+		role: "img"
+	}) : /* @__PURE__ */ u(c, {
+		ref: S,
+		size: E,
+		stroke: D,
+		className: x,
+		"aria-hidden": "true"
+	});
+	let j = k ?? {
+		animate: A,
+		transition: r.snappy
+	}, M = v ? /* @__PURE__ */ u(c, {
+		size: E,
+		stroke: D,
+		title: v,
+		"aria-label": v,
+		role: "img"
+	}) : /* @__PURE__ */ u(c, {
+		size: E,
+		stroke: D,
+		"aria-hidden": "true"
+	});
+	return /* @__PURE__ */ u(e.span, {
+		ref: S,
+		className: a("inline-flex", x),
+		...j,
+		children: M
+	});
+});
+g.displayName = "Icon";
+//#endregion
+export { g as Icon };