@orvui/vue 0.0.0-stage → 0.1.0

package/dist/adaptive-stepper-DIq2i37A.js

@@ -0,0 +1,397 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { n } from "./state-DWNDjqAL.js";
+import { l as r, r as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, h, inject as g, mergeProps as _, onBeforeUnmount as v, onMounted as y, openBlock as b, provide as x, ref as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useId as D, watch as O, withCtx as k } from "vue";
+import { AnimatePresence as A, animate as j, motion as M } from "motion-v";
+import { Minus as N, Plus as P } from "lucide-vue-next";
+// src/motion/adaptive-stepper/src/liquid-context.ts
+var F = Symbol("orvui-liquid");
+// src/motion/adaptive-stepper/src/filter.ts
+function I(e, t, n) {
+	return h("filter", {
+		id: e,
+		x: -48,
+		y: -48,
+		width: t + 96,
+		height: n + 96,
+		filterUnits: "userSpaceOnUse",
+		"color-interpolation-filters": "sRGB"
+	}, [
+		h("feGaussianBlur", {
+			in: "SourceGraphic",
+			stdDeviation: 8,
+			result: "blur"
+		}),
+		h("feColorMatrix", {
+			in: "blur",
+			type: "matrix",
+			values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -8.67",
+			result: "goo"
+		}),
+		h("feComposite", {
+			in: "SourceGraphic",
+			in2: "goo",
+			operator: "atop",
+			result: "shape"
+		}),
+		h("feColorMatrix", {
+			in: "shape",
+			type: "matrix",
+			values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -29.5",
+			result: "solid-shape"
+		}),
+		h("feMorphology", {
+			in: "solid-shape",
+			operator: "erode",
+			radius: "1",
+			result: "inset-shape"
+		}),
+		h("feComposite", {
+			in: "solid-shape",
+			in2: "inset-shape",
+			operator: "out",
+			result: "edge-mask"
+		}),
+		h("feFlood", {
+			"flood-color": "var(--foreground)",
+			"flood-opacity": "0.08",
+			result: "edge-color"
+		}),
+		h("feComposite", {
+			in: "edge-color",
+			in2: "edge-mask",
+			operator: "in",
+			result: "edge"
+		}),
+		h("feMerge", [h("feMergeNode", { in: "shape" }), h("feMergeNode", { in: "edge" })])
+	]);
+}
+// src/motion/adaptive-stepper/src/Liquid.vue?vue&type=script&setup=true&lang.ts
+var L = {
+	"aria-hidden": "true",
+	focusable: "false",
+	class: "pointer-events-none absolute inset-0 z-0 size-full overflow-visible"
+}, R = ["filter"], z = /* @__PURE__ */ m({
+	__name: "Liquid",
+	setup(e) {
+		let t = S(null), n = S(null), r = S({
+			width: 216,
+			height: 48
+		}), i = `liquid-${D().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+		x(F, {
+			root: t,
+			portal: n
+		});
+		let a = () => I(i, r.value.width, r.value.height), o;
+		function s() {
+			t.value && (r.value = {
+				width: t.value.offsetWidth,
+				height: t.value.offsetHeight
+			});
+		}
+		return y(() => {
+			s(), t.value && typeof ResizeObserver < "u" && (o = new ResizeObserver(s), o.observe(t.value));
+		}), v(() => o?.disconnect()), (e, r) => (b(), l("div", {
+			ref_key: "root",
+			ref: t,
+			class: "relative isolate size-full"
+		}, [(b(), l("svg", L, [u("defs", null, [p(a)]), u("g", {
+			ref_key: "portal",
+			ref: n,
+			fill: "var(--background)",
+			filter: `url(#${i})`
+		}, null, 8, R)])), C(e.$slots, "default")], 512));
+	}
+}), B = ["disabled"], V = ["id"], H = ["name", "value"], U = /* @__PURE__ */ m({
+	__name: "AdaptiveStepper",
+	props: {
+		modelValue: {},
+		defaultValue: { default: 0 },
+		min: { default: 0 },
+		max: { default: 10 },
+		step: { default: 1 },
+		disabled: { type: Boolean },
+		name: {},
+		formatValueText: {},
+		ariaLabel: { default: "Quantity" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: r }) {
+		let i = t, a = n(i, r, "modelValue", i.defaultValue), s = o(() => Number.isFinite(i.min) ? i.min : 0), d = o(() => Number.isFinite(i.max) ? Math.max(s.value, i.max) : s.value), f = o(() => Number.isFinite(i.step) && i.step > 0 ? i.step : 1), m = o(() => Math.min(d.value, Math.max(s.value, Number.isFinite(a.value) ? a.value : s.value))), h = o(() => m.value <= s.value), g = o(() => m.value >= d.value), _ = o(() => i.formatValueText?.(m.value) ?? String(m.value)), y = S(0), w = S(null), A = S(null), j = e(), M = D(), N = 0;
+		O(m, (e, t) => {
+			y.value = Math.sign(e - t);
+		}, { flush: "sync" });
+		function P(e, t) {
+			if (i.disabled || (e < 0 ? h.value : g.value)) return;
+			let n = (m.value - s.value) / f.value, r = e > 0 ? Math.floor(n + 1e-10) + 1 : Math.ceil(n - 1e-10) - 1, o = Number(Math.min(d.value, Math.max(s.value, s.value + f.value * r)).toFixed(10));
+			o !== m.value && (a.value = o, t && (cancelAnimationFrame(N), N = requestAnimationFrame(() => {
+				o === d.value && m.value === o ? w.value?.focus() : o === s.value && m.value === o && A.value?.focus();
+			})));
+		}
+		let F = {
+			value: m,
+			valueText: _,
+			direction: y,
+			atMin: h,
+			atMax: g,
+			disabled: o(() => !!i.disabled),
+			reduce: j,
+			decrementRef: w,
+			incrementRef: A,
+			decrement: (e) => P(-1, e),
+			increment: (e) => P(1, e)
+		};
+		return x("orvui-stepper", F), v(() => cancelAnimationFrame(N)), (e, n) => (b(), l("fieldset", {
+			disabled: t.disabled,
+			class: "relative isolate m-0 inline-block h-12 w-[13.5rem] border-0 p-0"
+		}, [
+			u("legend", {
+				id: E(M),
+				class: "sr-only"
+			}, T(t.ariaLabel) + ". Current value: " + T(_.value), 9, V),
+			p(z, null, {
+				default: k(() => [C(e.$slots, "default")]),
+				_: 3
+			}),
+			t.name ? (b(), l("input", {
+				key: 0,
+				type: "hidden",
+				name: t.name,
+				value: m.value
+			}, null, 8, H)) : c("", !0)
+		], 8, B));
+	}
+}), W = /* @__PURE__ */ m({
+	__name: "LiquidItem",
+	props: {
+		x: {},
+		y: { default: 0 },
+		width: {},
+		height: { default: 48 },
+		radius: { default: 24 }
+	},
+	setup(t) {
+		let n = t, r = g(F);
+		if (!r) throw Error("LiquidItem must be inside Liquid");
+		let i = S(null), a = e(), o, s, c, u = !1, d = {
+			transform: `translate(${n.x}px, ${n.y}px)`,
+			width: `${n.width}px`,
+			height: `${n.height}px`,
+			willChange: "transform, width, height"
+		};
+		function f(e) {
+			if (u || !i.value || !o) return;
+			let t = `translate(${e.x}px, ${e.y}px)`;
+			i.value.style.transform = t, i.value.style.width = `${e.width}px`, i.value.style.height = `${e.height}px`, o.style.transform = t, o.setAttribute("width", String(e.width)), o.setAttribute("height", String(e.height)), o.setAttribute("rx", String(e.radius));
+		}
+		function p() {
+			if (c?.stop(), !o || u) return;
+			let e = {
+				x: n.x,
+				y: n.y,
+				width: n.width,
+				height: n.height,
+				radius: n.radius
+			}, t = s;
+			!t || a.value ? (s = e, f(e)) : c = j(0, 1, {
+				duration: .6,
+				ease: [
+					.22,
+					1.3,
+					.71,
+					1
+				],
+				onUpdate(n) {
+					let r = (r) => t[r] + n * (e[r] - t[r]);
+					s = {
+						x: r("x"),
+						y: r("y"),
+						width: r("width"),
+						height: r("height"),
+						radius: r("radius")
+					}, f(s);
+				}
+			});
+		}
+		return O([
+			() => n.x,
+			() => n.y,
+			() => n.width,
+			() => n.height,
+			() => n.radius,
+			a
+		], p, { flush: "post" }), y(() => {
+			r.portal.value && (o = document.createElementNS("http://www.w3.org/2000/svg", "rect"), o.setAttribute("x", "0"), o.setAttribute("y", "0"), Object.assign(o.style, {
+				transformBox: "fill-box",
+				transformOrigin: "center",
+				willChange: "transform"
+			}), r.portal.value.append(o), p());
+		}), v(() => {
+			u = !0, c?.stop(), o?.remove();
+		}), (e, t) => (b(), l("div", {
+			ref_key: "wrapper",
+			ref: i,
+			class: "absolute left-0 top-0 z-10",
+			style: d
+		}, [C(e.$slots, "default")], 512));
+	}
+}), G = /* @__PURE__ */ m({
+	inheritAttrs: !1,
+	__name: "StepperAction",
+	props: { direction: {} },
+	setup(e) {
+		let n = e, c = g("orvui-stepper");
+		if (!c) throw Error("AdaptiveStepper action must be inside AdaptiveStepper");
+		let l = o(() => n.direction < 0 ? c.atMin.value : c.atMax.value), u = o(() => n.direction < 0 ? l.value ? 32 : 0 : l.value ? 136 : 168);
+		function d(e) {
+			e.defaultPrevented || l.value || c.disabled.value || (n.direction < 0 ? c.decrement : c.increment)(e.detail === 0);
+		}
+		function f(e) {
+			(n.direction < 0 ? c.decrementRef : c.incrementRef).value = t(e);
+		}
+		return (t, n) => (b(), s(W, {
+			x: u.value,
+			width: 48
+		}, {
+			default: k(() => [p(E(M).button, _(t.$attrs, {
+				ref: f,
+				type: "button",
+				"aria-label": t.$attrs["aria-label"] ?? (e.direction < 0 ? "Decrease value" : "Increase value"),
+				"aria-hidden": l.value || void 0,
+				tabindex: l.value ? -1 : t.$attrs.tabindex,
+				disabled: E(c).disabled.value || l.value,
+				"while-press": E(c).reduce.value || E(c).disabled.value || l.value ? void 0 : { scale: .94 },
+				transition: E(c).reduce.value ? { duration: 0 } : E(r),
+				onClick: d,
+				class: E(a)("grid size-full place-items-center rounded-full border border-transparent bg-transparent bg-clip-padding text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none", l.value && "hover:bg-transparent", E(c).disabled.value && "opacity-50", t.$attrs.class)
+			}), {
+				default: k(() => [p(E(M).span, {
+					"aria-hidden": "true",
+					initial: {
+						opacity: +!l.value,
+						filter: l.value ? "blur(2px)" : "blur(0px)"
+					},
+					animate: {
+						opacity: +!l.value,
+						filter: l.value ? "blur(2px)" : "blur(0px)"
+					},
+					transition: {
+						duration: E(c).reduce.value ? 0 : .15,
+						ease: E(i)
+					}
+				}, {
+					default: k(() => [C(t.$slots, "default", {}, () => [(b(), s(w(e.direction < 0 ? E(N) : E(P)), {
+						class: "size-5",
+						"stroke-width": 2.5
+					}))])]),
+					_: 3
+				}, 8, [
+					"initial",
+					"animate",
+					"transition"
+				])]),
+				_: 3
+			}, 16, [
+				"aria-label",
+				"aria-hidden",
+				"tabindex",
+				"disabled",
+				"while-press",
+				"transition",
+				"class"
+			])]),
+			_: 3
+		}, 8, ["x"]));
+	}
+}), K = /* @__PURE__ */ m({
+	__name: "AdaptiveStepperDecrement",
+	setup(e) {
+		return (e, t) => (b(), s(G, { direction: -1 }, d({ _: 2 }, [e.$slots.default ? {
+			name: "default",
+			fn: k(() => [C(e.$slots, "default")]),
+			key: "0"
+		} : void 0]), 1024));
+	}
+}), q = /* @__PURE__ */ m({
+	__name: "AdaptiveStepperIncrement",
+	setup(e) {
+		return (e, t) => (b(), s(G, { direction: 1 }, d({ _: 2 }, [e.$slots.default ? {
+			name: "default",
+			fn: k(() => [C(e.$slots, "default")]),
+			key: "0"
+		} : void 0]), 1024));
+	}
+}), J = { class: "sr-only" }, Y = {
+	"aria-hidden": "true",
+	class: "relative grid min-h-[1.1em] min-w-[1ch] place-items-center overflow-hidden leading-none"
+}, X = /* @__PURE__ */ m({
+	__name: "AdaptiveStepperValue",
+	setup(e) {
+		let t = g("orvui-stepper");
+		if (!t) throw Error("AdaptiveStepperValue must be inside AdaptiveStepper");
+		let n = o(() => t.atMin.value ? {
+			x: 0,
+			width: t.atMax.value ? 216 : 152
+		} : {
+			x: 64,
+			width: t.atMax.value ? 152 : 88
+		}), r = o(() => t.reduce.value ? 0 : t.direction.value * 32);
+		return (e, a) => (b(), s(W, {
+			x: n.value.x,
+			width: n.value.width
+		}, {
+			default: k(() => [p(E(M).output, {
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				class: "flex size-full min-w-0 items-center justify-center overflow-hidden rounded-full border border-transparent bg-transparent bg-clip-padding px-4 text-lg font-semibold tabular-nums text-foreground"
+			}, {
+				default: k(() => [u("span", J, T(E(t).valueText.value), 1), u("span", Y, [p(E(A), {
+					initial: !1,
+					mode: "popLayout"
+				}, {
+					default: k(() => [(b(), s(E(M).span, {
+						key: E(t).value.value,
+						initial: {
+							opacity: E(t).reduce.value ? 1 : .35,
+							filter: E(t).reduce.value ? "blur(0px)" : "blur(2px)",
+							transform: `translateY(${r.value}%)`
+						},
+						animate: {
+							opacity: 1,
+							filter: "blur(0px)",
+							transform: "translateY(0%)"
+						},
+						exit: {
+							opacity: +!!E(t).reduce.value,
+							filter: E(t).reduce.value ? "blur(0px)" : "blur(2px)",
+							transform: `translateY(${-r.value}%)`,
+							transition: {
+								duration: E(t).reduce.value ? 0 : .12,
+								ease: E(i)
+							}
+						},
+						transition: {
+							duration: E(t).reduce.value ? 0 : .18,
+							ease: E(i)
+						},
+						class: "col-start-1 row-start-1 will-change-[transform,filter,opacity]"
+					}, {
+						default: k(() => [C(e.$slots, "default", { value: E(t).value.value }, () => [f(T(E(t).value.value), 1)])]),
+						_: 3
+					}, 8, [
+						"initial",
+						"exit",
+						"transition"
+					]))]),
+					_: 3
+				})])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["x", "width"]));
+	}
+});
+export { U as i, q as n, K as r, X as t };
+
+//# sourceMappingURL=adaptive-stepper-DIq2i37A.js.map

package/dist/adaptive-stepper-DIq2i37A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adaptive-stepper-DIq2i37A.js","names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_renderSlot","_sfc_main","_hoisted_1","_hoisted_2","emit","_openBlock","_createElementBlock","_createElementVNode","_unref","_toDisplayString","_createVNode","Liquid","_withCtx","_renderSlot","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_renderSlot","_sfc_main","$attrs","_openBlock","_createBlock","LiquidItem","_withCtx","_createVNode","_unref","_mergeProps","_renderSlot","_resolveDynamicComponent","_sfc_main","$slots","_openBlock","_createBlock","StepperAction","_createSlots","_withCtx","_renderSlot","_sfc_main","$slots","_openBlock","_createBlock","StepperAction","_createSlots","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","LiquidItem","_withCtx","_createVNode","_unref","_createElementVNode","_toDisplayString","_renderSlot","_createTextVNode","_sfc_main","useReducedMotion","SPRING_PRESS","EASE_OUT","cn","LiquidContext","liquidFilter","width","height","_hoisted_1$2","_hoisted_2$2","Liquid_default","defineComponent","root","ref","portal","bounds","filterId","useId","Filter","observer","measure","onMounted","onBeforeUnmount","openBlock","createElementBlock","createElementVNode","createVNode","renderSlot","_ctx","_hoisted_1$1","_hoisted_2$1","_hoisted_3","AdaptiveStepper_default","__emit","props","__props","candidate","useMotionState","minimum","computed","maximum","stride","current","atMin","atMax","valueText","direction","decrementRef","incrementRef","reduced","labelId","focusFrame","next","before","adjust","by","offset","gridIndex","requested","restoreFocus","state","keyboard","provide","unref","toDisplayString","withCtx","createCommentVNode","LiquidItem_default","context","inject","wrapper","blob","animation","disposed","initialStyle","write","transform","box","update","target","previous","animate","interpolate","key","progress","watch","StepperAction_default","hidden","position","activate","event","setRef","resolveElement","node","createBlock","motion","mergeProps","resolveDynamicComponent","Minus","Plus","AdaptiveStepperDecrement_default","createSlots","AdaptiveStepperIncrement_default","_hoisted_1","_hoisted_2","AdaptiveStepperValue_default","distance","AnimatePresence","createTextVNode"],"sources":["../src/motion/adaptive-stepper/src/liquid-context.ts","../src/motion/adaptive-stepper/src/filter.ts","../src/motion/adaptive-stepper/src/Liquid.vue","../src/motion/adaptive-stepper/src/Liquid.vue","../src/motion/adaptive-stepper/src/AdaptiveStepper.vue","../src/motion/adaptive-stepper/src/AdaptiveStepper.vue","../src/motion/adaptive-stepper/src/LiquidItem.vue","../src/motion/adaptive-stepper/src/LiquidItem.vue","../src/motion/adaptive-stepper/src/StepperAction.vue","../src/motion/adaptive-stepper/src/StepperAction.vue","../src/motion/adaptive-stepper/src/AdaptiveStepperDecrement.vue","../src/motion/adaptive-stepper/src/AdaptiveStepperDecrement.vue","../src/motion/adaptive-stepper/src/AdaptiveStepperIncrement.vue","../src/motion/adaptive-stepper/src/AdaptiveStepperIncrement.vue","../src/motion/adaptive-stepper/src/AdaptiveStepperValue.vue","../src/motion/adaptive-stepper/src/AdaptiveStepperValue.vue"],"sourcesContent":["import type { InjectionKey, Ref } from \"vue\";\ninterface LiquidSurfaceContext { root: Ref<HTMLElement | null>; portal: Ref<SVGGElement | null> }\nexport const LiquidContext: InjectionKey<LiquidSurfaceContext> = Symbol(\"orvui-liquid\");\n","import { h } from \"vue\";\nexport function liquidFilter(id: string, width: number, height: number) {\n  const padding = 48;\n  return h(\"filter\", { id, x: -padding, y: -padding, width: width + 2 * padding, height: height + 2 * padding, filterUnits: \"userSpaceOnUse\", \"color-interpolation-filters\": \"sRGB\" }, [\n    h(\"feGaussianBlur\", { in: \"SourceGraphic\", stdDeviation: 8, result: \"blur\" }),\n    h(\"feColorMatrix\", { in: \"blur\", type: \"matrix\", values: \"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -8.67\", result: \"goo\" }),\n    h(\"feComposite\", { in: \"SourceGraphic\", in2: \"goo\", operator: \"atop\", result: \"shape\" }),\n    h(\"feColorMatrix\", { in: \"shape\", type: \"matrix\", values: \"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -29.5\", result: \"solid-shape\" }),\n    h(\"feMorphology\", { in: \"solid-shape\", operator: \"erode\", radius: \"1\", result: \"inset-shape\" }),\n    h(\"feComposite\", { in: \"solid-shape\", in2: \"inset-shape\", operator: \"out\", result: \"edge-mask\" }),\n    h(\"feFlood\", { \"flood-color\": \"var(--foreground)\", \"flood-opacity\": \"0.08\", result: \"edge-color\" }),\n    h(\"feComposite\", { in: \"edge-color\", in2: \"edge-mask\", operator: \"in\", result: \"edge\" }),\n    h(\"feMerge\", [h(\"feMergeNode\", { in: \"shape\" }), h(\"feMergeNode\", { in: \"edge\" })]),\n  ]);\n}\n","<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, provide, ref, useId } from \"vue\";\nimport { LiquidContext } from \"./liquid-context\";\nimport { liquidFilter } from \"./filter\";\nconst root = ref<HTMLElement | null>(null), portal = ref<SVGGElement | null>(null);\nconst bounds = ref({ width: 216, height: 48 });\nconst filterId = `liquid-${useId().replace(/[^a-zA-Z0-9_-]/g, \"\")}`;\nprovide(LiquidContext, { root, portal });\nconst Filter = () => liquidFilter(filterId, bounds.value.width, bounds.value.height);\nlet observer: ResizeObserver | undefined;\nfunction measure() { if (root.value) bounds.value = { width: root.value.offsetWidth, height: root.value.offsetHeight }; }\nonMounted(() => { measure(); if (root.value && typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(measure); observer.observe(root.value); } });\nonBeforeUnmount(() => observer?.disconnect());\n</script>\n<template><div ref=\"root\" class=\"relative isolate size-full\">\n  <svg aria-hidden=\"true\" focusable=\"false\" class=\"pointer-events-none absolute inset-0 z-0 size-full overflow-visible\"><defs><Filter /></defs><g ref=\"portal\" fill=\"var(--background)\" :filter=\"`url(#${filterId})`\" /></svg><slot />\n</div></template>\n","<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, provide, ref, useId } from \"vue\";\nimport { LiquidContext } from \"./liquid-context\";\nimport { liquidFilter } from \"./filter\";\nconst root = ref<HTMLElement | null>(null), portal = ref<SVGGElement | null>(null);\nconst bounds = ref({ width: 216, height: 48 });\nconst filterId = `liquid-${useId().replace(/[^a-zA-Z0-9_-]/g, \"\")}`;\nprovide(LiquidContext, { root, portal });\nconst Filter = () => liquidFilter(filterId, bounds.value.width, bounds.value.height);\nlet observer: ResizeObserver | undefined;\nfunction measure() { if (root.value) bounds.value = { width: root.value.offsetWidth, height: root.value.offsetHeight }; }\nonMounted(() => { measure(); if (root.value && typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(measure); observer.observe(root.value); } });\nonBeforeUnmount(() => observer?.disconnect());\n</script>\n<template><div ref=\"root\" class=\"relative isolate size-full\">\n  <svg aria-hidden=\"true\" focusable=\"false\" class=\"pointer-events-none absolute inset-0 z-0 size-full overflow-visible\"><defs><Filter /></defs><g ref=\"portal\" fill=\"var(--background)\" :filter=\"`url(#${filterId})`\" /></svg><slot />\n</div></template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, provide, ref, useId, watch } from \"vue\";\nimport { useMotionState } from \"../../state\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport Liquid from \"./Liquid.vue\";\nimport type { StepperContext } from \"./context\";\nconst props = withDefaults(defineProps<{\n  modelValue?: number; defaultValue?: number; min?: number; max?: number; step?: number; disabled?: boolean;\n  name?: string; formatValueText?: (value: number) => string; ariaLabel?: string;\n}>(), { defaultValue: 0, min: 0, max: 10, step: 1, ariaLabel: \"Quantity\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst candidate = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst minimum = computed(() => Number.isFinite(props.min) ? props.min : 0);\nconst maximum = computed(() => Number.isFinite(props.max) ? Math.max(minimum.value, props.max) : minimum.value);\nconst stride = computed(() => Number.isFinite(props.step) && props.step > 0 ? props.step : 1);\nconst current = computed(() => Math.min(maximum.value, Math.max(minimum.value, Number.isFinite(candidate.value) ? candidate.value : minimum.value)));\nconst atMin = computed(() => current.value <= minimum.value), atMax = computed(() => current.value >= maximum.value);\nconst valueText = computed(() => props.formatValueText?.(current.value) ?? String(current.value));\nconst direction = ref(0), decrementRef = ref<HTMLButtonElement | null>(null), incrementRef = ref<HTMLButtonElement | null>(null);\nconst reduced = useReducedMotion(), labelId = useId();\nlet focusFrame = 0;\nwatch(current, (next, before) => { direction.value = Math.sign(next - before); }, { flush: \"sync\" });\nfunction adjust(by: -1 | 1, restoreFocus: boolean) {\n  if (props.disabled || (by < 0 ? atMin.value : atMax.value)) return;\n  const offset = (current.value - minimum.value) / stride.value;\n  const gridIndex = by > 0 ? Math.floor(offset + 1e-10) + 1 : Math.ceil(offset - 1e-10) - 1;\n  const requested = Number(Math.min(maximum.value, Math.max(minimum.value, minimum.value + stride.value * gridIndex)).toFixed(10));\n  if (requested === current.value) return;\n  candidate.value = requested;\n  if (!restoreFocus) return;\n  cancelAnimationFrame(focusFrame);\n  focusFrame = requestAnimationFrame(() => {\n    if (requested === maximum.value && current.value === requested) decrementRef.value?.focus();\n    else if (requested === minimum.value && current.value === requested) incrementRef.value?.focus();\n  });\n}\nconst state: StepperContext = {\n  value: current, valueText, direction, atMin, atMax, disabled: computed(() => !!props.disabled), reduce: reduced,\n  decrementRef, incrementRef, decrement: keyboard => adjust(-1, keyboard), increment: keyboard => adjust(1, keyboard),\n};\nprovide(\"orvui-stepper\", state);\nonBeforeUnmount(() => cancelAnimationFrame(focusFrame));\n</script>\n<template>\n  <fieldset :disabled=\"disabled\" class=\"relative isolate m-0 inline-block h-12 w-[13.5rem] border-0 p-0\">\n    <legend :id=\"labelId\" class=\"sr-only\">{{ ariaLabel }}. Current value: {{ valueText }}</legend>\n    <Liquid><slot /></Liquid><input v-if=\"name\" type=\"hidden\" :name=\"name\" :value=\"current\" />\n  </fieldset>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, provide, ref, useId, watch } from \"vue\";\nimport { useMotionState } from \"../../state\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport Liquid from \"./Liquid.vue\";\nimport type { StepperContext } from \"./context\";\nconst props = withDefaults(defineProps<{\n  modelValue?: number; defaultValue?: number; min?: number; max?: number; step?: number; disabled?: boolean;\n  name?: string; formatValueText?: (value: number) => string; ariaLabel?: string;\n}>(), { defaultValue: 0, min: 0, max: 10, step: 1, ariaLabel: \"Quantity\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst candidate = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst minimum = computed(() => Number.isFinite(props.min) ? props.min : 0);\nconst maximum = computed(() => Number.isFinite(props.max) ? Math.max(minimum.value, props.max) : minimum.value);\nconst stride = computed(() => Number.isFinite(props.step) && props.step > 0 ? props.step : 1);\nconst current = computed(() => Math.min(maximum.value, Math.max(minimum.value, Number.isFinite(candidate.value) ? candidate.value : minimum.value)));\nconst atMin = computed(() => current.value <= minimum.value), atMax = computed(() => current.value >= maximum.value);\nconst valueText = computed(() => props.formatValueText?.(current.value) ?? String(current.value));\nconst direction = ref(0), decrementRef = ref<HTMLButtonElement | null>(null), incrementRef = ref<HTMLButtonElement | null>(null);\nconst reduced = useReducedMotion(), labelId = useId();\nlet focusFrame = 0;\nwatch(current, (next, before) => { direction.value = Math.sign(next - before); }, { flush: \"sync\" });\nfunction adjust(by: -1 | 1, restoreFocus: boolean) {\n  if (props.disabled || (by < 0 ? atMin.value : atMax.value)) return;\n  const offset = (current.value - minimum.value) / stride.value;\n  const gridIndex = by > 0 ? Math.floor(offset + 1e-10) + 1 : Math.ceil(offset - 1e-10) - 1;\n  const requested = Number(Math.min(maximum.value, Math.max(minimum.value, minimum.value + stride.value * gridIndex)).toFixed(10));\n  if (requested === current.value) return;\n  candidate.value = requested;\n  if (!restoreFocus) return;\n  cancelAnimationFrame(focusFrame);\n  focusFrame = requestAnimationFrame(() => {\n    if (requested === maximum.value && current.value === requested) decrementRef.value?.focus();\n    else if (requested === minimum.value && current.value === requested) incrementRef.value?.focus();\n  });\n}\nconst state: StepperContext = {\n  value: current, valueText, direction, atMin, atMax, disabled: computed(() => !!props.disabled), reduce: reduced,\n  decrementRef, incrementRef, decrement: keyboard => adjust(-1, keyboard), increment: keyboard => adjust(1, keyboard),\n};\nprovide(\"orvui-stepper\", state);\nonBeforeUnmount(() => cancelAnimationFrame(focusFrame));\n</script>\n<template>\n  <fieldset :disabled=\"disabled\" class=\"relative isolate m-0 inline-block h-12 w-[13.5rem] border-0 p-0\">\n    <legend :id=\"labelId\" class=\"sr-only\">{{ ariaLabel }}. Current value: {{ valueText }}</legend>\n    <Liquid><slot /></Liquid><input v-if=\"name\" type=\"hidden\" :name=\"name\" :value=\"current\" />\n  </fieldset>\n</template>\n","<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { animate } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { LiquidContext } from \"./liquid-context\";\nconst props = withDefaults(defineProps<{ x: number; y?: number; width: number; height?: number; radius?: number }>(), { y: 0, height: 48, radius: 24 });\nconst context = inject(LiquidContext);\nif (!context) throw new Error(\"LiquidItem must be inside Liquid\");\nconst wrapper = ref<HTMLElement | null>(null), reduced = useReducedMotion();\ntype Box = { x: number; y: number; width: number; height: number; radius: number };\nlet blob: SVGRectElement | undefined, current: Box | undefined, animation: ReturnType<typeof animate> | undefined;\nlet disposed = false;\nconst initialStyle = { transform: `translate(${props.x}px, ${props.y}px)`, width: `${props.width}px`, height: `${props.height}px`, willChange: \"transform, width, height\" };\nfunction write(box: Box) {\n  if (disposed || !wrapper.value || !blob) return;\n  const transform = `translate(${box.x}px, ${box.y}px)`;\n  wrapper.value.style.transform = transform; wrapper.value.style.width = `${box.width}px`; wrapper.value.style.height = `${box.height}px`;\n  blob.style.transform = transform; blob.setAttribute(\"width\", String(box.width)); blob.setAttribute(\"height\", String(box.height)); blob.setAttribute(\"rx\", String(box.radius));\n}\nfunction update() {\n  animation?.stop();\n  if (!blob || disposed) return;\n  const target: Box = { x: props.x, y: props.y, width: props.width, height: props.height, radius: props.radius };\n  const previous = current;\n  if (!previous || reduced.value) { current = target; write(target); return; }\n  animation = animate(0, 1, { duration: 0.6, ease: [0.22, 1.3, 0.71, 1], onUpdate(progress) {\n    const interpolate = (key: keyof Box) => previous[key] + progress * (target[key] - previous[key]);\n    current = { x: interpolate(\"x\"), y: interpolate(\"y\"), width: interpolate(\"width\"), height: interpolate(\"height\"), radius: interpolate(\"radius\") };\n    write(current);\n  } });\n}\nwatch([() => props.x, () => props.y, () => props.width, () => props.height, () => props.radius, reduced], update, { flush: \"post\" });\nonMounted(() => {\n  if (!context.portal.value) return;\n  blob = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n  blob.setAttribute(\"x\", \"0\"); blob.setAttribute(\"y\", \"0\");\n  Object.assign(blob.style, { transformBox: \"fill-box\", transformOrigin: \"center\", willChange: \"transform\" });\n  context.portal.value.append(blob);\n  update();\n});\nonBeforeUnmount(() => { disposed = true; animation?.stop(); blob?.remove(); });\n</script>\n<template><div ref=\"wrapper\" class=\"absolute left-0 top-0 z-10\" :style=\"initialStyle\"><slot /></div></template>\n","<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { animate } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { LiquidContext } from \"./liquid-context\";\nconst props = withDefaults(defineProps<{ x: number; y?: number; width: number; height?: number; radius?: number }>(), { y: 0, height: 48, radius: 24 });\nconst context = inject(LiquidContext);\nif (!context) throw new Error(\"LiquidItem must be inside Liquid\");\nconst wrapper = ref<HTMLElement | null>(null), reduced = useReducedMotion();\ntype Box = { x: number; y: number; width: number; height: number; radius: number };\nlet blob: SVGRectElement | undefined, current: Box | undefined, animation: ReturnType<typeof animate> | undefined;\nlet disposed = false;\nconst initialStyle = { transform: `translate(${props.x}px, ${props.y}px)`, width: `${props.width}px`, height: `${props.height}px`, willChange: \"transform, width, height\" };\nfunction write(box: Box) {\n  if (disposed || !wrapper.value || !blob) return;\n  const transform = `translate(${box.x}px, ${box.y}px)`;\n  wrapper.value.style.transform = transform; wrapper.value.style.width = `${box.width}px`; wrapper.value.style.height = `${box.height}px`;\n  blob.style.transform = transform; blob.setAttribute(\"width\", String(box.width)); blob.setAttribute(\"height\", String(box.height)); blob.setAttribute(\"rx\", String(box.radius));\n}\nfunction update() {\n  animation?.stop();\n  if (!blob || disposed) return;\n  const target: Box = { x: props.x, y: props.y, width: props.width, height: props.height, radius: props.radius };\n  const previous = current;\n  if (!previous || reduced.value) { current = target; write(target); return; }\n  animation = animate(0, 1, { duration: 0.6, ease: [0.22, 1.3, 0.71, 1], onUpdate(progress) {\n    const interpolate = (key: keyof Box) => previous[key] + progress * (target[key] - previous[key]);\n    current = { x: interpolate(\"x\"), y: interpolate(\"y\"), width: interpolate(\"width\"), height: interpolate(\"height\"), radius: interpolate(\"radius\") };\n    write(current);\n  } });\n}\nwatch([() => props.x, () => props.y, () => props.width, () => props.height, () => props.radius, reduced], update, { flush: \"post\" });\nonMounted(() => {\n  if (!context.portal.value) return;\n  blob = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n  blob.setAttribute(\"x\", \"0\"); blob.setAttribute(\"y\", \"0\");\n  Object.assign(blob.style, { transformBox: \"fill-box\", transformOrigin: \"center\", willChange: \"transform\" });\n  context.portal.value.append(blob);\n  update();\n});\nonBeforeUnmount(() => { disposed = true; animation?.stop(); blob?.remove(); });\n</script>\n<template><div ref=\"wrapper\" class=\"absolute left-0 top-0 z-10\" :style=\"initialStyle\"><slot /></div></template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Minus, Plus } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport LiquidItem from \"./LiquidItem.vue\";\nimport type { StepperContext } from \"./context\";\nconst props = defineProps<{ direction: -1 | 1 }>();\nconst state = inject<StepperContext>(\"orvui-stepper\");\nif (!state) throw new Error(\"AdaptiveStepper action must be inside AdaptiveStepper\");\nconst hidden = computed(() => props.direction < 0 ? state.atMin.value : state.atMax.value);\nconst position = computed(() => props.direction < 0 ? hidden.value ? 32 : 0 : hidden.value ? 136 : 168);\nfunction activate(event: MouseEvent) {\n  if (event.defaultPrevented || hidden.value || state!.disabled.value) return;\n  (props.direction < 0 ? state!.decrement : state!.increment)(event.detail === 0);\n}\nfunction setRef(node: unknown) { (props.direction < 0 ? state!.decrementRef : state!.incrementRef).value = resolveElement<HTMLButtonElement>(node); }\n</script>\n<template><LiquidItem :x=\"position\" :width=\"48\">\n  <motion.button v-bind=\"$attrs\" :ref=\"setRef\" type=\"button\" :aria-label=\"($attrs['aria-label'] as string) ?? (direction < 0 ? 'Decrease value' : 'Increase value')\"\n    :aria-hidden=\"hidden || undefined\" :tabindex=\"hidden ? -1 : ($attrs.tabindex as number)\" :disabled=\"state.disabled.value || hidden\"\n    :while-press=\"state.reduce.value || state.disabled.value || hidden ? undefined : { scale: 0.94 }\" :transition=\"state.reduce.value ? { duration: 0 } : SPRING_PRESS\"\n    @click=\"activate\" :class=\"cn('grid size-full place-items-center rounded-full border border-transparent bg-transparent bg-clip-padding text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none', hidden && 'hover:bg-transparent', state.disabled.value && 'opacity-50', $attrs.class as string)\">\n    <motion.span aria-hidden=\"true\" :initial=\"{ opacity: hidden ? 0 : 1, filter: hidden ? 'blur(2px)' : 'blur(0px)' }\" :animate=\"{ opacity: hidden ? 0 : 1, filter: hidden ? 'blur(2px)' : 'blur(0px)' }\"\n      :transition=\"{ duration: state.reduce.value ? 0 : 0.15, ease: EASE_OUT }\"><slot><component :is=\"direction < 0 ? Minus : Plus\" class=\"size-5\" :stroke-width=\"2.5\" /></slot></motion.span>\n  </motion.button>\n</LiquidItem></template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Minus, Plus } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport LiquidItem from \"./LiquidItem.vue\";\nimport type { StepperContext } from \"./context\";\nconst props = defineProps<{ direction: -1 | 1 }>();\nconst state = inject<StepperContext>(\"orvui-stepper\");\nif (!state) throw new Error(\"AdaptiveStepper action must be inside AdaptiveStepper\");\nconst hidden = computed(() => props.direction < 0 ? state.atMin.value : state.atMax.value);\nconst position = computed(() => props.direction < 0 ? hidden.value ? 32 : 0 : hidden.value ? 136 : 168);\nfunction activate(event: MouseEvent) {\n  if (event.defaultPrevented || hidden.value || state!.disabled.value) return;\n  (props.direction < 0 ? state!.decrement : state!.increment)(event.detail === 0);\n}\nfunction setRef(node: unknown) { (props.direction < 0 ? state!.decrementRef : state!.incrementRef).value = resolveElement<HTMLButtonElement>(node); }\n</script>\n<template><LiquidItem :x=\"position\" :width=\"48\">\n  <motion.button v-bind=\"$attrs\" :ref=\"setRef\" type=\"button\" :aria-label=\"($attrs['aria-label'] as string) ?? (direction < 0 ? 'Decrease value' : 'Increase value')\"\n    :aria-hidden=\"hidden || undefined\" :tabindex=\"hidden ? -1 : ($attrs.tabindex as number)\" :disabled=\"state.disabled.value || hidden\"\n    :while-press=\"state.reduce.value || state.disabled.value || hidden ? undefined : { scale: 0.94 }\" :transition=\"state.reduce.value ? { duration: 0 } : SPRING_PRESS\"\n    @click=\"activate\" :class=\"cn('grid size-full place-items-center rounded-full border border-transparent bg-transparent bg-clip-padding text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none', hidden && 'hover:bg-transparent', state.disabled.value && 'opacity-50', $attrs.class as string)\">\n    <motion.span aria-hidden=\"true\" :initial=\"{ opacity: hidden ? 0 : 1, filter: hidden ? 'blur(2px)' : 'blur(0px)' }\" :animate=\"{ opacity: hidden ? 0 : 1, filter: hidden ? 'blur(2px)' : 'blur(0px)' }\"\n      :transition=\"{ duration: state.reduce.value ? 0 : 0.15, ease: EASE_OUT }\"><slot><component :is=\"direction < 0 ? Minus : Plus\" class=\"size-5\" :stroke-width=\"2.5\" /></slot></motion.span>\n  </motion.button>\n</LiquidItem></template>\n","<script setup lang=\"ts\">\nimport StepperAction from \"./StepperAction.vue\";\n</script>\n<template><StepperAction :direction=\"-1\"><template v-if=\"$slots.default\" #default><slot /></template></StepperAction></template>\n","<script setup lang=\"ts\">\nimport StepperAction from \"./StepperAction.vue\";\n</script>\n<template><StepperAction :direction=\"-1\"><template v-if=\"$slots.default\" #default><slot /></template></StepperAction></template>\n","<script setup lang=\"ts\">\nimport StepperAction from \"./StepperAction.vue\";\n</script>\n<template><StepperAction :direction=\"1\"><template v-if=\"$slots.default\" #default><slot /></template></StepperAction></template>\n","<script setup lang=\"ts\">\nimport StepperAction from \"./StepperAction.vue\";\n</script>\n<template><StepperAction :direction=\"1\"><template v-if=\"$slots.default\" #default><slot /></template></StepperAction></template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport LiquidItem from \"./LiquidItem.vue\";\nimport type { StepperContext } from \"./context\";\nconst state = inject<StepperContext>(\"orvui-stepper\");\nif (!state) throw new Error(\"AdaptiveStepperValue must be inside AdaptiveStepper\");\nconst box = computed(() => {\n  if (state.atMin.value) return { x: 0, width: state.atMax.value ? 216 : 152 };\n  return { x: 64, width: state.atMax.value ? 152 : 88 };\n});\nconst distance = computed(() => state.reduce.value ? 0 : state.direction.value * 32);\n</script>\n<template><LiquidItem :x=\"box.x\" :width=\"box.width\">\n  <motion.output aria-live=\"polite\" aria-atomic=\"true\" class=\"flex size-full min-w-0 items-center justify-center overflow-hidden rounded-full border border-transparent bg-transparent bg-clip-padding px-4 text-lg font-semibold tabular-nums text-foreground\">\n    <span class=\"sr-only\">{{ state.valueText.value }}</span><span aria-hidden=\"true\" class=\"relative grid min-h-[1.1em] min-w-[1ch] place-items-center overflow-hidden leading-none\">\n      <AnimatePresence :initial=\"false\" mode=\"popLayout\"><motion.span :key=\"state.value.value\"\n        :initial=\"{ opacity: state.reduce.value ? 1 : 0.35, filter: state.reduce.value ? 'blur(0px)' : 'blur(2px)', transform: `translateY(${distance}%)` }\"\n        :animate=\"{ opacity: 1, filter: 'blur(0px)', transform: 'translateY(0%)' }\"\n        :exit=\"{ opacity: state.reduce.value ? 1 : 0, filter: state.reduce.value ? 'blur(0px)' : 'blur(2px)', transform: `translateY(${-distance}%)`, transition: { duration: state.reduce.value ? 0 : 0.12, ease: EASE_OUT } }\"\n        :transition=\"{ duration: state.reduce.value ? 0 : 0.18, ease: EASE_OUT }\" class=\"col-start-1 row-start-1 will-change-[transform,filter,opacity]\"><slot :value=\"state.value.value\">{{ state.value.value }}</slot></motion.span></AnimatePresence>\n    </span>\n  </motion.output>\n</LiquidItem></template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport LiquidItem from \"./LiquidItem.vue\";\nimport type { StepperContext } from \"./context\";\nconst state = inject<StepperContext>(\"orvui-stepper\");\nif (!state) throw new Error(\"AdaptiveStepperValue must be inside AdaptiveStepper\");\nconst box = computed(() => {\n  if (state.atMin.value) return { x: 0, width: state.atMax.value ? 216 : 152 };\n  return { x: 64, width: state.atMax.value ? 152 : 88 };\n});\nconst distance = computed(() => state.reduce.value ? 0 : state.direction.value * 32);\n</script>\n<template><LiquidItem :x=\"box.x\" :width=\"box.width\">\n  <motion.output aria-live=\"polite\" aria-atomic=\"true\" class=\"flex size-full min-w-0 items-center justify-center overflow-hidden rounded-full border border-transparent bg-transparent bg-clip-padding px-4 text-lg font-semibold tabular-nums text-foreground\">\n    <span class=\"sr-only\">{{ state.valueText.value }}</span><span aria-hidden=\"true\" class=\"relative grid min-h-[1.1em] min-w-[1ch] place-items-center overflow-hidden leading-none\">\n      <AnimatePresence :initial=\"false\" mode=\"popLayout\"><motion.span :key=\"state.value.value\"\n        :initial=\"{ opacity: state.reduce.value ? 1 : 0.35, filter: state.reduce.value ? 'blur(0px)' : 'blur(2px)', transform: `translateY(${distance}%)` }\"\n        :animate=\"{ opacity: 1, filter: 'blur(0px)', transform: 'translateY(0%)' }\"\n        :exit=\"{ opacity: state.reduce.value ? 1 : 0, filter: state.reduce.value ? 'blur(0px)' : 'blur(2px)', transform: `translateY(${-distance}%)`, transition: { duration: state.reduce.value ? 0 : 0.12, ease: EASE_OUT } }\"\n        :transition=\"{ duration: state.reduce.value ? 0 : 0.18, ease: EASE_OUT }\" class=\"col-start-1 row-start-1 will-change-[transform,filter,opacity]\"><slot :value=\"state.value.value\">{{ state.value.value }}</slot></motion.span></AnimatePresence>\n    </span>\n  </motion.output>\n</LiquidItem></template>\n"],"mappings":"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"}