@qw-ui/core 0.3.0-next.40 → 0.3.0-next.43

package/dist/floating-panel-Cbm5njBJ.js

@@ -0,0 +1,363 @@
+import { t as lockGestureAxis } from "./gesture-_SRHIvBm.js";
+import { createMachine } from "@zag-js/core";
+import { visuallyHiddenStyle } from "@zag-js/dom-query";
+//#region src/floating-panel/floating-panel.ts
+const FLOATING_PANEL_PARTS = [
+	"root",
+	"handle",
+	"indicator",
+	"content",
+	"status"
+];
+const FLOATING_PANEL_BOUNDARIES = ["viewport", "parent"];
+const FLOATING_PANEL_DEFAULT_ANCHORS = [
+	100,
+	300,
+	600
+];
+const finite = (value) => typeof value === "number" && Number.isFinite(value);
+function resolveFloatingPanelAnchors(anchors, available = Infinity) {
+	const valid = Array.isArray(anchors) ? anchors.filter((value) => finite(value) && value > 0) : [];
+	const source = valid.length ? valid : FLOATING_PANEL_DEFAULT_ANCHORS;
+	const limit = finite(available) ? Math.max(0, available) : Infinity;
+	return [...new Set(source.map((value) => Math.min(value, limit)))].sort((a, b) => a - b);
+}
+/** Nearest anchor, ties choose the larger anchor. */
+function snapFloatingPanelHeight(height, anchors) {
+	const value = finite(height) ? height : anchors[0];
+	return anchors.reduce((best, anchor) => Math.abs(value - anchor) <= Math.abs(value - best) ? anchor : best, anchors[0]);
+}
+function createFloatingPanelProps(props) {
+	if (typeof props.label !== "string" || !props.label.trim()) throw new TypeError("FloatingPanel requires a nonempty label");
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("FloatingPanel id must be nonempty");
+	return {
+		...props,
+		anchors: resolveFloatingPanelAnchors(props.anchors),
+		height: finite(props.height) ? props.height : void 0,
+		defaultHeight: finite(props.defaultHeight) ? props.defaultHeight : void 0
+	};
+}
+const ids = (scope) => ({
+	root: `floating-panel:${scope.id}`,
+	handle: `floating-panel:${scope.id}:handle`,
+	content: `floating-panel:${scope.id}:content`
+});
+const anchorsOf = (context, prop) => resolveFloatingPanelAnchors(prop("anchors"), context.get("available") ?? Infinity);
+const settled = (context, prop) => snapFloatingPanelHeight(context.get("height"), anchorsOf(context, prop));
+const heightText = (prop, height) => (prop("heightTextTemplate") || "{height}px").replace(/\{height\}/g, String(Math.round(height)));
+function request(context, prop, height, reason) {
+	const next = snapFloatingPanelHeight(height, anchorsOf(context, prop)), before = settled(context, prop);
+	context.set("preview", null);
+	if (next === before) return;
+	context.set("height", next);
+	prop("onHeightChange")?.({
+		height: next,
+		reason
+	});
+	context.set("announcement", heightText(prop, prop("height") === void 0 ? next : settled(context, prop)));
+}
+const px = (value) => Number.parseFloat(value) || 0;
+const floatingPanelMachine = createMachine({
+	props: ({ props }) => createFloatingPanelProps({
+		...props,
+		label: props.label ?? ""
+	}),
+	initialState: () => "ready",
+	context: ({ bindable, prop }) => ({
+		height: bindable(() => ({
+			defaultValue: snapFloatingPanelHeight(prop("defaultHeight"), resolveFloatingPanelAnchors(prop("anchors"))),
+			value: prop("height")
+		})),
+		preview: bindable(() => ({ defaultValue: null })),
+		available: bindable(() => ({ defaultValue: null })),
+		announcement: bindable(() => ({ defaultValue: "" }))
+	}),
+	refs: () => ({ cancelGesture: null }),
+	effects: ["track"],
+	states: { ready: {} },
+	watch({ track, prop, context, action }) {
+		track([
+			() => prop("height"),
+			() => JSON.stringify(prop("anchors")),
+			() => prop("disabled"),
+			() => prop("boundary"),
+			() => prop("contentDraggable")
+		], () => action(["reconcile"]));
+		track([() => context.get("height")], () => action(["announce"]));
+	},
+	on: {
+		PREVIEW: { actions: ["preview"] },
+		SETTLE: { actions: ["settle"] },
+		CANCEL: { actions: ["cancel"] },
+		MEASURE: { actions: ["measure"] }
+	},
+	implementations: {
+		actions: {
+			announce({ context, prop }) {
+				context.set("announcement", heightText(prop, settled(context, prop)));
+			},
+			preview({ context, event, prop }) {
+				if (event.type !== "PREVIEW") return;
+				const anchors = anchorsOf(context, prop);
+				context.set("preview", Math.min(anchors.at(-1), Math.max(anchors[0], event.height)));
+			},
+			settle({ context, event, prop }) {
+				if (event.type === "SETTLE") request(context, prop, event.height, event.reason);
+			},
+			cancel({ context }) {
+				context.set("preview", null);
+			},
+			reconcile({ context, refs, prop }) {
+				refs.get("cancelGesture")?.();
+				context.set("preview", null);
+				if (prop("height") === void 0) context.set("height", settled(context, prop));
+			},
+			measure({ context, event, prop, refs }) {
+				if (event.type !== "MEASURE" || context.get("available") === event.available) return;
+				const previous = settled(context, prop), first = context.get("available") === null;
+				refs.get("cancelGesture")?.();
+				context.set("preview", null);
+				context.set("available", event.available);
+				const next = snapFloatingPanelHeight(context.get("height"), resolveFloatingPanelAnchors(prop("anchors"), event.available));
+				if (prop("height") === void 0) context.set("height", next);
+				if (!first && previous !== next) {
+					prop("onHeightChange")?.({
+						height: next,
+						reason: "resize"
+					});
+					context.set("announcement", heightText(prop, next));
+				}
+			}
+		},
+		effects: { track({ scope, context, prop, refs, send }) {
+			const id = ids(scope), root = scope.getById(id.root), doc = root?.ownerDocument, win = doc?.defaultView;
+			if (!root || !doc || !win) return;
+			const content = () => scope.getById(id.content);
+			let gesture = null;
+			const cancel = () => {
+				const previous = gesture;
+				gesture = null;
+				if (previous?.kind === "pointer" && root.hasPointerCapture?.(previous.id)) try {
+					root.releasePointerCapture(previous.id);
+				} catch {}
+				send({ type: "CANCEL" });
+			};
+			refs.set("cancelGesture", cancel);
+			const measure = () => {
+				const style = win.getComputedStyle(root), parent = prop("boundary") === "parent" ? root.offsetParent : null;
+				const height = parent ? parent.clientHeight : win.visualViewport?.height ?? (doc.documentElement.clientHeight || win.innerHeight);
+				send({
+					type: "MEASURE",
+					available: Math.max(0, height - px(style.scrollMarginTop) - px(style.scrollMarginBottom))
+				});
+			};
+			const start = (target, kind, id, x, y) => {
+				if (gesture || prop("disabled") || !(target instanceof win.Element)) return;
+				const handle = target.closest("[data-scope=\"floating-panel\"][data-part=\"handle\"]");
+				const inContent = !!content()?.contains(target);
+				if (!handle && (!inContent || prop("contentDraggable") === false || target.closest("button,a,input,select,textarea,[contenteditable],[role=button],[role=slider]"))) return;
+				gesture = {
+					id,
+					kind,
+					x,
+					y,
+					origin: settled(context, prop),
+					last: settled(context, prop),
+					content: !handle,
+					scroll: content()?.scrollTop ?? 0,
+					active: false
+				};
+			};
+			const move = (id, x, y, event) => {
+				if (!gesture || gesture.id !== id) return;
+				const dx = x - gesture.x, dy = y - gesture.y, axis = lockGestureAxis(dx, dy, true);
+				if (!gesture.active) {
+					if (axis === "pending") return;
+					const max = anchorsOf(context, prop).at(-1);
+					if (axis === "cross" || gesture.content && (gesture.scroll > 0 || gesture.origin >= max && (dy < 0 || (content()?.scrollTop ?? 0) > 0))) {
+						cancel();
+						return;
+					}
+					gesture.active = true;
+					if (gesture.kind === "pointer") try {
+						root.setPointerCapture?.(id);
+					} catch {}
+				}
+				if (event.cancelable) event.preventDefault();
+				const anchors = anchorsOf(context, prop);
+				gesture.last = Math.min(anchors.at(-1), Math.max(anchors[0], gesture.origin - dy));
+				send({
+					type: "PREVIEW",
+					height: gesture.last
+				});
+			};
+			const end = (id, cancelled) => {
+				if (!gesture || gesture.id !== id) return;
+				const previous = gesture;
+				gesture = null;
+				if (previous.kind === "pointer" && root.hasPointerCapture?.(id)) try {
+					root.releasePointerCapture(id);
+				} catch {}
+				if (cancelled || !previous.active) send({ type: "CANCEL" });
+				else send({
+					type: "SETTLE",
+					height: previous.last,
+					reason: "drag"
+				});
+			};
+			const down = (event) => {
+				if (event.pointerType !== "touch" && event.button === 0 && event.isPrimary !== false) start(event.target, "pointer", event.pointerId, event.clientX, event.clientY);
+			};
+			const pointerMove = (event) => {
+				if (gesture?.kind === "pointer") move(event.pointerId, event.clientX, event.clientY, event);
+			};
+			const up = (event) => {
+				if (gesture?.kind === "pointer") end(event.pointerId, false);
+			};
+			const abort = (event) => {
+				if (gesture?.kind === "pointer") end(event.pointerId, true);
+			};
+			const touchStart = (event) => {
+				if (event.touches.length !== 1) {
+					cancel();
+					return;
+				}
+				const point = event.touches[0];
+				start(event.target, "touch", point.identifier, point.clientX, point.clientY);
+			};
+			const touchMove = (event) => {
+				if (gesture?.kind !== "touch") return;
+				if (event.touches.length !== 1) {
+					cancel();
+					return;
+				}
+				const point = event.touches[0];
+				move(point.identifier, point.clientX, point.clientY, event);
+			};
+			const touchEnd = (event) => {
+				for (const point of Array.from(event.changedTouches)) if (gesture?.kind === "touch") end(point.identifier, event.type === "touchcancel");
+			};
+			const key = (event) => {
+				if (event.key === "Escape" && gesture) {
+					event.preventDefault();
+					cancel();
+				}
+			};
+			root.addEventListener("pointerdown", down);
+			doc.addEventListener("pointermove", pointerMove, { passive: false });
+			doc.addEventListener("pointerup", up);
+			root.addEventListener("lostpointercapture", abort);
+			doc.addEventListener("pointercancel", abort);
+			root.addEventListener("touchstart", touchStart, { passive: true });
+			root.addEventListener("touchmove", touchMove, { passive: false });
+			root.addEventListener("touchend", touchEnd);
+			root.addEventListener("touchcancel", touchEnd);
+			doc.addEventListener("keydown", key);
+			const observer = win.ResizeObserver ? new win.ResizeObserver(measure) : null;
+			observer?.observe(root);
+			if (root.offsetParent) observer?.observe(root.offsetParent);
+			win.addEventListener("resize", measure);
+			win.visualViewport?.addEventListener("resize", measure);
+			win.visualViewport?.addEventListener("scroll", measure);
+			measure();
+			return () => {
+				cancel();
+				refs.set("cancelGesture", null);
+				observer?.disconnect();
+				root.removeEventListener("pointerdown", down);
+				doc.removeEventListener("pointermove", pointerMove);
+				doc.removeEventListener("pointerup", up);
+				root.removeEventListener("lostpointercapture", abort);
+				doc.removeEventListener("pointercancel", abort);
+				root.removeEventListener("touchstart", touchStart);
+				root.removeEventListener("touchmove", touchMove);
+				root.removeEventListener("touchend", touchEnd);
+				root.removeEventListener("touchcancel", touchEnd);
+				doc.removeEventListener("keydown", key);
+				win.removeEventListener("resize", measure);
+				win.visualViewport?.removeEventListener("resize", measure);
+				win.visualViewport?.removeEventListener("scroll", measure);
+			};
+		} }
+	}
+});
+function connectFloatingPanel(service, normalize) {
+	const { context, prop, send, scope } = service, id = ids(scope), anchors = anchorsOf(context, prop), resting = settled(context, prop), preview = context.get("preview"), height = preview ?? resting;
+	const part = (name) => ({
+		"data-scope": "floating-panel",
+		"data-part": name
+	});
+	const label = prop("label"), disabled = !!prop("disabled"), dragging = finite(preview);
+	return {
+		height,
+		anchors,
+		dragging,
+		label,
+		announcement: context.get("announcement"),
+		setHeight(value) {
+			if (finite(value)) send({
+				type: "SETTLE",
+				height: value,
+				reason: "api"
+			});
+		},
+		getRootProps: () => normalize.element({
+			...part("root"),
+			id: id.root,
+			role: "region",
+			"aria-label": label,
+			dir: prop("dir"),
+			"data-boundary": prop("boundary") === "parent" ? "parent" : "viewport",
+			"data-dragging": dragging ? "" : void 0,
+			"data-disabled": disabled ? "" : void 0,
+			style: { "--qw-floating-panel-height": `${height}px` }
+		}),
+		getHandleProps: () => normalize.element({
+			...part("handle"),
+			id: id.handle,
+			role: "slider",
+			tabIndex: disabled ? -1 : 0,
+			"aria-label": label,
+			"aria-orientation": "vertical",
+			"aria-valuemin": anchors[0],
+			"aria-valuemax": anchors.at(-1),
+			"aria-valuenow": resting,
+			"aria-valuetext": heightText(prop, resting),
+			"aria-controls": id.content,
+			"aria-disabled": disabled || void 0,
+			onKeyDown(event) {
+				if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || disabled) return;
+				const index = anchors.indexOf(resting);
+				const next = event.key === "Home" ? anchors[0] : event.key === "End" ? anchors.at(-1) : ["ArrowUp", "PageUp"].includes(event.key) ? anchors[Math.min(anchors.length - 1, index + 1)] : ["ArrowDown", "PageDown"].includes(event.key) ? anchors[Math.max(0, index - 1)] : void 0;
+				if (next !== void 0) {
+					event.preventDefault();
+					send({
+						type: "SETTLE",
+						height: next,
+						reason: "keyboard"
+					});
+				}
+			}
+		}),
+		getIndicatorProps: () => normalize.element({
+			...part("indicator"),
+			"aria-hidden": "true"
+		}),
+		getContentProps: () => normalize.element({
+			...part("content"),
+			id: id.content,
+			"data-expanded": resting === anchors.at(-1) ? "" : void 0
+		}),
+		getStatusProps: () => normalize.element({
+			...part("status"),
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			style: visuallyHiddenStyle
+		})
+	};
+}
+//#endregion
+export { createFloatingPanelProps as a, snapFloatingPanelHeight as c, connectFloatingPanel as i, FLOATING_PANEL_DEFAULT_ANCHORS as n, floatingPanelMachine as o, FLOATING_PANEL_PARTS as r, resolveFloatingPanelAnchors as s, FLOATING_PANEL_BOUNDARIES as t };
+
+//# sourceMappingURL=floating-panel-Cbm5njBJ.js.map

