@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/_chunks/rolldown-runtime.js

@@ -0,0 +1,21 @@
+"use client";
+import { createRequire as __createRequire } from 'module';
+const require = __createRequire(import.meta.url);
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, r = Object.prototype.hasOwnProperty, i = (e, t) => () => (e && (t = e(e = 0)), t), a = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), o = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, s = (i, a, o, s) => {
+	if (a && typeof a == "object" || typeof a == "function") for (var c = n(a), l = 0, u = c.length, d; l < u; l++) d = c[l], !r.call(i, d) && d !== o && e(i, d, {
+		get: ((e) => a[e]).bind(null, d),
+		enumerable: !(s = t(a, d)) || s.enumerable
+	});
+	return i;
+}, c = (t) => r.call(t, "module.exports") ? t["module.exports"] : s(e({}, "__esModule", { value: !0 }), t);
+//#endregion
+const __nativeRequire = require;
+export { c as a, __nativeRequire as i, i as n, o as r, a as t };

package/dist/_chunks/shared.js

@@ -0,0 +1,126 @@
+"use client";
+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 * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { IconAlertTriangle as c, IconDownload as l, IconVolume as u, IconVolumeOff as d } from "@tabler/icons-react";
+//#region src/composed/file-preview/shared.tsx
+function f({ message: e, url: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex flex-col items-center justify-center gap-ds-04 rounded-ds-md border border-surface-border bg-surface-sunken p-ds-08 text-center",
+		children: [
+			/* @__PURE__ */ o(r, {
+				icon: c,
+				size: "2xl",
+				className: "text-warning-9"
+			}),
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+				className: "text-ds-md font-semibold text-surface-fg",
+				children: "Preview unavailable"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-ds-sm text-surface-fg-muted mt-ds-01",
+				children: e
+			})] }),
+			/* @__PURE__ */ o(i, {
+				variant: "outline",
+				size: "xs",
+				startIcon: /* @__PURE__ */ o(r, { icon: l }),
+				asChild: !0,
+				children: /* @__PURE__ */ o("a", {
+					href: t,
+					download: !0,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: "Download file"
+				})
+			})
+		]
+	});
+}
+function p({ children: r, className: i }) {
+	return /* @__PURE__ */ o(e.div, {
+		initial: {
+			opacity: 0,
+			y: 8
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: t.fade,
+		className: n("flex items-center gap-ds-01 rounded-ds-md border border-surface-border bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs", i),
+		children: r
+	});
+}
+function m() {
+	return /* @__PURE__ */ o("div", { className: "mx-ds-01 h-4 w-px bg-surface-border-subtle" });
+}
+function h({ volume: e, muted: t, onVolumeChange: i, onMuteToggle: c, variant: l = "light" }) {
+	let f = a.useRef(null), [p, m] = a.useState(!1), h = t ? 0 : e;
+	function g(t) {
+		if (!f.current) return e;
+		let n = f.current.getBoundingClientRect();
+		return Math.max(0, Math.min(1, (t.clientX - n.left) / n.width));
+	}
+	function _(e) {
+		e.preventDefault(), m(!0), i(g(e)), e.target.setPointerCapture(e.pointerId);
+	}
+	function v(e) {
+		p && i(g(e));
+	}
+	function y() {
+		m(!1);
+	}
+	let b = l === "dark", x = b ? "bg-white/30" : "bg-surface-sunken", S = b ? "bg-white" : "bg-accent-9", C = b ? "bg-white" : "bg-accent-9";
+	return /* @__PURE__ */ s("div", {
+		className: "group/vol flex items-center gap-ds-02 shrink-0",
+		children: [/* @__PURE__ */ o("button", {
+			onClick: c,
+			className: n("transition-colors", b ? "text-white hover:text-white/80" : "text-surface-fg-muted hover:text-surface-fg"),
+			"aria-label": t ? "Unmute (M)" : "Mute (M)",
+			title: t ? "Unmute" : "Mute",
+			children: t || e === 0 ? /* @__PURE__ */ o(r, {
+				icon: d,
+				size: "sm"
+			}) : /* @__PURE__ */ o(r, {
+				icon: u,
+				size: "sm"
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "w-0 overflow-hidden group-hover/vol:w-20 transition-[width] duration-200 ease-productive-standard flex items-center",
+			children: /* @__PURE__ */ s("div", {
+				ref: f,
+				className: n("relative w-full h-1 rounded-full cursor-pointer", x),
+				onPointerDown: _,
+				onPointerMove: v,
+				onPointerUp: y,
+				role: "slider",
+				"aria-label": "Volume",
+				"aria-valuenow": Math.round(h * 100),
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				tabIndex: 0,
+				children: [/* @__PURE__ */ o("div", {
+					className: n("absolute left-0 top-0 h-full rounded-full transition-[width] duration-75", S),
+					style: { width: `${h * 100}%` }
+				}), /* @__PURE__ */ o("div", {
+					className: n("absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-full shadow-raised transition-opacity", C, p ? "opacity-100 scale-110" : "opacity-0 group-hover/vol:opacity-100"),
+					style: {
+						left: `${h * 100}%`,
+						marginLeft: "-5px"
+					}
+				})]
+			})
+		})]
+	});
+}
+function g(e) {
+	if (!isFinite(e) || e < 0) return "0:00";
+	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
+	return t > 0 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
+}
+//#endregion
+export { g as a, h as i, p as n, m as r, f as t };