@orvui/vue 0.0.0-stage → 0.1.0

package/dist/pull-to-refresh-DFVih6NS.js

@@ -0,0 +1,384 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { c as t, n, r, u as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { t as o } from "./RenderContent-CwtJ7hLl.js";
+import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, unref as S, watch as C, withCtx as w } from "vue";
+import { AnimatePresence as T, animate as E, motion as D, useMotionValue as O, useTransform as k } from "motion-v";
+// src/motion/pull-to-refresh/src/RefreshBuddy.vue?vue&type=script&setup=true&lang.ts
+var A = ["cx"], j = ["d"], M = /* @__PURE__ */ p({
+	__name: "RefreshBuddy",
+	props: {
+		progress: {},
+		status: {},
+		reduce: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, r = k(t.progress, [0, 1], [-7, 0]), a = k(t.progress, [0, 1], [-10, 0]), o = k(t.progress, [
+			0,
+			.55,
+			1
+		], [
+			.68,
+			1.1,
+			.92
+		]), p = c(() => t.status === "ready"), g = c(() => t.status === "refreshing"), _ = c(() => ({
+			duration: t.reduce ? 1.2 : .9,
+			ease: n,
+			repeat: Infinity
+		})), y = c(() => g.value ? t.reduce ? { opacity: [
+			.55,
+			1,
+			.55
+		] } : {
+			y: [
+				0,
+				-2,
+				0
+			],
+			rotate: [
+				-3,
+				3,
+				-3
+			]
+		} : t.reduce ? { opacity: 1 } : {
+			y: 0,
+			rotate: 0,
+			scale: p.value ? 1.08 : 1
+		}), x = c(() => g.value && !t.reduce ? { rotate: [0, 360] } : t.reduce ? void 0 : { rotate: p.value ? 0 : -35 }), C = c(() => g.value && !t.reduce ? { scaleY: [
+			1,
+			1,
+			.15,
+			1,
+			1
+		] } : t.reduce ? { opacity: 1 } : { scaleY: p.value ? 1.18 : 1 });
+		return (t, n) => (v(), l(S(D).span, {
+			style: h(e.reduce ? void 0 : {
+				y: S(r),
+				rotate: S(a),
+				scaleY: S(o)
+			}),
+			class: "block h-9 w-9 origin-bottom"
+		}, {
+			default: w(() => [f(S(D).svg, {
+				"aria-hidden": "true",
+				viewBox: "0 0 36 36",
+				style: { opacity: 1 },
+				class: "h-full w-full overflow-visible",
+				animate: y.value,
+				transition: g.value ? _.value : S(i)
+			}, {
+				default: w(() => [
+					f(S(D).g, {
+						style: { transformOrigin: "18px 18px" },
+						animate: x.value,
+						transition: g.value ? _.value : S(i),
+						class: m(["transition-opacity duration-150", p.value || g.value ? "opacity-100" : "opacity-0"])
+					}, {
+						default: w(() => [...n[0] ||= [d("path", {
+							d: "M18 2.5a15.5 15.5 0 0 1 12.7 6.6",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round",
+							class: "text-muted-foreground"
+						}, null, -1), d("circle", {
+							cx: "31.3",
+							cy: "10.2",
+							r: "2.2",
+							class: "fill-foreground"
+						}, null, -1)]]),
+						_: 1
+					}, 8, [
+						"animate",
+						"transition",
+						"class"
+					]),
+					n[1] ||= d("rect", {
+						x: "7",
+						y: "7",
+						width: "22",
+						height: "22",
+						rx: "9",
+						class: "fill-foreground"
+					}, null, -1),
+					f(S(D).g, {
+						style: {
+							opacity: 1,
+							transformOrigin: "18px 16px"
+						},
+						animate: C.value,
+						transition: g.value && !e.reduce ? _.value : S(i)
+					}, {
+						default: w(() => [(v(), u(s, null, b([14.2, 21.8], (e) => d("circle", {
+							key: e,
+							cx: e,
+							cy: "16",
+							r: "1.45",
+							class: "fill-background"
+						}, null, 8, A)), 64))]),
+						_: 1
+					}, 8, ["animate", "transition"]),
+					(v(!0), u(s, null, b([{
+						path: "M14.5 21h7",
+						show: !p.value && !g.value
+					}, {
+						path: "M14 20.5c1 2.4 7 2.4 8 0",
+						show: p.value
+					}], (e) => (v(), u("path", {
+						key: e.path,
+						d: e.path,
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "1.5",
+						"stroke-linecap": "round",
+						class: m(["text-background transition-opacity duration-150", e.show ? "opacity-100" : "opacity-0"])
+					}, null, 10, j))), 128)),
+					d("circle", {
+						cx: "18",
+						cy: "21",
+						r: "1.6",
+						class: m(["fill-background transition-opacity duration-150", g.value ? "opacity-100" : "opacity-0"])
+					}, null, 2)
+				]),
+				_: 1
+			}, 8, ["animate", "transition"])]),
+			_: 1
+		}, 8, ["style"]));
+	}
+});
+// src/motion/pull-to-refresh/src/pull-state.ts
+function N(e, n, r, i) {
+	let a = y(!1), o = y("idle"), s = c(() => Math.max(24, n.threshold)), l = c(() => Math.max(n.maxPull, s.value + 24)), u = c(() => Math.min(Math.max(0, n.holdDistance), s.value)), d = c(() => n.refreshing || a.value), f = O(0), p = O(s.value), m = k(() => Math.max(0, Math.min(1, f.get() / p.get()))), h = k(() => {
+		let e = f.get();
+		return e < 10 ? Math.max(0, e / 10 * .45) : Math.min(1, .45 + (e - 10) / (p.get() - 10) * .55);
+	}), v = k(m, (e) => .86 + e * .14), b = y(0), x = m.on("change", (e) => b.value = e), S, w, T = !1, D = null;
+	C(s, (e) => p.set(e), { flush: "sync" });
+	function A(e) {
+		w?.stop(), r.value ? f.set(e) : w = E(f, e, t);
+	}
+	function j() {
+		if (S?.id != null && e.value) try {
+			e.value.hasPointerCapture(S.id) && e.value.releasePointerCapture(S.id);
+		} catch {}
+		S = void 0;
+	}
+	function M(e) {
+		if (n.disabled || d.value) return;
+		w?.stop();
+		let t = l.value * -Math.expm1(-Math.max(0, e) / l.value);
+		f.set(t), o.value = t >= s.value ? "ready" : "pulling";
+	}
+	async function N() {
+		if (!(n.disabled || d.value)) {
+			a.value = !0, o.value = "refreshing", A(u.value);
+			try {
+				await n.onRefresh?.();
+			} catch (e) {
+				T || i(e);
+			} finally {
+				T || (a.value = !1, n.refreshing || (o.value = "idle", A(0)));
+			}
+		}
+	}
+	function P() {
+		let e = f.get() >= s.value && !n.disabled && !d.value;
+		j(), e ? N() : (o.value = "idle", A(0));
+	}
+	function F() {
+		return !!e.value && e.value.scrollTop <= 0 && !n.disabled && !d.value;
+	}
+	function I(t) {
+		if (t.pointerType !== "touch" && t.button === 0 && F()) {
+			S = {
+				x: t.clientX,
+				y: t.clientY,
+				id: t.pointerId
+			};
+			try {
+				e.value.setPointerCapture(t.pointerId);
+			} catch {}
+		}
+	}
+	function L(e) {
+		if (!S || S.id !== e.pointerId) return;
+		let t = e.clientY - S.y;
+		t < 0 || Math.abs(e.clientX - S.x) > t || (e.preventDefault(), M(t));
+	}
+	function R(e) {
+		S?.id === e.pointerId && P();
+	}
+	function z(e) {
+		if (e.touches.length !== 1 || !F()) return;
+		let t = e.touches[0];
+		S = {
+			x: t.clientX,
+			y: t.clientY,
+			id: null
+		};
+	}
+	function B(t) {
+		let n = t.touches[0];
+		if (!S || !n) return;
+		let r = n.clientY - S.y;
+		(e.value?.scrollTop ?? 0) > 0 || r < 0 ? S = void 0 : Math.abs(n.clientX - S.x) > r || (t.preventDefault(), M(r));
+	}
+	function V() {
+		S && P();
+	}
+	return C([
+		d,
+		u,
+		r
+	], ([e]) => {
+		e ? (o.value = "refreshing", A(u.value)) : o.value === "refreshing" && (o.value = "idle", A(0));
+	}), _(() => {
+		D = e.value, d.value && (o.value = "refreshing", A(u.value)), D?.addEventListener("touchstart", z, { passive: !0 }), D?.addEventListener("touchmove", B, { passive: !1 }), D?.addEventListener("touchend", V), D?.addEventListener("touchcancel", V);
+	}), g(() => {
+		T = !0, j(), w?.stop(), x(), D?.removeEventListener("touchstart", z), D?.removeEventListener("touchmove", B), D?.removeEventListener("touchend", V), D?.removeEventListener("touchcancel", V);
+	}), {
+		status: o,
+		refreshing: d,
+		y: f,
+		progress: m,
+		opacity: h,
+		scale: v,
+		amount: b,
+		down: I,
+		move: L,
+		end: R
+	};
+}
+// src/motion/pull-to-refresh/src/PullToRefresh.vue?vue&type=script&setup=true&lang.ts
+var P = [
+	"aria-label",
+	"aria-busy",
+	"data-state",
+	"data-disabled"
+], F = { class: "relative h-4 min-w-24 text-center" }, I = /* @__PURE__ */ p({
+	__name: "PullToRefresh",
+	props: {
+		onRefresh: {},
+		refreshing: { type: Boolean },
+		disabled: { type: Boolean },
+		threshold: { default: 76 },
+		maxPull: { default: 132 },
+		holdDistance: { default: 68 },
+		pullingLabel: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Pull to refresh"
+		},
+		releaseLabel: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Release to refresh"
+		},
+		refreshingLabel: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Refreshing"
+		},
+		ariaLabel: { default: "Refreshable content" },
+		contentClassName: {},
+		indicatorClassName: {}
+	},
+	emits: ["error"],
+	setup(t, { emit: n }) {
+		let i = t, s = n, p = y(null), g = e(), { status: _, refreshing: b, y: C, progress: E, opacity: O, scale: k, amount: A, down: j, move: I, end: L } = N(p, i, g, (e) => s("error", e)), R = c(() => _.value === "refreshing" ? i.refreshingLabel : _.value === "ready" ? i.releaseLabel : i.pullingLabel);
+		return (e, n) => (v(), u("section", {
+			ref_key: "root",
+			ref: p,
+			"aria-label": t.ariaLabel,
+			"aria-busy": S(b),
+			"data-state": S(_),
+			"data-disabled": t.disabled || void 0,
+			onPointerdown: n[0] ||= (...e) => S(j) && S(j)(...e),
+			onPointermove: n[1] ||= (...e) => S(I) && S(I)(...e),
+			onPointerup: n[2] ||= (...e) => S(L) && S(L)(...e),
+			onPointercancel: n[3] ||= (...e) => S(L) && S(L)(...e),
+			class: m(S(a)("relative w-full overflow-y-auto overscroll-contain bg-background [-webkit-touch-callout:none] pointer-coarse:select-none", S(_) === "pulling" || S(_) === "ready" ? "cursor-grabbing select-none" : "cursor-grab", (t.disabled || S(b)) && "cursor-default"))
+		}, [f(S(D).div, {
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			style: h(S(g) ? { opacity: S(O) } : {
+				opacity: S(O),
+				scale: S(k)
+			}),
+			class: m(S(a)("pointer-events-none absolute inset-x-0 top-0 z-20 flex h-[4.25rem] flex-col items-center justify-center gap-0.5 bg-gradient-to-b from-background via-background/95 to-transparent text-[11px] font-medium text-muted-foreground", t.indicatorClassName))
+		}, {
+			default: w(() => [f(M, {
+				progress: S(E),
+				status: S(_),
+				reduce: S(g)
+			}, null, 8, [
+				"progress",
+				"status",
+				"reduce"
+			]), d("span", F, [f(S(T), {
+				initial: !1,
+				mode: "wait"
+			}, {
+				default: w(() => [(v(), l(S(D).span, {
+					key: S(_),
+					initial: S(g) ? { opacity: 0 } : {
+						opacity: 0,
+						y: 3
+					},
+					animate: S(g) ? { opacity: 1 } : {
+						opacity: 1,
+						y: 0
+					},
+					exit: S(g) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -3
+					},
+					transition: {
+						duration: .16,
+						ease: S(r)
+					},
+					class: "absolute inset-x-0 whitespace-nowrap"
+				}, {
+					default: w(() => [f(S(o), { node: R.value }, null, 8, ["node"])]),
+					_: 1
+				}, 8, [
+					"initial",
+					"animate",
+					"exit",
+					"transition"
+				]))]),
+				_: 1
+			})])]),
+			_: 1
+		}, 8, ["style", "class"]), f(S(D).div, {
+			style: h(S(g) ? void 0 : { y: S(C) }),
+			class: m(S(a)("relative z-10 min-h-full bg-inherit will-change-transform", t.contentClassName))
+		}, {
+			default: w(() => [x(e.$slots, "default", {
+				status: S(_),
+				progress: S(A)
+			})]),
+			_: 3
+		}, 8, ["style", "class"])], 42, P));
+	}
+});
+export { I as t };
+
+//# sourceMappingURL=pull-to-refresh-DFVih6NS.js.map

