@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/_chunks/image-preview.js

@@ -1,90 +1,129 @@
 "use client";
-import { jsx as t, jsxs as c, Fragment as S } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as u } from "../ui/lib/utils.js";
-import { tweens as R } from "../ui/lib/motion.js";
-import { Skeleton as Z } from "../ui/skeleton.js";
-import { Button as m } from "../ui/button.js";
-import { Icon as l } from "../ui/icon.js";
-import { IconZoomOut as D, IconZoomIn as N, IconZoomReset as T, IconMinimize as j, IconMaximize as L } from "@tabler/icons-react";
-import { TransformWrapper as M, TransformComponent as O } from "react-zoom-pan-pinch";
-import { E as B, T as H, a as k } from "./file-preview.js";
-import { m as K } from "./framer.js";
-function Y({ url: d, alt: g, onError: z }) {
-  const [i, w] = n.useState(!1), [y, E] = n.useState(!1), [C, I] = n.useState(100), [o, f] = n.useState(!1), p = n.useRef(null), [h, x] = n.useState(!1), v = n.useRef(null);
-  return n.useEffect(() => {
-    function s(e) {
-      const a = p.current;
-      if (!a || !a.contains(document.activeElement) && !h) return;
-      const r = v.current;
-      r && (e.key === "+" || e.key === "=" ? (e.preventDefault(), r.zoomIn()) : e.key === "-" ? (e.preventDefault(), r.zoomOut()) : e.key === "0" ? (e.preventDefault(), r.resetTransform()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), f((F) => !F)) : e.key === "Escape" && o && (e.preventDefault(), f(!1)));
-    }
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [h, o]), y ? /* @__PURE__ */ t(B, { message: "Could not load image", url: d }) : /* @__PURE__ */ t(
-    "div",
-    {
-      ref: p,
-      className: o ? "fixed inset-0 z-50 flex flex-col items-center justify-center bg-black/90 backdrop-blur-sm" : "relative flex flex-col items-center gap-ds-03",
-      onMouseEnter: () => x(!0),
-      onMouseLeave: () => x(!1),
-      tabIndex: -1,
-      children: /* @__PURE__ */ t(
-        M,
-        {
-          initialScale: 1,
-          minScale: 0.1,
-          maxScale: 8,
-          centerOnInit: !0,
-          doubleClick: { mode: "toggle", step: 2 },
-          onTransformed: (s, e) => I(Math.round(e.scale * 100)),
-          children: ({ zoomIn: s, zoomOut: e, resetTransform: a, centerView: b }) => (v.current = { zoomIn: s, zoomOut: e, resetTransform: a, centerView: b }, /* @__PURE__ */ c(S, { children: [
-            /* @__PURE__ */ c("div", { className: u(
-              "overflow-hidden rounded-ds-md bg-surface-sunken",
-              o ? "flex-1 w-full" : "max-h-[70vh] max-w-full"
-            ), children: [
-              !i && /* @__PURE__ */ t(Z, { className: "h-64 w-full rounded-ds-md" }),
-              /* @__PURE__ */ t(
-                O,
-                {
-                  wrapperClass: u("!w-full", o && "!h-full"),
-                  contentClass: "!w-full !flex !items-center !justify-center",
-                  children: /* @__PURE__ */ t(
-                    K.img,
-                    {
-                      src: d,
-                      alt: g ?? "",
-                      onLoad: () => w(!0),
-                      onError: () => {
-                        E(!0), z?.("Image failed to load");
-                      },
-                      initial: { opacity: 0 },
-                      animate: { opacity: i ? 1 : 0 },
-                      transition: R.fade,
-                      className: u("max-w-full select-none", !i && "hidden", o && "max-h-[90vh] object-contain"),
-                      draggable: !1
-                    }
-                  )
-                }
-              )
-            ] }),
-            i && /* @__PURE__ */ c(H, { className: o ? "absolute bottom-ds-06" : void 0, children: [
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => e(), "aria-label": "Zoom out (-)", title: "Zoom out", children: /* @__PURE__ */ t(l, { icon: D, size: "sm" }) }),
-              /* @__PURE__ */ c("span", { className: "text-ds-xs font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none", children: [
-                C,
-                "%"
-              ] }),
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => s(), "aria-label": "Zoom in (+)", title: "Zoom in", children: /* @__PURE__ */ t(l, { icon: N, size: "sm" }) }),
-              /* @__PURE__ */ t(k, {}),
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => a(), "aria-label": "Reset zoom (0)", title: "Reset zoom", children: /* @__PURE__ */ t(l, { icon: T, size: "sm" }) }),
-              /* @__PURE__ */ t(k, {}),
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => f((r) => !r), "aria-label": o ? "Exit fullscreen (Esc)" : "Fullscreen (F)", title: o ? "Exit fullscreen" : "Fullscreen", children: o ? /* @__PURE__ */ t(l, { icon: j, size: "sm" }) : /* @__PURE__ */ t(l, { icon: L, size: "sm" }) })
-            ] })
-          ] }))
-        }
-      )
-    }
-  );
+import { a as e } from "./framer.js";
+import { tweens as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { Button as i } from "../ui/button.js";
+import { Skeleton as a } from "../ui/skeleton.js";
+import { n as o, r as s, t as c } from "./shared.js";
+import * as l from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { IconMaximize as p, IconMinimize as m, IconZoomIn as h, IconZoomOut as g, IconZoomReset as _ } from "@tabler/icons-react";
+import { TransformComponent as v, TransformWrapper as y } from "react-zoom-pan-pinch";
+//#region src/composed/file-preview/image-preview.tsx
+function b({ url: b, alt: x, onError: S }) {
+	let [C, w] = l.useState(!1), [T, E] = l.useState(!1), [D, O] = l.useState(100), [k, A] = l.useState(!1), j = l.useRef(null), [M, N] = l.useState(!1), P = l.useRef(null);
+	return l.useEffect(() => {
+		function e(e) {
+			let t = j.current;
+			if (!t || !t.contains(document.activeElement) && !M) return;
+			let n = P.current;
+			n && (e.key === "+" || e.key === "=" ? (e.preventDefault(), n.zoomIn()) : e.key === "-" ? (e.preventDefault(), n.zoomOut()) : e.key === "0" ? (e.preventDefault(), n.resetTransform()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), A((e) => !e)) : e.key === "Escape" && k && (e.preventDefault(), A(!1)));
+		}
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [M, k]), T ? /* @__PURE__ */ d(c, {
+		message: "Could not load image",
+		url: b
+	}) : /* @__PURE__ */ d("div", {
+		ref: j,
+		className: k ? "fixed inset-0 z-50 flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs" : "relative flex flex-col items-center gap-ds-03",
+		onMouseEnter: () => N(!0),
+		onMouseLeave: () => N(!1),
+		tabIndex: -1,
+		children: /* @__PURE__ */ d(y, {
+			initialScale: 1,
+			minScale: .1,
+			maxScale: 8,
+			centerOnInit: !0,
+			doubleClick: {
+				mode: "toggle",
+				step: 2
+			},
+			onTransform: (e, t) => O(Math.round(t.scale * 100)),
+			children: ({ zoomIn: c, zoomOut: l, resetTransform: y, centerView: T }) => (P.current = {
+				zoomIn: c,
+				zoomOut: l,
+				resetTransform: y,
+				centerView: T
+			}, /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+				className: n("overflow-hidden rounded-ds-md bg-surface-sunken", k ? "flex-1 w-full" : "max-h-[70vh] max-w-full"),
+				children: [!C && /* @__PURE__ */ d(a, { className: "h-64 w-full rounded-ds-md" }), /* @__PURE__ */ d(v, {
+					wrapperClass: n("w-full!", k && "h-full!"),
+					contentClass: "w-full! flex! items-center! justify-center!",
+					children: /* @__PURE__ */ d(e.img, {
+						src: b,
+						alt: x ?? "",
+						onLoad: () => w(!0),
+						onError: () => {
+							E(!0), S?.("Image failed to load");
+						},
+						initial: { opacity: 0 },
+						animate: { opacity: +!!C },
+						transition: t.fade,
+						className: n("max-w-full select-none", !C && "hidden", k && "max-h-[90vh] object-contain"),
+						draggable: !1
+					})
+				})]
+			}), C && /* @__PURE__ */ f(o, {
+				className: k ? "absolute bottom-ds-06" : void 0,
+				children: [
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => l(),
+						"aria-label": "Zoom out (-)",
+						title: "Zoom out",
+						children: /* @__PURE__ */ d(r, {
+							icon: g,
+							size: "sm"
+						})
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "text-ds-xs font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none",
+						children: [D, "%"]
+					}),
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => c(),
+						"aria-label": "Zoom in (+)",
+						title: "Zoom in",
+						children: /* @__PURE__ */ d(r, {
+							icon: h,
+							size: "sm"
+						})
+					}),
+					/* @__PURE__ */ d(s, {}),
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => y(),
+						"aria-label": "Reset zoom (0)",
+						title: "Reset zoom",
+						children: /* @__PURE__ */ d(r, {
+							icon: _,
+							size: "sm"
+						})
+					}),
+					/* @__PURE__ */ d(s, {}),
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => A((e) => !e),
+						"aria-label": k ? "Exit fullscreen (Esc)" : "Fullscreen (F)",
+						title: k ? "Exit fullscreen" : "Fullscreen",
+						children: k ? /* @__PURE__ */ d(r, {
+							icon: m,
+							size: "sm"
+						}) : /* @__PURE__ */ d(r, {
+							icon: p,
+							size: "sm"
+						})
+					})
+				]
+			})] }))
+		})
+	});
 }