package/dist/floating-panel-Cbm5njBJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel-Cbm5njBJ.js","names":[],"sources":["../src/floating-panel/floating-panel.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\nimport { visuallyHiddenStyle } from \"@zag-js/dom-query\";\nimport { lockGestureAxis } from \"../swiper/gesture.js\";\n\nexport const FLOATING_PANEL_PARTS = [\"root\", \"handle\", \"indicator\", \"content\", \"status\"] as const;\nexport const FLOATING_PANEL_BOUNDARIES = [\"viewport\", \"parent\"] as const;\nexport const FLOATING_PANEL_DEFAULT_ANCHORS: readonly number[] = [100, 300, 600];\nexport type FloatingPanelBoundary = (typeof FLOATING_PANEL_BOUNDARIES)[number];\nexport type FloatingPanelHeightReason = \"drag\" | \"keyboard\" | \"api\" | \"resize\";\nexport interface FloatingPanelHeightChangeDetails { height: number; reason: FloatingPanelHeightReason }\nexport interface QwFloatingPanelProps {\n  id?: string;\n  /** Required accessible name for the region and height slider. */\n  label: string;\n  /** Positive finite visible border-box heights in CSS px; sorted and deduplicated. */\n  anchors?: readonly number[];\n  /** Owner-controlled settled height; keeping the value rejects a request. */\n  height?: number;\n  /** Initial uncontrolled height, defaults to the smallest anchor. */\n  defaultHeight?: number;\n  onHeightChange?: (details: FloatingPanelHeightChangeDetails) => void;\n  /** Fixed to viewport, or absolute in a positioned parent. */\n  boundary?: FloatingPanelBoundary;\n  /** Allow content drag until expanded; native scrolling takes over at maximum. Default true. */\n  contentDraggable?: boolean;\n  disabled?: boolean;\n  dir?: \"ltr\" | \"rtl\";\n  /** Accessible height text; {height} is replaced by CSS px. Default \"{height}px\". */\n  heightTextTemplate?: string;\n}\nconst finite = (value: unknown): value is number => typeof value === \"number\" && Number.isFinite(value);\nexport function resolveFloatingPanelAnchors(anchors: readonly number[] | undefined, available = Infinity): number[] {\n  const valid = Array.isArray(anchors) ? anchors.filter(value => finite(value) && value > 0) : [];\n  const source = valid.length ? valid : FLOATING_PANEL_DEFAULT_ANCHORS;\n  const limit = finite(available) ? Math.max(0, available) : Infinity;\n  return [...new Set(source.map(value => Math.min(value, limit)))].sort((a, b) => a - b);\n}\n/** Nearest anchor, ties choose the larger anchor. */\nexport function snapFloatingPanelHeight(height: number | undefined, anchors: readonly number[]): number {\n  const value = finite(height) ? height : anchors[0]!;\n  return anchors.reduce((best, anchor) => Math.abs(value - anchor) <= Math.abs(value - best) ? anchor : best, anchors[0]!);\n}\nexport function createFloatingPanelProps(props: QwFloatingPanelProps): QwFloatingPanelProps {\n  if (typeof props.label !== \"string\" || !props.label.trim()) throw new TypeError(\"FloatingPanel requires a nonempty label\");\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(\"FloatingPanel id must be nonempty\");\n  return { ...props, anchors: resolveFloatingPanelAnchors(props.anchors), height: finite(props.height) ? props.height : undefined, defaultHeight: finite(props.defaultHeight) ? props.defaultHeight : undefined };\n}\nexport interface QwFloatingPanelSchema {\n  props: QwFloatingPanelProps;\n  context: { height: number; preview: number | null; available: number | null; announcement: string };\n  refs: { cancelGesture: (() => void) | null };\n  state: \"ready\";\n  action: \"preview\" | \"settle\" | \"cancel\" | \"measure\" | \"reconcile\" | \"announce\";\n  effect: \"track\";\n  event:\n    | { type: \"PREVIEW\"; height: number }\n    | { type: \"SETTLE\"; height: number; reason: FloatingPanelHeightReason }\n    | { type: \"CANCEL\" }\n    | { type: \"MEASURE\"; available: number };\n}\nexport type QwFloatingPanelMachine = Machine<QwFloatingPanelSchema>;\nexport type QwFloatingPanelService = Service<QwFloatingPanelSchema>;\ntype Context = QwFloatingPanelService[\"context\"];\ntype Prop = QwFloatingPanelService[\"prop\"];\nconst ids = (scope: QwFloatingPanelService[\"scope\"]) => ({ root: `floating-panel:${scope.id}`, handle: `floating-panel:${scope.id}:handle`, content: `floating-panel:${scope.id}:content` });\nconst anchorsOf = (context: Context, prop: Prop) => resolveFloatingPanelAnchors(prop(\"anchors\"), context.get(\"available\") ?? Infinity);\nconst settled = (context: Context, prop: Prop) => snapFloatingPanelHeight(context.get(\"height\"), anchorsOf(context, prop));\nconst heightText = (prop: Prop, height: number) => (prop(\"heightTextTemplate\") || \"{height}px\").replace(/\\{height\\}/g, String(Math.round(height)));\nfunction request(context: Context, prop: Prop, height: number, reason: FloatingPanelHeightReason): void {\n  const next = snapFloatingPanelHeight(height, anchorsOf(context, prop)), before = settled(context, prop);\n  context.set(\"preview\", null);\n  if (next === before) return;\n  context.set(\"height\", next);\n  prop(\"onHeightChange\")?.({ height: next, reason });\n  // The announcement always reflects accepted state, including controlled refusal.\n  context.set(\"announcement\", heightText(prop, prop(\"height\") === undefined ? next : settled(context, prop)));\n}\nconst px = (value: string) => Number.parseFloat(value) || 0;\nexport const floatingPanelMachine: QwFloatingPanelMachine = createMachine<QwFloatingPanelSchema>({\n  props: ({ props }) => createFloatingPanelProps({ ...props, label: props.label ?? \"\" }), initialState: () => \"ready\",\n  context: ({ bindable, prop }) => ({\n    height: bindable(() => ({ defaultValue: snapFloatingPanelHeight(prop(\"defaultHeight\"), resolveFloatingPanelAnchors(prop(\"anchors\"))), value: prop(\"height\") })),\n    preview: bindable<number | null>(() => ({ defaultValue: null })), available: bindable<number | null>(() => ({ defaultValue: null })), announcement: bindable(() => ({ defaultValue: \"\" })),\n  }),\n  refs: () => ({ cancelGesture: null }), effects: [\"track\"], states: { ready: {} },\n  watch({ track, prop, context, action }) {\n    track([() => prop(\"height\"), () => JSON.stringify(prop(\"anchors\")), () => prop(\"disabled\"), () => prop(\"boundary\"), () => prop(\"contentDraggable\")], () => action([\"reconcile\"]));\n    track([() => context.get(\"height\")], () => action([\"announce\"]));\n  },\n  on: { PREVIEW: { actions: [\"preview\"] }, SETTLE: { actions: [\"settle\"] }, CANCEL: { actions: [\"cancel\"] }, MEASURE: { actions: [\"measure\"] } },\n  implementations: {\n    actions: {\n      announce({ context, prop }) { context.set(\"announcement\", heightText(prop, settled(context, prop))); },\n      preview({ context, event, prop }) { if (event.type !== \"PREVIEW\") return; const anchors = anchorsOf(context, prop); context.set(\"preview\", Math.min(anchors.at(-1)!, Math.max(anchors[0]!, event.height))); },\n      settle({ context, event, prop }) { if (event.type === \"SETTLE\") request(context, prop, event.height, event.reason); },\n      cancel({ context }) { context.set(\"preview\", null); },\n      reconcile({ context, refs, prop }) { refs.get(\"cancelGesture\")?.(); context.set(\"preview\", null); if (prop(\"height\") === undefined) context.set(\"height\", settled(context, prop)); },\n      measure({ context, event, prop, refs }) {\n        if (event.type !== \"MEASURE\" || context.get(\"available\") === event.available) return;\n        const previous = settled(context, prop), first = context.get(\"available\") === null;\n        refs.get(\"cancelGesture\")?.(); context.set(\"preview\", null); context.set(\"available\", event.available);\n        const next = snapFloatingPanelHeight(context.get(\"height\"), resolveFloatingPanelAnchors(prop(\"anchors\"), event.available));\n        if (prop(\"height\") === undefined) context.set(\"height\", next);\n        if (!first && previous !== next) { prop(\"onHeightChange\")?.({ height: next, reason: \"resize\" }); context.set(\"announcement\", heightText(prop, next)); }\n      },\n    },\n    effects: {\n      track({ scope, context, prop, refs, send }) {\n        const id = ids(scope), root = scope.getById<HTMLElement>(id.root), doc = root?.ownerDocument, win = doc?.defaultView;\n        if (!root || !doc || !win) return;\n        const content = () => scope.getById<HTMLElement>(id.content);\n        let gesture: { id: number; kind: \"pointer\" | \"touch\"; x: number; y: number; origin: number; content: boolean; scroll: number; active: boolean; last: number } | null = null;\n        const cancel = () => {\n          const previous = gesture; gesture = null;\n          if (previous?.kind === \"pointer\" && root.hasPointerCapture?.(previous.id)) { try { root.releasePointerCapture(previous.id); } catch { /* Platform already released. */ } }\n          send({ type: \"CANCEL\" });\n        };\n        refs.set(\"cancelGesture\", cancel);\n        const measure = () => {\n          const style = win.getComputedStyle(root), parent = prop(\"boundary\") === \"parent\" ? root.offsetParent as HTMLElement | null : null;\n          const height = parent ? parent.clientHeight : win.visualViewport?.height ?? (doc.documentElement.clientHeight || win.innerHeight);\n          send({ type: \"MEASURE\", available: Math.max(0, height - px(style.scrollMarginTop) - px(style.scrollMarginBottom)) });\n        };\n        const start = (target: EventTarget | null, kind: \"pointer\" | \"touch\", id: number, x: number, y: number) => {\n          if (gesture || prop(\"disabled\") || !(target instanceof win.Element)) return;\n          const handle = target.closest('[data-scope=\"floating-panel\"][data-part=\"handle\"]');\n          const inContent = !!content()?.contains(target);\n          if (!handle && (!inContent || prop(\"contentDraggable\") === false || target.closest(\"button,a,input,select,textarea,[contenteditable],[role=button],[role=slider]\"))) return;\n          gesture = { id, kind, x, y, origin: settled(context, prop), last: settled(context, prop), content: !handle, scroll: content()?.scrollTop ?? 0, active: false };\n        };\n        const move = (id: number, x: number, y: number, event: { preventDefault(): void; cancelable: boolean }) => {\n          if (!gesture || gesture.id !== id) return;\n          const dx = x - gesture.x, dy = y - gesture.y, axis = lockGestureAxis(dx, dy, true);\n          if (!gesture.active) {\n            if (axis === \"pending\") return;\n            const max = anchorsOf(context, prop).at(-1)!;\n            if (axis === \"cross\" || (gesture.content && (gesture.scroll > 0 || (gesture.origin >= max && (dy < 0 || (content()?.scrollTop ?? 0) > 0))))) { cancel(); return; }\n            gesture.active = true;\n            if (gesture.kind === \"pointer\") { try { root.setPointerCapture?.(id); } catch { /* Pointer ended before capture. */ } }\n          }\n          if (event.cancelable) event.preventDefault();\n          const anchors = anchorsOf(context, prop); gesture.last = Math.min(anchors.at(-1)!, Math.max(anchors[0]!, gesture.origin - dy));\n          send({ type: \"PREVIEW\", height: gesture.last });\n        };\n        const end = (id: number, cancelled: boolean) => {\n          if (!gesture || gesture.id !== id) return;\n          const previous = gesture; gesture = null;\n          if (previous.kind === \"pointer\" && root.hasPointerCapture?.(id)) { try { root.releasePointerCapture(id); } catch { /* Already released. */ } }\n          if (cancelled || !previous.active) send({ type: \"CANCEL\" }); else send({ type: \"SETTLE\", height: previous.last, reason: \"drag\" });\n        };\n        const down = (event: PointerEvent) => { if (event.pointerType !== \"touch\" && event.button === 0 && event.isPrimary !== false) start(event.target, \"pointer\", event.pointerId, event.clientX, event.clientY); };\n        const pointerMove = (event: PointerEvent) => { if (gesture?.kind === \"pointer\") move(event.pointerId, event.clientX, event.clientY, event); };\n        const up = (event: PointerEvent) => { if (gesture?.kind === \"pointer\") end(event.pointerId, false); };\n        const abort = (event: PointerEvent) => { if (gesture?.kind === \"pointer\") end(event.pointerId, true); };\n        const touchStart = (event: TouchEvent) => { if (event.touches.length !== 1) { cancel(); return; } const point = event.touches[0]!; start(event.target, \"touch\", point.identifier, point.clientX, point.clientY); };\n        const touchMove = (event: TouchEvent) => { if (gesture?.kind !== \"touch\") return; if (event.touches.length !== 1) { cancel(); return; } const point = event.touches[0]!; move(point.identifier, point.clientX, point.clientY, event); };\n        const touchEnd = (event: TouchEvent) => { for (const point of Array.from(event.changedTouches)) if (gesture?.kind === \"touch\") end(point.identifier, event.type === \"touchcancel\"); };\n        const key = (event: KeyboardEvent) => { if (event.key === \"Escape\" && gesture) { event.preventDefault(); cancel(); } };\n        root.addEventListener(\"pointerdown\", down); doc.addEventListener(\"pointermove\", pointerMove, { passive: false }); doc.addEventListener(\"pointerup\", up); root.addEventListener(\"lostpointercapture\", abort); doc.addEventListener(\"pointercancel\", abort);\n        root.addEventListener(\"touchstart\", touchStart, { passive: true }); root.addEventListener(\"touchmove\", touchMove, { passive: false }); root.addEventListener(\"touchend\", touchEnd); root.addEventListener(\"touchcancel\", touchEnd); doc.addEventListener(\"keydown\", key);\n        const observer = win.ResizeObserver ? new win.ResizeObserver(measure) : null;\n        observer?.observe(root); if (root.offsetParent) observer?.observe(root.offsetParent);\n        win.addEventListener(\"resize\", measure); win.visualViewport?.addEventListener(\"resize\", measure); win.visualViewport?.addEventListener(\"scroll\", measure);\n        measure();\n        return () => {\n          cancel(); refs.set(\"cancelGesture\", null); observer?.disconnect();\n          root.removeEventListener(\"pointerdown\", down); doc.removeEventListener(\"pointermove\", pointerMove); doc.removeEventListener(\"pointerup\", up); root.removeEventListener(\"lostpointercapture\", abort); doc.removeEventListener(\"pointercancel\", abort);\n          root.removeEventListener(\"touchstart\", touchStart); root.removeEventListener(\"touchmove\", touchMove); root.removeEventListener(\"touchend\", touchEnd); root.removeEventListener(\"touchcancel\", touchEnd); doc.removeEventListener(\"keydown\", key);\n          win.removeEventListener(\"resize\", measure); win.visualViewport?.removeEventListener(\"resize\", measure); win.visualViewport?.removeEventListener(\"scroll\", measure);\n        };\n      },\n    },\n  },\n});\nexport interface QwFloatingPanelApi<T extends PropTypes = PropTypes> {\n  height: number; anchors: number[]; dragging: boolean; label: string; announcement: string;\n  setHeight(height: number): void;\n  getRootProps(): T[\"element\"];\n  getHandleProps(): T[\"element\"];\n  getIndicatorProps(): T[\"element\"];\n  getContentProps(): T[\"element\"];\n  getStatusProps(): T[\"element\"];\n}\nexport function connectFloatingPanel<T extends PropTypes>(service: QwFloatingPanelService, normalize: NormalizeProps<T>): QwFloatingPanelApi<T> {\n  const { context, prop, send, scope } = service, id = ids(scope), anchors = anchorsOf(context, prop), resting = settled(context, prop), preview = context.get(\"preview\"), height = preview ?? resting;\n  const part = (name: typeof FLOATING_PANEL_PARTS[number]) => ({ \"data-scope\": \"floating-panel\", \"data-part\": name });\n  const label = prop(\"label\"), disabled = !!prop(\"disabled\"), dragging = finite(preview);\n  return {\n    height, anchors, dragging, label, announcement: context.get(\"announcement\"),\n    setHeight(value) { if (finite(value)) send({ type: \"SETTLE\", height: value, reason: \"api\" }); },\n    getRootProps: () => normalize.element({ ...part(\"root\"), id: id.root, role: \"region\", \"aria-label\": label, dir: prop(\"dir\"), \"data-boundary\": prop(\"boundary\") === \"parent\" ? \"parent\" : \"viewport\", \"data-dragging\": dragging ? \"\" : undefined, \"data-disabled\": disabled ? \"\" : undefined, style: { \"--qw-floating-panel-height\": `${height}px` } }),\n    getHandleProps: () => normalize.element({ ...part(\"handle\"), id: id.handle, role: \"slider\", tabIndex: disabled ? -1 : 0, \"aria-label\": label, \"aria-orientation\": \"vertical\", \"aria-valuemin\": anchors[0], \"aria-valuemax\": anchors.at(-1), \"aria-valuenow\": resting, \"aria-valuetext\": heightText(prop, resting), \"aria-controls\": id.content, \"aria-disabled\": disabled || undefined,\n      onKeyDown(event: Pick<KeyboardEvent, \"key\" | \"defaultPrevented\" | \"altKey\" | \"ctrlKey\" | \"metaKey\" | \"preventDefault\">) {\n        if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || disabled) return;\n        const index = anchors.indexOf(resting);\n        const next = event.key === \"Home\" ? anchors[0] : event.key === \"End\" ? anchors.at(-1) : [\"ArrowUp\", \"PageUp\"].includes(event.key) ? anchors[Math.min(anchors.length - 1, index + 1)] : [\"ArrowDown\", \"PageDown\"].includes(event.key) ? anchors[Math.max(0, index - 1)] : undefined;\n        if (next !== undefined) { event.preventDefault(); send({ type: \"SETTLE\", height: next, reason: \"keyboard\" }); }\n      },\n    }),\n    getIndicatorProps: () => normalize.element({ ...part(\"indicator\"), \"aria-hidden\": \"true\" }),\n    getContentProps: () => normalize.element({ ...part(\"content\"), id: id.content, \"data-expanded\": resting === anchors.at(-1) ? \"\" : undefined }),\n    getStatusProps: () => normalize.element({ ...part(\"status\"), role: \"status\", \"aria-live\": \"polite\", \"aria-atomic\": \"true\", style: visuallyHiddenStyle }),\n  };\n}\n"],"mappings":"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"}