package/dist/pull-to-refresh-DFVih6NS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pull-to-refresh-DFVih6NS.js","names":["_hoisted_1","_hoisted_2","_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_createVNode","_normalizeClass","_createElementVNode","_createElementBlock","_Fragment","_renderList","_sfc_main","_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode","_normalizeStyle","_withCtx","RefreshBuddy","_createElementVNode","_createBlock","RenderContent","_renderSlot","_sfc_main","useReducedMotion","SPRING_PANEL","SPRING_SWAP","cn","RenderContent_default","_hoisted_1$1","_hoisted_2$1","RefreshBuddy_default","defineComponent","props","__props","y","useTransform","rotate","scaleY","ready","computed","busy","repeat","EASE_IN_OUT","body","orbit","eyes","openBlock","createBlock","unref","motion","normalizeStyle","withCtx","createVNode","normalizeClass","_cache","createElementVNode","createElementBlock","Fragment","renderList","x","mouth","usePullState","pending","ref","status","threshold","limit","rest","refreshing","useMotionValue","thresholdMotion","progress","opacity","distance","scale","value","amount","unsubscribe","gesture","animation","disposed","host","settle","reduced","animate","releaseCapture","root","pull","resisted","refresh","error","emitError","finish","accepted","canBegin","down","event","move","dy","end","touchStart","touch","touchMove","touchEnd","watch","onMounted","onBeforeUnmount","_hoisted_1","_hoisted_2","PullToRefresh_default","__emit","emit","reduce","label","args","AnimatePresence","EASE_OUT","renderSlot","_ctx"],"sources":["../src/motion/pull-to-refresh/src/RefreshBuddy.vue","../src/motion/pull-to-refresh/src/RefreshBuddy.vue","../src/motion/pull-to-refresh/src/pull-state.ts","../src/motion/pull-to-refresh/src/PullToRefresh.vue","../src/motion/pull-to-refresh/src/PullToRefresh.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion, useTransform, type MotionValue } from \"motion-v\";\nimport { EASE_IN_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nconst props = defineProps<{ progress: MotionValue<number>; status: string; reduce: boolean }>();\nconst y = useTransform(props.progress, [0, 1], [-7, 0]);\nconst rotate = useTransform(props.progress, [0, 1], [-10, 0]);\nconst scaleY = useTransform(props.progress, [0, .55, 1], [.68, 1.1, .92]);\nconst ready = computed(() => props.status === \"ready\");\nconst busy = computed(() => props.status === \"refreshing\");\nconst repeat = computed(() => ({ duration: props.reduce ? 1.2 : .9, ease: EASE_IN_OUT, repeat: Infinity }));\nconst body = computed(() => busy.value ? props.reduce ? { opacity: [.55, 1, .55] } : { y: [0, -2, 0], rotate: [-3, 3, -3] } : props.reduce ? { opacity: 1 } : { y: 0, rotate: 0, scale: ready.value ? 1.08 : 1 });\nconst orbit = computed(() => busy.value && !props.reduce ? { rotate: [0, 360] } : props.reduce ? undefined : { rotate: ready.value ? 0 : -35 });\nconst eyes = computed(() => busy.value && !props.reduce ? { scaleY: [1, 1, .15, 1, 1] } : props.reduce ? { opacity: 1 } : { scaleY: ready.value ? 1.18 : 1 });\n</script>\n<template>\n  <motion.span :style=\"reduce ? undefined : { y, rotate, scaleY }\" class=\"block h-9 w-9 origin-bottom\"><motion.svg aria-hidden=\"true\" viewBox=\"0 0 36 36\" :style=\"{ opacity: 1 }\" class=\"h-full w-full overflow-visible\" :animate=\"body\" :transition=\"busy ? repeat : SPRING_SWAP\">\n    <motion.g :style=\"{ transformOrigin: '18px 18px' }\" :animate=\"orbit\" :transition=\"busy ? repeat : SPRING_SWAP\" :class=\"['transition-opacity duration-150', ready || busy ? 'opacity-100' : 'opacity-0']\"><path d=\"M18 2.5a15.5 15.5 0 0 1 12.7 6.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" class=\"text-muted-foreground\" /><circle cx=\"31.3\" cy=\"10.2\" r=\"2.2\" class=\"fill-foreground\" /></motion.g>\n    <rect x=\"7\" y=\"7\" width=\"22\" height=\"22\" rx=\"9\" class=\"fill-foreground\" />\n    <motion.g :style=\"{ opacity: 1, transformOrigin: '18px 16px' }\" :animate=\"eyes\" :transition=\"busy && !reduce ? repeat : SPRING_SWAP\"><circle v-for=\"x in [14.2, 21.8]\" :key=\"x\" :cx=\"x\" cy=\"16\" r=\"1.45\" class=\"fill-background\" /></motion.g>\n    <path v-for=\"mouth in [{ path: 'M14.5 21h7', show: !ready && !busy }, { path: 'M14 20.5c1 2.4 7 2.4 8 0', show: ready }]\" :key=\"mouth.path\" :d=\"mouth.path\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" :class=\"['text-background transition-opacity duration-150', mouth.show ? 'opacity-100' : 'opacity-0']\" /><circle cx=\"18\" cy=\"21\" r=\"1.6\" :class=\"['fill-background transition-opacity duration-150', busy ? 'opacity-100' : 'opacity-0']\" />\n  </motion.svg></motion.span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion, useTransform, type MotionValue } from \"motion-v\";\nimport { EASE_IN_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nconst props = defineProps<{ progress: MotionValue<number>; status: string; reduce: boolean }>();\nconst y = useTransform(props.progress, [0, 1], [-7, 0]);\nconst rotate = useTransform(props.progress, [0, 1], [-10, 0]);\nconst scaleY = useTransform(props.progress, [0, .55, 1], [.68, 1.1, .92]);\nconst ready = computed(() => props.status === \"ready\");\nconst busy = computed(() => props.status === \"refreshing\");\nconst repeat = computed(() => ({ duration: props.reduce ? 1.2 : .9, ease: EASE_IN_OUT, repeat: Infinity }));\nconst body = computed(() => busy.value ? props.reduce ? { opacity: [.55, 1, .55] } : { y: [0, -2, 0], rotate: [-3, 3, -3] } : props.reduce ? { opacity: 1 } : { y: 0, rotate: 0, scale: ready.value ? 1.08 : 1 });\nconst orbit = computed(() => busy.value && !props.reduce ? { rotate: [0, 360] } : props.reduce ? undefined : { rotate: ready.value ? 0 : -35 });\nconst eyes = computed(() => busy.value && !props.reduce ? { scaleY: [1, 1, .15, 1, 1] } : props.reduce ? { opacity: 1 } : { scaleY: ready.value ? 1.18 : 1 });\n</script>\n<template>\n  <motion.span :style=\"reduce ? undefined : { y, rotate, scaleY }\" class=\"block h-9 w-9 origin-bottom\"><motion.svg aria-hidden=\"true\" viewBox=\"0 0 36 36\" :style=\"{ opacity: 1 }\" class=\"h-full w-full overflow-visible\" :animate=\"body\" :transition=\"busy ? repeat : SPRING_SWAP\">\n    <motion.g :style=\"{ transformOrigin: '18px 18px' }\" :animate=\"orbit\" :transition=\"busy ? repeat : SPRING_SWAP\" :class=\"['transition-opacity duration-150', ready || busy ? 'opacity-100' : 'opacity-0']\"><path d=\"M18 2.5a15.5 15.5 0 0 1 12.7 6.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" class=\"text-muted-foreground\" /><circle cx=\"31.3\" cy=\"10.2\" r=\"2.2\" class=\"fill-foreground\" /></motion.g>\n    <rect x=\"7\" y=\"7\" width=\"22\" height=\"22\" rx=\"9\" class=\"fill-foreground\" />\n    <motion.g :style=\"{ opacity: 1, transformOrigin: '18px 16px' }\" :animate=\"eyes\" :transition=\"busy && !reduce ? repeat : SPRING_SWAP\"><circle v-for=\"x in [14.2, 21.8]\" :key=\"x\" :cx=\"x\" cy=\"16\" r=\"1.45\" class=\"fill-background\" /></motion.g>\n    <path v-for=\"mouth in [{ path: 'M14.5 21h7', show: !ready && !busy }, { path: 'M14 20.5c1 2.4 7 2.4 8 0', show: ready }]\" :key=\"mouth.path\" :d=\"mouth.path\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" :class=\"['text-background transition-opacity duration-150', mouth.show ? 'opacity-100' : 'opacity-0']\" /><circle cx=\"18\" cy=\"21\" r=\"1.6\" :class=\"['fill-background transition-opacity duration-150', busy ? 'opacity-100' : 'opacity-0']\" />\n  </motion.svg></motion.span>\n</template>\n","import { computed, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { animate, useMotionValue, useTransform } from \"motion-v\";\nimport { SPRING_PANEL } from \"../../../lib/ease\";\ninterface PullOptions { onRefresh?: () => void | Promise<void>; refreshing?: boolean; disabled?: boolean; threshold: number; maxPull: number; holdDistance: number }\nexport type PullPhase = \"idle\" | \"pulling\" | \"ready\" | \"refreshing\";\nexport function usePullState(root: Ref<HTMLElement | null>, props: PullOptions, reduced: Ref<boolean>, emitError: (error: unknown) => void) {\n  const pending = ref(false);\n  const status = ref<PullPhase>(\"idle\");\n  const threshold = computed(() => Math.max(24, props.threshold));\n  const limit = computed(() => Math.max(props.maxPull, threshold.value + 24));\n  const rest = computed(() => Math.min(Math.max(0, props.holdDistance), threshold.value));\n  const refreshing = computed(() => props.refreshing || pending.value);\n  const y = useMotionValue(0);\n  const thresholdMotion = useMotionValue(threshold.value);\n  const progress = useTransform(() => Math.max(0, Math.min(1, y.get() / thresholdMotion.get())));\n  const opacity = useTransform(() => { const distance = y.get(); return distance < 10 ? Math.max(0, distance / 10 * .45) : Math.min(1, .45 + (distance - 10) / (thresholdMotion.get() - 10) * .55); });\n  const scale = useTransform(progress, value => .86 + value * .14);\n  const amount = ref(0);\n  const unsubscribe = progress.on(\"change\", value => amount.value = value);\n  let gesture: { x: number; y: number; id: number | null } | undefined;\n  let animation: { stop: () => void } | undefined;\n  let disposed = false;\n  let host: HTMLElement | null = null;\n  watch(threshold, value => thresholdMotion.set(value), { flush: \"sync\" });\n  function settle(value: number) { animation?.stop(); if (reduced.value) y.set(value); else animation = animate(y, value, SPRING_PANEL); }\n  function releaseCapture() { if (gesture?.id != null && root.value) try { if (root.value.hasPointerCapture(gesture.id)) root.value.releasePointerCapture(gesture.id); } catch {} gesture = undefined; }\n  function pull(distance: number) { if (props.disabled || refreshing.value) return; animation?.stop(); const resisted = limit.value * -Math.expm1(-Math.max(0, distance) / limit.value); y.set(resisted); status.value = resisted >= threshold.value ? \"ready\" : \"pulling\"; }\n  async function refresh() { if (props.disabled || refreshing.value) return; pending.value = true; status.value = \"refreshing\"; settle(rest.value); try { await props.onRefresh?.(); } catch (error) { if (!disposed) emitError(error); } finally { if (!disposed) { pending.value = false; if (!props.refreshing) { status.value = \"idle\"; settle(0); } } } }\n  function finish() { const accepted = y.get() >= threshold.value && !props.disabled && !refreshing.value; releaseCapture(); if (accepted) void refresh(); else { status.value = \"idle\"; settle(0); } }\n  function canBegin() { return !!root.value && root.value.scrollTop <= 0 && !props.disabled && !refreshing.value; }\n  function down(event: PointerEvent) { if (event.pointerType === \"touch\" || event.button !== 0 || !canBegin()) return; gesture = { x: event.clientX, y: event.clientY, id: event.pointerId }; try { root.value!.setPointerCapture(event.pointerId); } catch {} }\n  function move(event: PointerEvent) { if (!gesture || gesture.id !== event.pointerId) return; const dy = event.clientY - gesture.y; if (dy < 0 || Math.abs(event.clientX - gesture.x) > dy) return; event.preventDefault(); pull(dy); }\n  function end(event: PointerEvent) { if (gesture?.id === event.pointerId) finish(); }\n  function touchStart(event: TouchEvent) { if (event.touches.length !== 1 || !canBegin()) return; const touch = event.touches[0]; gesture = { x: touch.clientX, y: touch.clientY, id: null }; }\n  function touchMove(event: TouchEvent) { const touch = event.touches[0]; if (!gesture || !touch) return; const dy = touch.clientY - gesture.y; if ((root.value?.scrollTop ?? 0) > 0 || dy < 0) { gesture = undefined; return; } if (Math.abs(touch.clientX - gesture.x) > dy) return; event.preventDefault(); pull(dy); }\n  function touchEnd() { if (gesture) finish(); }\n  watch([refreshing, rest, reduced], ([busy]) => { if (busy) { status.value = \"refreshing\"; settle(rest.value); } else if (status.value === \"refreshing\") { status.value = \"idle\"; settle(0); } });\n  onMounted(() => { host = root.value; if (refreshing.value) { status.value = \"refreshing\"; settle(rest.value); } host?.addEventListener(\"touchstart\", touchStart, { passive: true }); host?.addEventListener(\"touchmove\", touchMove, { passive: false }); host?.addEventListener(\"touchend\", touchEnd); host?.addEventListener(\"touchcancel\", touchEnd); });\n  onBeforeUnmount(() => { disposed = true; releaseCapture(); animation?.stop(); unsubscribe(); host?.removeEventListener(\"touchstart\", touchStart); host?.removeEventListener(\"touchmove\", touchMove); host?.removeEventListener(\"touchend\", touchEnd); host?.removeEventListener(\"touchcancel\", touchEnd); });\n  return { status, refreshing, y, progress, opacity, scale, amount, down, move, end };\n}\n","<script setup lang=\"ts\">\nimport { computed, ref, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport RefreshBuddy from \"./RefreshBuddy.vue\";\nimport { usePullState } from \"./pull-state\";\nconst props = withDefaults(defineProps<{ onRefresh?: () => void | Promise<void>; refreshing?: boolean; disabled?: boolean; threshold?: number; maxPull?: number; holdDistance?: number; pullingLabel?: VNodeChild | Component; releaseLabel?: VNodeChild | Component; refreshingLabel?: VNodeChild | Component; ariaLabel?: string; contentClassName?: string; indicatorClassName?: string }>(), { threshold: 76, maxPull: 132, holdDistance: 68, pullingLabel: \"Pull to refresh\", releaseLabel: \"Release to refresh\", refreshingLabel: \"Refreshing\", ariaLabel: \"Refreshable content\" });\nconst emit = defineEmits<{ error: [error: unknown] }>();\nconst root = ref<HTMLElement | null>(null);\nconst reduce = useReducedMotion();\nconst { status, refreshing, y, progress, opacity, scale, amount, down, move, end } = usePullState(root, props, reduce, error => emit(\"error\", error));\nconst label = computed(() => status.value === \"refreshing\" ? props.refreshingLabel : status.value === \"ready\" ? props.releaseLabel : props.pullingLabel);\n</script>\n<template>\n  <section ref=\"root\" :aria-label=\"ariaLabel\" :aria-busy=\"refreshing\" :data-state=\"status\" :data-disabled=\"disabled || undefined\" @pointerdown=\"down\" @pointermove=\"move\" @pointerup=\"end\" @pointercancel=\"end\" :class=\"cn('relative w-full overflow-y-auto overscroll-contain bg-background [-webkit-touch-callout:none] pointer-coarse:select-none', status === 'pulling' || status === 'ready' ? 'cursor-grabbing select-none' : 'cursor-grab', (disabled || refreshing) && 'cursor-default')\">\n    <motion.div aria-live=\"polite\" aria-atomic=\"true\" :style=\"reduce ? { opacity } : { opacity, scale }\" :class=\"cn('pointer-events-none absolute inset-x-0 top-0 z-20 flex h-[4.25rem] flex-col items-center justify-center gap-0.5 bg-gradient-to-b from-background via-background/95 to-transparent text-[11px] font-medium text-muted-foreground', indicatorClassName)\"><RefreshBuddy :progress=\"progress\" :status=\"status\" :reduce=\"reduce\" /><span class=\"relative h-4 min-w-24 text-center\"><AnimatePresence :initial=\"false\" mode=\"wait\"><motion.span :key=\"status\" :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: 3 }\" :animate=\"reduce ? { opacity: 1 } : { opacity: 1, y: 0 }\" :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: -3 }\" :transition=\"{ duration: .16, ease: EASE_OUT }\" class=\"absolute inset-x-0 whitespace-nowrap\"><RenderContent :node=\"label\" /></motion.span></AnimatePresence></span></motion.div>\n    <motion.div :style=\"reduce ? undefined : { y }\" :class=\"cn('relative z-10 min-h-full bg-inherit will-change-transform', contentClassName)\"><slot :status=\"status\" :progress=\"amount\" /></motion.div>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport RefreshBuddy from \"./RefreshBuddy.vue\";\nimport { usePullState } from \"./pull-state\";\nconst props = withDefaults(defineProps<{ onRefresh?: () => void | Promise<void>; refreshing?: boolean; disabled?: boolean; threshold?: number; maxPull?: number; holdDistance?: number; pullingLabel?: VNodeChild | Component; releaseLabel?: VNodeChild | Component; refreshingLabel?: VNodeChild | Component; ariaLabel?: string; contentClassName?: string; indicatorClassName?: string }>(), { threshold: 76, maxPull: 132, holdDistance: 68, pullingLabel: \"Pull to refresh\", releaseLabel: \"Release to refresh\", refreshingLabel: \"Refreshing\", ariaLabel: \"Refreshable content\" });\nconst emit = defineEmits<{ error: [error: unknown] }>();\nconst root = ref<HTMLElement | null>(null);\nconst reduce = useReducedMotion();\nconst { status, refreshing, y, progress, opacity, scale, amount, down, move, end } = usePullState(root, props, reduce, error => emit(\"error\", error));\nconst label = computed(() => status.value === \"refreshing\" ? props.refreshingLabel : status.value === \"ready\" ? props.releaseLabel : props.pullingLabel);\n</script>\n<template>\n  <section ref=\"root\" :aria-label=\"ariaLabel\" :aria-busy=\"refreshing\" :data-state=\"status\" :data-disabled=\"disabled || undefined\" @pointerdown=\"down\" @pointermove=\"move\" @pointerup=\"end\" @pointercancel=\"end\" :class=\"cn('relative w-full overflow-y-auto overscroll-contain bg-background [-webkit-touch-callout:none] pointer-coarse:select-none', status === 'pulling' || status === 'ready' ? 'cursor-grabbing select-none' : 'cursor-grab', (disabled || refreshing) && 'cursor-default')\">\n    <motion.div aria-live=\"polite\" aria-atomic=\"true\" :style=\"reduce ? { opacity } : { opacity, scale }\" :class=\"cn('pointer-events-none absolute inset-x-0 top-0 z-20 flex h-[4.25rem] flex-col items-center justify-center gap-0.5 bg-gradient-to-b from-background via-background/95 to-transparent text-[11px] font-medium text-muted-foreground', indicatorClassName)\"><RefreshBuddy :progress=\"progress\" :status=\"status\" :reduce=\"reduce\" /><span class=\"relative h-4 min-w-24 text-center\"><AnimatePresence :initial=\"false\" mode=\"wait\"><motion.span :key=\"status\" :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: 3 }\" :animate=\"reduce ? { opacity: 1 } : { opacity: 1, y: 0 }\" :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: -3 }\" :transition=\"{ duration: .16, ease: EASE_OUT }\" class=\"absolute inset-x-0 whitespace-nowrap\"><RenderContent :node=\"label\" /></motion.span></AnimatePresence></span></motion.div>\n    <motion.div :style=\"reduce ? undefined : { y }\" :class=\"cn('relative z-10 min-h-full bg-inherit will-change-transform', contentClassName)\"><slot :status=\"status\" :progress=\"amount\" /></motion.div>\n  </section>\n</template>\n"],"mappings":"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"}

