@orvui/vue 0.0.0-stage → 0.1.0

package/dist/arc-picker-tku5aL9W.js

@@ -0,0 +1,348 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./state-DWNDjqAL.js";
+import { a as n, o as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./_plugin-vue_export-helper-Djzt4Yr7.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useId as S, watch as C } from "vue";
+import { animate as w, useMotionValue as T, useSpring as E } from "motion-v";
+// src/motion/arc-picker/src/arc-layout.ts
+var D = (e, t, n) => Math.max(t, Math.min(n, e));
+function O(e, t, n) {
+	let r = s(() => e.side === "top" || e.side === "bottom"), i = s(() => Math.max(32, Number.isFinite(e.itemHeight) ? e.itemHeight : 48)), a = s(() => Math.max(3, Number.isFinite(e.visibleCount) ? Math.floor(e.visibleCount) : 7)), o = s(() => Math.max(120, Number.isFinite(e.radius) ? e.radius : 280)), c = s(() => r.value ? Math.max(i.value, t.value.labelWidth + 48) : i.value), l = s(() => r.value ? Math.max(o.value, c.value * 2) : o.value), u = s(() => {
+		let { width: n, labelWidth: r } = t.value, i = Math.max(24, Math.min(n * .42, n - r - 24));
+		return n ? e.side === "left" ? n - i : i : e.side === "left" ? "58%" : "42%";
+	}), d = s(() => r.value ? Math.min(a.value, Math.max(1, (t.value.width || a.value * c.value) / c.value)) : a.value), f = s(() => r.value ? Math.ceil(Math.max(i.value * 2, l.value * (1 - Math.cos(Math.min(1.35, d.value * c.value / (2 * l.value)))) + i.value + 24)) : a.value * i.value), p = s(() => ({
+		top: r.value ? e.side === "top" ? "36px" : "calc(100% - 36px)" : "50%",
+		left: r.value ? "50%" : typeof u.value == "number" ? `${u.value}px` : u.value
+	}));
+	function m(t, i) {
+		let a = D((t - n.value) * c.value / l.value, -1.5, 1.5), o = l.value * (1 - Math.cos(a)), s = l.value * Math.sin(a), u = r.value ? s : e.side === "left" ? o : -o, f = r.value ? e.side === "top" ? o : -o : s, m = (e.side === "left" || e.side === "bottom" ? -a : a) * 180 / Math.PI, h = r.value ? "-50%" : e.side === "left" ? "-100%" : "0%", g = Math.abs(t - n.value);
+		return {
+			...p.value,
+			transformOrigin: r.value ? "center" : e.side === "left" ? "right center" : "left center",
+			maxWidth: r.value ? "calc(100% - 4rem)" : "calc(100% - 3rem)",
+			transform: `translate3d(${u}px,${f}px,0) translate(${h},-50%) rotate(${m}deg)`,
+			opacity: D((d.value / 2 + .5 - g) / 1.5, 0, 1) * (e.disabled || i.disabled ? .35 : 1),
+			pointerEvents: g < d.value / 2 ? "auto" : "none"
+		};
+	}
+	return {
+		horizontal: r,
+		rowHeight: i,
+		count: a,
+		spacing: c,
+		height: f,
+		origin: p,
+		styleFor: m
+	};
+}
+// src/motion/arc-picker/src/arc-control.ts
+function k(e, t, i, a) {
+	let o = s(() => e.options.some((e) => e.value === t.value && !e.disabled) ? t.value : e.options.find((e) => !e.disabled)?.value), c = s(() => Math.max(0, e.options.findIndex((e) => e.value === o.value))), l = s(() => e.options.flatMap((e, t) => e.disabled ? [] : [{
+		option: e,
+		index: t
+	}])), u = v(c.value), d = v({
+		width: 0,
+		labelWidth: 0
+	}), p = O(e, d, u), m = /* @__PURE__ */ new Map(), _ = v(!1), y = v(!1), b = T(0), x = E(b, n), S = T(0), k = E(S, r), A = v(0), j = v(0), M = k.on("change", (e) => A.value = e), ee = x.on("change", (e) => j.value = e), N = !1, P = !1, F = !1, I = o.value, L, R, z = null, B = 0, V, H = !1, U = 0, W;
+	function G() {
+		let e = m.get(o.value ?? "")?.offsetWidth ?? 0;
+		S.set(e), (!N || P || i.value) && (k.jump(e), A.value = e), N = !0;
+	}
+	function K() {
+		a.value && (d.value = {
+			width: a.value.clientWidth,
+			labelWidth: Math.max(0, ...Array.from(m.values(), (e) => e.offsetWidth))
+		}, G());
+	}
+	function q() {
+		++U, L?.stop(), L = void 0, clearTimeout(R), z = null, cancelAnimationFrame(B), F = !1, b.set(0), i.value && (x.jump(0), j.value = 0);
+		let e = W;
+		if (W = void 0, e) try {
+			a.value?.releasePointerCapture(e.id);
+		} catch {}
+	}
+	function J(e, t = !1) {
+		L?.stop();
+		let n = ++U, a = () => {
+			n === U && (F = !1, L = void 0, z = null, b.set(0));
+		};
+		t || i.value ? (u.value = e, a()) : L = w(u.value, e, {
+			...r,
+			onUpdate: (e) => {
+				!H && n === U && (u.value = e);
+			},
+			onComplete: a
+		});
+	}
+	function Y(n, r = !1) {
+		let i = e.options[n];
+		!i || i.disabled || e.disabled || i.value === I || (I = i.value, t.value = i.value, e.modelValue !== void 0 && (cancelAnimationFrame(B), B = requestAnimationFrame(() => {
+			B = requestAnimationFrame(() => {
+				H || I !== i.value || o.value === i.value || (q(), I = o.value, J(c.value, r), (r || _.value) && o.value !== void 0 && m.get(o.value)?.focus({ preventScroll: !0 }));
+			});
+		})));
+	}
+	function X(t, n = !1) {
+		let r = e.options[t];
+		!r || r.disabled || e.disabled || (q(), P = n, n && (x.jump(0), j.value = 0, k.jump(S.get()), A.value = S.get()), Y(t, n), J(t, n), n && m.get(r.value)?.focus({ preventScroll: !0 }));
+	}
+	function Z(t) {
+		let n = -1, r = Infinity;
+		return e.options.forEach((e, i) => {
+			!e.disabled && Math.abs(i - t) < r && (n = i, r = Math.abs(i - t));
+		}), n;
+	}
+	C(u, (t) => {
+		if (!F || e.disabled) return;
+		let n = Z(t);
+		if (n < 0) return;
+		let r = e.options.findIndex((e) => e.value === I);
+		if (r < 0 || r === n) Y(n);
+		else {
+			let e = n > r ? 1 : -1;
+			for (let t = r + e; e > 0 ? t <= n : t >= n; t += e) Y(t);
+		}
+	}, { flush: "sync" });
+	let Q = s(() => JSON.stringify([
+		e.options.map((e) => [e.value, !!e.disabled]),
+		e.side,
+		p.spacing.value,
+		e.disabled,
+		i.value
+	])), te = Q.value;
+	C([o, Q], async () => {
+		let t = te !== Q.value;
+		te = Q.value, (t || !F || o.value !== I) && (q(), I = o.value, J(c.value, P || e.disabled || i.value)), t && (y.value = !1), P = !1, await f(), !H && (G(), _.value && o.value !== void 0 && !e.disabled && m.get(o.value)?.focus({ preventScroll: !0 }));
+	});
+	function ne(t) {
+		if (e.disabled || t.ctrlKey || W?.moved || !l.value.length || !a.value) return;
+		let n = Math.abs(t.deltaX) > Math.abs(t.deltaY);
+		if (!p.horizontal.value && n) return;
+		let r = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? p.horizontal.value ? a.value.clientWidth : a.value.clientHeight : 1, o = (p.horizontal.value && n ? t.deltaX : t.deltaY) * r;
+		if (!o) return;
+		let s = l.value[0].index, c = l.value.at(-1).index, d = z ?? u.value;
+		if (!(d <= s && o < 0 || d >= c && o > 0)) {
+			if (t.preventDefault(), clearTimeout(R), i.value) {
+				let e = l.value.findIndex(({ option: e }) => e.value === I), t = l.value[D(e + Math.sign(o), 0, l.value.length - 1)];
+				t && X(t.index, !0);
+			} else {
+				z === null && (L?.stop(), L = void 0), P = !1, F = !0, b.set(1);
+				let e = D(d + o / p.spacing.value, s, c);
+				z = e, u.value = e, R = setTimeout(() => {
+					z = null, J(Z(e));
+				}, 120);
+			}
+		}
+	}
+	function re(t) {
+		if (t.defaultPrevented || e.disabled || !l.value.length) return;
+		let n = Math.max(0, l.value.findIndex(({ option: e }) => e.value === I)), r = t.shiftKey ? 5 : 1, i = {
+			ArrowDown: n + r,
+			ArrowRight: n + r,
+			ArrowUp: n - r,
+			ArrowLeft: n - r,
+			Home: 0,
+			End: l.value.length - 1,
+			PageDown: n + 5,
+			PageUp: n - 5
+		};
+		if (!(t.key in i)) return;
+		t.preventDefault();
+		let a = l.value[D(i[t.key], 0, l.value.length - 1)];
+		a && X(a.index, !0);
+	}
+	function ie(t) {
+		if (t.defaultPrevented || e.disabled || o.value === void 0 || t.button !== 0 || t.isPrimary === !1) return;
+		q(), y.value = !1;
+		let n = p.horizontal.value ? t.clientX : t.clientY;
+		W = {
+			id: t.pointerId,
+			coordinate: n,
+			position: u.value,
+			previous: n,
+			time: performance.now(),
+			velocity: 0,
+			moved: !1
+		};
+	}
+	function ae(t) {
+		let n = W;
+		if (t.defaultPrevented || !n || n.id !== t.pointerId) return;
+		let r = p.horizontal.value ? t.clientX : t.clientY, o = r - n.coordinate;
+		if (!n.moved && Math.abs(o) < 6) return;
+		n.moved = !0, F = !0, P = !1, b.set(+!i.value);
+		try {
+			a.value?.setPointerCapture(t.pointerId);
+		} catch {}
+		let s = performance.now();
+		n.velocity = n.velocity * .35 + (n.previous - r) / p.spacing.value / Math.max(8, s - n.time) * 1e3 * .65, n.previous = r, n.time = s;
+		let c = D(n.position - o / p.spacing.value, 0, Math.max(0, e.options.length - 1));
+		u.value = i.value ? Math.round(c) : c;
+	}
+	function oe(e, t = !1) {
+		if (W?.id !== e.pointerId) return;
+		let n = W;
+		W = void 0;
+		try {
+			a.value?.releasePointerCapture(e.pointerId);
+		} catch {}
+		n.moved && (y.value = !0, t ? (F = !1, b.set(0), J(c.value)) : J(Z(u.value + (i.value ? 0 : (performance.now() - n.time > 100 ? 0 : n.velocity) * .18))));
+	}
+	function se(e) {
+		y.value && e.detail > 0 && (e.preventDefault(), e.stopPropagation(), y.value = !1);
+	}
+	function ce(t) {
+		let n = D(j.value, 0, 1), r = A.value, i = p.horizontal.value ? r / 2 : t ? e.side === "left" ? r : 0 : e.side === "right" ? r : 0;
+		return {
+			transform: `translate3d(${(t ? -1 : 1) * (i + 4 + n * 6)}px,-50%,0) scaleY(${1 - n * .08})`,
+			opacity: r > 0 ? .85 : 0
+		};
+	}
+	let le = s(() => ({
+		...p.origin.value,
+		visibility: o.value === void 0 ? "hidden" : "visible"
+	})), $ = null;
+	return g(() => {
+		if ($ = a.value, typeof ResizeObserver < "u") {
+			V = new ResizeObserver(K), $ && V.observe($);
+			for (let e of m.values()) V.observe(e);
+		}
+		$?.addEventListener("wheel", ne, { passive: !1 }), K();
+	}), C(() => JSON.stringify(e.options.map((e) => e.label)), () => {
+		f(() => {
+			H || K();
+		});
+	}), h(() => {
+		H = !0, q(), V?.disconnect(), $?.removeEventListener("wheel", ne), M(), ee(), b.destroy(), S.destroy();
+	}), {
+		...p,
+		selected: o,
+		buttons: m,
+		focusWithin: _,
+		frameStyle: le,
+		bracket: ce,
+		keyboard: re,
+		down: ie,
+		move: ae,
+		release: oe,
+		click: se,
+		select: X
+	};
+}
+// src/motion/arc-picker/src/ArcPicker.vue?vue&type=script&setup=true&lang.ts
+var A = [
+	"aria-label",
+	"aria-describedby",
+	"aria-disabled",
+	"aria-orientation",
+	"data-side"
+], j = ["id"], M = [
+	"name",
+	"value",
+	"disabled"
+], ee = [
+	"aria-checked",
+	"disabled",
+	"tabindex",
+	"data-value",
+	"data-selected",
+	"onClick"
+], N = {
+	"data-slot": "arc-picker-label",
+	class: "block overflow-hidden text-ellipsis"
+}, P = ["data-edge"], F = /* @__PURE__ */ i(/* @__PURE__ */ d({
+	__name: "ArcPicker",
+	props: {
+		options: {},
+		modelValue: {},
+		defaultValue: {},
+		side: { default: "right" },
+		radius: { default: 280 },
+		itemHeight: { default: 48 },
+		visibleCount: { default: 7 },
+		disabled: { type: Boolean },
+		name: {},
+		ariaLabel: { default: "Choose an option" },
+		ariaDescribedby: {}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(n, { emit: r }) {
+		let i = n, s = t(i, r, "modelValue", i.defaultValue ?? i.options.find((e) => !e.disabled)?.value ?? ""), d = v(null), f = S(), { horizontal: h, height: g, selected: C, buttons: w, focusWithin: T, frameStyle: E, styleFor: D, bracket: O, keyboard: F, down: I, move: L, release: R, click: z, select: B } = k(i, s, e(), d);
+		function V(e, t) {
+			t ? w.set(e, t) : w.delete(e);
+		}
+		function H(e) {
+			e.relatedTarget && !d.value?.contains(e.relatedTarget) && (T.value = !1);
+		}
+		return (e, t) => (_(), l("div", {
+			ref_key: "root",
+			ref: d,
+			role: "radiogroup",
+			"aria-label": n.ariaLabel,
+			"aria-describedby": [n.ariaDescribedby, x(f)].filter(Boolean).join(" "),
+			"aria-disabled": n.disabled || void 0,
+			"aria-orientation": x(h) ? "horizontal" : "vertical",
+			"data-slot": "arc-picker",
+			"data-side": n.side,
+			class: p(x(a)("relative w-full min-w-0 cursor-grab select-none overflow-hidden active:cursor-grabbing", n.disabled && "cursor-default opacity-50")),
+			style: m({
+				touchAction: x(h) ? "pan-y pinch-zoom" : "pan-x pinch-zoom",
+				height: `${x(g)}px`,
+				maskImage: `linear-gradient(to ${x(h) ? "right" : "bottom"},transparent,black 12%,black 88%,transparent)`
+			}),
+			onKeydown: t[0] ||= (...e) => x(F) && x(F)(...e),
+			onFocusin: t[1] ||= (e) => T.value = !0,
+			onFocusout: H,
+			onPointerdown: t[2] ||= (...e) => x(I) && x(I)(...e),
+			onPointermove: t[3] ||= (...e) => x(L) && x(L)(...e),
+			onPointerup: t[4] ||= (e) => x(R)(e, !1),
+			onPointercancel: t[5] ||= (e) => x(R)(e, !0),
+			onLostpointercapture: t[6] ||= (e) => x(R)(e, !0),
+			onClickCapture: t[7] ||= (...e) => x(z) && x(z)(...e)
+		}, [
+			u("span", {
+				id: x(f),
+				class: "sr-only"
+			}, "Drag " + b(x(h) ? "horizontally" : "vertically") + " or scroll to choose. Use arrow keys to move, Home and End to jump.", 9, j),
+			n.name ? (_(), l("input", {
+				key: 0,
+				type: "hidden",
+				name: n.name,
+				value: x(C) ?? "",
+				disabled: n.disabled
+			}, null, 8, M)) : c("", !0),
+			(_(!0), l(o, null, y(n.options, (e, t) => (_(), l("button", {
+				key: e.value,
+				ref_for: !0,
+				ref: (t) => V(e.value, t),
+				type: "button",
+				role: "radio",
+				"aria-checked": e.value === x(C),
+				disabled: n.disabled || e.disabled,
+				tabindex: e.value === x(C) && !n.disabled && !e.disabled ? 0 : -1,
+				"data-slot": "arc-picker-option",
+				"data-value": e.value,
+				"data-selected": e.value === x(C) || void 0,
+				onClick: (e) => !e.defaultPrevented && x(B)(t),
+				class: p(x(a)("absolute rounded-md px-2 py-1 text-2xl font-light whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-35", x(h) ? "text-center" : n.side === "left" ? "text-right" : "text-left", e.value === x(C) ? "text-primary" : "text-muted-foreground")),
+				style: m(x(D)(t, e))
+			}, [u("span", N, b(e.label), 1)], 14, ee))), 128)),
+			u("div", {
+				"aria-hidden": "true",
+				"data-slot": "arc-picker-selection-frame",
+				class: "pointer-events-none absolute h-0 w-0 text-2xl font-light text-primary",
+				style: m(x(E))
+			}, [(_(), l(o, null, y([!0, !1], (e) => u("span", {
+				key: String(e),
+				"data-slot": "arc-picker-bracket",
+				"data-edge": e ? "leading" : "trailing",
+				class: p(e ? "absolute right-0" : "absolute left-0"),
+				style: m(x(O)(e))
+			}, b(e ? "[" : "]"), 15, P)), 64))], 4)
+		], 46, A));
+	}
+}), [["__scopeId", "data-v-ac744ced"]]);
+export { F as t };
+
+//# sourceMappingURL=arc-picker-tku5aL9W.js.map

package/dist/arc-picker-tku5aL9W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arc-picker-tku5aL9W.js","names":["emit","_openBlock","_createElementBlock","_unref","_normalizeClass","_normalizeStyle","_createElementVNode","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_sfc_main","useReducedMotion","useMotionState","SPRING_GLIDE","SPRING_LAYOUT","_plugin_vue_export_helper_default","cn","clampArc","min","max","value","useArcLayout","horizontal","computed","props","rowHeight","count","radius","spacing","measurements","curvature","anchor","inset","width","labelWidth","shown","height","origin","styleFor","angle","index","position","bend","along","x","y","rotation","align","distance","option","useArcControl","selected","candidate","selectedIndex","enabled","ref","layout","buttons","focusWithin","suppressClick","activity","useMotionValue","expansion","useSpring","frameTarget","frameWidth","frameSize","frameExpand","unwidth","unexpand","measured","instant","tracking","requested","animation","wheelTimer","wheelTarget","reconcile","observer","disposed","revision","drag","measureFrame","reduced","measure","root","button","stop","pointer","settle","version","complete","immediate","animate","publish","keyboard","select","nearest","next","at","previous","direction","config","previousConfig","changed","nextTick","wheel","event","useX","unit","delta","first","last","from","increment","keys","down","coordinate","move","current","now","release","cancelled","click","bracket","amount","size","extent","leading","frameStyle","host","onMounted","watch","onBeforeUnmount","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ArcPicker_default","defineComponent","__emit","__props","instructionsId","useId","register","node","blur","openBlock","createElementBlock","unref","normalizeClass","normalizeStyle","_cache","args","$event","createElementVNode","toDisplayString","createCommentVNode","Fragment","renderList"],"sources":["../src/motion/arc-picker/src/arc-layout.ts","../src/motion/arc-picker/src/arc-control.ts","../src/motion/arc-picker/src/ArcPicker.vue","../src/motion/arc-picker/src/ArcPicker.vue"],"sourcesContent":["import { computed, type Ref } from \"vue\";\nexport type ArcSide = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport interface ArcEntry { value: string; label: string; disabled?: boolean }\nexport const clampArc = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\nexport function useArcLayout(props: { side: ArcSide; radius: number; itemHeight: number; visibleCount: number; disabled?: boolean }, measurements: Ref<{ width: number; labelWidth: number }>, position: Ref<number>) {\n  const horizontal = computed(() => props.side === \"top\" || props.side === \"bottom\");\n  const rowHeight = computed(() => Math.max(32, Number.isFinite(props.itemHeight) ? props.itemHeight : 48));\n  const count = computed(() => Math.max(3, Number.isFinite(props.visibleCount) ? Math.floor(props.visibleCount) : 7));\n  const radius = computed(() => Math.max(120, Number.isFinite(props.radius) ? props.radius : 280));\n  const spacing = computed(() => horizontal.value ? Math.max(rowHeight.value, measurements.value.labelWidth + 48) : rowHeight.value);\n  const curvature = computed(() => horizontal.value ? Math.max(radius.value, spacing.value * 2) : radius.value);\n  const anchor = computed(() => { const { width, labelWidth } = measurements.value; const inset = Math.max(24, Math.min(width * .42, width - labelWidth - 24)); return width ? props.side === \"left\" ? width - inset : inset : props.side === \"left\" ? \"58%\" : \"42%\"; });\n  const shown = computed(() => horizontal.value ? Math.min(count.value, Math.max(1, (measurements.value.width || count.value * spacing.value) / spacing.value)) : count.value);\n  const height = computed(() => horizontal.value ? Math.ceil(Math.max(rowHeight.value * 2, curvature.value * (1 - Math.cos(Math.min(1.35, shown.value * spacing.value / (2 * curvature.value)))) + rowHeight.value + 24)) : count.value * rowHeight.value);\n  const origin = computed(() => ({ top: horizontal.value ? props.side === \"top\" ? \"36px\" : \"calc(100% - 36px)\" : \"50%\", left: horizontal.value ? \"50%\" : typeof anchor.value === \"number\" ? `${anchor.value}px` : anchor.value }));\n  function styleFor(index: number, option: ArcEntry) {\n    const angle = clampArc((index - position.value) * spacing.value / curvature.value, -1.5, 1.5);\n    const bend = curvature.value * (1 - Math.cos(angle));\n    const along = curvature.value * Math.sin(angle);\n    const x = horizontal.value ? along : props.side === \"left\" ? bend : -bend;\n    const y = horizontal.value ? props.side === \"top\" ? bend : -bend : along;\n    const rotation = (props.side === \"left\" || props.side === \"bottom\" ? -angle : angle) * 180 / Math.PI;\n    const align = horizontal.value ? \"-50%\" : props.side === \"left\" ? \"-100%\" : \"0%\";\n    const distance = Math.abs(index - position.value);\n    return { ...origin.value, transformOrigin: horizontal.value ? \"center\" : props.side === \"left\" ? \"right center\" : \"left center\", maxWidth: horizontal.value ? \"calc(100% - 4rem)\" : \"calc(100% - 3rem)\", transform: `translate3d(${x}px,${y}px,0) translate(${align},-50%) rotate(${rotation}deg)`, opacity: clampArc((shown.value / 2 + .5 - distance) / 1.5, 0, 1) * (props.disabled || option.disabled ? .35 : 1), pointerEvents: distance < shown.value / 2 ? \"auto\" as const : \"none\" as const };\n  }\n  return { horizontal, rowHeight, count, spacing, height, origin, styleFor };\n}\n","import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { animate, useMotionValue, useSpring } from \"motion-v\";\nimport { SPRING_GLIDE, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { clampArc, useArcLayout, type ArcEntry, type ArcSide } from \"./arc-layout\";\nexport function useArcControl(props: { options: readonly ArcEntry[]; modelValue?: string; side: ArcSide; radius: number; itemHeight: number; visibleCount: number; disabled?: boolean }, candidate: Ref<string>, reduced: Ref<boolean>, root: Ref<HTMLElement | null>) {\n  const selected = computed(() => props.options.some(option => option.value === candidate.value && !option.disabled) ? candidate.value : props.options.find(option => !option.disabled)?.value);\n  const selectedIndex = computed(() => Math.max(0, props.options.findIndex(option => option.value === selected.value)));\n  const enabled = computed(() => props.options.flatMap((option, index) => option.disabled ? [] : [{ option, index }]));\n  const position = ref(selectedIndex.value);\n  const measurements = ref({ width: 0, labelWidth: 0 });\n  const layout = useArcLayout(props, measurements, position);\n  const buttons = new Map<string, HTMLButtonElement>();\n  const focusWithin = ref(false);\n  const suppressClick = ref(false);\n  const activity = useMotionValue(0);\n  const expansion = useSpring(activity, SPRING_GLIDE);\n  const frameTarget = useMotionValue(0);\n  const frameWidth = useSpring(frameTarget, SPRING_LAYOUT);\n  const frameSize = ref(0);\n  const frameExpand = ref(0);\n  const unwidth = frameWidth.on(\"change\", value => frameSize.value = value);\n  const unexpand = expansion.on(\"change\", value => frameExpand.value = value);\n  let measured = false;\n  let instant = false;\n  let tracking = false;\n  let requested = selected.value;\n  let animation: ReturnType<typeof animate> | undefined;\n  let wheelTimer: ReturnType<typeof setTimeout> | undefined;\n  let wheelTarget: number | null = null;\n  let reconcile = 0;\n  let observer: ResizeObserver | undefined;\n  let disposed = false;\n  let revision = 0;\n  let drag: { id: number; coordinate: number; position: number; previous: number; time: number; velocity: number; moved: boolean } | undefined;\n  function measureFrame() { const width = buttons.get(selected.value ?? \"\")?.offsetWidth ?? 0; frameTarget.set(width); if (!measured || instant || reduced.value) { frameWidth.jump(width); frameSize.value = width; } measured = true; }\n  function measure() { if (!root.value) return; measurements.value = { width: root.value.clientWidth, labelWidth: Math.max(0, ...Array.from(buttons.values(), button => button.offsetWidth)) }; measureFrame(); }\n  function stop() { ++revision; animation?.stop(); animation = undefined; clearTimeout(wheelTimer); wheelTarget = null; cancelAnimationFrame(reconcile); tracking = false; activity.set(0); if (reduced.value) { expansion.jump(0); frameExpand.value = 0; } const pointer = drag; drag = undefined; if (pointer) try { root.value?.releasePointerCapture(pointer.id); } catch {} }\n  function settle(index: number, immediate = false) { animation?.stop(); const version = ++revision; const complete = () => { if (version !== revision) return; tracking = false; animation = undefined; wheelTarget = null; activity.set(0); }; if (immediate || reduced.value) { position.value = index; complete(); } else animation = animate(position.value, index, { ...SPRING_LAYOUT, onUpdate: value => { if (!disposed && version === revision) position.value = value; }, onComplete: complete }); }\n  function publish(index: number, keyboard = false) { const option = props.options[index]; if (!option || option.disabled || props.disabled || option.value === requested) return; requested = option.value; candidate.value = option.value; if (props.modelValue === undefined) return; cancelAnimationFrame(reconcile); reconcile = requestAnimationFrame(() => { reconcile = requestAnimationFrame(() => { if (disposed || requested !== option.value || selected.value === option.value) return; stop(); requested = selected.value; settle(selectedIndex.value, keyboard); if ((keyboard || focusWithin.value) && selected.value !== undefined) buttons.get(selected.value)?.focus({ preventScroll: true }); }); }); }\n  function select(index: number, keyboard = false) { const option = props.options[index]; if (!option || option.disabled || props.disabled) return; stop(); instant = keyboard; if (keyboard) { expansion.jump(0); frameExpand.value = 0; frameWidth.jump(frameTarget.get()); frameSize.value = frameTarget.get(); } publish(index, keyboard); settle(index, keyboard); if (keyboard) buttons.get(option.value)?.focus({ preventScroll: true }); }\n  function nearest(at: number) { let index = -1; let distance = Infinity; props.options.forEach((option, next) => { if (!option.disabled && Math.abs(next - at) < distance) { index = next; distance = Math.abs(next - at); } }); return index; }\n  watch(position, at => { if (!tracking || props.disabled) return; const next = nearest(at); if (next < 0) return; const previous = props.options.findIndex(option => option.value === requested); if (previous < 0 || previous === next) publish(next); else { const direction = next > previous ? 1 : -1; for (let index = previous + direction; direction > 0 ? index <= next : index >= next; index += direction) publish(index); } }, { flush: \"sync\" });\n  const config = computed(() => JSON.stringify([props.options.map(option => [option.value, !!option.disabled]), props.side, layout.spacing.value, props.disabled, reduced.value]));\n  let previousConfig = config.value;\n  watch([selected, config], async () => { const changed = previousConfig !== config.value; previousConfig = config.value; if (changed || !tracking || selected.value !== requested) { stop(); requested = selected.value; settle(selectedIndex.value, instant || props.disabled || reduced.value); } if (changed) suppressClick.value = false; instant = false; await nextTick(); if (disposed) return; measureFrame(); if (focusWithin.value && selected.value !== undefined && !props.disabled) buttons.get(selected.value)?.focus({ preventScroll: true }); });\n  function wheel(event: WheelEvent) { if (props.disabled || event.ctrlKey || drag?.moved || !enabled.value.length || !root.value) return; const useX = Math.abs(event.deltaX) > Math.abs(event.deltaY); if (!layout.horizontal.value && useX) return; const unit = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? layout.horizontal.value ? root.value.clientWidth : root.value.clientHeight : 1; const delta = (layout.horizontal.value && useX ? event.deltaX : event.deltaY) * unit; if (!delta) return; const first = enabled.value[0].index; const last = enabled.value.at(-1)!.index; const from = wheelTarget ?? position.value; if (from <= first && delta < 0 || from >= last && delta > 0) return; event.preventDefault(); clearTimeout(wheelTimer); if (reduced.value) { const at = enabled.value.findIndex(({ option }) => option.value === requested); const next = enabled.value[clampArc(at + Math.sign(delta), 0, enabled.value.length - 1)]; if (next) select(next.index, true); } else { if (wheelTarget === null) { animation?.stop(); animation = undefined; } instant = false; tracking = true; activity.set(1); const next = clampArc(from + delta / layout.spacing.value, first, last); wheelTarget = next; position.value = next; wheelTimer = setTimeout(() => { wheelTarget = null; settle(nearest(next)); }, 120); } }\n  function keyboard(event: KeyboardEvent) { if (event.defaultPrevented || props.disabled || !enabled.value.length) return; const at = Math.max(0, enabled.value.findIndex(({ option }) => option.value === requested)); const increment = event.shiftKey ? 5 : 1; const keys: Record<string, number> = { ArrowDown: at + increment, ArrowRight: at + increment, ArrowUp: at - increment, ArrowLeft: at - increment, Home: 0, End: enabled.value.length - 1, PageDown: at + 5, PageUp: at - 5 }; if (!(event.key in keys)) return; event.preventDefault(); const next = enabled.value[clampArc(keys[event.key], 0, enabled.value.length - 1)]; if (next) select(next.index, true); }\n  function down(event: PointerEvent) { if (event.defaultPrevented || props.disabled || selected.value === undefined || event.button !== 0 || event.isPrimary === false) return; stop(); suppressClick.value = false; const coordinate = layout.horizontal.value ? event.clientX : event.clientY; drag = { id: event.pointerId, coordinate, position: position.value, previous: coordinate, time: performance.now(), velocity: 0, moved: false }; }\n  function move(event: PointerEvent) { const current = drag; if (event.defaultPrevented || !current || current.id !== event.pointerId) return; const coordinate = layout.horizontal.value ? event.clientX : event.clientY; const delta = coordinate - current.coordinate; if (!current.moved && Math.abs(delta) < 6) return; current.moved = true; tracking = true; instant = false; activity.set(reduced.value ? 0 : 1); try { root.value?.setPointerCapture(event.pointerId); } catch {} const now = performance.now(); current.velocity = current.velocity * .35 + (current.previous - coordinate) / layout.spacing.value / Math.max(8, now - current.time) * 1000 * .65; current.previous = coordinate; current.time = now; const next = clampArc(current.position - delta / layout.spacing.value, 0, Math.max(0, props.options.length - 1)); position.value = reduced.value ? Math.round(next) : next; }\n  function release(event: PointerEvent, cancelled = false) { if (drag?.id !== event.pointerId) return; const current = drag; drag = undefined; try { root.value?.releasePointerCapture(event.pointerId); } catch {} if (!current.moved) return; suppressClick.value = true; if (cancelled) { tracking = false; activity.set(0); settle(selectedIndex.value); } else settle(nearest(position.value + (reduced.value ? 0 : (performance.now() - current.time > 100 ? 0 : current.velocity) * .18))); }\n  function click(event: MouseEvent) { if (suppressClick.value && event.detail > 0) { event.preventDefault(); event.stopPropagation(); suppressClick.value = false; } }\n  function bracket(leading: boolean) { const amount = clampArc(frameExpand.value, 0, 1); const size = frameSize.value; const extent = layout.horizontal.value ? size / 2 : leading ? props.side === \"left\" ? size : 0 : props.side === \"right\" ? size : 0; return { transform: `translate3d(${(leading ? -1 : 1) * (extent + 4 + amount * 6)}px,-50%,0) scaleY(${1 - amount * .08})`, opacity: size > 0 ? .85 : 0 }; }\n  const frameStyle = computed(() => ({ ...layout.origin.value, visibility: selected.value === undefined ? \"hidden\" as const : \"visible\" as const }));\n  let host: HTMLElement | null = null;\n  onMounted(() => { host = root.value; if (typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(measure); if (host) observer.observe(host); for (const button of buttons.values()) observer.observe(button); } host?.addEventListener(\"wheel\", wheel, { passive: false }); measure(); });\n  watch(() => JSON.stringify(props.options.map(option => option.label)), () => { void nextTick(() => { if (!disposed) measure(); }); });\n  onBeforeUnmount(() => { disposed = true; stop(); observer?.disconnect(); host?.removeEventListener(\"wheel\", wheel); unwidth(); unexpand(); activity.destroy(); frameTarget.destroy(); });\n  return { ...layout, selected, buttons, focusWithin, frameStyle, bracket, keyboard, down, move, release, click, select };\n}\n","<script setup lang=\"ts\">\nimport { ref, useId } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMotionState } from \"../../state\";\nimport { useArcControl } from \"./arc-control\";\nexport type ArcPickerOption = { value: string; label: string; disabled?: boolean };\nexport type ArcPickerSide = \"top\" | \"bottom\" | \"left\" | \"right\";\nconst props = withDefaults(defineProps<{ options: readonly ArcPickerOption[]; modelValue?: string; defaultValue?: string; side?: ArcPickerSide; radius?: number; itemHeight?: number; visibleCount?: number; disabled?: boolean; name?: string; ariaLabel?: string; ariaDescribedby?: string }>(), { side: \"right\", radius: 280, itemHeight: 48, visibleCount: 7, ariaLabel: \"Choose an option\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst candidate = useMotionState(props, emit, \"modelValue\", props.defaultValue ?? props.options.find(option => !option.disabled)?.value ?? \"\");\nconst root = ref<HTMLElement | null>(null);\nconst instructionsId = useId();\nconst reduced = useReducedMotion();\nconst { horizontal, height, selected, buttons, focusWithin, frameStyle, styleFor, bracket, keyboard, down, move, release, click, select } = useArcControl(props, candidate, reduced, root);\nfunction register(value: string, node: unknown) { if (node) buttons.set(value, node as HTMLButtonElement); else buttons.delete(value); }\nfunction blur(event: FocusEvent) { if (event.relatedTarget && !root.value?.contains(event.relatedTarget as Node)) focusWithin.value = false; }\n</script>\n<style scoped>\n[data-slot=\"arc-picker-bracket\"] {\n  color: transparent;\n}\n[data-slot=\"arc-picker-bracket\"]::after {\n  content: \"\";\n  position: absolute;\n  top: 6px;\n  bottom: 6px;\n  left: 0;\n  right: 0;\n  border-top: 1.5px solid var(--primary);\n  border-bottom: 1.5px solid var(--primary);\n  pointer-events: none;\n}\n[data-slot=\"arc-picker-bracket\"][data-edge=\"leading\"]::after {\n  border-left: 1.5px solid var(--primary);\n  border-radius: 3px 0 0 3px;\n}\n[data-slot=\"arc-picker-bracket\"][data-edge=\"trailing\"]::after {\n  border-right: 1.5px solid var(--primary);\n  border-radius: 0 3px 3px 0;\n}\n</style>\n<template><div ref=\"root\" role=\"radiogroup\" :aria-label=\"ariaLabel\" :aria-describedby=\"[ariaDescribedby, instructionsId].filter(Boolean).join(' ')\" :aria-disabled=\"disabled || undefined\" :aria-orientation=\"horizontal ? 'horizontal' : 'vertical'\" data-slot=\"arc-picker\" :data-side=\"side\" :class=\"cn('relative w-full min-w-0 cursor-grab select-none overflow-hidden active:cursor-grabbing', disabled && 'cursor-default opacity-50')\" :style=\"{ touchAction: horizontal ? 'pan-y pinch-zoom' : 'pan-x pinch-zoom', height: `${height}px`, maskImage: `linear-gradient(to ${horizontal ? 'right' : 'bottom'},transparent,black 12%,black 88%,transparent)` }\" @keydown=\"keyboard\" @focusin=\"focusWithin = true\" @focusout=\"blur\" @pointerdown=\"down\" @pointermove=\"move\" @pointerup=\"release($event, false)\" @pointercancel=\"release($event, true)\" @lostpointercapture=\"release($event, true)\" @click.capture=\"click\"><span :id=\"instructionsId\" class=\"sr-only\">Drag {{ horizontal ? 'horizontally' : 'vertically' }} or scroll to choose. Use arrow keys to move, Home and End to jump.</span><input v-if=\"name\" type=\"hidden\" :name=\"name\" :value=\"selected ?? ''\" :disabled=\"disabled\" /><button v-for=\"(option, index) in options\" :key=\"option.value\" :ref=\"node => register(option.value, node)\" type=\"button\" role=\"radio\" :aria-checked=\"option.value === selected\" :disabled=\"disabled || option.disabled\" :tabindex=\"option.value === selected && !disabled && !option.disabled ? 0 : -1\" data-slot=\"arc-picker-option\" :data-value=\"option.value\" :data-selected=\"option.value === selected || undefined\" @click=\"!$event.defaultPrevented && select(index)\" :class=\"cn('absolute rounded-md px-2 py-1 text-2xl font-light whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-35', horizontal ? 'text-center' : side === 'left' ? 'text-right' : 'text-left', option.value === selected ? 'text-primary' : 'text-muted-foreground')\" :style=\"styleFor(index, option)\"><span data-slot=\"arc-picker-label\" class=\"block overflow-hidden text-ellipsis\">{{ option.label }}</span></button><div aria-hidden=\"true\" data-slot=\"arc-picker-selection-frame\" class=\"pointer-events-none absolute h-0 w-0 text-2xl font-light text-primary\" :style=\"frameStyle\"><span v-for=\"leading in [true, false]\" :key=\"String(leading)\" data-slot=\"arc-picker-bracket\" :data-edge=\"leading ? 'leading' : 'trailing'\" :class=\"leading ? 'absolute right-0' : 'absolute left-0'\" :style=\"bracket(leading)\">{{ leading ? '[' : ']' }}</span></div></div></template>\n","<script setup lang=\"ts\">\nimport { ref, useId } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMotionState } from \"../../state\";\nimport { useArcControl } from \"./arc-control\";\nexport type ArcPickerOption = { value: string; label: string; disabled?: boolean };\nexport type ArcPickerSide = \"top\" | \"bottom\" | \"left\" | \"right\";\nconst props = withDefaults(defineProps<{ options: readonly ArcPickerOption[]; modelValue?: string; defaultValue?: string; side?: ArcPickerSide; radius?: number; itemHeight?: number; visibleCount?: number; disabled?: boolean; name?: string; ariaLabel?: string; ariaDescribedby?: string }>(), { side: \"right\", radius: 280, itemHeight: 48, visibleCount: 7, ariaLabel: \"Choose an option\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst candidate = useMotionState(props, emit, \"modelValue\", props.defaultValue ?? props.options.find(option => !option.disabled)?.value ?? \"\");\nconst root = ref<HTMLElement | null>(null);\nconst instructionsId = useId();\nconst reduced = useReducedMotion();\nconst { horizontal, height, selected, buttons, focusWithin, frameStyle, styleFor, bracket, keyboard, down, move, release, click, select } = useArcControl(props, candidate, reduced, root);\nfunction register(value: string, node: unknown) { if (node) buttons.set(value, node as HTMLButtonElement); else buttons.delete(value); }\nfunction blur(event: FocusEvent) { if (event.relatedTarget && !root.value?.contains(event.relatedTarget as Node)) focusWithin.value = false; }\n</script>\n<style scoped>\n[data-slot=\"arc-picker-bracket\"] {\n  color: transparent;\n}\n[data-slot=\"arc-picker-bracket\"]::after {\n  content: \"\";\n  position: absolute;\n  top: 6px;\n  bottom: 6px;\n  left: 0;\n  right: 0;\n  border-top: 1.5px solid var(--primary);\n  border-bottom: 1.5px solid var(--primary);\n  pointer-events: none;\n}\n[data-slot=\"arc-picker-bracket\"][data-edge=\"leading\"]::after {\n  border-left: 1.5px solid var(--primary);\n  border-radius: 3px 0 0 3px;\n}\n[data-slot=\"arc-picker-bracket\"][data-edge=\"trailing\"]::after {\n  border-right: 1.5px solid var(--primary);\n  border-radius: 0 3px 3px 0;\n}\n</style>\n<template><div ref=\"root\" role=\"radiogroup\" :aria-label=\"ariaLabel\" :aria-describedby=\"[ariaDescribedby, instructionsId].filter(Boolean).join(' ')\" :aria-disabled=\"disabled || undefined\" :aria-orientation=\"horizontal ? 'horizontal' : 'vertical'\" data-slot=\"arc-picker\" :data-side=\"side\" :class=\"cn('relative w-full min-w-0 cursor-grab select-none overflow-hidden active:cursor-grabbing', disabled && 'cursor-default opacity-50')\" :style=\"{ touchAction: horizontal ? 'pan-y pinch-zoom' : 'pan-x pinch-zoom', height: `${height}px`, maskImage: `linear-gradient(to ${horizontal ? 'right' : 'bottom'},transparent,black 12%,black 88%,transparent)` }\" @keydown=\"keyboard\" @focusin=\"focusWithin = true\" @focusout=\"blur\" @pointerdown=\"down\" @pointermove=\"move\" @pointerup=\"release($event, false)\" @pointercancel=\"release($event, true)\" @lostpointercapture=\"release($event, true)\" @click.capture=\"click\"><span :id=\"instructionsId\" class=\"sr-only\">Drag {{ horizontal ? 'horizontally' : 'vertically' }} or scroll to choose. Use arrow keys to move, Home and End to jump.</span><input v-if=\"name\" type=\"hidden\" :name=\"name\" :value=\"selected ?? ''\" :disabled=\"disabled\" /><button v-for=\"(option, index) in options\" :key=\"option.value\" :ref=\"node => register(option.value, node)\" type=\"button\" role=\"radio\" :aria-checked=\"option.value === selected\" :disabled=\"disabled || option.disabled\" :tabindex=\"option.value === selected && !disabled && !option.disabled ? 0 : -1\" data-slot=\"arc-picker-option\" :data-value=\"option.value\" :data-selected=\"option.value === selected || undefined\" @click=\"!$event.defaultPrevented && select(index)\" :class=\"cn('absolute rounded-md px-2 py-1 text-2xl font-light whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-35', horizontal ? 'text-center' : side === 'left' ? 'text-right' : 'text-left', option.value === selected ? 'text-primary' : 'text-muted-foreground')\" :style=\"styleFor(index, option)\"><span data-slot=\"arc-picker-label\" class=\"block overflow-hidden text-ellipsis\">{{ option.label }}</span></button><div aria-hidden=\"true\" data-slot=\"arc-picker-selection-frame\" class=\"pointer-events-none absolute h-0 w-0 text-2xl font-light text-primary\" :style=\"frameStyle\"><span v-for=\"leading in [true, false]\" :key=\"String(leading)\" data-slot=\"arc-picker-bracket\" :data-edge=\"leading ? 'leading' : 'trailing'\" :class=\"leading ? 'absolute right-0' : 'absolute left-0'\" :style=\"bracket(leading)\">{{ leading ? '[' : ']' }}</span></div></div></template>\n"],"mappings":"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"}