package/dist/footer/footer.d.ts

@@ -0,0 +1,94 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+/** Page/section closing area: separator label, links, content text and action chips. */
+export declare const FOOTER_PARTS: readonly ["root", "label", "links", "link-item", "link", "content", "chips", "chip", "extra"];
+export declare const FOOTER_CHIP_VARIANTS: readonly ["plain", "link"];
+export type FooterPart = (typeof FOOTER_PARTS)[number];
+export type FooterChipVariant = (typeof FOOTER_CHIP_VARIANTS)[number];
+export interface FooterLink {
+    id: string;
+    text: string;
+    href: string;
+    disabled?: boolean;
+    target?: string;
+    rel?: string;
+}
+export interface FooterChip {
+    id: string;
+    text: string;
+    disabled?: boolean;
+    /** plain: filled pill (default); link: text-style action. */
+    variant?: FooterChipVariant;
+}
+export interface FooterChipClickDetails {
+    id: string;
+    index: number;
+}
+export interface FooterLinkClickDetails {
+    id: string;
+    index: number;
+    href?: string;
+}
+export interface QwFooterProps {
+    /** Separator label text above the footer content. */
+    label?: string;
+    /** Plain footer text such as a copyright line. */
+    content?: string;
+    links?: readonly FooterLink[];
+    chips?: readonly FooterChip[];
+    /** Opt-in page-level contentinfo landmark; default is a plain region. */
+    landmark?: boolean;
+    /** Accessible name of the link list; default "页脚链接". */
+    linksLabel?: string;
+    onChipClick?: (details: FooterChipClickDetails) => void;
+    /** Notification only; native navigation is never prevented. */
+    onLinkClick?: (details: FooterLinkClickDetails) => void;
+}
+export interface ResolvedFooterLink extends FooterLink {
+    index: number;
+    href: string;
+    safeHref?: string;
+    disabled: boolean;
+}
+export interface ResolvedFooterChip extends FooterChip {
+    index: number;
+    disabled: boolean;
+    variant: FooterChipVariant;
+}
+/** Relative URLs and http(s)/mailto/tel are kept; other schemes (javascript:, data:, …) are dropped. */
+export declare function sanitizeFooterHref(href: unknown): string | undefined;
+export declare function resolveFooterLinks(links: readonly FooterLink[] | undefined): ResolvedFooterLink[];
+export declare function resolveFooterChips(chips: readonly FooterChip[] | undefined): ResolvedFooterChip[];
+export interface QwFooterSchema {
+    props: QwFooterProps;
+    context: Record<string, never>;
+    state: "idle";
+    action: "notifyChip" | "notifyLink";
+    event: {
+        type: "CHIP.CLICK";
+        index: number;
+    } | {
+        type: "LINK.CLICK";
+        index: number;
+    };
+}
+export type QwFooterMachine = Machine<QwFooterSchema>;
+export type QwFooterService = Service<QwFooterSchema>;
+/** Stateless notification machine so every stack (including WC events) shares one activation path. */
+export declare const footerMachine: QwFooterMachine;
+export interface QwFooterApi<T extends PropTypes = PropTypes> {
+    label?: string;
+    content?: string;
+    links: ResolvedFooterLink[];
+    chips: ResolvedFooterChip[];
+    getRootProps(): T["element"];
+    getLabelProps(): T["element"];
+    getLinksProps(): T["element"];
+    getLinkItemProps(link: ResolvedFooterLink): T["element"];
+    getLinkProps(link: ResolvedFooterLink): T["element"];
+    getContentProps(): T["element"];
+    getChipsProps(): T["element"];
+    getChipProps(chip: ResolvedFooterChip): T["button"];
+    getExtraProps(): T["element"];
+}
+export declare function connectFooter<T extends PropTypes>(service: QwFooterService, normalize: NormalizeProps<T>): QwFooterApi<T>;