package/dist/radio-pBV2VkJS.js

@@ -0,0 +1,161 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./state-DWNDjqAL.js";
+import { l as n, o as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, inject as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, provide as y, renderSlot as b, shallowRef as x, toDisplayString as S, unref as C, useId as w, watch as T, withCtx as E } from "vue";
+import { motion as D } from "motion-v";
+// src/motion/radio/src/RadioGroup.vue?vue&type=script&setup=true&lang.ts
+var O = ["aria-orientation"], k = /* @__PURE__ */ d({
+	__name: "RadioGroup",
+	props: {
+		modelValue: {},
+		defaultValue: { default: "" },
+		orientation: { default: "vertical" },
+		name: {}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: n }) {
+		let r = e, o = t(r, n, "modelValue", r.defaultValue), s = w(), l = x(/* @__PURE__ */ new Map()), u = a(() => {
+			let e = [...l.value].filter(([, e]) => !e).map(([e]) => e);
+			return l.value.size ? e.includes(o.value) ? o.value : e[0] ?? "" : null;
+		}), d = {
+			value: o,
+			id: s,
+			name: a(() => r.name ?? s),
+			tabStop: u,
+			register(e, t) {
+				l.value.has(e) && l.value.get(e) === t || (l.value = new Map([...l.value, [e, t]]));
+			},
+			unregister(e) {
+				let t = new Map(l.value);
+				t.delete(e), l.value = t;
+			},
+			setValue(e) {
+				o.value = e;
+			}
+		};
+		y("orvui-radio", d);
+		function f(e) {
+			if (e.defaultPrevented) return;
+			let t = e.currentTarget, n = [...t.querySelectorAll("[role=\"radio\"]")].filter((e) => !e.disabled && e.closest("[role=\"radiogroup\"]") === t), r = e.target === t ? t.ownerDocument.activeElement : e.target, i = n.indexOf(r);
+			if (i < 0 || !n.length) return;
+			let a;
+			switch (e.key) {
+				case "Home":
+					a = 0;
+					break;
+				case "End":
+					a = n.length - 1;
+					break;
+				case "ArrowRight":
+				case "ArrowDown":
+					a = (i + 1) % n.length;
+					break;
+				case "ArrowLeft":
+				case "ArrowUp":
+					a = (i + n.length - 1) % n.length;
+					break;
+				default: return;
+			}
+			e.preventDefault(), n[a].focus(), n[a].click();
+		}
+		return (t, n) => (v(), c("div", {
+			role: "radiogroup",
+			"aria-orientation": e.orientation,
+			onKeydown: f,
+			class: m(C(i)("flex gap-3", e.orientation === "vertical" ? "flex-col" : "flex-row flex-wrap", t.$attrs.class))
+		}, [b(t.$slots, "default")], 42, O));
+	}
+}), A = ["for"], j = [
+	"name",
+	"value",
+	"checked",
+	"disabled"
+], M = ["id"], N = ["id"], P = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "RadioGroupItem",
+	props: {
+		value: {},
+		label: {},
+		description: {},
+		disabled: { type: Boolean },
+		id: {}
+	},
+	setup(t) {
+		let d = t, y = f("orvui-radio");
+		if (!y) throw Error("RadioGroupItem must be inside RadioGroup");
+		let b = w(), x = e(), O = a(() => d.id ?? b), k = a(() => d.value === y.value.value), P = a(() => d.description && d.label ? `${O.value}-label` : void 0), F = a(() => !d.disabled && (y.tabStop.value === null || y.tabStop.value === d.value));
+		function I(e) {
+			!d.disabled && !e.defaultPrevented && y.setValue(d.value);
+		}
+		return _(() => y.register(d.value, !!d.disabled)), T(() => [d.value, d.disabled], ([e, t], [n]) => {
+			e !== n && y.unregister(n), y.register(e, !!t);
+		}), g(() => y.unregister(d.value)), (e, a) => (v(), c("label", {
+			for: O.value,
+			style: h(e.$attrs.style),
+			class: m(C(i)("inline-flex gap-3", t.description ? "items-start" : "items-center", t.disabled ? "cursor-not-allowed" : "cursor-pointer", e.$attrs.class))
+		}, [
+			u(C(D).button, p({
+				...e.$attrs,
+				class: void 0,
+				style: void 0
+			}, {
+				id: O.value,
+				type: "button",
+				role: "radio",
+				"aria-checked": k.value,
+				"aria-labelledby": P.value,
+				"aria-describedby": [e.$attrs["aria-describedby"], t.description ? `${O.value}-description` : void 0].filter(Boolean).join(" ") || void 0,
+				disabled: t.disabled,
+				tabindex: F.value ? 0 : -1,
+				"data-state": k.value ? "checked" : "unchecked",
+				onClick: I,
+				"while-press": C(x) || t.disabled ? void 0 : { scale: .92 },
+				transition: C(n),
+				class: C(i)("relative inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60", k.value ? "border-primary" : "border-muted-foreground/65 hover:border-muted-foreground")
+			}), {
+				default: E(() => [k.value ? (v(), o(C(D).span, {
+					key: 0,
+					"layout-id": C(y).id,
+					transition: C(x) ? { duration: 0 } : C(r),
+					class: "absolute inset-1 rounded-full bg-primary"
+				}, null, 8, ["layout-id", "transition"])) : s("", !0)]),
+				_: 1
+			}, 16, [
+				"id",
+				"aria-checked",
+				"aria-labelledby",
+				"aria-describedby",
+				"disabled",
+				"tabindex",
+				"data-state",
+				"while-press",
+				"transition",
+				"class"
+			]),
+			l("input", {
+				type: "radio",
+				name: C(y).name.value,
+				value: t.value,
+				checked: k.value,
+				disabled: t.disabled,
+				hidden: ""
+			}, null, 8, j),
+			t.label || t.description ? (v(), c("span", {
+				key: 0,
+				class: m(C(i)("flex min-w-0 flex-col gap-0.5 select-none", t.disabled && "opacity-60"))
+			}, [t.label ? (v(), c("span", {
+				key: 0,
+				id: P.value,
+				class: m(C(i)("text-sm text-foreground", t.description && "leading-4"))
+			}, S(t.label), 11, M)) : s("", !0), t.description ? (v(), c("span", {
+				key: 1,
+				id: O.value + "-description",
+				class: "text-xs text-muted-foreground"
+			}, S(t.description), 9, N)) : s("", !0)], 2)) : s("", !0)
+		], 14, A));
+	}
+});
+export { k as n, P as t };
+
+//# sourceMappingURL=radio-pBV2VkJS.js.map

