@orvui/vue 0.0.0-stage → 0.1.0

package/dist/sortable-stack-LPwgEXh_.js

@@ -0,0 +1,283 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./state-DWNDjqAL.js";
+import { o as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, nextTick as g, normalizeClass as _, onBeforeUnmount as v, openBlock as y, provide as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useAttrs as E, useId as D, watch as O, withCtx as k } from "vue";
+import { ReorderGroup as A, ReorderItem as j, useDragControls as M } from "motion-v";
+import { Undo2 as N } from "lucide-vue-next";
+// src/motion/sortable-stack/src/context.ts
+function P(e) {
+	let t = m("orvui-sortable");
+	if (!t) throw Error(`${e} must be inside SortableList`);
+	return t;
+}
+// src/motion/sortable-stack/src/SortableListGroup.vue
+var F = /* @__PURE__ */ p({
+	__name: "SortableListGroup",
+	setup(e) {
+		let t = P("SortableListGroup");
+		return (e, n) => (y(), o(T(A), {
+			axis: "y",
+			values: T(t).ids.value,
+			"aria-label": T(t).props.label,
+			class: "space-y-2",
+			"onUpdate:values": T(t).reorder
+		}, {
+			default: k(() => [C(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"values",
+			"aria-label",
+			"onUpdate:values"
+		]));
+	}
+}), I = /* @__PURE__ */ p({
+	__name: "SortableListItem",
+	props: {
+		id: {},
+		label: {}
+	},
+	setup(t) {
+		let i = t, a = P("SortableListItem");
+		if (!a.ids.value.includes(i.id)) throw Error(`SortableListItem ${i.id} is not present in the root items`);
+		let s = M(), c = x(!1), l = e();
+		b("orvui-sortable-item", {
+			get id() {
+				return i.id;
+			},
+			controls: s,
+			dragging: c
+		});
+		function u() {
+			c.value = !0, a.begin();
+		}
+		function d() {
+			c.value = !1, a.finish(i.id);
+		}
+		return (e, i) => (y(), o(T(j), {
+			value: t.id,
+			layout: "position",
+			"drag-listener": !1,
+			"drag-controls": T(s),
+			drag: !T(a).props.disabled && "y",
+			"while-drag": T(l) ? void 0 : { scale: 1.025 },
+			transition: T(l) ? { duration: 0 } : T(n),
+			"aria-posinset": T(a).ids.value.indexOf(t.id) + 1,
+			"aria-setsize": T(a).ids.value.length,
+			onDragStart: u,
+			onDragEnd: d,
+			class: _(T(r)("relative flex items-center gap-3 rounded-2xl border border-border bg-background p-3", c.value && "shadow-lg", T(a).props.itemClassName))
+		}, {
+			default: k(() => [C(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"value",
+			"drag-controls",
+			"drag",
+			"while-drag",
+			"transition",
+			"aria-posinset",
+			"aria-setsize",
+			"class"
+		]));
+	}
+}), L = [
+	"disabled",
+	"data-sortable-id",
+	"aria-label",
+	"aria-describedby"
+], R = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "SortableListHandle",
+	props: { disabled: { type: Boolean } },
+	setup(e) {
+		let t = e, n = E(), r = P("SortableListHandle"), i = m("orvui-sortable-item");
+		if (!i) throw Error("SortableListHandle must be used within SortableListItem");
+		let o = a(() => t.disabled || r.props.disabled), s = a(() => {
+			let e = r.items.value.find((e) => e.id === i.id);
+			return r.props.getItemLabel?.(e) ?? e?.label ?? i.id;
+		});
+		function l(e) {
+			e.defaultPrevented || o.value || e.button !== 0 || (e.currentTarget.focus({ preventScroll: !0 }), i.controls.start(e));
+		}
+		let d = {
+			ArrowUp: -1,
+			ArrowDown: 1,
+			Home: "first",
+			End: "last"
+		};
+		function f(e) {
+			e.defaultPrevented || o.value || e.ctrlKey || e.altKey || e.metaKey || !(e.key in d) || (e.preventDefault(), r.move(i.id, d[e.key]));
+		}
+		return (e, t) => (y(), c("button", h(T(n), {
+			type: "button",
+			disabled: o.value,
+			"data-sortable-id": T(i).id,
+			"aria-label": T(n)["aria-label"] ?? `Reorder ${s.value}`,
+			"aria-describedby": [`${T(r).id}-instructions`, T(n)["aria-describedby"]].filter(Boolean).join(" "),
+			onPointerdown: l,
+			onKeydown: f,
+			class: "flex size-9 shrink-0 touch-none items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-40",
+			style: { cursor: o.value ? void 0 : T(i).dragging.value ? "grabbing" : "grab" }
+		}), [C(e.$slots, "default", {}, () => [t[0] ||= u("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"><rect x=\"4\" y=\"3\" width=\"5\" height=\"5\" rx=\"1.5\"></rect><rect x=\"15\" y=\"3\" width=\"5\" height=\"5\" rx=\"1.5\"></rect><rect x=\"4\" y=\"9.5\" width=\"5\" height=\"5\" rx=\"1.5\"></rect><rect x=\"15\" y=\"9.5\" width=\"5\" height=\"5\" rx=\"1.5\"></rect><rect x=\"4\" y=\"16\" width=\"5\" height=\"5\" rx=\"1.5\"></rect><rect x=\"15\" y=\"16\" width=\"5\" height=\"5\" rx=\"1.5\"></rect></svg>", 1)])], 16, L));
+	}
+}), z = /* @__PURE__ */ p({
+	__name: "SortableListItemContent",
+	setup(e) {
+		return (e, t) => (y(), c("div", { class: _(T(r)("min-w-0 flex-1 text-sm", e.$attrs.class)) }, [C(e.$slots, "default")], 2));
+	}
+}), B = ["disabled"], V = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "SortableListUndo",
+	props: { disabled: { type: Boolean } },
+	setup(e) {
+		let t = e, n = E(), i = P("SortableListUndo");
+		function a(e) {
+			e.defaultPrevented || i.undo();
+		}
+		return (e, o) => (y(), c("button", h({
+			...T(n),
+			class: void 0
+		}, {
+			type: "button",
+			disabled: t.disabled || T(i).props.disabled || !T(i).canUndo.value,
+			onClick: a,
+			class: T(r)("mt-4 inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40", T(n).class)
+		}), [C(e.$slots, "default", {}, () => [f(T(N), { class: "size-[13px]" }), o[0] ||= d("Undo reorder", -1)])], 16, B));
+	}
+}), H = ["id"], U = {
+	role: "status",
+	"aria-live": "polite",
+	class: "sr-only"
+}, W = /* @__PURE__ */ p({
+	__name: "SortableList",
+	props: {
+		modelValue: {},
+		items: {},
+		defaultItems: { default: () => [] },
+		getItemLabel: {},
+		label: { default: "Sortable items" },
+		disabled: { type: Boolean },
+		showUndo: {
+			type: Boolean,
+			default: !0
+		},
+		itemClassName: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:items",
+		"itemsChange",
+		"change"
+	],
+	setup(e, { emit: n }) {
+		let r = e, u = n, p = t(r, u, "modelValue", r.defaultItems), m = a({
+			get: () => r.items ?? p.value,
+			set: (e) => {
+				p.value = e, u("update:items", e), u("itemsChange", e);
+			}
+		}), h = a(() => m.value.map((e) => e.id)), _ = x(null), E = x(""), A = x(null), j = D(), M, N = !1, P = 0;
+		function L(e, t = h.value) {
+			return e.length === t.length && new Set(e).size === e.length && e.every((e) => t.includes(e));
+		}
+		O([h, _], ([e, t]) => {
+			if (new Set(e).size !== e.length) throw Error("SortableList requires unique item ids.");
+			t && !L(t, e) && (_.value = null);
+		}, {
+			immediate: !0,
+			flush: "sync"
+		});
+		let B = a(() => !!_.value && L(_.value) && _.value.some((e, t) => e !== h.value[t]));
+		function W(e) {
+			if (r.disabled || !L(e)) return;
+			let t = new Map(m.value.map((e) => [e.id, e]));
+			m.value = e.map((e) => t.get(e));
+		}
+		function G(e, t) {
+			let n = m.value.find((t) => t.id === e);
+			return `${r.getItemLabel?.(n) ?? n?.label ?? e} moved to position ${t + 1} of ${h.value.length}.`;
+		}
+		function K(e, t) {
+			let n = h.value.indexOf(e), i = t === "first" ? 0 : t === "last" ? h.value.length - 1 : n + t;
+			if (r.disabled || n < 0 || i < 0 || i >= h.value.length || n === i) return;
+			let a = h.value.slice(), o = a.slice();
+			o.splice(i, 0, o.splice(n, 1)[0]), _.value = a, W(o), E.value = G(e, i);
+		}
+		function q() {
+			if (r.disabled || !B.value || !_.value) return;
+			let e = _.value, t = e.find((e, t) => e !== h.value[t]) ?? e[0];
+			W(e), _.value = null, E.value = "Previous order restored.";
+			let n = ++P;
+			g(() => {
+				if (N || n !== P) return;
+				let e = A.value?.querySelectorAll("button[data-sortable-id]");
+				Array.from(e ?? []).find((e) => e.dataset.sortableId === t)?.focus({ preventScroll: !0 });
+			});
+		}
+		function J() {
+			M = h.value.slice();
+		}
+		function Y(e) {
+			let t = M;
+			M = void 0, t && m.value.some((t) => t.id === e) && t.some((e, t) => e !== h.value[t]) && (_.value = t, E.value = G(e, h.value.indexOf(e)));
+		}
+		return b("orvui-sortable", {
+			items: m,
+			ids: h,
+			canUndo: B,
+			props: r,
+			id: j,
+			reorder: W,
+			move: K,
+			undo: q,
+			begin: J,
+			finish: Y
+		}), v(() => {
+			N = !0, ++P, M = void 0;
+		}), (t, n) => (y(), c("div", {
+			ref_key: "root",
+			ref: A,
+			class: "w-full max-w-md"
+		}, [
+			l("p", {
+				id: `${T(j)}-instructions`,
+				class: "sr-only"
+			}, "Drag a handle to reorder. Use Up and Down to move, Home and End to move to the edges.", 8, H),
+			C(t.$slots, "default", {
+				items: m.value,
+				moveItem: K,
+				undo: q
+			}, () => [f(F, null, {
+				default: k(() => [(y(!0), c(i, null, S(m.value, (n, r) => (y(), o(I, {
+					key: n.id,
+					id: n.id
+				}, {
+					default: k(() => [f(R), f(z, null, {
+						default: k(() => [C(t.$slots, "item", {
+							item: n,
+							index: r
+						}, () => [d(w(e.getItemLabel?.(n) ?? n.label ?? n.id), 1)])]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["id"]))), 128))]),
+				_: 3
+			}), e.showUndo ? (y(), o(V, { key: 0 })) : s("", !0)]),
+			l("p", U, w(E.value), 1)
+		], 512));
+	}
+});
+// src/motion/sortable-stack/src/useSortableList.ts
+function G() {
+	let e = P("useSortableList");
+	return {
+		ids: e.ids,
+		disabled: a(() => !!e.props.disabled),
+		canUndo: e.canUndo,
+		moveItem: e.move,
+		undo: e.undo
+	};
+}
+export { R as a, z as i, W as n, I as o, V as r, F as s, G as t };
+
+//# sourceMappingURL=sortable-stack-LPwgEXh_.js.map

package/dist/sortable-stack-LPwgEXh_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-stack-LPwgEXh_.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot","_createStaticVNode","_sfc_main","$attrs","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot","_createVNode","_createTextVNode","_sfc_main","_openBlock","_createElementBlock","_createElementVNode","_unref","_renderSlot","_createVNode","SortableListGroup","_withCtx","_Fragment","_renderList","_createBlock","SortableListItem","SortableListHandle","SortableListItemContent","_createTextVNode","_toDisplayString","SortableListUndo","_createCommentVNode","_sfc_main","useReducedMotion","useMotionState","SPRING_LAYOUT","cn","sortableContext","context","inject","component","SortableListGroup_default","defineComponent","list","openBlock","createBlock","unref","ReorderGroup","withCtx","renderSlot","_ctx","SortableListItem_default","props","__props","controls","useDragControls","dragging","ref","reduced","start","end","ReorderItem","normalizeClass","_hoisted_1$2","SortableListHandle_default","attrs","useAttrs","item","unavailable","computed","label","entry","pointer","event","directions","keyboard","createElementBlock","mergeProps","_cache","createStaticVNode","SortableListItemContent_default","_hoisted_1$1","SortableListUndo_default","click","createVNode","Undo2","createTextVNode","_hoisted_1","_hoisted_2","SortableList_default","__emit","emit","model","items","value","ids","history","announcement","root","id","useId","draggingFrom","disposed","focusRevision","sameMembers","order","current","previous","canUndo","index","reorder","lookup","describe","itemId","position","move","from","to","direction","before","after","undo","focusId","revision","buttons","button","begin","finish","provide","onBeforeUnmount","createElementVNode","Fragment","renderList","toDisplayString","createCommentVNode","useSortableList"],"sources":["../src/motion/sortable-stack/src/context.ts","../src/motion/sortable-stack/src/SortableListGroup.vue","../src/motion/sortable-stack/src/SortableListGroup.vue","../src/motion/sortable-stack/src/SortableListItem.vue","../src/motion/sortable-stack/src/SortableListItem.vue","../src/motion/sortable-stack/src/SortableListHandle.vue","../src/motion/sortable-stack/src/SortableListHandle.vue","../src/motion/sortable-stack/src/SortableListItemContent.vue","../src/motion/sortable-stack/src/SortableListItemContent.vue","../src/motion/sortable-stack/src/SortableListUndo.vue","../src/motion/sortable-stack/src/SortableListUndo.vue","../src/motion/sortable-stack/src/SortableList.vue","../src/motion/sortable-stack/src/SortableList.vue","../src/motion/sortable-stack/src/useSortableList.ts"],"sourcesContent":["import { inject, type ComputedRef, type Ref } from \"vue\";\nimport type { useDragControls } from \"motion-v\";\nexport type MoveDirection = -1 | 1 | \"first\" | \"last\";\nexport interface SortableContext { items: Ref<any[]>; ids: ComputedRef<string[]>; canUndo: ComputedRef<boolean>; props: { disabled?: boolean; label: string; itemClassName?: string; getItemLabel?: (item: any) => string }; id: string; reorder: (ids: string[]) => void; move: (id: string, direction: MoveDirection) => void; undo: () => void; begin: () => void; finish: (id: string) => void }\nexport interface SortableItemContext { id: string; controls: ReturnType<typeof useDragControls>; dragging: Ref<boolean> }\nexport function sortableContext(component: string) { const context = inject<SortableContext>(\"orvui-sortable\"); if (!context) throw new Error(`${component} must be inside SortableList`); return context; }\n","<script setup lang=\"ts\">\nimport { ReorderGroup } from \"motion-v\";\nimport { sortableContext } from \"./context\";\nconst list = sortableContext(\"SortableListGroup\");\n</script>\n<template><ReorderGroup axis=\"y\" :values=\"list.ids.value\" :aria-label=\"list.props.label\" class=\"space-y-2\" @update:values=\"list.reorder\"><slot /></ReorderGroup></template>\n","<script setup lang=\"ts\">\nimport { ReorderGroup } from \"motion-v\";\nimport { sortableContext } from \"./context\";\nconst list = sortableContext(\"SortableListGroup\");\n</script>\n<template><ReorderGroup axis=\"y\" :values=\"list.ids.value\" :aria-label=\"list.props.label\" class=\"space-y-2\" @update:values=\"list.reorder\"><slot /></ReorderGroup></template>\n","<script setup lang=\"ts\">\nimport { provide, ref } from \"vue\";\nimport { ReorderItem, useDragControls } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { sortableContext, type SortableItemContext } from \"./context\";\nconst props = defineProps<{ id: string; label?: string }>();\nconst list = sortableContext(\"SortableListItem\");\nif (!list.ids.value.includes(props.id)) throw new Error(`SortableListItem ${props.id} is not present in the root items`);\nconst controls = useDragControls();\nconst dragging = ref(false);\nconst reduced = useReducedMotion();\nprovide<SortableItemContext>(\"orvui-sortable-item\", { get id() { return props.id; }, controls, dragging });\nfunction start() { dragging.value = true; list.begin(); }\nfunction end() { dragging.value = false; list.finish(props.id); }\n</script>\n<template><ReorderItem :value=\"id\" layout=\"position\" :drag-listener=\"false\" :drag-controls=\"controls\" :drag=\"list.props.disabled ? false : 'y'\" :while-drag=\"reduced ? undefined : { scale: 1.025 }\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" :aria-posinset=\"list.ids.value.indexOf(id) + 1\" :aria-setsize=\"list.ids.value.length\" @drag-start=\"start\" @drag-end=\"end\" :class=\"cn('relative flex items-center gap-3 rounded-2xl border border-border bg-background p-3', dragging && 'shadow-lg', list.props.itemClassName)\"><slot /></ReorderItem></template>\n","<script setup lang=\"ts\">\nimport { provide, ref } from \"vue\";\nimport { ReorderItem, useDragControls } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { sortableContext, type SortableItemContext } from \"./context\";\nconst props = defineProps<{ id: string; label?: string }>();\nconst list = sortableContext(\"SortableListItem\");\nif (!list.ids.value.includes(props.id)) throw new Error(`SortableListItem ${props.id} is not present in the root items`);\nconst controls = useDragControls();\nconst dragging = ref(false);\nconst reduced = useReducedMotion();\nprovide<SortableItemContext>(\"orvui-sortable-item\", { get id() { return props.id; }, controls, dragging });\nfunction start() { dragging.value = true; list.begin(); }\nfunction end() { dragging.value = false; list.finish(props.id); }\n</script>\n<template><ReorderItem :value=\"id\" layout=\"position\" :drag-listener=\"false\" :drag-controls=\"controls\" :drag=\"list.props.disabled ? false : 'y'\" :while-drag=\"reduced ? undefined : { scale: 1.025 }\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" :aria-posinset=\"list.ids.value.indexOf(id) + 1\" :aria-setsize=\"list.ids.value.length\" @drag-start=\"start\" @drag-end=\"end\" :class=\"cn('relative flex items-center gap-3 rounded-2xl border border-border bg-background p-3', dragging && 'shadow-lg', list.props.itemClassName)\"><slot /></ReorderItem></template>\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from \"vue\";\nimport { sortableContext, type MoveDirection, type SortableItemContext } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ disabled?: boolean }>();\nconst attrs = useAttrs();\nconst list = sortableContext(\"SortableListHandle\");\nconst item = inject<SortableItemContext>(\"orvui-sortable-item\");\nif (!item) throw new Error(\"SortableListHandle must be used within SortableListItem\");\nconst unavailable = computed(() => props.disabled || list.props.disabled);\nconst label = computed(() => { const entry = list.items.value.find(entry => entry.id === item.id); return list.props.getItemLabel?.(entry) ?? entry?.label ?? item.id; });\nfunction pointer(event: PointerEvent) { if (event.defaultPrevented || unavailable.value || event.button !== 0) return; (event.currentTarget as HTMLElement).focus({ preventScroll: true }); item!.controls.start(event); }\nconst directions: Record<string, MoveDirection> = { ArrowUp: -1, ArrowDown: 1, Home: \"first\", End: \"last\" };\nfunction keyboard(event: KeyboardEvent) { if (event.defaultPrevented || unavailable.value || event.ctrlKey || event.altKey || event.metaKey || !(event.key in directions)) return; event.preventDefault(); list.move(item!.id, directions[event.key]); }\n</script>\n<template><button v-bind=\"attrs\" type=\"button\" :disabled=\"unavailable\" :data-sortable-id=\"item.id\" :aria-label=\"(attrs['aria-label'] as string | undefined) ?? `Reorder ${label}`\" :aria-describedby=\"[`${list.id}-instructions`, attrs['aria-describedby']].filter(Boolean).join(' ')\" @pointerdown=\"pointer\" @keydown=\"keyboard\" class=\"flex size-9 shrink-0 touch-none items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-40\" :style=\"{ cursor: unavailable ? undefined : item.dragging.value ? 'grabbing' : 'grab' }\"><slot><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"><rect x=\"4\" y=\"3\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"15\" y=\"3\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"4\" y=\"9.5\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"15\" y=\"9.5\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"4\" y=\"16\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"15\" y=\"16\" width=\"5\" height=\"5\" rx=\"1.5\" /></svg></slot></button></template>\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from \"vue\";\nimport { sortableContext, type MoveDirection, type SortableItemContext } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ disabled?: boolean }>();\nconst attrs = useAttrs();\nconst list = sortableContext(\"SortableListHandle\");\nconst item = inject<SortableItemContext>(\"orvui-sortable-item\");\nif (!item) throw new Error(\"SortableListHandle must be used within SortableListItem\");\nconst unavailable = computed(() => props.disabled || list.props.disabled);\nconst label = computed(() => { const entry = list.items.value.find(entry => entry.id === item.id); return list.props.getItemLabel?.(entry) ?? entry?.label ?? item.id; });\nfunction pointer(event: PointerEvent) { if (event.defaultPrevented || unavailable.value || event.button !== 0) return; (event.currentTarget as HTMLElement).focus({ preventScroll: true }); item!.controls.start(event); }\nconst directions: Record<string, MoveDirection> = { ArrowUp: -1, ArrowDown: 1, Home: \"first\", End: \"last\" };\nfunction keyboard(event: KeyboardEvent) { if (event.defaultPrevented || unavailable.value || event.ctrlKey || event.altKey || event.metaKey || !(event.key in directions)) return; event.preventDefault(); list.move(item!.id, directions[event.key]); }\n</script>\n<template><button v-bind=\"attrs\" type=\"button\" :disabled=\"unavailable\" :data-sortable-id=\"item.id\" :aria-label=\"(attrs['aria-label'] as string | undefined) ?? `Reorder ${label}`\" :aria-describedby=\"[`${list.id}-instructions`, attrs['aria-describedby']].filter(Boolean).join(' ')\" @pointerdown=\"pointer\" @keydown=\"keyboard\" class=\"flex size-9 shrink-0 touch-none items-center justify-center rounded-lg text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-40\" :style=\"{ cursor: unavailable ? undefined : item.dragging.value ? 'grabbing' : 'grab' }\"><slot><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" aria-hidden=\"true\"><rect x=\"4\" y=\"3\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"15\" y=\"3\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"4\" y=\"9.5\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"15\" y=\"9.5\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"4\" y=\"16\" width=\"5\" height=\"5\" rx=\"1.5\" /><rect x=\"15\" y=\"16\" width=\"5\" height=\"5\" rx=\"1.5\" /></svg></slot></button></template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\n</script>\n<template><div :class=\"cn('min-w-0 flex-1 text-sm', $attrs.class)\"><slot /></div></template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\n</script>\n<template><div :class=\"cn('min-w-0 flex-1 text-sm', $attrs.class)\"><slot /></div></template>\n","<script setup lang=\"ts\">\nimport { useAttrs } from \"vue\";\nimport { Undo2 } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { sortableContext } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ disabled?: boolean }>();\nconst attrs = useAttrs();\nconst list = sortableContext(\"SortableListUndo\");\nfunction click(event: MouseEvent) { if (!event.defaultPrevented) list.undo(); }\n</script>\n<template><button v-bind=\"{ ...attrs, class: undefined }\" type=\"button\" :disabled=\"props.disabled || list.props.disabled || !list.canUndo.value\" @click=\"click\" :class=\"cn('mt-4 inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40', attrs.class)\"><slot><Undo2 class=\"size-[13px]\" />Undo reorder</slot></button></template>\n","<script setup lang=\"ts\">\nimport { useAttrs } from \"vue\";\nimport { Undo2 } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { sortableContext } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ disabled?: boolean }>();\nconst attrs = useAttrs();\nconst list = sortableContext(\"SortableListUndo\");\nfunction click(event: MouseEvent) { if (!event.defaultPrevented) list.undo(); }\n</script>\n<template><button v-bind=\"{ ...attrs, class: undefined }\" type=\"button\" :disabled=\"props.disabled || list.props.disabled || !list.canUndo.value\" @click=\"click\" :class=\"cn('mt-4 inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40', attrs.class)\"><slot><Undo2 class=\"size-[13px]\" />Undo reorder</slot></button></template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, provide, ref, useId, watch } from \"vue\";\nimport { useMotionState } from \"../../state\";\nimport SortableListGroup from \"./SortableListGroup.vue\";\nimport SortableListItem from \"./SortableListItem.vue\";\nimport SortableListHandle from \"./SortableListHandle.vue\";\nimport SortableListItemContent from \"./SortableListItemContent.vue\";\nimport SortableListUndo from \"./SortableListUndo.vue\";\nimport type { MoveDirection, SortableContext } from \"./context\";\nconst props = withDefaults(defineProps<{ modelValue?: any[]; items?: any[]; defaultItems?: any[]; getItemLabel?: (item: any) => string; label?: string; disabled?: boolean; showUndo?: boolean; itemClassName?: string }>(), { defaultItems: () => [], label: \"Sortable items\", showUndo: true });\nconst emit = defineEmits([\"update:modelValue\", \"update:items\", \"itemsChange\", \"change\"]);\nconst model = useMotionState<any[]>(props, emit, \"modelValue\", props.defaultItems);\nconst items = computed({ get: () => props.items ?? model.value, set: (value: any[]) => { model.value = value; emit(\"update:items\", value); emit(\"itemsChange\", value); } });\nconst ids = computed<string[]>(() => items.value.map(item => item.id));\nconst history = ref<string[] | null>(null);\nconst announcement = ref(\"\");\nconst root = ref<HTMLElement | null>(null);\nconst id = useId();\nlet draggingFrom: string[] | undefined;\nlet disposed = false;\nlet focusRevision = 0;\nfunction sameMembers(order: string[], current = ids.value) { return order.length === current.length && new Set(order).size === order.length && order.every(id => current.includes(id)); }\nwatch([ids, history], ([current, previous]) => { if (new Set(current).size !== current.length) throw new Error(\"SortableList requires unique item ids.\"); if (previous && !sameMembers(previous, current)) history.value = null; }, { immediate: true, flush: \"sync\" });\nconst canUndo = computed(() => !!history.value && sameMembers(history.value) && history.value.some((id, index) => id !== ids.value[index]));\nfunction reorder(order: string[]) { if (props.disabled || !sameMembers(order)) return; const lookup = new Map(items.value.map(item => [item.id, item])); items.value = order.map(id => lookup.get(id)); }\nfunction describe(itemId: string, position: number) { const item = items.value.find(item => item.id === itemId); return `${props.getItemLabel?.(item) ?? item?.label ?? itemId} moved to position ${position + 1} of ${ids.value.length}.`; }\nfunction move(itemId: string, direction: MoveDirection) { const from = ids.value.indexOf(itemId); const to = direction === \"first\" ? 0 : direction === \"last\" ? ids.value.length - 1 : from + direction; if (props.disabled || from < 0 || to < 0 || to >= ids.value.length || from === to) return; const before = ids.value.slice(); const after = before.slice(); after.splice(to, 0, after.splice(from, 1)[0]); history.value = before; reorder(after); announcement.value = describe(itemId, to); }\nfunction undo() { if (props.disabled || !canUndo.value || !history.value) return; const order = history.value; const focusId = order.find((id, index) => id !== ids.value[index]) ?? order[0]; reorder(order); history.value = null; announcement.value = \"Previous order restored.\"; const revision = ++focusRevision; void nextTick(() => { if (disposed || revision !== focusRevision) return; const buttons = root.value?.querySelectorAll<HTMLButtonElement>(\"button[data-sortable-id]\"); Array.from(buttons ?? []).find(button => button.dataset.sortableId === focusId)?.focus({ preventScroll: true }); }); }\nfunction begin() { draggingFrom = ids.value.slice(); }\nfunction finish(itemId: string) { const order = draggingFrom; draggingFrom = undefined; if (!order || !items.value.some(item => item.id === itemId) || !order.some((id, index) => id !== ids.value[index])) return; history.value = order; announcement.value = describe(itemId, ids.value.indexOf(itemId)); }\nprovide<SortableContext>(\"orvui-sortable\", { items, ids, canUndo, props, id, reorder, move, undo, begin, finish });\nonBeforeUnmount(() => { disposed = true; ++focusRevision; draggingFrom = undefined; });\n</script>\n<template>\n  <div ref=\"root\" class=\"w-full max-w-md\">\n    <p :id=\"`${id}-instructions`\" class=\"sr-only\">Drag a handle to reorder. Use Up and Down to move, Home and End to move to the edges.</p>\n    <slot :items=\"items\" :move-item=\"move\" :undo=\"undo\"><SortableListGroup><SortableListItem v-for=\"(item, index) in items\" :key=\"item.id\" :id=\"item.id\"><SortableListHandle /><SortableListItemContent><slot name=\"item\" :item=\"item\" :index=\"index\">{{ getItemLabel?.(item) ?? item.label ?? item.id }}</slot></SortableListItemContent></SortableListItem></SortableListGroup><SortableListUndo v-if=\"showUndo\" /></slot>\n    <p role=\"status\" aria-live=\"polite\" class=\"sr-only\">{{ announcement }}</p>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, provide, ref, useId, watch } from \"vue\";\nimport { useMotionState } from \"../../state\";\nimport SortableListGroup from \"./SortableListGroup.vue\";\nimport SortableListItem from \"./SortableListItem.vue\";\nimport SortableListHandle from \"./SortableListHandle.vue\";\nimport SortableListItemContent from \"./SortableListItemContent.vue\";\nimport SortableListUndo from \"./SortableListUndo.vue\";\nimport type { MoveDirection, SortableContext } from \"./context\";\nconst props = withDefaults(defineProps<{ modelValue?: any[]; items?: any[]; defaultItems?: any[]; getItemLabel?: (item: any) => string; label?: string; disabled?: boolean; showUndo?: boolean; itemClassName?: string }>(), { defaultItems: () => [], label: \"Sortable items\", showUndo: true });\nconst emit = defineEmits([\"update:modelValue\", \"update:items\", \"itemsChange\", \"change\"]);\nconst model = useMotionState<any[]>(props, emit, \"modelValue\", props.defaultItems);\nconst items = computed({ get: () => props.items ?? model.value, set: (value: any[]) => { model.value = value; emit(\"update:items\", value); emit(\"itemsChange\", value); } });\nconst ids = computed<string[]>(() => items.value.map(item => item.id));\nconst history = ref<string[] | null>(null);\nconst announcement = ref(\"\");\nconst root = ref<HTMLElement | null>(null);\nconst id = useId();\nlet draggingFrom: string[] | undefined;\nlet disposed = false;\nlet focusRevision = 0;\nfunction sameMembers(order: string[], current = ids.value) { return order.length === current.length && new Set(order).size === order.length && order.every(id => current.includes(id)); }\nwatch([ids, history], ([current, previous]) => { if (new Set(current).size !== current.length) throw new Error(\"SortableList requires unique item ids.\"); if (previous && !sameMembers(previous, current)) history.value = null; }, { immediate: true, flush: \"sync\" });\nconst canUndo = computed(() => !!history.value && sameMembers(history.value) && history.value.some((id, index) => id !== ids.value[index]));\nfunction reorder(order: string[]) { if (props.disabled || !sameMembers(order)) return; const lookup = new Map(items.value.map(item => [item.id, item])); items.value = order.map(id => lookup.get(id)); }\nfunction describe(itemId: string, position: number) { const item = items.value.find(item => item.id === itemId); return `${props.getItemLabel?.(item) ?? item?.label ?? itemId} moved to position ${position + 1} of ${ids.value.length}.`; }\nfunction move(itemId: string, direction: MoveDirection) { const from = ids.value.indexOf(itemId); const to = direction === \"first\" ? 0 : direction === \"last\" ? ids.value.length - 1 : from + direction; if (props.disabled || from < 0 || to < 0 || to >= ids.value.length || from === to) return; const before = ids.value.slice(); const after = before.slice(); after.splice(to, 0, after.splice(from, 1)[0]); history.value = before; reorder(after); announcement.value = describe(itemId, to); }\nfunction undo() { if (props.disabled || !canUndo.value || !history.value) return; const order = history.value; const focusId = order.find((id, index) => id !== ids.value[index]) ?? order[0]; reorder(order); history.value = null; announcement.value = \"Previous order restored.\"; const revision = ++focusRevision; void nextTick(() => { if (disposed || revision !== focusRevision) return; const buttons = root.value?.querySelectorAll<HTMLButtonElement>(\"button[data-sortable-id]\"); Array.from(buttons ?? []).find(button => button.dataset.sortableId === focusId)?.focus({ preventScroll: true }); }); }\nfunction begin() { draggingFrom = ids.value.slice(); }\nfunction finish(itemId: string) { const order = draggingFrom; draggingFrom = undefined; if (!order || !items.value.some(item => item.id === itemId) || !order.some((id, index) => id !== ids.value[index])) return; history.value = order; announcement.value = describe(itemId, ids.value.indexOf(itemId)); }\nprovide<SortableContext>(\"orvui-sortable\", { items, ids, canUndo, props, id, reorder, move, undo, begin, finish });\nonBeforeUnmount(() => { disposed = true; ++focusRevision; draggingFrom = undefined; });\n</script>\n<template>\n  <div ref=\"root\" class=\"w-full max-w-md\">\n    <p :id=\"`${id}-instructions`\" class=\"sr-only\">Drag a handle to reorder. Use Up and Down to move, Home and End to move to the edges.</p>\n    <slot :items=\"items\" :move-item=\"move\" :undo=\"undo\"><SortableListGroup><SortableListItem v-for=\"(item, index) in items\" :key=\"item.id\" :id=\"item.id\"><SortableListHandle /><SortableListItemContent><slot name=\"item\" :item=\"item\" :index=\"index\">{{ getItemLabel?.(item) ?? item.label ?? item.id }}</slot></SortableListItemContent></SortableListItem></SortableListGroup><SortableListUndo v-if=\"showUndo\" /></slot>\n    <p role=\"status\" aria-live=\"polite\" class=\"sr-only\">{{ announcement }}</p>\n  </div>\n</template>\n","import { computed } from \"vue\";\nimport { sortableContext } from \"./context\";\nexport function useSortableList() {\n  const list = sortableContext(\"useSortableList\");\n  return { ids: list.ids, disabled: computed(() => !!list.props.disabled), canUndo: list.canUndo, moveItem: list.move, undo: list.undo };\n}\n"],"mappings":"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"}

package/dist/state-DWNDjqAL.js

@@ -0,0 +1,32 @@
+import { computed as e, ref as t } from "vue";
+// src/motion/state.ts
+function n(n, r, i, a) {
+	let o = t(a);
+	return e({
+		get() {
+			let e = n[i];
+			return e === void 0 ? o.value : e;
+		},
+		set(e) {
+			o.value = e, r(`update:${i}`, e), i === "modelValue" && r("change", e);
+		}
+	});
+}
+function r(e, t = "button:not(:disabled)") {
+	let n = (/* @__PURE__ */ new Map([
+		["ArrowDown", 1],
+		["ArrowRight", 1],
+		["ArrowUp", -1],
+		["ArrowLeft", -1]
+	])).get(e.key);
+	if (n === void 0 && e.key !== "Home" && e.key !== "End") return;
+	let r = e.currentTarget;
+	if (!r) return;
+	let i = [...r.querySelectorAll(t)];
+	if (!i.length) return;
+	let a = i.indexOf(r.ownerDocument.activeElement), o = e.key === "Home" ? 0 : e.key === "End" ? i.length - 1 : a === -1 ? n === -1 ? i.length - 1 : 0 : (a + n + i.length) % i.length;
+	e.preventDefault(), i[o]?.focus();
+}
+export { n, r as t };
+
+//# sourceMappingURL=state-DWNDjqAL.js.map

package/dist/state-DWNDjqAL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-DWNDjqAL.js","names":["useMotionState","memory","ref","fallback","computed","supplied","props","key","requested","emit","focusList","direction","event","surface","candidates","selector","current","index"],"sources":["../src/motion/state.ts"],"sourcesContent":["import { computed, ref, type Ref, type WritableComputedRef } from \"vue\";\n\n/** A value may move between parent control and local ownership during its life. */\nexport function useMotionState<T>(\n  props: Record<string, any>,\n  emit: (...args: any[]) => void,\n  key: string,\n  fallback: T,\n): WritableComputedRef<T> {\n  const memory = ref(fallback) as Ref<T>;\n  return computed({\n    get(): T {\n      const supplied = props[key];\n      return supplied === undefined ? memory.value : supplied;\n    },\n    set(requested: T) {\n      memory.value = requested;\n      emit(`update:${key}`, requested);\n      if (key === \"modelValue\") emit(\"change\", requested);\n    },\n  });\n}\n\n/** Rove focus within the event surface, using its own document. */\nexport function focusList(event: KeyboardEvent, selector = \"button:not(:disabled)\") {\n  const direction = new Map<string, number>([\n    [\"ArrowDown\", 1], [\"ArrowRight\", 1], [\"ArrowUp\", -1], [\"ArrowLeft\", -1],\n  ]).get(event.key);\n  if (direction === undefined && event.key !== \"Home\" && event.key !== \"End\") return;\n  const surface = event.currentTarget as HTMLElement | null;\n  if (!surface) return;\n  const candidates = [...surface.querySelectorAll<HTMLElement>(selector)];\n  if (!candidates.length) return;\n  const current = candidates.indexOf(surface.ownerDocument.activeElement as HTMLElement);\n  const index = event.key === \"Home\" ? 0\n    : event.key === \"End\" ? candidates.length - 1\n    : current === -1 ? (direction === -1 ? candidates.length - 1 : 0)\n    : (current + direction! + candidates.length) % candidates.length;\n  event.preventDefault();\n  candidates[index]?.focus();\n}\n"],"mappings":";;AAGA,SAAgBA,EACd,GACA,GACA,GACA,GACwB;CACxB,IAAMC,IAASC,EAAIC,CAAQ;CAC3B,OAAOC,EAAS;EACd,MAAS;GACP,IAAMC,IAAWC,EAAMC;GACvB,OAAOF,MAAa,KAAA,IAAYJ,EAAO,QAAQI;EACjD;EACA,IAAI,GAAc;GAGhB,AAFA,EAAO,QAAQG,GACfC,EAAK,UAAUF,KAAOC,CAAS,GAC3BD,MAAQ,gBAAcE,EAAK,UAAUD,CAAS;EACpD;CACF,CAAC;AACH;AAGA,SAAgBE,EAAU,GAAsB,IAAW,yBAAyB;CAClF,IAAMC,qBAAY,IAAI,IAAoB;EACxC,CAAC,aAAa,CAAC;EAAG,CAAC,cAAc,CAAC;EAAG,CAAC,WAAW,EAAE;EAAG,CAAC,aAAa,EAAE;CACxE,CAAC,EAAA,CAAE,IAAIC,EAAM,GAAG;CAChB,IAAID,MAAc,KAAA,KAAaC,EAAM,QAAQ,UAAUA,EAAM,QAAQ,OAAO;CAC5E,IAAMC,IAAUD,EAAM;CACtB,IAAI,CAACC,GAAS;CACd,IAAMC,IAAa,CAAC,GAAGD,EAAQ,iBAA8BE,CAAQ,CAAC;CACtE,IAAI,CAACD,EAAW,QAAQ;CACxB,IAAME,IAAUF,EAAW,QAAQD,EAAQ,cAAc,aAA4B,GAC/EI,IAAQL,EAAM,QAAQ,SAAS,IACjCA,EAAM,QAAQ,QAAQE,EAAW,SAAS,IAC1CE,MAAY,KAAML,MAAc,KAAKG,EAAW,SAAS,IAAI,KAC5DE,IAAUL,IAAaG,EAAW,UAAUA,EAAW;CAE5D,AADAF,EAAM,eAAe,GACrBE,EAAWG,EAAM,EAAE,MAAM;AAC3B"}