package/dist/aspect-ratio-DZ6sjFRG.js

@@ -0,0 +1,83 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { o as t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, inject as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, provide as m, renderSlot as h, unref as g, watchEffect as _, withCtx as v } from "vue";
+import { motion as y } from "motion-v";
+// src/motion/aspect-ratio/src/AspectRatio.vue
+var b = /* @__PURE__ */ c({
+	__name: "AspectRatio",
+	props: {
+		ratio: { default: 1 },
+		animated: {
+			type: Boolean,
+			default: !0
+		},
+		contentClassName: {}
+	},
+	setup(a) {
+		let s = a, c = e(), l = r(() => s.animated && !c.value);
+		return _(() => {
+			if (!(s.ratio > 0) || !Number.isFinite(s.ratio)) throw RangeError("AspectRatio: ratio must be a finite, positive number.");
+		}), m("orvui-aspect", r(() => ({
+			ratio: s.ratio,
+			animated: l.value
+		}))), (e, r) => (p(), i(g(y).div, {
+			class: "relative w-full min-w-0 overflow-hidden",
+			style: f({ aspectRatio: a.ratio }),
+			layout: l.value,
+			transition: { layout: g(t) }
+		}, {
+			default: v(() => [o("div", { class: d(g(n)("absolute inset-0", a.contentClassName)) }, [h(e.$slots, "default")], 2)]),
+			_: 3
+		}, 8, [
+			"style",
+			"layout",
+			"transition"
+		]));
+	}
+}), x = { class: "absolute inset-0 grid grid-cols-1 grid-rows-1 place-items-center" }, S = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "AspectRatioImage",
+	props: {
+		width: {},
+		height: {},
+		alt: {},
+		src: {},
+		draggable: { type: Boolean }
+	},
+	setup(e) {
+		let i = e, o = l("orvui-aspect");
+		if (!o) throw Error("AspectRatioImage must be inside AspectRatio");
+		_(() => {
+			if (![i.width, i.height].every((e) => Number.isFinite(e) && e > 0)) throw RangeError("AspectRatioImage: width and height must be finite, positive numbers.");
+		});
+		let c = r(() => o.value.ratio >= i.width / i.height), d = r(() => ({
+			width: c.value ? "100%" : "auto",
+			height: c.value ? "auto" : "100%"
+		}));
+		return (r, i) => (p(), a("div", x, [s(g(y).img, u(r.$attrs, {
+			src: e.src,
+			alt: e.alt,
+			width: e.width,
+			height: e.height,
+			draggable: e.draggable ?? !1,
+			layout: g(o).animated,
+			transition: { layout: g(t) },
+			class: g(n)("col-start-1 row-start-1 block max-w-none", r.$attrs.class),
+			style: d.value
+		}), null, 16, [
+			"src",
+			"alt",
+			"width",
+			"height",
+			"draggable",
+			"layout",
+			"transition",
+			"class",
+			"style"
+		])]));
+	}
+});
+export { b as n, S as t };
+
+//# sourceMappingURL=aspect-ratio-DZ6sjFRG.js.map