-export {
-  Y as default
-};
+//#endregion
+export { b as default };

package/dist/_chunks/keybinding.js

@@ -1,18 +1,16 @@
 "use client";
-function u() {
-  if (typeof navigator > "u") return !1;
-  const t = navigator.userAgentData?.platform ?? navigator.userAgent;
-  return /mac|iphone|ipad|ipod/i.test(t);
+//#region src/ui/lib/keybinding.ts
+function e() {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.userAgentData?.platform ?? navigator.userAgent;
+	return /mac|iphone|ipad|ipod/i.test(e);
 }
-function d(t, l) {
-  const s = l.toLowerCase().split("+"), c = s[s.length - 1], e = new Set(s.slice(0, -1)), r = u(), i = e.has("mod"), n = e.has("ctrl") || !r && i, a = e.has("meta") || r && i, f = e.has("shift"), o = e.has("alt");
-  return n && !t.ctrlKey || a && !t.metaKey || f && !t.shiftKey || o && !t.altKey || !n && !a && t.ctrlKey || !a && !n && t.metaKey || !f && t.shiftKey || !o && t.altKey ? !1 : t.key.toLowerCase() === c;
+function t(t, n) {
+	let r = n.toLowerCase().split("+"), i = r[r.length - 1], a = new Set(r.slice(0, -1)), o = e(), s = a.has("mod"), c = a.has("ctrl") || !o && s, l = a.has("meta") || o && s, u = a.has("shift"), d = a.has("alt");
+	return c && !t.ctrlKey || l && !t.metaKey || u && !t.shiftKey || d && !t.altKey || !c && !l && t.ctrlKey || !l && !c && t.metaKey || !u && t.shiftKey || !d && t.altKey ? !1 : t.key.toLowerCase() === i;
 }
-function y(t) {
-  return t ? "⌘" : "Ctrl";
+function n(e) {
+	return e ? "⌘" : "Ctrl";
 }
-export {
-  y as a,
-  u as g,
-  d as m
-};
+//#endregion
+export { n, t as r, e as t };

package/dist/_chunks/link-context.js

@@ -1,19 +1,22 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import * as n from "react";
-const o = n.forwardRef(({ href: t, ...e }, i) => /* @__PURE__ */ r("a", { ref: i, href: t, ...e }));
-o.displayName = "DefaultLink";
-const a = n.createContext(o);
-function s({
-  component: t,
-  children: e
-}) {
-  return /* @__PURE__ */ r(a.Provider, { value: t, children: e });
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/lib/link-context.tsx
+var n = e.forwardRef(({ href: e, ...n }, r) => /* @__PURE__ */ t("a", {
+	ref: r,
+	href: e,
+	...n
+}));
+n.displayName = "DefaultLink";
+var r = e.createContext(n);
+function i({ component: e, children: n }) {
+	return /* @__PURE__ */ t(r.Provider, {
+		value: e,
+		children: n
+	});
 }
-function f() {
-  return n.useContext(a);
+function a() {
+	return e.useContext(r);
 }
-export {
-  s as L,
-  f as u
-};
+//#endregion
+export { a as n, i as t };