package/dist/footer/index.d.ts

@@ -0,0 +1 @@
+export * from "./footer.js";

package/dist/footer/index.js

@@ -0,0 +1,154 @@
+import { createMachine } from "@zag-js/core";
+//#region src/footer/footer.ts
+/** Page/section closing area: separator label, links, content text and action chips. */
+const FOOTER_PARTS = [
+	"root",
+	"label",
+	"links",
+	"link-item",
+	"link",
+	"content",
+	"chips",
+	"chip",
+	"extra"
+];
+const FOOTER_CHIP_VARIANTS = ["plain", "link"];
+const SAFE_SCHEMES = /* @__PURE__ */ new Set([
+	"http",
+	"https",
+	"mailto",
+	"tel"
+]);
+/** Relative URLs and http(s)/mailto/tel are kept; other schemes (javascript:, data:, …) are dropped. */
+function sanitizeFooterHref(href) {
+	if (typeof href !== "string") return void 0;
+	const value = href.trim().replace(/[\x00-\x1f\x7f]/g, "");
+	if (!value) return void 0;
+	const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(value)?.[1]?.toLowerCase();
+	if (scheme) return SAFE_SCHEMES.has(scheme) ? href.trim() : void 0;
+	return href.trim();
+}
+function resolveFooterLinks(links) {
+	return (links ?? []).map((link, index) => {
+		const safeHref = sanitizeFooterHref(link.href);
+		return {
+			...link,
+			index,
+			href: link.href,
+			safeHref,
+			disabled: link.disabled === true || safeHref === void 0
+		};
+	});
+}
+function resolveFooterChips(chips) {
+	return (chips ?? []).map((chip, index) => ({
+		...chip,
+		index,
+		disabled: chip.disabled === true,
+		variant: FOOTER_CHIP_VARIANTS.includes(chip.variant) ? chip.variant : "plain"
+	}));
+}
+/** Stateless notification machine so every stack (including WC events) shares one activation path. */
+const footerMachine = createMachine({
+	initialState: () => "idle",
+	on: {
+		"CHIP.CLICK": { actions: ["notifyChip"] },
+		"LINK.CLICK": { actions: ["notifyLink"] }
+	},
+	states: { idle: {} },
+	implementations: { actions: {
+		notifyChip({ prop, event }) {
+			if (event.type !== "CHIP.CLICK") return;
+			const chip = resolveFooterChips(prop("chips"))[event.index];
+			if (chip && !chip.disabled) prop("onChipClick")?.({
+				id: chip.id,
+				index: chip.index
+			});
+		},
+		notifyLink({ prop, event }) {
+			if (event.type !== "LINK.CLICK") return;
+			const link = resolveFooterLinks(prop("links"))[event.index];
+			if (link && !link.disabled) prop("onLinkClick")?.({
+				id: link.id,
+				index: link.index,
+				href: link.safeHref
+			});
+		}
+	} }
+});
+const part = (name) => ({
+	"data-scope": "footer",
+	"data-part": name
+});
+const text = (value) => typeof value === "string" && value !== "" ? value : void 0;
+function connectFooter(service, normalize) {
+	const label = text(service.prop("label")), content = text(service.prop("content"));
+	const links = resolveFooterLinks(service.prop("links")), chips = resolveFooterChips(service.prop("chips"));
+	return {
+		label,
+		content,
+		links,
+		chips,
+		getRootProps: () => normalize.element({
+			...part("root"),
+			...service.prop("landmark") ? { role: "contentinfo" } : {}
+		}),
+		getLabelProps: () => normalize.element({
+			...part("label"),
+			hidden: label === void 0
+		}),
+		getLinksProps: () => normalize.element({
+			...part("links"),
+			hidden: links.length === 0,
+			"aria-label": links.length ? text(service.prop("linksLabel")) ?? "页脚链接" : void 0
+		}),
+		getLinkItemProps: (link) => normalize.element({
+			...part("link-item"),
+			"data-value": link.id
+		}),
+		getLinkProps: (link) => normalize.element({
+			...part("link"),
+			"data-value": link.id,
+			...link.disabled ? {
+				"aria-disabled": "true",
+				"data-disabled": "true"
+			} : {
+				href: link.safeHref,
+				target: link.target,
+				rel: link.rel ?? (link.target === "_blank" ? "noopener noreferrer" : void 0)
+			},
+			onClick() {
+				if (!link.disabled) service.send({
+					type: "LINK.CLICK",
+					index: link.index
+				});
+			}
+		}),
+		getContentProps: () => normalize.element({
+			...part("content"),
+			hidden: content === void 0
+		}),
+		getChipsProps: () => normalize.element({
+			...part("chips"),
+			hidden: chips.length === 0
+		}),
+		getChipProps: (chip) => normalize.button({
+			...part("chip"),
+			type: "button",
+			disabled: chip.disabled,
+			"data-value": chip.id,
+			"data-variant": chip.variant,
+			onClick() {
+				service.send({
+					type: "CHIP.CLICK",
+					index: chip.index
+				});
+			}
+		}),
+		getExtraProps: () => normalize.element(part("extra"))
+	};
+}
+//#endregion
+export { FOOTER_CHIP_VARIANTS, FOOTER_PARTS, connectFooter, footerMachine, resolveFooterChips, resolveFooterLinks, sanitizeFooterHref };
+
+//# sourceMappingURL=index.js.map