@dowel-ui/react 0.5.0 → 0.8.0

package/dist/components/reorder-list/reorder-list.js

@@ -0,0 +1,471 @@
+"use client";
+import { disabledStyles, focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Avatar, AvatarFallback, AvatarImage } from "../avatar/avatar.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { MotionConfig, animate, motion, motionValue, useSpring } from "motion/react";
+//#region src/components/reorder-list/reorder-list.tsx
+/** Vertical distance between rows, in px. */
+const STEP = 50;
+/** Pill height, in px (the gap between pills is STEP − PILL). */
+const PILL = 44;
+/** Pointer travel before a press counts as a drag. */
+const SLOP = 3;
+const REDUCED_MOTION = "(prefers-reduced-motion: reduce)";
+function subscribeToMotionPreference(onChange) {
+	const query = window.matchMedia(REDUCED_MOTION);
+	query.addEventListener("change", onChange);
+	return () => query.removeEventListener("change", onChange);
+}
+function usePrefersReducedMotion() {
+	return useSyncExternalStore(subscribeToMotionPreference, () => window.matchMedia(REDUCED_MOTION).matches, () => false);
+}
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+function moveTo(list, id, to) {
+	const next = list.filter((entry) => entry !== id);
+	next.splice(to, 0, id);
+	return next;
+}
+/** Spring for rows settling. `give` 0 is stiff and exact, 100 soft and bouncy. */
+function reorderSpring(give) {
+	const g = clamp(give, 0, 100) / 100;
+	return {
+		type: "spring",
+		stiffness: 720 - 500 * g,
+		damping: 44 - 26 * g,
+		restDelta: .5
+	};
+}
+/**
+* How the held pill deforms at a velocity (px/s). `lean` is 0–100; at the
+* default 18 a brisk drag gives about scaleX 0.8, scaleY 1.1, skewY 1.4°.
+*/
+function leanFor(velocity, lean) {
+	const gain = clamp(lean, 0, 100) / 100;
+	const amount = Math.min(1, Math.abs(velocity) / 1e3) * gain;
+	return {
+		scaleX: Math.max(.55, 1 - amount * 1.1),
+		scaleY: Math.min(1.5, 1 + amount * .55),
+		skewY: Math.sign(velocity) * amount * 8
+	};
+}
+const ANNOUNCEMENTS = {
+	grabbed: ({ item, position, total }) => `${item.label} grabbed. Current position ${String(position)} of ${String(total)}. Use the arrow keys to move, Space to drop, Escape to cancel.`,
+	moved: ({ item, position, total }) => `${item.label} moved to position ${String(position)} of ${String(total)}`,
+	dropped: ({ item, position, total }) => `${item.label} dropped at position ${String(position)} of ${String(total)}`,
+	cancelled: ({ item, position, total }) => `Reorder cancelled. ${item.label} returned to position ${String(position)} of ${String(total)}`
+};
+const reorderListVariants = cva("relative w-[12.25rem] text-[0.78125rem] select-none", {
+	variants: { 
+	/** Pill tone. `light` is the card surface; `dark` inverts it. */
+fill: {
+		light: "text-card-foreground/80 [--reorder-list-pill:var(--color-card)]",
+		dark: "text-background/85 [--reorder-list-pill:var(--color-foreground)]"
+	} },
+	defaultVariants: { fill: "light" }
+});
+function RowAvatar({ item }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": "true",
+		className: "relative shrink-0",
+		children: [/* @__PURE__ */ jsxs(Avatar, {
+			size: "sm",
+			"data-slot": "reorder-list-avatar",
+			style: { backgroundColor: item.accent },
+			className: cn(!item.accent && "bg-muted"),
+			children: [item.avatar ? /* @__PURE__ */ jsx(AvatarImage, {
+				src: item.avatar,
+				alt: "",
+				draggable: false
+			}) : null, /* @__PURE__ */ jsx(AvatarFallback, {
+				className: "bg-transparent text-xs font-medium text-primary-foreground",
+				style: item.accent ? void 0 : { color: "var(--color-muted-foreground)" },
+				children: item.initials ?? item.label.slice(0, 1)
+			})]
+		}), item.online ? /* @__PURE__ */ jsx("span", {
+			"data-slot": "reorder-list-presence",
+			className: "absolute -end-px -bottom-px size-[0.5625rem] rounded-full bg-success ring-2 ring-(--reorder-list-pill)"
+		}) : null]
+	});
+}
+/** A list you reorder by dragging liquid pills, or with Space and the arrow keys. */
+function ReorderList({ className, items, value, defaultValue, onValueChange, renderItem, corner = 22, give = 50, lean = 18, fill, stroke = false, disabled = false, announcements, instructions = "Press Space or Enter to pick up, the arrow keys to move, Space or Enter to drop, Escape to cancel.", style, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
+	const uid = useId().replace(/:/g, "");
+	const filterId = `dowel-reorder-list-goo-${uid}`;
+	const hintId = `dowel-reorder-list-hint-${uid}`;
+	const reduceMotion = usePrefersReducedMotion();
+	const messages = {
+		...ANNOUNCEMENTS,
+		...announcements
+	};
+	const radius = clamp(corner, 0, 22);
+	const byId = new Map(items.map((item) => [item.id, item]));
+	const [uncontrolled, setUncontrolled] = useState(() => defaultValue ?? items.map((item) => item.id));
+	const requested = value ?? uncontrolled;
+	const order = requested.filter((id, i) => byId.has(id) && requested.indexOf(id) === i).concat(items.map((item) => item.id).filter((id) => !requested.includes(id)));
+	const total = order.length;
+	/** The order being arranged, before a drop commits it. */
+	const [draft, setDraftState] = useState(null);
+	const draftRef = useRef(null);
+	function setDraft(next) {
+		draftRef.current = next;
+		setDraftState(next);
+	}
+	const visual = draft ?? order;
+	/** The row lifted by keyboard or pointer. */
+	const [held, setHeld] = useState(null);
+	const grab = useRef(null);
+	const drag = useRef(null);
+	const [dragging, setDragging] = useState(null);
+	const [announcement, setAnnouncement] = useState("");
+	function announce(kind, id, index) {
+		const item = byId.get(id);
+		if (item) setAnnouncement(messages[kind]({
+			item,
+			position: index + 1,
+			total
+		}));
+	}
+	const [ys] = useState(() => /* @__PURE__ */ new Map());
+	const controls = useRef(/* @__PURE__ */ new Map());
+	function yFor(id) {
+		let y = ys.get(id);
+		if (!y) {
+			y = motionValue(Math.max(0, visual.indexOf(id)) * STEP);
+			ys.set(id, y);
+		}
+		return y;
+	}
+	const skinX = useSpring(1, {
+		stiffness: 420,
+		damping: 26
+	});
+	const skinY = useSpring(1, {
+		stiffness: 420,
+		damping: 26
+	});
+	const skew = useSpring(0, {
+		stiffness: 420,
+		damping: 26
+	});
+	const relax = useRef(void 0);
+	function deform(velocity) {
+		if (reduceMotion) return;
+		const shape = leanFor(velocity, lean);
+		skinX.set(shape.scaleX);
+		skinY.set(shape.scaleY);
+		skew.set(shape.skewY);
+		clearTimeout(relax.current);
+		relax.current = setTimeout(() => deform(0), 80);
+	}
+	const visualKey = visual.join("\0");
+	const spring = reorderSpring(give);
+	useEffect(() => {
+		visual.forEach((id, index) => {
+			if (id === dragging) return;
+			const y = yFor(id);
+			const target = index * STEP;
+			controls.current.get(id)?.stop();
+			if (reduceMotion) y.set(target);
+			else if (y.get() !== target) controls.current.set(id, animate(y, target, spring));
+		});
+	}, [
+		visualKey,
+		dragging,
+		reduceMotion
+	]);
+	useEffect(() => {
+		const running = controls.current;
+		return () => {
+			clearTimeout(relax.current);
+			running.forEach((control) => control.stop());
+		};
+	}, []);
+	const handles = useRef(/* @__PURE__ */ new Map());
+	const refocus = useRef(null);
+	const orderKey = order.join("\0");
+	useLayoutEffect(() => {
+		const id = refocus.current;
+		refocus.current = null;
+		if (id && document.activeElement !== handles.current.get(id)) handles.current.get(id)?.focus();
+	}, [orderKey]);
+	function commit(next) {
+		setDraft(null);
+		if (next.join("\0") === orderKey) return;
+		if (value === void 0) setUncontrolled(next);
+		onValueChange?.(next);
+	}
+	function cancelGrab() {
+		const current = grab.current;
+		if (!current) return;
+		grab.current = null;
+		setHeld(null);
+		setDraft(null);
+		announce("cancelled", current.id, current.from);
+	}
+	function handleKeyDown(event, id) {
+		if (drag.current) return;
+		const list = draftRef.current ?? order;
+		const index = list.indexOf(id);
+		const last = list.length - 1;
+		const key = event.key;
+		const pick = key === " " || key === "Enter";
+		if (grab.current?.id === id) {
+			const to = key === "ArrowUp" ? index - 1 : key === "ArrowDown" ? index + 1 : key === "Home" ? 0 : key === "End" ? last : null;
+			if (to !== null) {
+				event.preventDefault();
+				const target = clamp(to, 0, last);
+				if (target === index) return;
+				setDraft(moveTo(list, id, target));
+				announce("moved", id, target);
+			} else if (pick) {
+				event.preventDefault();
+				grab.current = null;
+				setHeld(null);
+				refocus.current = id;
+				commit(list);
+				announce("dropped", id, index);
+			} else if (key === "Escape") {
+				event.preventDefault();
+				cancelGrab();
+			}
+			return;
+		}
+		if (pick) {
+			event.preventDefault();
+			grab.current = {
+				id,
+				from: index
+			};
+			setHeld(id);
+			setDraft(list);
+			announce("grabbed", id, index);
+			return;
+		}
+		const focusTo = key === "ArrowUp" ? index - 1 : key === "ArrowDown" ? index + 1 : key === "Home" ? 0 : key === "End" ? last : null;
+		if (focusTo === null) return;
+		event.preventDefault();
+		const next = list[clamp(focusTo, 0, last)];
+		if (next) handles.current.get(next)?.focus();
+	}
+	function handlePointerDown(event, id) {
+		if (disabled || grab.current || event.button !== 0) return;
+		const index = order.indexOf(id);
+		try {
+			event.currentTarget.setPointerCapture(event.pointerId);
+		} catch {}
+		controls.current.get(id)?.stop();
+		drag.current = {
+			id,
+			pointerId: event.pointerId,
+			startY: event.clientY,
+			originY: index * STEP,
+			from: index,
+			moved: false
+		};
+		setDraft(order);
+		setHeld(id);
+		setDragging(id);
+	}
+	function handlePointerMove(event) {
+		const current = drag.current;
+		if (current?.pointerId !== event.pointerId) return;
+		const dy = event.clientY - current.startY;
+		if (!current.moved && Math.abs(dy) < SLOP) return;
+		current.moved = true;
+		const y = clamp(current.originY + dy, -25, (total - 1) * STEP + STEP / 2);
+		const row = yFor(current.id);
+		row.set(y);
+		deform(row.getVelocity());
+		const list = draftRef.current ?? order;
+		const slot = clamp(Math.round(y / STEP), 0, total - 1);
+		if (list.indexOf(current.id) !== slot) setDraft(moveTo(list, current.id, slot));
+	}
+	function handlePointerUp(event) {
+		const current = drag.current;
+		if (current?.pointerId !== event.pointerId) return;
+		drag.current = null;
+		clearTimeout(relax.current);
+		deform(0);
+		const list = draftRef.current ?? order;
+		setHeld(null);
+		setDragging(null);
+		if (!current.moved) {
+			setDraft(null);
+			return;
+		}
+		if (document.activeElement === event.currentTarget) refocus.current = current.id;
+		commit(list);
+		announce("dropped", current.id, list.indexOf(current.id));
+	}
+	const blobStyle = {
+		height: PILL,
+		borderRadius: radius
+	};
+	return /* @__PURE__ */ jsx(MotionConfig, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "reorder-list",
+			"data-disabled": disabled ? "" : void 0,
+			className: cn(reorderListVariants({ fill }), className),
+			style: {
+				height: total > 0 ? (total - 1) * STEP + PILL : 0,
+				...style
+			},
+			...props,
+			children: [
+				/* @__PURE__ */ jsx("svg", {
+					"aria-hidden": "true",
+					className: "absolute size-0",
+					children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", {
+						id: filterId,
+						x: "-20%",
+						y: "-50%",
+						width: "140%",
+						height: "200%",
+						children: [
+							/* @__PURE__ */ jsx("feGaussianBlur", {
+								in: "SourceGraphic",
+								stdDeviation: "2.6",
+								result: "blur"
+							}),
+							/* @__PURE__ */ jsx("feColorMatrix", {
+								in: "blur",
+								type: "matrix",
+								values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 28 -14",
+								result: "goo"
+							}),
+							/* @__PURE__ */ jsx("feComposite", {
+								in: "SourceGraphic",
+								in2: "goo",
+								operator: "atop"
+							})
+						]
+					}) })
+				}),
+				/* @__PURE__ */ jsx("div", {
+					"aria-hidden": "true",
+					"data-slot": "reorder-list-blobs",
+					className: "pointer-events-none absolute inset-0",
+					style: { filter: reduceMotion ? void 0 : `url(#${filterId})` },
+					children: order.map((id) => {
+						const isHeld = id === held;
+						return /* @__PURE__ */ jsx(motion.div, {
+							"data-slot": "reorder-list-blob",
+							className: "absolute inset-x-0 top-0",
+							style: {
+								...blobStyle,
+								y: yFor(id),
+								zIndex: isHeld ? 2 : 1
+							},
+							children: /* @__PURE__ */ jsx(motion.div, {
+								"data-slot": "reorder-list-skin",
+								className: cn("size-full bg-(--reorder-list-pill) shadow-xs", stroke && "ring-1 ring-border ring-inset"),
+								style: {
+									borderRadius: radius,
+									...id === dragging ? {
+										scaleX: skinX,
+										scaleY: skinY,
+										skewY: skew
+									} : null
+								}
+							})
+						}, id);
+					})
+				}),
+				/* @__PURE__ */ jsx("ol", {
+					"aria-label": ariaLabel,
+					"aria-labelledby": ariaLabelledBy,
+					"data-slot": "reorder-list-list",
+					className: "absolute inset-0 m-0 list-none p-0",
+					children: order.map((id) => {
+						const item = byId.get(id);
+						if (!item) return null;
+						const isHeld = id === held;
+						const index = visual.indexOf(id);
+						return /* @__PURE__ */ jsx(motion.li, {
+							"data-slot": "reorder-list-row",
+							"data-index": index,
+							"data-held": isHeld ? "" : void 0,
+							className: "absolute inset-x-0 top-0",
+							style: {
+								height: PILL,
+								y: yFor(id),
+								zIndex: isHeld ? 2 : 1
+							},
+							children: /* @__PURE__ */ jsxs("button", {
+								ref: (node) => {
+									if (node) handles.current.set(id, node);
+									else handles.current.delete(id);
+								},
+								type: "button",
+								disabled,
+								"aria-describedby": hintId,
+								"aria-pressed": isHeld && dragging === null,
+								"data-slot": "reorder-list-handle",
+								"data-grabbed": isHeld ? "" : void 0,
+								className: cn("flex size-full touch-none items-center gap-[0.6875rem] bg-transparent ps-1.5 pe-4 text-start", "cursor-grab data-grabbed:cursor-grabbing", focusRing, disabledStyles),
+								style: { borderRadius: radius },
+								onKeyDown: (event) => handleKeyDown(event, id),
+								onBlur: () => {
+									if (grab.current?.id === id) cancelGrab();
+								},
+								onPointerDown: (event) => handlePointerDown(event, id),
+								onPointerMove: handlePointerMove,
+								onPointerUp: handlePointerUp,
+								onPointerCancel: handlePointerUp,
+								children: [renderItem ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									className: "contents",
+									children: renderItem(item, {
+										grabbed: isHeld,
+										index
+									})
+								}), /* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									children: item.label
+								})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(motion.span, {
+									className: "flex shrink-0",
+									initial: false,
+									animate: { scale: isHeld ? 1.08 : 1 },
+									transition: {
+										type: "spring",
+										stiffness: 520,
+										damping: 20
+									},
+									children: /* @__PURE__ */ jsx(RowAvatar, { item })
+								}), /* @__PURE__ */ jsx("span", {
+									"data-slot": "reorder-list-label",
+									className: "min-w-0 truncate",
+									children: item.label
+								})] }), item.online ? /* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									children: ", online"
+								}) : null]
+							})
+						}, id);
+					})
+				}),
+				/* @__PURE__ */ jsx("span", {
+					id: hintId,
+					className: "sr-only",
+					children: instructions
+				}),
+				/* @__PURE__ */ jsx("span", {
+					role: "status",
+					"aria-live": "polite",
+					className: "sr-only",
+					children: announcement
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { ReorderList, leanFor, reorderListVariants, reorderSpring };
+
+//# sourceMappingURL=reorder-list.js.map

package/dist/components/reorder-list/reorder-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorder-list.js","names":[],"sources":["../../../src/components/reorder-list/reorder-list.tsx"],"sourcesContent":["\"use client\";\n\n// Ported from bencho Reorder list (MIT, © 2026 Lorenzo Cabra). See THIRD_PARTY_NOTICES.md.\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  animate,\n  motion,\n  MotionConfig,\n  motionValue,\n  useSpring,\n  type AnimationPlaybackControls,\n  type MotionValue,\n} from \"motion/react\";\nimport {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type PointerEvent,\n  type ReactNode,\n} from \"react\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/avatar\";\nimport { disabledStyles, focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/*\n * A short list you put in order by dragging a pill or with the keyboard.\n *\n * `motion` earns its place here (ADR 0014): the held row follows the pointer\n * one to one and, on release, springs to its slot carrying the velocity of the\n * throw, and the held pill leans and squashes with that velocity. Neighbours\n * re-target mid-flight as the held row crosses them, which a CSS transition\n * cannot do without jumping.\n *\n * Two layers stack in one box. Underneath, an aria-hidden layer of pill\n * backgrounds runs through an SVG goo filter, so pills melt into each other as\n * they pass. On top, the real list: one button per row, crisp because the\n * filter never touches it. Each blob shares its row's y motion value.\n *\n * The keyboard path follows the APG / Atlassian sortable pattern: Space or\n * Enter picks a row up, arrows move it, Space or Enter drops it, Escape puts\n * it back. Moves are a draft until the drop, and a polite live region says\n * what happened at every step. Under reduced motion nothing deforms and rows\n * jump to their slots.\n */\n\n/** Vertical distance between rows, in px. */\nconst STEP = 50;\n/** Pill height, in px (the gap between pills is STEP − PILL). */\nconst PILL = 44;\n/** Pointer travel before a press counts as a drag. */\nconst SLOP = 3;\n\nconst REDUCED_MOTION = \"(prefers-reduced-motion: reduce)\";\n\nfunction subscribeToMotionPreference(onChange: () => void) {\n  const query = window.matchMedia(REDUCED_MOTION);\n  query.addEventListener(\"change\", onChange);\n  return () => query.removeEventListener(\"change\", onChange);\n}\n\nfunction usePrefersReducedMotion() {\n  return useSyncExternalStore(\n    subscribeToMotionPreference,\n    () => window.matchMedia(REDUCED_MOTION).matches,\n    () => false,\n  );\n}\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction moveTo(list: string[], id: string, to: number) {\n  const next = list.filter((entry) => entry !== id);\n  next.splice(to, 0, id);\n  return next;\n}\n\n/** Spring for rows settling. `give` 0 is stiff and exact, 100 soft and bouncy. */\nexport function reorderSpring(give: number) {\n  const g = clamp(give, 0, 100) / 100;\n  return {\n    type: \"spring\" as const,\n    stiffness: 720 - 500 * g,\n    damping: 44 - 26 * g,\n    restDelta: 0.5,\n  };\n}\n\n/**\n * How the held pill deforms at a velocity (px/s). `lean` is 0–100; at the\n * default 18 a brisk drag gives about scaleX 0.8, scaleY 1.1, skewY 1.4°.\n */\nexport function leanFor(velocity: number, lean: number) {\n  const gain = clamp(lean, 0, 100) / 100;\n  const amount = Math.min(1, Math.abs(velocity) / 1000) * gain;\n  return {\n    scaleX: Math.max(0.55, 1 - amount * 1.1),\n    scaleY: Math.min(1.5, 1 + amount * 0.55),\n    skewY: Math.sign(velocity) * amount * 8,\n  };\n}\n\nexport interface ReorderListItem {\n  id: string;\n  /** The row's name. Announced, and names its button. */\n  label: string;\n  /** Avatar image URL. Decorative: the label already names the row. */\n  avatar?: string;\n  /** Shown when there is no image, or it fails to load. */\n  initials?: string;\n  /** CSS colour behind the avatar, e.g. `var(--color-primary)`. */\n  accent?: string;\n  /** Shows a presence dot (success token) and adds \"online\" to the name. */\n  online?: boolean;\n}\n\nexport interface ReorderListAnnouncementDetails {\n  item: ReorderListItem;\n  /** 1-based. */\n  position: number;\n  total: number;\n}\n\nexport interface ReorderListAnnouncements {\n  grabbed: (details: ReorderListAnnouncementDetails) => string;\n  moved: (details: ReorderListAnnouncementDetails) => string;\n  dropped: (details: ReorderListAnnouncementDetails) => string;\n  cancelled: (details: ReorderListAnnouncementDetails) => string;\n}\n\nconst ANNOUNCEMENTS: ReorderListAnnouncements = {\n  grabbed: ({ item, position, total }) =>\n    `${item.label} grabbed. Current position ${String(position)} of ${String(total)}. ` +\n    \"Use the arrow keys to move, Space to drop, Escape to cancel.\",\n  moved: ({ item, position, total }) =>\n    `${item.label} moved to position ${String(position)} of ${String(total)}`,\n  dropped: ({ item, position, total }) =>\n    `${item.label} dropped at position ${String(position)} of ${String(total)}`,\n  cancelled: ({ item, position, total }) =>\n    `Reorder cancelled. ${item.label} returned to position ${String(position)} of ${String(total)}`,\n};\n\nconst reorderListVariants = cva(\"relative w-[12.25rem] text-[0.78125rem] select-none\", {\n  variants: {\n    /** Pill tone. `light` is the card surface; `dark` inverts it. */\n    fill: {\n      light: \"text-card-foreground/80 [--reorder-list-pill:var(--color-card)]\",\n      dark: \"text-background/85 [--reorder-list-pill:var(--color-foreground)]\",\n    },\n  },\n  defaultVariants: { fill: \"light\" },\n});\n\nexport interface ReorderListProps\n  extends\n    Omit<ComponentPropsWithRef<\"div\">, \"defaultValue\" | \"children\">,\n    VariantProps<typeof reorderListVariants> {\n  items: ReorderListItem[];\n  /** Order as item ids (controlled). */\n  value?: string[];\n  /** Initial order (uncontrolled). Defaults to the order of `items`. */\n  defaultValue?: string[];\n  /** Called with the new order after a drop that changed it. */\n  onValueChange?: (value: string[]) => void;\n  /** Replaces the avatar and label inside a row. The label still names the button. */\n  renderItem?: (item: ReorderListItem, state: { grabbed: boolean; index: number }) => ReactNode;\n  /** Pill corner radius, 0–22 px. */\n  corner?: number;\n  /** Spring softness for rows settling, 0–100. */\n  give?: number;\n  /** How much the held pill skews and squashes with velocity, 0–100. */\n  lean?: number;\n  /** 1px inset hairline on each pill. */\n  stroke?: boolean;\n  disabled?: boolean;\n  /** Overrides for the live-region messages (i18n). */\n  announcements?: Partial<ReorderListAnnouncements>;\n  /** Describes the keyboard operation; referenced by every row's button. */\n  instructions?: string;\n}\n\nfunction RowAvatar({ item }: { item: ReorderListItem }) {\n  return (\n    <span aria-hidden=\"true\" className=\"relative shrink-0\">\n      <Avatar\n        size=\"sm\"\n        data-slot=\"reorder-list-avatar\"\n        style={{ backgroundColor: item.accent }}\n        className={cn(!item.accent && \"bg-muted\")}\n      >\n        {item.avatar ? <AvatarImage src={item.avatar} alt=\"\" draggable={false} /> : null}\n        <AvatarFallback\n          className=\"bg-transparent text-xs font-medium text-primary-foreground\"\n          style={item.accent ? undefined : { color: \"var(--color-muted-foreground)\" }}\n        >\n          {item.initials ?? item.label.slice(0, 1)}\n        </AvatarFallback>\n      </Avatar>\n      {item.online ? (\n        <span\n          data-slot=\"reorder-list-presence\"\n          className=\"absolute -end-px -bottom-px size-[0.5625rem] rounded-full bg-success ring-2 ring-(--reorder-list-pill)\"\n        />\n      ) : null}\n    </span>\n  );\n}\n\n/** A list you reorder by dragging liquid pills, or with Space and the arrow keys. */\nexport function ReorderList({\n  className,\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  renderItem,\n  corner = 22,\n  give = 50,\n  lean = 18,\n  fill,\n  stroke = false,\n  disabled = false,\n  announcements,\n  instructions = \"Press Space or Enter to pick up, the arrow keys to move, Space or Enter to drop, Escape to cancel.\",\n  style,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: ReorderListProps) {\n  const uid = useId().replace(/:/g, \"\");\n  const filterId = `dowel-reorder-list-goo-${uid}`;\n  const hintId = `dowel-reorder-list-hint-${uid}`;\n  const reduceMotion = usePrefersReducedMotion();\n  const messages = { ...ANNOUNCEMENTS, ...announcements };\n  const radius = clamp(corner, 0, 22);\n  const byId = new Map(items.map((item) => [item.id, item]));\n\n  const [uncontrolled, setUncontrolled] = useState(\n    () => defaultValue ?? items.map((item) => item.id),\n  );\n  const requested = value ?? uncontrolled;\n  // Known ids in the requested order, then any items it left out.\n  const order = requested\n    .filter((id, i) => byId.has(id) && requested.indexOf(id) === i)\n    .concat(items.map((item) => item.id).filter((id) => !requested.includes(id)));\n  const total = order.length;\n\n  /** The order being arranged, before a drop commits it. */\n  const [draft, setDraftState] = useState<string[] | null>(null);\n  const draftRef = useRef<string[] | null>(null);\n  function setDraft(next: string[] | null) {\n    draftRef.current = next;\n    setDraftState(next);\n  }\n  const visual = draft ?? order;\n\n  /** The row lifted by keyboard or pointer. */\n  const [held, setHeld] = useState<string | null>(null);\n  const grab = useRef<{ id: string; from: number } | null>(null);\n  const drag = useRef<{\n    id: string;\n    pointerId: number;\n    startY: number;\n    originY: number;\n    from: number;\n    moved: boolean;\n  } | null>(null);\n  const [dragging, setDragging] = useState<string | null>(null);\n\n  const [announcement, setAnnouncement] = useState(\"\");\n  function announce(kind: keyof ReorderListAnnouncements, id: string, index: number) {\n    const item = byId.get(id);\n    if (item) setAnnouncement(messages[kind]({ item, position: index + 1, total }));\n  }\n\n  // One y per row, shared by the row and its blob so the goo tracks the text.\n  const [ys] = useState(() => new Map<string, MotionValue<number>>());\n  const controls = useRef(new Map<string, AnimationPlaybackControls>());\n  function yFor(id: string) {\n    let y = ys.get(id);\n    if (!y) {\n      y = motionValue(Math.max(0, visual.indexOf(id)) * STEP);\n      ys.set(id, y);\n    }\n    return y;\n  }\n\n  const skinX = useSpring(1, { stiffness: 420, damping: 26 });\n  const skinY = useSpring(1, { stiffness: 420, damping: 26 });\n  const skew = useSpring(0, { stiffness: 420, damping: 26 });\n  const relax = useRef<ReturnType<typeof setTimeout>>(undefined);\n  function deform(velocity: number) {\n    if (reduceMotion) return;\n    const shape = leanFor(velocity, lean);\n    skinX.set(shape.scaleX);\n    skinY.set(shape.scaleY);\n    skew.set(shape.skewY);\n    clearTimeout(relax.current);\n    // A held pill relaxes as soon as the pointer is still.\n    relax.current = setTimeout(() => deform(0), 80);\n  }\n\n  const visualKey = visual.join(\"\\u0000\");\n  const spring = reorderSpring(give);\n  useEffect(() => {\n    visual.forEach((id, index) => {\n      if (id === dragging) return;\n      const y = yFor(id);\n      const target = index * STEP;\n      controls.current.get(id)?.stop();\n      if (reduceMotion) {\n        y.set(target);\n      } else if (y.get() !== target) {\n        controls.current.set(id, animate(y, target, spring));\n      }\n    });\n    // `visualKey` stands for `visual`; the spring is read fresh on each run.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visualKey, dragging, reduceMotion]);\n\n  useEffect(() => {\n    const running = controls.current;\n    return () => {\n      clearTimeout(relax.current);\n      running.forEach((control) => control.stop());\n    };\n  }, []);\n\n  // Committing reorders the DOM, which can drop focus from the moved button.\n  const handles = useRef(new Map<string, HTMLButtonElement>());\n  const refocus = useRef<string | null>(null);\n  const orderKey = order.join(\"\\u0000\");\n  useLayoutEffect(() => {\n    const id = refocus.current;\n    refocus.current = null;\n    if (id && document.activeElement !== handles.current.get(id)) {\n      handles.current.get(id)?.focus();\n    }\n  }, [orderKey]);\n\n  function commit(next: string[]) {\n    setDraft(null);\n    if (next.join(\"\\u0000\") === orderKey) return;\n    if (value === undefined) setUncontrolled(next);\n    onValueChange?.(next);\n  }\n\n  function cancelGrab() {\n    const current = grab.current;\n    if (!current) return;\n    grab.current = null;\n    setHeld(null);\n    setDraft(null);\n    announce(\"cancelled\", current.id, current.from);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>, id: string) {\n    if (drag.current) return;\n    const list = draftRef.current ?? order;\n    const index = list.indexOf(id);\n    const last = list.length - 1;\n    const key = event.key;\n    const pick = key === \" \" || key === \"Enter\";\n\n    if (grab.current?.id === id) {\n      const to =\n        key === \"ArrowUp\"\n          ? index - 1\n          : key === \"ArrowDown\"\n            ? index + 1\n            : key === \"Home\"\n              ? 0\n              : key === \"End\"\n                ? last\n                : null;\n      if (to !== null) {\n        event.preventDefault();\n        const target = clamp(to, 0, last);\n        if (target === index) return;\n        setDraft(moveTo(list, id, target));\n        announce(\"moved\", id, target);\n      } else if (pick) {\n        event.preventDefault();\n        grab.current = null;\n        setHeld(null);\n        refocus.current = id;\n        commit(list);\n        announce(\"dropped\", id, index);\n      } else if (key === \"Escape\") {\n        event.preventDefault();\n        cancelGrab();\n      }\n      return;\n    }\n\n    if (pick) {\n      event.preventDefault();\n      grab.current = { id, from: index };\n      setHeld(id);\n      setDraft(list);\n      announce(\"grabbed\", id, index);\n      return;\n    }\n    const focusTo =\n      key === \"ArrowUp\"\n        ? index - 1\n        : key === \"ArrowDown\"\n          ? index + 1\n          : key === \"Home\"\n            ? 0\n            : key === \"End\"\n              ? last\n              : null;\n    if (focusTo === null) return;\n    event.preventDefault();\n    const next = list[clamp(focusTo, 0, last)];\n    if (next) handles.current.get(next)?.focus();\n  }\n\n  function handlePointerDown(event: PointerEvent<HTMLButtonElement>, id: string) {\n    if (disabled || grab.current || event.button !== 0) return;\n    const index = order.indexOf(id);\n    try {\n      event.currentTarget.setPointerCapture(event.pointerId);\n    } catch {\n      // Synthetic pointers cannot be captured; the drag still works.\n    }\n    controls.current.get(id)?.stop();\n    drag.current = {\n      id,\n      pointerId: event.pointerId,\n      startY: event.clientY,\n      originY: index * STEP,\n      from: index,\n      moved: false,\n    };\n    setDraft(order);\n    setHeld(id);\n    setDragging(id);\n  }\n\n  function handlePointerMove(event: PointerEvent<HTMLButtonElement>) {\n    const current = drag.current;\n    if (current?.pointerId !== event.pointerId) return;\n    const dy = event.clientY - current.startY;\n    if (!current.moved && Math.abs(dy) < SLOP) return;\n    current.moved = true;\n    const y = clamp(current.originY + dy, -STEP / 2, (total - 1) * STEP + STEP / 2);\n    const row = yFor(current.id);\n    row.set(y);\n    deform(row.getVelocity());\n    const list = draftRef.current ?? order;\n    // A neighbour gives way once the held row is half a step past it.\n    const slot = clamp(Math.round(y / STEP), 0, total - 1);\n    if (list.indexOf(current.id) !== slot) setDraft(moveTo(list, current.id, slot));\n  }\n\n  function handlePointerUp(event: PointerEvent<HTMLButtonElement>) {\n    const current = drag.current;\n    if (current?.pointerId !== event.pointerId) return;\n    drag.current = null;\n    clearTimeout(relax.current);\n    deform(0);\n    const list = draftRef.current ?? order;\n    setHeld(null);\n    setDragging(null);\n    if (!current.moved) {\n      setDraft(null);\n      return;\n    }\n    if (document.activeElement === event.currentTarget) refocus.current = current.id;\n    commit(list);\n    announce(\"dropped\", current.id, list.indexOf(current.id));\n  }\n\n  const blobStyle = { height: PILL, borderRadius: radius };\n\n  return (\n    <MotionConfig reducedMotion=\"user\">\n      <div\n        data-slot=\"reorder-list\"\n        data-disabled={disabled ? \"\" : undefined}\n        className={cn(reorderListVariants({ fill }), className)}\n        style={{ height: total > 0 ? (total - 1) * STEP + PILL : 0, ...style }}\n        {...props}\n      >\n        <svg aria-hidden=\"true\" className=\"absolute size-0\">\n          <defs>\n            <filter id={filterId} x=\"-20%\" y=\"-50%\" width=\"140%\" height=\"200%\">\n              <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"2.6\" result=\"blur\" />\n              <feColorMatrix\n                in=\"blur\"\n                type=\"matrix\"\n                values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 28 -14\"\n                result=\"goo\"\n              />\n              <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\" />\n            </filter>\n          </defs>\n        </svg>\n\n        <div\n          aria-hidden=\"true\"\n          data-slot=\"reorder-list-blobs\"\n          className=\"pointer-events-none absolute inset-0\"\n          style={{ filter: reduceMotion ? undefined : `url(#${filterId})` }}\n        >\n          {order.map((id) => {\n            const isHeld = id === held;\n            return (\n              <motion.div\n                key={id}\n                data-slot=\"reorder-list-blob\"\n                className=\"absolute inset-x-0 top-0\"\n                style={{ ...blobStyle, y: yFor(id), zIndex: isHeld ? 2 : 1 }}\n              >\n                <motion.div\n                  data-slot=\"reorder-list-skin\"\n                  className={cn(\n                    \"size-full bg-(--reorder-list-pill) shadow-xs\",\n                    stroke && \"ring-1 ring-border ring-inset\",\n                  )}\n                  style={{\n                    borderRadius: radius,\n                    ...(id === dragging ? { scaleX: skinX, scaleY: skinY, skewY: skew } : null),\n                  }}\n                />\n              </motion.div>\n            );\n          })}\n        </div>\n\n        <ol\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          data-slot=\"reorder-list-list\"\n          className=\"absolute inset-0 m-0 list-none p-0\"\n        >\n          {order.map((id) => {\n            const item = byId.get(id);\n            if (!item) return null;\n            const isHeld = id === held;\n            const index = visual.indexOf(id);\n            return (\n              <motion.li\n                key={id}\n                data-slot=\"reorder-list-row\"\n                data-index={index}\n                data-held={isHeld ? \"\" : undefined}\n                className=\"absolute inset-x-0 top-0\"\n                style={{ height: PILL, y: yFor(id), zIndex: isHeld ? 2 : 1 }}\n              >\n                <button\n                  ref={(node) => {\n                    if (node) handles.current.set(id, node);\n                    else handles.current.delete(id);\n                  }}\n                  type=\"button\"\n                  disabled={disabled}\n                  aria-describedby={hintId}\n                  aria-pressed={isHeld && dragging === null}\n                  data-slot=\"reorder-list-handle\"\n                  data-grabbed={isHeld ? \"\" : undefined}\n                  className={cn(\n                    \"flex size-full touch-none items-center gap-[0.6875rem] bg-transparent ps-1.5 pe-4 text-start\",\n                    \"cursor-grab data-grabbed:cursor-grabbing\",\n                    focusRing,\n                    disabledStyles,\n                  )}\n                  style={{ borderRadius: radius }}\n                  onKeyDown={(event) => handleKeyDown(event, id)}\n                  onBlur={() => {\n                    if (grab.current?.id === id) cancelGrab();\n                  }}\n                  onPointerDown={(event) => handlePointerDown(event, id)}\n                  onPointerMove={handlePointerMove}\n                  onPointerUp={handlePointerUp}\n                  onPointerCancel={handlePointerUp}\n                >\n                  {renderItem ? (\n                    <>\n                      <span aria-hidden=\"true\" className=\"contents\">\n                        {renderItem(item, { grabbed: isHeld, index })}\n                      </span>\n                      <span className=\"sr-only\">{item.label}</span>\n                    </>\n                  ) : (\n                    <>\n                      <motion.span\n                        className=\"flex shrink-0\"\n                        initial={false}\n                        animate={{ scale: isHeld ? 1.08 : 1 }}\n                        transition={{ type: \"spring\", stiffness: 520, damping: 20 }}\n                      >\n                        <RowAvatar item={item} />\n                      </motion.span>\n                      <span data-slot=\"reorder-list-label\" className=\"min-w-0 truncate\">\n                        {item.label}\n                      </span>\n                    </>\n                  )}\n                  {item.online ? <span className=\"sr-only\">, online</span> : null}\n                </button>\n              </motion.li>\n            );\n          })}\n        </ol>\n\n        <span id={hintId} className=\"sr-only\">\n          {instructions}\n        </span>\n        <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </span>\n      </div>\n    </MotionConfig>\n  );\n}\n\nexport { reorderListVariants };\n"],"mappings":";;;;;;;;;;AAoDA,MAAM,OAAO;;AAEb,MAAM,OAAO;;AAEb,MAAM,OAAO;AAEb,MAAM,iBAAiB;AAEvB,SAAS,4BAA4B,UAAsB;CACzD,MAAM,QAAQ,OAAO,WAAW,cAAc;CAC9C,MAAM,iBAAiB,UAAU,QAAQ;CACzC,aAAa,MAAM,oBAAoB,UAAU,QAAQ;AAC3D;AAEA,SAAS,0BAA0B;CACjC,OAAO,qBACL,mCACM,OAAO,WAAW,cAAc,CAAC,CAAC,eAClC,KACR;AACF;AAEA,SAAS,MAAM,OAAe,KAAa,KAAa;CACtD,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;AAEA,SAAS,OAAO,MAAgB,IAAY,IAAY;CACtD,MAAM,OAAO,KAAK,QAAQ,UAAU,UAAU,EAAE;CAChD,KAAK,OAAO,IAAI,GAAG,EAAE;CACrB,OAAO;AACT;;AAGA,SAAgB,cAAc,MAAc;CAC1C,MAAM,IAAI,MAAM,MAAM,GAAG,GAAG,IAAI;CAChC,OAAO;EACL,MAAM;EACN,WAAW,MAAM,MAAM;EACvB,SAAS,KAAK,KAAK;EACnB,WAAW;CACb;AACF;;;;;AAMA,SAAgB,QAAQ,UAAkB,MAAc;CACtD,MAAM,OAAO,MAAM,MAAM,GAAG,GAAG,IAAI;CACnC,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,IAAI,GAAI,IAAI;CACxD,OAAO;EACL,QAAQ,KAAK,IAAI,KAAM,IAAI,SAAS,GAAG;EACvC,QAAQ,KAAK,IAAI,KAAK,IAAI,SAAS,GAAI;EACvC,OAAO,KAAK,KAAK,QAAQ,IAAI,SAAS;CACxC;AACF;AA8BA,MAAM,gBAA0C;CAC9C,UAAU,EAAE,MAAM,UAAU,YAC1B,GAAG,KAAK,MAAM,6BAA6B,OAAO,QAAQ,EAAE,MAAM,OAAO,KAAK,EAAE;CAElF,QAAQ,EAAE,MAAM,UAAU,YACxB,GAAG,KAAK,MAAM,qBAAqB,OAAO,QAAQ,EAAE,MAAM,OAAO,KAAK;CACxE,UAAU,EAAE,MAAM,UAAU,YAC1B,GAAG,KAAK,MAAM,uBAAuB,OAAO,QAAQ,EAAE,MAAM,OAAO,KAAK;CAC1E,YAAY,EAAE,MAAM,UAAU,YAC5B,sBAAsB,KAAK,MAAM,wBAAwB,OAAO,QAAQ,EAAE,MAAM,OAAO,KAAK;AAChG;AAEA,MAAM,sBAAsB,IAAI,uDAAuD;CACrF,UAAU;;AAER,MAAM;EACJ,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EAAE,MAAM,QAAQ;AACnC,CAAC;AA8BD,SAAS,UAAU,EAAE,QAAmC;CACtD,OACE,qBAAC,QAAD;EAAM,eAAY;EAAO,WAAU;EAAnC,UAAA,CACE,qBAAC,QAAD;GACE,MAAK;GACL,aAAU;GACV,OAAO,EAAE,iBAAiB,KAAK,OAAO;GACtC,WAAW,GAAG,CAAC,KAAK,UAAU,UAAU;GAJ1C,UAAA,CAMG,KAAK,SAAS,oBAAC,aAAD;IAAa,KAAK,KAAK;IAAQ,KAAI;IAAG,WAAW;GAAQ,CAAA,IAAI,MAC5E,oBAAC,gBAAD;IACE,WAAU;IACV,OAAO,KAAK,SAAS,KAAA,IAAY,EAAE,OAAO,gCAAgC;IAEzE,UAAA,KAAK,YAAY,KAAK,MAAM,MAAM,GAAG,CAAC;GACzB,CAAA,CACV;EACP,CAAA,GAAA,KAAK,SACJ,oBAAC,QAAD;GACE,aAAU;GACV,WAAU;EACX,CAAA,IACC,IACA;;AAEV;;AAGA,SAAgB,YAAY,EAC1B,WACA,OACA,OACA,cACA,eACA,YACA,SAAS,IACT,OAAO,IACP,OAAO,IACP,MACA,SAAS,OACT,WAAW,OACX,eACA,eAAe,sGACf,OACA,cAAc,WACd,mBAAmB,gBACnB,GAAG,SACgB;CACnB,MAAM,MAAM,MAAM,CAAC,CAAC,QAAQ,MAAM,EAAE;CACpC,MAAM,WAAW,0BAA0B;CAC3C,MAAM,SAAS,2BAA2B;CAC1C,MAAM,eAAe,wBAAwB;CAC7C,MAAM,WAAW;EAAE,GAAG;EAAe,GAAG;CAAc;CACtD,MAAM,SAAS,MAAM,QAAQ,GAAG,EAAE;CAClC,MAAM,OAAO,IAAI,IAAI,MAAM,KAAK,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;CAEzD,MAAM,CAAC,cAAc,mBAAmB,eAChC,gBAAgB,MAAM,KAAK,SAAS,KAAK,EAAE,CACnD;CACA,MAAM,YAAY,SAAS;CAE3B,MAAM,QAAQ,UACX,QAAQ,IAAI,MAAM,KAAK,IAAI,EAAE,KAAK,UAAU,QAAQ,EAAE,MAAM,CAAC,CAAC,CAC9D,OAAO,MAAM,KAAK,SAAS,KAAK,EAAE,CAAC,CAAC,QAAQ,OAAO,CAAC,UAAU,SAAS,EAAE,CAAC,CAAC;CAC9E,MAAM,QAAQ,MAAM;;CAGpB,MAAM,CAAC,OAAO,iBAAiB,SAA0B,IAAI;CAC7D,MAAM,WAAW,OAAwB,IAAI;CAC7C,SAAS,SAAS,MAAuB;EACvC,SAAS,UAAU;EACnB,cAAc,IAAI;CACpB;CACA,MAAM,SAAS,SAAS;;CAGxB,MAAM,CAAC,MAAM,WAAW,SAAwB,IAAI;CACpD,MAAM,OAAO,OAA4C,IAAI;CAC7D,MAAM,OAAO,OAOH,IAAI;CACd,MAAM,CAAC,UAAU,eAAe,SAAwB,IAAI;CAE5D,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CACnD,SAAS,SAAS,MAAsC,IAAY,OAAe;EACjF,MAAM,OAAO,KAAK,IAAI,EAAE;EACxB,IAAI,MAAM,gBAAgB,SAAS,KAAK,CAAC;GAAE;GAAM,UAAU,QAAQ;GAAG;EAAM,CAAC,CAAC;CAChF;CAGA,MAAM,CAAC,MAAM,+BAAe,IAAI,IAAiC,CAAC;CAClE,MAAM,WAAW,uBAAO,IAAI,IAAuC,CAAC;CACpE,SAAS,KAAK,IAAY;EACxB,IAAI,IAAI,GAAG,IAAI,EAAE;EACjB,IAAI,CAAC,GAAG;GACN,IAAI,YAAY,KAAK,IAAI,GAAG,OAAO,QAAQ,EAAE,CAAC,IAAI,IAAI;GACtD,GAAG,IAAI,IAAI,CAAC;EACd;EACA,OAAO;CACT;CAEA,MAAM,QAAQ,UAAU,GAAG;EAAE,WAAW;EAAK,SAAS;CAAG,CAAC;CAC1D,MAAM,QAAQ,UAAU,GAAG;EAAE,WAAW;EAAK,SAAS;CAAG,CAAC;CAC1D,MAAM,OAAO,UAAU,GAAG;EAAE,WAAW;EAAK,SAAS;CAAG,CAAC;CACzD,MAAM,QAAQ,OAAsC,KAAA,CAAS;CAC7D,SAAS,OAAO,UAAkB;EAChC,IAAI,cAAc;EAClB,MAAM,QAAQ,QAAQ,UAAU,IAAI;EACpC,MAAM,IAAI,MAAM,MAAM;EACtB,MAAM,IAAI,MAAM,MAAM;EACtB,KAAK,IAAI,MAAM,KAAK;EACpB,aAAa,MAAM,OAAO;EAE1B,MAAM,UAAU,iBAAiB,OAAO,CAAC,GAAG,EAAE;CAChD;CAEA,MAAM,YAAY,OAAO,KAAK,IAAQ;CACtC,MAAM,SAAS,cAAc,IAAI;CACjC,gBAAgB;EACd,OAAO,SAAS,IAAI,UAAU;GAC5B,IAAI,OAAO,UAAU;GACrB,MAAM,IAAI,KAAK,EAAE;GACjB,MAAM,SAAS,QAAQ;GACvB,SAAS,QAAQ,IAAI,EAAE,CAAC,EAAE,KAAK;GAC/B,IAAI,cACF,EAAE,IAAI,MAAM;QACP,IAAI,EAAE,IAAI,MAAM,QACrB,SAAS,QAAQ,IAAI,IAAI,QAAQ,GAAG,QAAQ,MAAM,CAAC;EAEvD,CAAC;CAGH,GAAG;EAAC;EAAW;EAAU;CAAY,CAAC;CAEtC,gBAAgB;EACd,MAAM,UAAU,SAAS;EACzB,aAAa;GACX,aAAa,MAAM,OAAO;GAC1B,QAAQ,SAAS,YAAY,QAAQ,KAAK,CAAC;EAC7C;CACF,GAAG,CAAC,CAAC;CAGL,MAAM,UAAU,uBAAO,IAAI,IAA+B,CAAC;CAC3D,MAAM,UAAU,OAAsB,IAAI;CAC1C,MAAM,WAAW,MAAM,KAAK,IAAQ;CACpC,sBAAsB;EACpB,MAAM,KAAK,QAAQ;EACnB,QAAQ,UAAU;EAClB,IAAI,MAAM,SAAS,kBAAkB,QAAQ,QAAQ,IAAI,EAAE,GACzD,QAAQ,QAAQ,IAAI,EAAE,CAAC,EAAE,MAAM;CAEnC,GAAG,CAAC,QAAQ,CAAC;CAEb,SAAS,OAAO,MAAgB;EAC9B,SAAS,IAAI;EACb,IAAI,KAAK,KAAK,IAAQ,MAAM,UAAU;EACtC,IAAI,UAAU,KAAA,GAAW,gBAAgB,IAAI;EAC7C,gBAAgB,IAAI;CACtB;CAEA,SAAS,aAAa;EACpB,MAAM,UAAU,KAAK;EACrB,IAAI,CAAC,SAAS;EACd,KAAK,UAAU;EACf,QAAQ,IAAI;EACZ,SAAS,IAAI;EACb,SAAS,aAAa,QAAQ,IAAI,QAAQ,IAAI;CAChD;CAEA,SAAS,cAAc,OAAyC,IAAY;EAC1E,IAAI,KAAK,SAAS;EAClB,MAAM,OAAO,SAAS,WAAW;EACjC,MAAM,QAAQ,KAAK,QAAQ,EAAE;EAC7B,MAAM,OAAO,KAAK,SAAS;EAC3B,MAAM,MAAM,MAAM;EAClB,MAAM,OAAO,QAAQ,OAAO,QAAQ;EAEpC,IAAI,KAAK,SAAS,OAAO,IAAI;GAC3B,MAAM,KACJ,QAAQ,YACJ,QAAQ,IACR,QAAQ,cACN,QAAQ,IACR,QAAQ,SACN,IACA,QAAQ,QACN,OACA;GACZ,IAAI,OAAO,MAAM;IACf,MAAM,eAAe;IACrB,MAAM,SAAS,MAAM,IAAI,GAAG,IAAI;IAChC,IAAI,WAAW,OAAO;IACtB,SAAS,OAAO,MAAM,IAAI,MAAM,CAAC;IACjC,SAAS,SAAS,IAAI,MAAM;GAC9B,OAAO,IAAI,MAAM;IACf,MAAM,eAAe;IACrB,KAAK,UAAU;IACf,QAAQ,IAAI;IACZ,QAAQ,UAAU;IAClB,OAAO,IAAI;IACX,SAAS,WAAW,IAAI,KAAK;GAC/B,OAAO,IAAI,QAAQ,UAAU;IAC3B,MAAM,eAAe;IACrB,WAAW;GACb;GACA;EACF;EAEA,IAAI,MAAM;GACR,MAAM,eAAe;GACrB,KAAK,UAAU;IAAE;IAAI,MAAM;GAAM;GACjC,QAAQ,EAAE;GACV,SAAS,IAAI;GACb,SAAS,WAAW,IAAI,KAAK;GAC7B;EACF;EACA,MAAM,UACJ,QAAQ,YACJ,QAAQ,IACR,QAAQ,cACN,QAAQ,IACR,QAAQ,SACN,IACA,QAAQ,QACN,OACA;EACZ,IAAI,YAAY,MAAM;EACtB,MAAM,eAAe;EACrB,MAAM,OAAO,KAAK,MAAM,SAAS,GAAG,IAAI;EACxC,IAAI,MAAM,QAAQ,QAAQ,IAAI,IAAI,CAAC,EAAE,MAAM;CAC7C;CAEA,SAAS,kBAAkB,OAAwC,IAAY;EAC7E,IAAI,YAAY,KAAK,WAAW,MAAM,WAAW,GAAG;EACpD,MAAM,QAAQ,MAAM,QAAQ,EAAE;EAC9B,IAAI;GACF,MAAM,cAAc,kBAAkB,MAAM,SAAS;EACvD,QAAQ,CAER;EACA,SAAS,QAAQ,IAAI,EAAE,CAAC,EAAE,KAAK;EAC/B,KAAK,UAAU;GACb;GACA,WAAW,MAAM;GACjB,QAAQ,MAAM;GACd,SAAS,QAAQ;GACjB,MAAM;GACN,OAAO;EACT;EACA,SAAS,KAAK;EACd,QAAQ,EAAE;EACV,YAAY,EAAE;CAChB;CAEA,SAAS,kBAAkB,OAAwC;EACjE,MAAM,UAAU,KAAK;EACrB,IAAI,SAAS,cAAc,MAAM,WAAW;EAC5C,MAAM,KAAK,MAAM,UAAU,QAAQ;EACnC,IAAI,CAAC,QAAQ,SAAS,KAAK,IAAI,EAAE,IAAI,MAAM;EAC3C,QAAQ,QAAQ;EAChB,MAAM,IAAI,MAAM,QAAQ,UAAU,IAAI,MAAY,QAAQ,KAAK,OAAO,OAAO,CAAC;EAC9E,MAAM,MAAM,KAAK,QAAQ,EAAE;EAC3B,IAAI,IAAI,CAAC;EACT,OAAO,IAAI,YAAY,CAAC;EACxB,MAAM,OAAO,SAAS,WAAW;EAEjC,MAAM,OAAO,MAAM,KAAK,MAAM,IAAI,IAAI,GAAG,GAAG,QAAQ,CAAC;EACrD,IAAI,KAAK,QAAQ,QAAQ,EAAE,MAAM,MAAM,SAAS,OAAO,MAAM,QAAQ,IAAI,IAAI,CAAC;CAChF;CAEA,SAAS,gBAAgB,OAAwC;EAC/D,MAAM,UAAU,KAAK;EACrB,IAAI,SAAS,cAAc,MAAM,WAAW;EAC5C,KAAK,UAAU;EACf,aAAa,MAAM,OAAO;EAC1B,OAAO,CAAC;EACR,MAAM,OAAO,SAAS,WAAW;EACjC,QAAQ,IAAI;EACZ,YAAY,IAAI;EAChB,IAAI,CAAC,QAAQ,OAAO;GAClB,SAAS,IAAI;GACb;EACF;EACA,IAAI,SAAS,kBAAkB,MAAM,eAAe,QAAQ,UAAU,QAAQ;EAC9E,OAAO,IAAI;EACX,SAAS,WAAW,QAAQ,IAAI,KAAK,QAAQ,QAAQ,EAAE,CAAC;CAC1D;CAEA,MAAM,YAAY;EAAE,QAAQ;EAAM,cAAc;CAAO;CAEvD,OACE,oBAAC,cAAD;EAAc,eAAc;EAC1B,UAAA,qBAAC,OAAD;GACE,aAAU;GACV,iBAAe,WAAW,KAAK,KAAA;GAC/B,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,GAAG,SAAS;GACtD,OAAO;IAAE,QAAQ,QAAQ,KAAK,QAAQ,KAAK,OAAO,OAAO;IAAG,GAAG;GAAM;GACrE,GAAI;GALN,UAAA;IAOE,oBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;KAChC,UAAA,oBAAC,QAAD,EAAA,UACE,qBAAC,UAAD;MAAQ,IAAI;MAAU,GAAE;MAAO,GAAE;MAAO,OAAM;MAAO,QAAO;MAA5D,UAAA;OACE,oBAAC,kBAAD;QAAgB,IAAG;QAAgB,cAAa;QAAM,QAAO;OAAQ,CAAA;OACrE,oBAAC,iBAAD;QACE,IAAG;QACH,MAAK;QACL,QAAO;QACP,QAAO;OACR,CAAA;OACD,oBAAC,eAAD;QAAa,IAAG;QAAgB,KAAI;QAAM,UAAS;OAAQ,CAAA;MACrD;KACJ,CAAA,EAAA,CAAA;IACH,CAAA;IAEL,oBAAC,OAAD;KACE,eAAY;KACZ,aAAU;KACV,WAAU;KACV,OAAO,EAAE,QAAQ,eAAe,KAAA,IAAY,QAAQ,SAAS,GAAG;KAE/D,UAAA,MAAM,KAAK,OAAO;MACjB,MAAM,SAAS,OAAO;MACtB,OACE,oBAAC,OAAO,KAAR;OAEE,aAAU;OACV,WAAU;OACV,OAAO;QAAE,GAAG;QAAW,GAAG,KAAK,EAAE;QAAG,QAAQ,SAAS,IAAI;OAAE;OAE3D,UAAA,oBAAC,OAAO,KAAR;QACE,aAAU;QACV,WAAW,GACT,gDACA,UAAU,+BACZ;QACA,OAAO;SACL,cAAc;SACd,GAAI,OAAO,WAAW;UAAE,QAAQ;UAAO,QAAQ;UAAO,OAAO;SAAK,IAAI;QACxE;OACD,CAAA;MACS,GAhBL,EAgBK;KAEhB,CAAC;IACE,CAAA;IAEL,oBAAC,MAAD;KACE,cAAY;KACZ,mBAAiB;KACjB,aAAU;KACV,WAAU;KAET,UAAA,MAAM,KAAK,OAAO;MACjB,MAAM,OAAO,KAAK,IAAI,EAAE;MACxB,IAAI,CAAC,MAAM,OAAO;MAClB,MAAM,SAAS,OAAO;MACtB,MAAM,QAAQ,OAAO,QAAQ,EAAE;MAC/B,OACE,oBAAC,OAAO,IAAR;OAEE,aAAU;OACV,cAAY;OACZ,aAAW,SAAS,KAAK,KAAA;OACzB,WAAU;OACV,OAAO;QAAE,QAAQ;QAAM,GAAG,KAAK,EAAE;QAAG,QAAQ,SAAS,IAAI;OAAE;OAE3D,UAAA,qBAAC,UAAD;QACE,MAAM,SAAS;SACb,IAAI,MAAM,QAAQ,QAAQ,IAAI,IAAI,IAAI;cACjC,QAAQ,QAAQ,OAAO,EAAE;QAChC;QACA,MAAK;QACK;QACV,oBAAkB;QAClB,gBAAc,UAAU,aAAa;QACrC,aAAU;QACV,gBAAc,SAAS,KAAK,KAAA;QAC5B,WAAW,GACT,gGACA,4CACA,WACA,cACF;QACA,OAAO,EAAE,cAAc,OAAO;QAC9B,YAAY,UAAU,cAAc,OAAO,EAAE;QAC7C,cAAc;SACZ,IAAI,KAAK,SAAS,OAAO,IAAI,WAAW;QAC1C;QACA,gBAAgB,UAAU,kBAAkB,OAAO,EAAE;QACrD,eAAe;QACf,aAAa;QACb,iBAAiB;QAzBnB,UAAA,CA2BG,aACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;SAAM,eAAY;SAAO,WAAU;SAChC,UAAA,WAAW,MAAM;UAAE,SAAS;UAAQ;SAAM,CAAC;QACxC,CAAA,GACN,oBAAC,QAAD;SAAM,WAAU;SAAW,UAAA,KAAK;QAAY,CAAA,CAC5C,EAAA,CAAA,IAEF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAO,MAAR;SACE,WAAU;SACV,SAAS;SACT,SAAS,EAAE,OAAO,SAAS,OAAO,EAAE;SACpC,YAAY;UAAE,MAAM;UAAU,WAAW;UAAK,SAAS;SAAG;SAE1D,UAAA,oBAAC,WAAD,EAAiB,KAAO,CAAA;QACb,CAAA,GACb,oBAAC,QAAD;SAAM,aAAU;SAAqB,WAAU;SAC5C,UAAA,KAAK;QACF,CAAA,CACN,EAAA,CAAA,GAEH,KAAK,SAAS,oBAAC,QAAD;SAAM,WAAU;SAAU,UAAA;QAAc,CAAA,IAAI,IACrD;;MACC,GA1DJ,EA0DI;KAEf,CAAC;IACC,CAAA;IAEJ,oBAAC,QAAD;KAAM,IAAI;KAAQ,WAAU;KACzB,UAAA;IACG,CAAA;IACN,oBAAC,QAAD;KAAM,MAAK;KAAS,aAAU;KAAS,WAAU;KAC9C,UAAA;IACG,CAAA;GACH;;CACO,CAAA;AAElB"}