package/dist/radio-pBV2VkJS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-pBV2VkJS.js","names":["$attrs","_hoisted_1","emit","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","$attrs","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_unref","_createVNode","_mergeProps","_withCtx","_createBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_sfc_main","useReducedMotion","useMotionState","SPRING_PRESS","SPRING_LAYOUT","cn","_hoisted_1$1","RadioGroup_default","defineComponent","__emit","props","__props","selected","instanceId","useId","registry","shallowRef","tabStop","computed","enabled","disabled","key","context","remaining","next","navigate","event","root","controls","control","active","index","destination","openBlock","createElementBlock","normalizeClass","unref","_ctx","renderSlot","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","RadioGroupItem_default","group","inject","generatedId","reduced","controlId","labelId","isTabStop","select","onMounted","watch","value","previous","onBeforeUnmount","normalizeStyle","createVNode","motion","mergeProps","withCtx","createBlock","createCommentVNode","createElementVNode","toDisplayString"],"sources":["../src/motion/radio/src/RadioGroup.vue","../src/motion/radio/src/RadioGroup.vue","../src/motion/radio/src/RadioGroupItem.vue","../src/motion/radio/src/RadioGroupItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, shallowRef, useId } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMotionState } from \"../../state\";\nimport type { RadioContext } from \"./context\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string; defaultValue?: string; orientation?: \"vertical\" | \"horizontal\"; name?: string;\n}>(), { defaultValue: \"\", orientation: \"vertical\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst selected = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst instanceId = useId();\nconst registry = shallowRef(new Map<string, boolean>());\nconst tabStop = computed(() => {\n  const enabled = [...registry.value].filter(([, disabled]) => !disabled).map(([key]) => key);\n  if (!registry.value.size) return null;\n  return enabled.includes(selected.value) ? selected.value : enabled[0] ?? \"\";\n});\nconst context: RadioContext = {\n  value: selected, id: instanceId, name: computed(() => props.name ?? instanceId), tabStop,\n  register(key, disabled) {\n    if (registry.value.has(key) && registry.value.get(key) === disabled) return;\n    registry.value = new Map([...registry.value, [key, disabled]]);\n  },\n  unregister(key) {\n    const remaining = new Map(registry.value);\n    remaining.delete(key);\n    registry.value = remaining;\n  },\n  setValue(next) { selected.value = next; },\n};\nprovide(\"orvui-radio\", context);\nfunction navigate(event: KeyboardEvent) {\n  if (event.defaultPrevented) return;\n  const root = event.currentTarget as HTMLElement;\n  const controls = [...root.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')]\n    .filter(control => !control.disabled && control.closest('[role=\"radiogroup\"]') === root);\n  const active = event.target === root ? root.ownerDocument.activeElement : event.target;\n  const index = controls.indexOf(active as HTMLButtonElement);\n  if (index < 0 || !controls.length) return;\n  let destination: number;\n  switch (event.key) {\n    case \"Home\": destination = 0; break;\n    case \"End\": destination = controls.length - 1; break;\n    case \"ArrowRight\": case \"ArrowDown\": destination = (index + 1) % controls.length; break;\n    case \"ArrowLeft\": case \"ArrowUp\": destination = (index + controls.length - 1) % controls.length; break;\n    default: return;\n  }\n  event.preventDefault();\n  controls[destination]!.focus();\n  controls[destination]!.click();\n}\n</script>\n\n<template>\n  <div role=\"radiogroup\" :aria-orientation=\"orientation\" @keydown=\"navigate\"\n    :class=\"cn('flex gap-3', orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap', $attrs.class)\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, shallowRef, useId } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMotionState } from \"../../state\";\nimport type { RadioContext } from \"./context\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string; defaultValue?: string; orientation?: \"vertical\" | \"horizontal\"; name?: string;\n}>(), { defaultValue: \"\", orientation: \"vertical\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst selected = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst instanceId = useId();\nconst registry = shallowRef(new Map<string, boolean>());\nconst tabStop = computed(() => {\n  const enabled = [...registry.value].filter(([, disabled]) => !disabled).map(([key]) => key);\n  if (!registry.value.size) return null;\n  return enabled.includes(selected.value) ? selected.value : enabled[0] ?? \"\";\n});\nconst context: RadioContext = {\n  value: selected, id: instanceId, name: computed(() => props.name ?? instanceId), tabStop,\n  register(key, disabled) {\n    if (registry.value.has(key) && registry.value.get(key) === disabled) return;\n    registry.value = new Map([...registry.value, [key, disabled]]);\n  },\n  unregister(key) {\n    const remaining = new Map(registry.value);\n    remaining.delete(key);\n    registry.value = remaining;\n  },\n  setValue(next) { selected.value = next; },\n};\nprovide(\"orvui-radio\", context);\nfunction navigate(event: KeyboardEvent) {\n  if (event.defaultPrevented) return;\n  const root = event.currentTarget as HTMLElement;\n  const controls = [...root.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')]\n    .filter(control => !control.disabled && control.closest('[role=\"radiogroup\"]') === root);\n  const active = event.target === root ? root.ownerDocument.activeElement : event.target;\n  const index = controls.indexOf(active as HTMLButtonElement);\n  if (index < 0 || !controls.length) return;\n  let destination: number;\n  switch (event.key) {\n    case \"Home\": destination = 0; break;\n    case \"End\": destination = controls.length - 1; break;\n    case \"ArrowRight\": case \"ArrowDown\": destination = (index + 1) % controls.length; break;\n    case \"ArrowLeft\": case \"ArrowUp\": destination = (index + controls.length - 1) % controls.length; break;\n    default: return;\n  }\n  event.preventDefault();\n  controls[destination]!.focus();\n  controls[destination]!.click();\n}\n</script>\n\n<template>\n  <div role=\"radiogroup\" :aria-orientation=\"orientation\" @keydown=\"navigate\"\n    :class=\"cn('flex gap-3', orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap', $attrs.class)\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject, onBeforeUnmount, onMounted, useId, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport type { RadioContext } from \"./context\";\n\nconst props = defineProps<{ value: string; label?: string; description?: string; disabled?: boolean; id?: string }>();\nconst group = inject<RadioContext>(\"orvui-radio\");\nif (!group) throw new Error(\"RadioGroupItem must be inside RadioGroup\");\nconst generatedId = useId(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst selected = computed(() => props.value === group.value.value);\nconst labelId = computed(() => props.description && props.label ? `${controlId.value}-label` : undefined);\nconst isTabStop = computed(() => !props.disabled && (group.tabStop.value === null || group.tabStop.value === props.value));\nfunction select(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) group!.setValue(props.value); }\nonMounted(() => group.register(props.value, !!props.disabled));\nwatch(() => [props.value, props.disabled] as const, ([value, disabled], [previous]) => {\n  if (value !== previous) group.unregister(previous);\n  group.register(value, !!disabled);\n});\nonBeforeUnmount(() => group.unregister(props.value));\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"radio\" :aria-checked=\"selected\" :aria-labelledby=\"labelId\"\n      :aria-describedby=\"[$attrs['aria-describedby'] as string, description ? `${controlId}-description` : undefined].filter(Boolean).join(' ') || undefined\"\n      :disabled=\"disabled\" :tabindex=\"isTabStop ? 0 : -1\" :data-state=\"selected ? 'checked' : 'unchecked'\" @click=\"select\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('relative inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', selected ? 'border-primary' : 'border-muted-foreground/65 hover:border-muted-foreground')\">\n      <motion.span v-if=\"selected\" :layout-id=\"group.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n        class=\"absolute inset-1 rounded-full bg-primary\" />\n    </motion.button>\n    <input type=\"radio\" :name=\"group.name.value\" :value=\"value\" :checked=\"selected\" :disabled=\"disabled\" hidden />\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject, onBeforeUnmount, onMounted, useId, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport type { RadioContext } from \"./context\";\n\nconst props = defineProps<{ value: string; label?: string; description?: string; disabled?: boolean; id?: string }>();\nconst group = inject<RadioContext>(\"orvui-radio\");\nif (!group) throw new Error(\"RadioGroupItem must be inside RadioGroup\");\nconst generatedId = useId(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst selected = computed(() => props.value === group.value.value);\nconst labelId = computed(() => props.description && props.label ? `${controlId.value}-label` : undefined);\nconst isTabStop = computed(() => !props.disabled && (group.tabStop.value === null || group.tabStop.value === props.value));\nfunction select(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) group!.setValue(props.value); }\nonMounted(() => group.register(props.value, !!props.disabled));\nwatch(() => [props.value, props.disabled] as const, ([value, disabled], [previous]) => {\n  if (value !== previous) group.unregister(previous);\n  group.register(value, !!disabled);\n});\nonBeforeUnmount(() => group.unregister(props.value));\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"radio\" :aria-checked=\"selected\" :aria-labelledby=\"labelId\"\n      :aria-describedby=\"[$attrs['aria-describedby'] as string, description ? `${controlId}-description` : undefined].filter(Boolean).join(' ') || undefined\"\n      :disabled=\"disabled\" :tabindex=\"isTabStop ? 0 : -1\" :data-state=\"selected ? 'checked' : 'unchecked'\" @click=\"select\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('relative inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', selected ? 'border-primary' : 'border-muted-foreground/65 hover:border-muted-foreground')\">\n      <motion.span v-if=\"selected\" :layout-id=\"group.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n        class=\"absolute inset-1 rounded-full bg-primary\" />\n    </motion.button>\n    <input type=\"radio\" :name=\"group.name.value\" :value=\"value\" :checked=\"selected\" :disabled=\"disabled\" hidden />\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n"],"mappings":"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"}