package/dist/aspect-ratio-DZ6sjFRG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio-DZ6sjFRG.js","names":["_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_createElementVNode","_normalizeClass","_renderSlot","_sfc_main","$attrs","_openBlock","_createElementBlock","_createVNode","_unref","_mergeProps","_sfc_main","useReducedMotion","SPRING_LAYOUT","cn","AspectRatio_default","defineComponent","props","__props","reduced","animateLayout","computed","watchEffect","provide","openBlock","createBlock","unref","motion","normalizeStyle","withCtx","createElementVNode","normalizeClass","renderSlot","_ctx","_hoisted_1","AspectRatioImage_default","aspect","inject","dimension","coverWidth","imageSize","createElementBlock","createVNode","mergeProps"],"sources":["../src/motion/aspect-ratio/src/AspectRatio.vue","../src/motion/aspect-ratio/src/AspectRatio.vue","../src/motion/aspect-ratio/src/AspectRatioImage.vue","../src/motion/aspect-ratio/src/AspectRatioImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, watchEffect } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{ ratio?: number; animated?: boolean; contentClassName?: string }>(), { ratio: 1, animated: true });\nconst reduced = useReducedMotion();\nconst animateLayout = computed(() => props.animated && !reduced.value);\nwatchEffect(() => {\n  if (!(props.ratio > 0) || !Number.isFinite(props.ratio))\n    throw new RangeError(\"AspectRatio: ratio must be a finite, positive number.\");\n});\nprovide(\"orvui-aspect\", computed(() => ({ ratio: props.ratio, animated: animateLayout.value })));\n</script>\n\n<template>\n  <motion.div class=\"relative w-full min-w-0 overflow-hidden\" :style=\"{ aspectRatio: ratio }\"\n    :layout=\"animateLayout\" :transition=\"{ layout: SPRING_LAYOUT }\">\n    <div :class=\"cn('absolute inset-0', contentClassName)\"><slot /></div>\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, watchEffect } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{ ratio?: number; animated?: boolean; contentClassName?: string }>(), { ratio: 1, animated: true });\nconst reduced = useReducedMotion();\nconst animateLayout = computed(() => props.animated && !reduced.value);\nwatchEffect(() => {\n  if (!(props.ratio > 0) || !Number.isFinite(props.ratio))\n    throw new RangeError(\"AspectRatio: ratio must be a finite, positive number.\");\n});\nprovide(\"orvui-aspect\", computed(() => ({ ratio: props.ratio, animated: animateLayout.value })));\n</script>\n\n<template>\n  <motion.div class=\"relative w-full min-w-0 overflow-hidden\" :style=\"{ aspectRatio: ratio }\"\n    :layout=\"animateLayout\" :transition=\"{ layout: SPRING_LAYOUT }\">\n    <div :class=\"cn('absolute inset-0', contentClassName)\"><slot /></div>\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject, watchEffect, type Ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\n\nconst props = defineProps<{ width: number; height: number; alt: string; src: string; draggable?: boolean }>();\nconst aspect = inject<Ref<{ ratio: number; animated: boolean }>>(\"orvui-aspect\");\nif (!aspect) throw new Error(\"AspectRatioImage must be inside AspectRatio\");\nwatchEffect(() => {\n  const valid = [props.width, props.height].every(dimension => Number.isFinite(dimension) && dimension > 0);\n  if (!valid) throw new RangeError(\"AspectRatioImage: width and height must be finite, positive numbers.\");\n});\nconst coverWidth = computed(() => aspect.value.ratio >= props.width / props.height);\nconst imageSize = computed(() => ({ width: coverWidth.value ? \"100%\" : \"auto\", height: coverWidth.value ? \"auto\" : \"100%\" }));\n</script>\n\n<template>\n  <div class=\"absolute inset-0 grid grid-cols-1 grid-rows-1 place-items-center\">\n    <motion.img v-bind=\"$attrs\" :src=\"src\" :alt=\"alt\" :width=\"width\" :height=\"height\"\n      :draggable=\"draggable ?? false\" :layout=\"aspect.animated\" :transition=\"{ layout: SPRING_LAYOUT }\"\n      :class=\"cn('col-start-1 row-start-1 block max-w-none', $attrs.class as string)\" :style=\"imageSize\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject, watchEffect, type Ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\n\nconst props = defineProps<{ width: number; height: number; alt: string; src: string; draggable?: boolean }>();\nconst aspect = inject<Ref<{ ratio: number; animated: boolean }>>(\"orvui-aspect\");\nif (!aspect) throw new Error(\"AspectRatioImage must be inside AspectRatio\");\nwatchEffect(() => {\n  const valid = [props.width, props.height].every(dimension => Number.isFinite(dimension) && dimension > 0);\n  if (!valid) throw new RangeError(\"AspectRatioImage: width and height must be finite, positive numbers.\");\n});\nconst coverWidth = computed(() => aspect.value.ratio >= props.width / props.height);\nconst imageSize = computed(() => ({ width: coverWidth.value ? \"100%\" : \"auto\", height: coverWidth.value ? \"auto\" : \"100%\" }));\n</script>\n\n<template>\n  <div class=\"absolute inset-0 grid grid-cols-1 grid-rows-1 place-items-center\">\n    <motion.img v-bind=\"$attrs\" :src=\"src\" :alt=\"alt\" :width=\"width\" :height=\"height\"\n      :draggable=\"draggable ?? false\" :layout=\"aspect.animated\" :transition=\"{ layout: SPRING_LAYOUT }\"\n      :class=\"cn('col-start-1 row-start-1 block max-w-none', $attrs.class as string)\" :style=\"imageSize\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAOA,IAAMqB,IAAQC,GACRC,IAAUP,EAAiB,GAC3BQ,IAAgBC,QAAeJ,EAAM,YAAY,CAACE,EAAQ,KAAK;E,OACrEG,QAAkB;GAChB,IAAI,EAAEL,EAAM,QAAQ,MAAM,CAAC,OAAO,SAASA,EAAM,KAAK,GACpD,MAAU,WAAW,uDAAuD;EAChF,CAAC,GACDM,EAAQ,gBAAgBF,SAAgB;GAAE,OAAOJ,EAAM;GAAO,UAAUG,EAAc;EAAM,EAAE,CAAC,I,UAI7FxB,EAAA,GAAAC,EAGaC,EAAA6B,CAAA,CAAA,CAAA,KAAA;GAHD,OAAM;GAA2C,OAAK5B,EAAA,EAAA,aAAiBmB,EAAA,MAAK,CAAA;GACrF,QAAQE,EAAA;GAAgB,YAAU,EAAA,QAAYtB,EAAAe,CAAA,EAAa;;GAC5D,SAAAb,QAAqE,CAArEC,EAAqE,OAAA,EAA/D,OAAKC,EAAEJ,EAAAgB,CAAA,CAAE,CAAA,oBAAqBI,EAAA,gBAAgB,CAAA,E,IAAGf,EAAQ8B,EAAA,QAAA,SAAA,C;;;;;;;;;;;;;;;;;;;EEbnE,IAAMhB,IAAQC,GACRkB,IAASC,EAAkD,cAAc;EAC/E,IAAI,CAACD,GAAQ,MAAU,MAAM,6CAA6C;EAC1E,QAAkB;GAEhB,IAAI,CADU,CAACnB,EAAM,OAAOA,EAAM,MAAM,CAAC,CAAC,OAAM,MAAa,OAAO,SAASqB,CAAS,KAAKA,IAAY,CAClG,GAAO,MAAU,WAAW,sEAAsE;EACzG,CAAC;EACD,IAAMC,IAAalB,QAAee,EAAO,MAAM,SAASnB,EAAM,QAAQA,EAAM,MAAM,GAC5EuB,IAAYnB,SAAgB;GAAE,OAAOkB,EAAW,QAAQ,SAAS;GAAQ,QAAQA,EAAW,QAAQ,SAAS;EAAO,EAAE;E,kBAI1HjC,EAAA,GAAAC,EAIM,OAJN2B,GAIM,CAHJ1B,EAEuGC,EAAAkB,CAAA,CAAA,CAAA,KAFvGjB,EAAoBL,EAEmF,QAF7E;GAAG,KAAKa,EAAA;GAAM,KAAKA,EAAA;GAAM,OAAOA,EAAA;GAAQ,QAAQA,EAAA;GACvE,WAAWA,EAAA,aAAS;GAAY,QAAQT,EAAA2B,CAAA,CAAM,CAAC;GAAW,YAAU,EAAA,QAAY3B,EAAAI,CAAA,EAAa;GAC7F,OAAOJ,EAAAK,CAAA,CAAE,CAAA,4CAA6CT,EAAAA,OAAO,KAAK;GAAc,OAAOmC,EAAA"}