@qw-ui/core 0.3.0-next.9 → 0.3.0

package/dist/floating-bubble/floating-bubble.d.ts

@@ -0,0 +1,116 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+/** Stable DOM parts shared by every adapter. */
+export declare const FLOATING_BUBBLE_PARTS: readonly ["root"];
+export declare const FLOATING_BUBBLE_AXES: readonly ["xy", "x", "y", "lock"];
+export declare const FLOATING_BUBBLE_MAGNETS: readonly ["x", "y", "none"];
+export declare const FLOATING_BUBBLE_BOUNDARIES: readonly ["viewport", "parent"];
+export type FloatingBubbleAxis = (typeof FLOATING_BUBBLE_AXES)[number];
+export type FloatingBubbleMagnet = (typeof FLOATING_BUBBLE_MAGNETS)[number];
+export type FloatingBubbleBoundary = (typeof FLOATING_BUBBLE_BOUNDARIES)[number];
+export declare const FLOATING_BUBBLE_DEFAULT_STEP = 16;
+/** Physical CSS px of the bubble's top-left corner relative to the containing block (viewport or offsetParent padding box). */
+export interface FloatingBubbleOffset {
+    x: number;
+    y: number;
+}
+export type FloatingBubbleOffsetReason = "drag" | "keyboard" | "resize";
+export interface FloatingBubbleOffsetChangeDetails {
+    offset: FloatingBubbleOffset;
+    reason: FloatingBubbleOffsetReason;
+}
+/** Allowed resting range after subtracting the CSS-provided insets (gap + safe area) and the bubble size. */
+export interface FloatingBubbleBounds {
+    minX: number;
+    maxX: number;
+    minY: number;
+    maxY: number;
+}
+export interface QwFloatingBubbleProps {
+    id?: string;
+    /** Required accessible name of the button. */
+    label?: string;
+    /** Controlled position; undefined lets Core own it (seeded by defaultOffset, else inline-end bottom after measuring). */
+    offset?: FloatingBubbleOffset;
+    defaultOffset?: FloatingBubbleOffset;
+    /** Called once per drag release, keyboard move or resize correction; controlled owners accept by updating offset. */
+    onOffsetChange?: (details: FloatingBubbleOffsetChangeDetails) => void;
+    /** Drag axes; lock disables dragging. Default xy. */
+    axis?: FloatingBubbleAxis;
+    /** Snap to the nearest horizontal (x) or vertical (y) edge after moving; default x. */
+    magnet?: FloatingBubbleMagnet;
+    /** viewport (position: fixed, default) or parent (position: absolute in the offsetParent). */
+    boundary?: FloatingBubbleBoundary;
+    /** Arrow-key step in px; 0 disables keyboard moving. Default 16. */
+    keyboardStep?: number;
+    disabled?: boolean;
+}
+export interface ResolvedFloatingBubbleState {
+    label: string;
+    axis: FloatingBubbleAxis;
+    magnet: FloatingBubbleMagnet;
+    boundary: FloatingBubbleBoundary;
+    keyboardStep: number;
+    disabled: boolean;
+}
+export declare function resolveFloatingBubbleState(props?: QwFloatingBubbleProps): ResolvedFloatingBubbleState;
+export declare function createFloatingBubbleProps(props?: QwFloatingBubbleProps): QwFloatingBubbleProps;
+export declare function clampFloatingBubbleOffset(offset: FloatingBubbleOffset, bounds: FloatingBubbleBounds): FloatingBubbleOffset;
+/** Clamp, then move to the nearest edge on the magnet axis (ties go to the larger edge). */
+export declare function snapFloatingBubbleOffset(offset: FloatingBubbleOffset, bounds: FloatingBubbleBounds, magnet: FloatingBubbleMagnet): FloatingBubbleOffset;
+export interface QwFloatingBubbleSchema {
+    props: QwFloatingBubbleProps;
+    context: {
+        offset: FloatingBubbleOffset | null;
+        drag: FloatingBubbleOffset | null;
+        bounds: FloatingBubbleBounds | null;
+        animate: boolean;
+    };
+    refs: {
+        rtl: boolean;
+        suppressClick: boolean;
+    };
+    state: "ready";
+    action: "measure" | "drag" | "release" | "key";
+    effect: "track";
+    event: {
+        type: "MEASURE";
+        bounds: FloatingBubbleBounds;
+        rtl: boolean;
+    } | {
+        type: "DRAG";
+        position: FloatingBubbleOffset;
+    } | {
+        type: "RELEASE";
+    } | {
+        type: "KEY";
+        key: string;
+    };
+}
+export type QwFloatingBubbleMachine = Machine<QwFloatingBubbleSchema>;
+export type QwFloatingBubbleService = Service<QwFloatingBubbleSchema>;
+/** Core owns click/drag discrimination, clamping, magnet snapping, measurement, keyboard moving and listener cleanup. */
+export declare const floatingBubbleMachine: QwFloatingBubbleMachine;
+/** Minimal event surface shared by React, Vue and native events. */
+export interface FloatingBubbleDomEvent {
+    readonly defaultPrevented: boolean;
+    readonly key?: string;
+    preventDefault?(): void;
+    stopPropagation?(): void;
+}
+export type FloatingBubbleEventHandler = (event: FloatingBubbleDomEvent) => void;
+type Handlers = FloatingBubbleEventHandler | readonly FloatingBubbleEventHandler[] | undefined;
+/** Caller onClick/onKeyDown run first (except the click swallowed after a drag); preventDefault() skips Core. */
+export interface FloatingBubbleConnectOptions {
+    onClick?: Handlers;
+    onKeyDown?: Handlers;
+}
+export interface QwFloatingBubbleApi<T extends PropTypes = PropTypes> {
+    label: string;
+    dragging: boolean;
+    /** Rendered position, or null before the first measurement (CSS logical fallback). */
+    position: FloatingBubbleOffset | null;
+    getRootProps(): T["button"];
+}
+export declare function connectFloatingBubble<T extends PropTypes>(service: QwFloatingBubbleService, normalize: NormalizeProps<T>, options?: FloatingBubbleConnectOptions): QwFloatingBubbleApi<T>;
+export {};

package/dist/floating-bubble/index.d.ts

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

package/dist/floating-bubble/index.js

@@ -0,0 +1,333 @@
+import { createMachine } from "@zag-js/core";
+//#region src/floating-bubble/floating-bubble.ts
+/** Stable DOM parts shared by every adapter. */
+const FLOATING_BUBBLE_PARTS = ["root"];
+const FLOATING_BUBBLE_AXES = [
+	"xy",
+	"x",
+	"y",
+	"lock"
+];
+const FLOATING_BUBBLE_MAGNETS = [
+	"x",
+	"y",
+	"none"
+];
+const FLOATING_BUBBLE_BOUNDARIES = ["viewport", "parent"];
+const FLOATING_BUBBLE_DEFAULT_STEP = 16;
+const pick = (list, value, fallback) => list.includes(value) ? value : fallback;
+function resolveFloatingBubbleState(props = {}) {
+	const step = props.keyboardStep;
+	return {
+		label: typeof props.label === "string" ? props.label.trim() : "",
+		axis: pick(FLOATING_BUBBLE_AXES, props.axis, "xy"),
+		magnet: pick(FLOATING_BUBBLE_MAGNETS, props.magnet, "x"),
+		boundary: pick(FLOATING_BUBBLE_BOUNDARIES, props.boundary, "viewport"),
+		keyboardStep: typeof step === "number" && Number.isFinite(step) && step >= 0 ? step : 16,
+		disabled: !!props.disabled
+	};
+}
+const validOffset = (value) => {
+	const offset = value;
+	return offset && Number.isFinite(offset.x) && Number.isFinite(offset.y) ? {
+		x: offset.x,
+		y: offset.y
+	} : void 0;
+};
+function createFloatingBubbleProps(props = {}) {
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("FloatingBubble requires a nonempty instance id when provided");
+	if (typeof props.label !== "string" || !props.label.trim()) throw new TypeError("FloatingBubble requires a nonempty label (accessible name)");
+	return {
+		...props,
+		offset: props.offset === void 0 ? void 0 : validOffset(props.offset),
+		defaultOffset: validOffset(props.defaultOffset)
+	};
+}
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function clampFloatingBubbleOffset(offset, bounds) {
+	return {
+		x: clamp(offset.x, bounds.minX, bounds.maxX),
+		y: clamp(offset.y, bounds.minY, bounds.maxY)
+	};
+}
+/** Clamp, then move to the nearest edge on the magnet axis (ties go to the larger edge). */
+function snapFloatingBubbleOffset(offset, bounds, magnet) {
+	const next = clampFloatingBubbleOffset(offset, bounds);
+	if (magnet === "x") next.x = next.x - bounds.minX < bounds.maxX - next.x ? bounds.minX : bounds.maxX;
+	if (magnet === "y") next.y = next.y - bounds.minY < bounds.maxY - next.y ? bounds.minY : bounds.maxY;
+	return next;
+}
+const same = (a, b) => a === b || !!a && !!b && a.x === b.x && a.y === b.y;
+const rootId = (scope) => `floating-bubble:${scope.id}`;
+const live = (prop) => resolveFloatingBubbleState({
+	label: prop("label"),
+	axis: prop("axis"),
+	magnet: prop("magnet"),
+	boundary: prop("boundary"),
+	keyboardStep: prop("keyboardStep"),
+	disabled: prop("disabled")
+});
+/** Rendered position: the live drag, else the (controlled or owned) offset clamped to measured bounds; null until measured. */
+function position(context) {
+	const drag = context.get("drag"), offset = context.get("offset"), bounds = context.get("bounds");
+	if (drag) return drag;
+	return offset && bounds ? clampFloatingBubbleOffset(offset, bounds) : offset;
+}
+function commit(context, prop, next, reason) {
+	if (same(context.get("offset"), next)) return;
+	context.set("offset", next);
+	prop("onOffsetChange")?.({
+		offset: next,
+		reason
+	});
+}
+const px = (value) => {
+	const number = Number.parseFloat(value);
+	return Number.isFinite(number) ? number : 0;
+};
+/** Core owns click/drag discrimination, clamping, magnet snapping, measurement, keyboard moving and listener cleanup. */
+const floatingBubbleMachine = createMachine({
+	props: ({ props }) => createFloatingBubbleProps(props),
+	initialState: () => "ready",
+	context: ({ bindable, prop }) => ({
+		offset: bindable(() => ({
+			defaultValue: prop("defaultOffset") ?? null,
+			value: prop("offset"),
+			isEqual: same
+		})),
+		drag: bindable(() => ({
+			defaultValue: null,
+			isEqual: same
+		})),
+		animate: bindable(() => ({ defaultValue: false })),
+		bounds: bindable(() => ({ defaultValue: null }))
+	}),
+	refs: () => ({
+		rtl: false,
+		suppressClick: false
+	}),
+	effects: ["track"],
+	on: {
+		MEASURE: { actions: ["measure"] },
+		DRAG: { actions: ["drag"] },
+		RELEASE: { actions: ["release"] },
+		KEY: { actions: ["key"] }
+	},
+	states: { ready: {} },
+	implementations: {
+		actions: {
+			measure({ context, prop, refs, event }) {
+				if (event.type !== "MEASURE") return;
+				const first = !context.get("bounds"), offset = context.get("offset"), { bounds } = event;
+				context.set("animate", false);
+				refs.set("rtl", event.rtl);
+				context.set("bounds", bounds);
+				if (!offset) {
+					context.set("offset", {
+						x: event.rtl ? bounds.minX : bounds.maxX,
+						y: bounds.maxY
+					});
+					return;
+				}
+				if (first) {
+					if (prop("offset") === void 0) context.set("offset", snapFloatingBubbleOffset(offset, bounds, live(prop).magnet));
+					return;
+				}
+				if (!context.get("drag")) commit(context, prop, snapFloatingBubbleOffset(offset, bounds, live(prop).magnet), "resize");
+			},
+			drag({ context, event }) {
+				if (event.type === "DRAG") {
+					context.set("animate", false);
+					context.set("drag", event.position);
+				}
+			},
+			release({ context, prop }) {
+				const drag = context.get("drag"), bounds = context.get("bounds");
+				if (!drag || !bounds) return;
+				context.set("animate", true);
+				context.set("drag", null);
+				commit(context, prop, snapFloatingBubbleOffset(drag, bounds, live(prop).magnet), "drag");
+			},
+			key({ context, prop, event }) {
+				const state = live(prop), bounds = context.get("bounds"), current = position(context);
+				if (event.type !== "KEY" || !bounds || !current) return;
+				context.set("animate", true);
+				const horizontal = event.key === "ArrowLeft" || event.key === "ArrowRight", sign = event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 1;
+				const next = { ...current };
+				if (horizontal) next.x = state.magnet === "x" ? sign < 0 ? bounds.minX : bounds.maxX : current.x + sign * state.keyboardStep;
+				else next.y = state.magnet === "y" ? sign < 0 ? bounds.minY : bounds.maxY : current.y + sign * state.keyboardStep;
+				commit(context, prop, clampFloatingBubbleOffset(next, bounds), "keyboard");
+			}
+		},
+		effects: { track({ scope, prop, context, refs, send }) {
+			const root = scope.getById(rootId(scope)), win = root?.ownerDocument.defaultView;
+			if (!root || !win) return;
+			const measure = () => {
+				const style = win.getComputedStyle(root), container = live(prop).boundary === "parent" ? root.offsetParent : null;
+				const width = container ? container.clientWidth : root.ownerDocument.documentElement.clientWidth || win.innerWidth;
+				const height = container ? container.clientHeight : root.ownerDocument.documentElement.clientHeight || win.innerHeight;
+				const top = px(style.scrollMarginTop), right = px(style.scrollMarginRight), bottom = px(style.scrollMarginBottom);
+				const minX = px(style.scrollMarginLeft), minY = top;
+				send({
+					type: "MEASURE",
+					rtl: style.direction === "rtl",
+					bounds: {
+						minX,
+						minY,
+						maxX: Math.max(minX, width - root.offsetWidth - right),
+						maxY: Math.max(minY, height - root.offsetHeight - bottom)
+					}
+				});
+			};
+			let release = 0;
+			let cancelledPointer = null;
+			let gesture = null;
+			const clearAfterRelease = () => {
+				win.clearTimeout(release);
+				release = win.setTimeout(() => refs.set("suppressClick", false), 0);
+			};
+			const down = (event) => {
+				const state = live(prop), origin = position(context);
+				if (gesture || state.disabled || state.axis === "lock" || !origin || !context.get("bounds") || event.pointerType === "mouse" && event.button !== 0) return;
+				cancelledPointer = null;
+				win.clearTimeout(release);
+				refs.set("suppressClick", false);
+				gesture = {
+					id: event.pointerId,
+					x: event.clientX,
+					y: event.clientY,
+					origin,
+					dragging: false
+				};
+				try {
+					root.setPointerCapture?.(event.pointerId);
+				} catch {}
+			};
+			const move = (event) => {
+				const bounds = context.get("bounds");
+				if (!gesture || event.pointerId !== gesture.id || !bounds) return;
+				const axis = live(prop).axis, dx = axis === "y" ? 0 : event.clientX - gesture.x, dy = axis === "x" ? 0 : event.clientY - gesture.y;
+				if (!gesture.dragging) {
+					if (Math.max(Math.abs(event.clientX - gesture.x), Math.abs(event.clientY - gesture.y)) < 8) return;
+					gesture.dragging = true;
+				}
+				send({
+					type: "DRAG",
+					position: clampFloatingBubbleOffset({
+						x: gesture.origin.x + dx,
+						y: gesture.origin.y + dy
+					}, bounds)
+				});
+			};
+			const finish = (event) => {
+				if (!gesture) return;
+				const ended = gesture;
+				gesture = null;
+				if (ended.dragging) send({ type: "RELEASE" });
+				if (ended.dragging || event.type !== "pointerup") {
+					refs.set("suppressClick", true);
+					if (event.type === "pointerup") clearAfterRelease();
+					else cancelledPointer = ended.id;
+				}
+				try {
+					root.releasePointerCapture?.(ended.id);
+				} catch {}
+			};
+			const up = (event) => {
+				if (event.pointerId === gesture?.id) finish(event);
+				else if (event.type === "pointerup" && event.pointerId === cancelledPointer) {
+					cancelledPointer = null;
+					clearAfterRelease();
+				}
+			};
+			const Observer = win.ResizeObserver, observer = Observer ? new Observer(() => measure()) : null;
+			const doc = root.ownerDocument;
+			root.addEventListener("pointerdown", down);
+			root.addEventListener("lostpointercapture", up);
+			doc.addEventListener("pointermove", move, true);
+			doc.addEventListener("pointerup", up, true);
+			doc.addEventListener("pointercancel", up, true);
+			win.addEventListener("blur", finish);
+			win.addEventListener("resize", measure);
+			observer?.observe(root);
+			const parent = live(prop).boundary === "parent" ? root.offsetParent : null;
+			if (parent) observer?.observe(parent);
+			measure();
+			return () => {
+				root.removeEventListener("pointerdown", down);
+				root.removeEventListener("lostpointercapture", up);
+				doc.removeEventListener("pointermove", move, true);
+				doc.removeEventListener("pointerup", up, true);
+				doc.removeEventListener("pointercancel", up, true);
+				win.removeEventListener("blur", finish);
+				win.removeEventListener("resize", measure);
+				observer?.disconnect();
+				win.clearTimeout(release);
+				const id = gesture?.id;
+				gesture = null;
+				if (id !== void 0) try {
+					root.releasePointerCapture?.(id);
+				} catch {}
+			};
+		} }
+	}
+});
+function run(handlers, event) {
+	const list = typeof handlers === "function" ? [handlers] : handlers ?? [];
+	for (const handler of list) if (typeof handler === "function") handler(event);
+	return !event.defaultPrevented;
+}
+const ARROWS = /* @__PURE__ */ new Set([
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"ArrowDown"
+]);
+function connectFloatingBubble(service, normalize, options = {}) {
+	const state = live(service.prop), { context, refs, send } = service, current = position(context), dragging = !!context.get("drag");
+	return {
+		label: state.label,
+		dragging,
+		position: current,
+		getRootProps: () => normalize.button({
+			"data-scope": "floating-bubble",
+			"data-part": "root",
+			id: rootId(service.scope),
+			type: "button",
+			"aria-label": state.label,
+			disabled: state.disabled || void 0,
+			"data-animate": context.get("animate") || void 0,
+			"data-boundary": state.boundary,
+			"data-axis": state.axis,
+			"data-dragging": dragging || void 0,
+			"data-positioned": current ? "" : void 0,
+			style: current ? {
+				"--qw-floating-bubble-x": `${current.x}px`,
+				"--qw-floating-bubble-y": `${current.y}px`
+			} : void 0,
+			onClick(event) {
+				if (refs.get("suppressClick") && !("detail" in event && event.detail === 0)) {
+					refs.set("suppressClick", false);
+					event.preventDefault?.();
+					event.stopPropagation?.();
+					return;
+				}
+				run(options.onClick, event);
+			},
+			onKeyDown(event) {
+				const key = event.key ?? "";
+				if (!run(options.onKeyDown, event) || !ARROWS.has(key) || state.disabled || state.axis === "lock" || state.keyboardStep === 0) return;
+				if (state.axis === "x" && (key === "ArrowUp" || key === "ArrowDown") || state.axis === "y" && (key === "ArrowLeft" || key === "ArrowRight")) return;
+				event.preventDefault?.();
+				send({
+					type: "KEY",
+					key
+				});
+			}
+		})
+	};
+}
+//#endregion
+export { FLOATING_BUBBLE_AXES, FLOATING_BUBBLE_BOUNDARIES, FLOATING_BUBBLE_DEFAULT_STEP, FLOATING_BUBBLE_MAGNETS, FLOATING_BUBBLE_PARTS, clampFloatingBubbleOffset, connectFloatingBubble, createFloatingBubbleProps, floatingBubbleMachine, resolveFloatingBubbleState, snapFloatingBubbleOffset };
+
+//# sourceMappingURL=index.js.map

package/dist/floating-bubble/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/floating-bubble/floating-bubble.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\nimport { GESTURE_SLOP } from \"../swiper/gesture.js\";\n\n/** Stable DOM parts shared by every adapter. */\nexport const FLOATING_BUBBLE_PARTS = [\"root\"] as const;\nexport const FLOATING_BUBBLE_AXES = [\"xy\", \"x\", \"y\", \"lock\"] as const;\nexport const FLOATING_BUBBLE_MAGNETS = [\"x\", \"y\", \"none\"] as const;\nexport const FLOATING_BUBBLE_BOUNDARIES = [\"viewport\", \"parent\"] as const;\nexport type FloatingBubbleAxis = (typeof FLOATING_BUBBLE_AXES)[number];\nexport type FloatingBubbleMagnet = (typeof FLOATING_BUBBLE_MAGNETS)[number];\nexport type FloatingBubbleBoundary = (typeof FLOATING_BUBBLE_BOUNDARIES)[number];\nexport const FLOATING_BUBBLE_DEFAULT_STEP = 16;\n/** Physical CSS px of the bubble's top-left corner relative to the containing block (viewport or offsetParent padding box). */\nexport interface FloatingBubbleOffset { x: number; y: number }\nexport type FloatingBubbleOffsetReason = \"drag\" | \"keyboard\" | \"resize\";\nexport interface FloatingBubbleOffsetChangeDetails { offset: FloatingBubbleOffset; reason: FloatingBubbleOffsetReason }\n/** Allowed resting range after subtracting the CSS-provided insets (gap + safe area) and the bubble size. */\nexport interface FloatingBubbleBounds { minX: number; maxX: number; minY: number; maxY: number }\n\nexport interface QwFloatingBubbleProps {\n  id?: string;\n  /** Required accessible name of the button. */\n  label?: string;\n  /** Controlled position; undefined lets Core own it (seeded by defaultOffset, else inline-end bottom after measuring). */\n  offset?: FloatingBubbleOffset;\n  defaultOffset?: FloatingBubbleOffset;\n  /** Called once per drag release, keyboard move or resize correction; controlled owners accept by updating offset. */\n  onOffsetChange?: (details: FloatingBubbleOffsetChangeDetails) => void;\n  /** Drag axes; lock disables dragging. Default xy. */\n  axis?: FloatingBubbleAxis;\n  /** Snap to the nearest horizontal (x) or vertical (y) edge after moving; default x. */\n  magnet?: FloatingBubbleMagnet;\n  /** viewport (position: fixed, default) or parent (position: absolute in the offsetParent). */\n  boundary?: FloatingBubbleBoundary;\n  /** Arrow-key step in px; 0 disables keyboard moving. Default 16. */\n  keyboardStep?: number;\n  disabled?: boolean;\n}\nexport interface ResolvedFloatingBubbleState { label: string; axis: FloatingBubbleAxis; magnet: FloatingBubbleMagnet; boundary: FloatingBubbleBoundary; keyboardStep: number; disabled: boolean }\nconst pick = <T extends string>(list: readonly T[], value: unknown, fallback: T): T => list.includes(value as T) ? value as T : fallback;\nexport function resolveFloatingBubbleState(props: QwFloatingBubbleProps = {}): ResolvedFloatingBubbleState {\n  const step = props.keyboardStep;\n  return {\n    label: typeof props.label === \"string\" ? props.label.trim() : \"\", axis: pick(FLOATING_BUBBLE_AXES, props.axis, \"xy\"), magnet: pick(FLOATING_BUBBLE_MAGNETS, props.magnet, \"x\"),\n    boundary: pick(FLOATING_BUBBLE_BOUNDARIES, props.boundary, \"viewport\"),\n    keyboardStep: typeof step === \"number\" && Number.isFinite(step) && step >= 0 ? step : FLOATING_BUBBLE_DEFAULT_STEP, disabled: !!props.disabled,\n  };\n}\nconst validOffset = (value: unknown): FloatingBubbleOffset | undefined => {\n  const offset = value as FloatingBubbleOffset | undefined;\n  return offset && Number.isFinite(offset.x) && Number.isFinite(offset.y) ? { x: offset.x, y: offset.y } : undefined;\n};\nexport function createFloatingBubbleProps(props: QwFloatingBubbleProps = {}): QwFloatingBubbleProps {\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(\"FloatingBubble requires a nonempty instance id when provided\");\n  if (typeof props.label !== \"string\" || !props.label.trim()) throw new TypeError(\"FloatingBubble requires a nonempty label (accessible name)\");\n  return { ...props, offset: props.offset === undefined ? undefined : validOffset(props.offset), defaultOffset: validOffset(props.defaultOffset) };\n}\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\nexport function clampFloatingBubbleOffset(offset: FloatingBubbleOffset, bounds: FloatingBubbleBounds): FloatingBubbleOffset {\n  return { x: clamp(offset.x, bounds.minX, bounds.maxX), y: clamp(offset.y, bounds.minY, bounds.maxY) };\n}\n/** Clamp, then move to the nearest edge on the magnet axis (ties go to the larger edge). */\nexport function snapFloatingBubbleOffset(offset: FloatingBubbleOffset, bounds: FloatingBubbleBounds, magnet: FloatingBubbleMagnet): FloatingBubbleOffset {\n  const next = clampFloatingBubbleOffset(offset, bounds);\n  if (magnet === \"x\") next.x = next.x - bounds.minX < bounds.maxX - next.x ? bounds.minX : bounds.maxX;\n  if (magnet === \"y\") next.y = next.y - bounds.minY < bounds.maxY - next.y ? bounds.minY : bounds.maxY;\n  return next;\n}\nconst same = (a: FloatingBubbleOffset | null | undefined, b: FloatingBubbleOffset | null | undefined) => a === b || (!!a && !!b && a.x === b.x && a.y === b.y);\n\nexport interface QwFloatingBubbleSchema {\n  props: QwFloatingBubbleProps;\n  context: { offset: FloatingBubbleOffset | null; drag: FloatingBubbleOffset | null; bounds: FloatingBubbleBounds | null; animate: boolean };\n  refs: { rtl: boolean; suppressClick: boolean };\n  state: \"ready\";\n  action: \"measure\" | \"drag\" | \"release\" | \"key\";\n  effect: \"track\";\n  event:\n    | { type: \"MEASURE\"; bounds: FloatingBubbleBounds; rtl: boolean }\n    | { type: \"DRAG\"; position: FloatingBubbleOffset }\n    | { type: \"RELEASE\" }\n    | { type: \"KEY\"; key: string };\n}\nexport type QwFloatingBubbleMachine = Machine<QwFloatingBubbleSchema>;\nexport type QwFloatingBubbleService = Service<QwFloatingBubbleSchema>;\ntype Ctx = QwFloatingBubbleService[\"context\"];\ntype Prop = QwFloatingBubbleService[\"prop\"];\nconst rootId = (scope: QwFloatingBubbleService[\"scope\"]) => `floating-bubble:${scope.id}`;\nconst live = (prop: Prop) => resolveFloatingBubbleState({ label: prop(\"label\"), axis: prop(\"axis\"), magnet: prop(\"magnet\"), boundary: prop(\"boundary\"), keyboardStep: prop(\"keyboardStep\"), disabled: prop(\"disabled\") });\n/** Rendered position: the live drag, else the (controlled or owned) offset clamped to measured bounds; null until measured. */\nfunction position(context: Ctx): FloatingBubbleOffset | null {\n  const drag = context.get(\"drag\"), offset = context.get(\"offset\"), bounds = context.get(\"bounds\");\n  if (drag) return drag;\n  return offset && bounds ? clampFloatingBubbleOffset(offset, bounds) : offset;\n}\nfunction commit(context: Ctx, prop: Prop, next: FloatingBubbleOffset, reason: FloatingBubbleOffsetReason) {\n  if (same(context.get(\"offset\"), next)) return;\n  context.set(\"offset\", next);\n  prop(\"onOffsetChange\")?.({ offset: next, reason });\n}\nconst px = (value: string) => { const number = Number.parseFloat(value); return Number.isFinite(number) ? number : 0; };\n\n/** Core owns click/drag discrimination, clamping, magnet snapping, measurement, keyboard moving and listener cleanup. */\nexport const floatingBubbleMachine: QwFloatingBubbleMachine = createMachine<QwFloatingBubbleSchema>({\n  props: ({ props }) => createFloatingBubbleProps(props), initialState: () => \"ready\",\n  context: ({ bindable, prop }) => ({\n    offset: bindable<FloatingBubbleOffset | null>(() => ({ defaultValue: prop(\"defaultOffset\") ?? null, value: prop(\"offset\"), isEqual: same })),\n    drag: bindable<FloatingBubbleOffset | null>(() => ({ defaultValue: null, isEqual: same })),\n    animate: bindable<boolean>(() => ({ defaultValue: false })),\n    bounds: bindable<FloatingBubbleBounds | null>(() => ({ defaultValue: null })),\n  }),\n  refs: () => ({ rtl: false, suppressClick: false }),\n  effects: [\"track\"],\n  on: { MEASURE: { actions: [\"measure\"] }, DRAG: { actions: [\"drag\"] }, RELEASE: { actions: [\"release\"] }, KEY: { actions: [\"key\"] } },\n  states: { ready: {} },\n  implementations: {\n    actions: {\n      measure({ context, prop, refs, event }) {\n        if (event.type !== \"MEASURE\") return;\n        const first = !context.get(\"bounds\"), offset = context.get(\"offset\"), { bounds } = event;\n        context.set(\"animate\", false);\n        refs.set(\"rtl\", event.rtl); context.set(\"bounds\", bounds);\n        // First measurement is silent: no offset rests at the inline-end bottom corner (mirrored in RTL); an owned offset is snapped;\n        // a controlled offset is only clamped at render. Later measurements (resize) re-snap and report.\n        if (!offset) { context.set(\"offset\", { x: event.rtl ? bounds.minX : bounds.maxX, y: bounds.maxY }); return; }\n        if (first) { if (prop(\"offset\") === undefined) context.set(\"offset\", snapFloatingBubbleOffset(offset, bounds, live(prop).magnet)); return; }\n        if (!context.get(\"drag\")) commit(context, prop, snapFloatingBubbleOffset(offset, bounds, live(prop).magnet), \"resize\");\n      },\n      drag({ context, event }) { if (event.type === \"DRAG\") { context.set(\"animate\", false); context.set(\"drag\", event.position); } },\n      release({ context, prop }) {\n        const drag = context.get(\"drag\"), bounds = context.get(\"bounds\");\n        if (!drag || !bounds) return;\n        context.set(\"animate\", true);\n        context.set(\"drag\", null);\n        commit(context, prop, snapFloatingBubbleOffset(drag, bounds, live(prop).magnet), \"drag\");\n      },\n      key({ context, prop, event }) {\n        const state = live(prop), bounds = context.get(\"bounds\"), current = position(context);\n        if (event.type !== \"KEY\" || !bounds || !current) return;\n        context.set(\"animate\", true);\n        const horizontal = event.key === \"ArrowLeft\" || event.key === \"ArrowRight\", sign = event.key === \"ArrowLeft\" || event.key === \"ArrowUp\" ? -1 : 1;\n        const next = { ...current };\n        if (horizontal) next.x = state.magnet === \"x\" ? (sign < 0 ? bounds.minX : bounds.maxX) : current.x + sign * state.keyboardStep;\n        else next.y = state.magnet === \"y\" ? (sign < 0 ? bounds.minY : bounds.maxY) : current.y + sign * state.keyboardStep;\n        commit(context, prop, clampFloatingBubbleOffset(next, bounds), \"keyboard\");\n      },\n    },\n    effects: {\n      track({ scope, prop, context, refs, send }) {\n        const root = scope.getById<HTMLElement>(rootId(scope)), win = root?.ownerDocument.defaultView;\n        if (!root || !win) return;\n        const measure = () => {\n          const style = win.getComputedStyle(root), container = live(prop).boundary === \"parent\" ? root.offsetParent as HTMLElement | null : null;\n          const width = container ? container.clientWidth : root.ownerDocument.documentElement.clientWidth || win.innerWidth;\n          const height = container ? container.clientHeight : root.ownerDocument.documentElement.clientHeight || win.innerHeight;\n          // Insets (gap + safe area) come from CSS scroll-margin so env() stays in the style layer.\n          const top = px(style.scrollMarginTop), right = px(style.scrollMarginRight), bottom = px(style.scrollMarginBottom), left = px(style.scrollMarginLeft);\n          const minX = left, minY = top;\n          send({ type: \"MEASURE\", rtl: style.direction === \"rtl\", bounds: { minX, minY, maxX: Math.max(minX, width - root.offsetWidth - right), maxY: Math.max(minY, height - root.offsetHeight - bottom) } });\n        };\n        let release = 0;\n        let cancelledPointer: number | null = null;\n        let gesture: { id: number; x: number; y: number; origin: FloatingBubbleOffset; dragging: boolean } | null = null;\n        const clearAfterRelease = () => {\n          win.clearTimeout(release);\n          release = win.setTimeout(() => refs.set(\"suppressClick\", false), 0);\n        };\n        const down = (event: PointerEvent) => {\n          const state = live(prop), origin = position(context);\n          if (gesture || state.disabled || state.axis === \"lock\" || !origin || !context.get(\"bounds\") || (event.pointerType === \"mouse\" && event.button !== 0)) return;\n          cancelledPointer = null;\n          win.clearTimeout(release);\n          refs.set(\"suppressClick\", false);\n          gesture = { id: event.pointerId, x: event.clientX, y: event.clientY, origin, dragging: false };\n          // Capture before the slop threshold: a fast first move can already land\n          // outside this small button, including outside a scaled preview iframe.\n          try { root.setPointerCapture?.(event.pointerId); } catch { /* document listeners remain the fallback */ }\n        };\n        const move = (event: PointerEvent) => {\n          const bounds = context.get(\"bounds\");\n          if (!gesture || event.pointerId !== gesture.id || !bounds) return;\n          const axis = live(prop).axis, dx = axis === \"y\" ? 0 : event.clientX - gesture.x, dy = axis === \"x\" ? 0 : event.clientY - gesture.y;\n          if (!gesture.dragging) {\n            if (Math.max(Math.abs(event.clientX - gesture.x), Math.abs(event.clientY - gesture.y)) < GESTURE_SLOP) return;\n            gesture.dragging = true;\n          }\n          send({ type: \"DRAG\", position: clampFloatingBubbleOffset({ x: gesture.origin.x + dx, y: gesture.origin.y + dy }, bounds) });\n        };\n        const finish = (event: Event) => {\n          if (!gesture) return;\n          const ended = gesture;\n          // Clear first: releasing capture can synchronously deliver capture loss.\n          gesture = null;\n          if (ended.dragging) send({ type: \"RELEASE\" });\n          if (ended.dragging || event.type !== \"pointerup\") {\n            refs.set(\"suppressClick\", true);\n            // Capture loss and blur can precede the physical release by multiple tasks.\n            if (event.type === \"pointerup\") clearAfterRelease();\n            else cancelledPointer = ended.id;\n          }\n          try { root.releasePointerCapture?.(ended.id); } catch { /* already released/cancelled */ }\n        };\n        const up = (event: PointerEvent) => {\n          if (event.pointerId === gesture?.id) finish(event);\n          else if (event.type === \"pointerup\" && event.pointerId === cancelledPointer) {\n            cancelledPointer = null;\n            clearAfterRelease();\n          }\n        };\n        const Observer = win.ResizeObserver, observer = Observer ? new Observer(() => measure()) : null;\n        const doc = root.ownerDocument;\n        root.addEventListener(\"pointerdown\", down);\n        root.addEventListener(\"lostpointercapture\", up);\n        doc.addEventListener(\"pointermove\", move, true);\n        doc.addEventListener(\"pointerup\", up, true);\n        doc.addEventListener(\"pointercancel\", up, true);\n        win.addEventListener(\"blur\", finish);\n        win.addEventListener(\"resize\", measure);\n        observer?.observe(root);\n        const parent = live(prop).boundary === \"parent\" ? root.offsetParent : null;\n        if (parent) observer?.observe(parent);\n        measure();\n        return () => {\n          root.removeEventListener(\"pointerdown\", down); root.removeEventListener(\"lostpointercapture\", up);\n          doc.removeEventListener(\"pointermove\", move, true); doc.removeEventListener(\"pointerup\", up, true); doc.removeEventListener(\"pointercancel\", up, true);\n          win.removeEventListener(\"blur\", finish);\n          win.removeEventListener(\"resize\", measure); observer?.disconnect(); win.clearTimeout(release);\n          const id = gesture?.id;\n          gesture = null;\n          if (id !== undefined) { try { root.releasePointerCapture?.(id); } catch { /* root was detached */ } }\n        };\n      },\n    },\n  },\n});\n\n/** Minimal event surface shared by React, Vue and native events. */\nexport interface FloatingBubbleDomEvent { readonly defaultPrevented: boolean; readonly key?: string; preventDefault?(): void; stopPropagation?(): void }\nexport type FloatingBubbleEventHandler = (event: FloatingBubbleDomEvent) => void;\ntype Handlers = FloatingBubbleEventHandler | readonly FloatingBubbleEventHandler[] | undefined;\n/** Caller onClick/onKeyDown run first (except the click swallowed after a drag); preventDefault() skips Core. */\nexport interface FloatingBubbleConnectOptions { onClick?: Handlers; onKeyDown?: Handlers }\nexport interface QwFloatingBubbleApi<T extends PropTypes = PropTypes> {\n  label: string; dragging: boolean;\n  /** Rendered position, or null before the first measurement (CSS logical fallback). */\n  position: FloatingBubbleOffset | null;\n  getRootProps(): T[\"button\"];\n}\nfunction run(handlers: Handlers, event: FloatingBubbleDomEvent): boolean {\n  const list = typeof handlers === \"function\" ? [handlers] : handlers ?? [];\n  for (const handler of list) if (typeof handler === \"function\") handler(event);\n  return !event.defaultPrevented;\n}\nconst ARROWS = new Set([\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"]);\nexport function connectFloatingBubble<T extends PropTypes>(service: QwFloatingBubbleService, normalize: NormalizeProps<T>, options: FloatingBubbleConnectOptions = {}): QwFloatingBubbleApi<T> {\n  const state = live(service.prop), { context, refs, send } = service, current = position(context), dragging = !!context.get(\"drag\");\n  return {\n    label: state.label, dragging, position: current,\n    getRootProps: () => normalize.button({\n      \"data-scope\": \"floating-bubble\", \"data-part\": \"root\", id: rootId(service.scope), type: \"button\", \"aria-label\": state.label, disabled: state.disabled || undefined,\n      \"data-animate\": context.get(\"animate\") || undefined, \"data-boundary\": state.boundary, \"data-axis\": state.axis, \"data-dragging\": dragging || undefined, \"data-positioned\": current ? \"\" : undefined,\n      style: current ? { \"--qw-floating-bubble-x\": `${current.x}px`, \"--qw-floating-bubble-y\": `${current.y}px` } : undefined,\n      onClick(event: FloatingBubbleDomEvent) {\n        if (refs.get(\"suppressClick\") && !(\"detail\" in event && event.detail === 0)) { refs.set(\"suppressClick\", false); event.preventDefault?.(); event.stopPropagation?.(); return; }\n        run(options.onClick, event);\n      },\n      onKeyDown(event: FloatingBubbleDomEvent) {\n        const key = event.key ?? \"\";\n        if (!run(options.onKeyDown, event) || !ARROWS.has(key) || state.disabled || state.axis === \"lock\" || state.keyboardStep === 0) return;\n        if ((state.axis === \"x\" && (key === \"ArrowUp\" || key === \"ArrowDown\")) || (state.axis === \"y\" && (key === \"ArrowLeft\" || key === \"ArrowRight\"))) return;\n        event.preventDefault?.(); send({ type: \"KEY\", key });\n      },\n    }),\n  };\n}\n"],"mappings":";;;AAKA,MAAa,wBAAwB,CAAC,MAAM;AAC5C,MAAa,uBAAuB;CAAC;CAAM;CAAK;CAAK;AAAM;AAC3D,MAAa,0BAA0B;CAAC;CAAK;CAAK;AAAM;AACxD,MAAa,6BAA6B,CAAC,YAAY,QAAQ;AAI/D,MAAa,+BAA+B;AA4B5C,MAAM,QAA0B,MAAoB,OAAgB,aAAmB,KAAK,SAAS,KAAU,IAAI,QAAa;AAChI,SAAgB,2BAA2B,QAA+B,CAAC,GAAgC;CACzG,MAAM,OAAO,MAAM;CACnB,OAAO;EACL,OAAO,OAAO,MAAM,UAAU,WAAW,MAAM,MAAM,KAAK,IAAI;EAAI,MAAM,KAAK,sBAAsB,MAAM,MAAM,IAAI;EAAG,QAAQ,KAAK,yBAAyB,MAAM,QAAQ,GAAG;EAC7K,UAAU,KAAK,4BAA4B,MAAM,UAAU,UAAU;EACrE,cAAc,OAAO,SAAS,YAAY,OAAO,SAAS,IAAI,KAAK,QAAQ,IAAI,OAAA;EAAqC,UAAU,CAAC,CAAC,MAAM;CACxI;AACF;AACA,MAAM,eAAe,UAAqD;CACxE,MAAM,SAAS;CACf,OAAO,UAAU,OAAO,SAAS,OAAO,CAAC,KAAK,OAAO,SAAS,OAAO,CAAC,IAAI;EAAE,GAAG,OAAO;EAAG,GAAG,OAAO;CAAE,IAAI,KAAA;AAC3G;AACA,SAAgB,0BAA0B,QAA+B,CAAC,GAA0B;CAClG,IAAI,MAAM,OAAO,KAAA,MAAc,OAAO,MAAM,OAAO,YAAY,CAAC,MAAM,GAAG,KAAK,IAAI,MAAM,IAAI,UAAU,8DAA8D;CACpK,IAAI,OAAO,MAAM,UAAU,YAAY,CAAC,MAAM,MAAM,KAAK,GAAG,MAAM,IAAI,UAAU,4DAA4D;CAC5I,OAAO;EAAE,GAAG;EAAO,QAAQ,MAAM,WAAW,KAAA,IAAY,KAAA,IAAY,YAAY,MAAM,MAAM;EAAG,eAAe,YAAY,MAAM,aAAa;CAAE;AACjJ;AACA,MAAM,SAAS,OAAe,KAAa,QAAgB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC7F,SAAgB,0BAA0B,QAA8B,QAAoD;CAC1H,OAAO;EAAE,GAAG,MAAM,OAAO,GAAG,OAAO,MAAM,OAAO,IAAI;EAAG,GAAG,MAAM,OAAO,GAAG,OAAO,MAAM,OAAO,IAAI;CAAE;AACtG;;AAEA,SAAgB,yBAAyB,QAA8B,QAA8B,QAAoD;CACvJ,MAAM,OAAO,0BAA0B,QAAQ,MAAM;CACrD,IAAI,WAAW,KAAK,KAAK,IAAI,KAAK,IAAI,OAAO,OAAO,OAAO,OAAO,KAAK,IAAI,OAAO,OAAO,OAAO;CAChG,IAAI,WAAW,KAAK,KAAK,IAAI,KAAK,IAAI,OAAO,OAAO,OAAO,OAAO,KAAK,IAAI,OAAO,OAAO,OAAO;CAChG,OAAO;AACT;AACA,MAAM,QAAQ,GAA4C,MAA+C,MAAM,KAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAmB5J,MAAM,UAAU,UAA4C,mBAAmB,MAAM;AACrF,MAAM,QAAQ,SAAe,2BAA2B;CAAE,OAAO,KAAK,OAAO;CAAG,MAAM,KAAK,MAAM;CAAG,QAAQ,KAAK,QAAQ;CAAG,UAAU,KAAK,UAAU;CAAG,cAAc,KAAK,cAAc;CAAG,UAAU,KAAK,UAAU;AAAE,CAAC;;AAExN,SAAS,SAAS,SAA2C;CAC3D,MAAM,OAAO,QAAQ,IAAI,MAAM,GAAG,SAAS,QAAQ,IAAI,QAAQ,GAAG,SAAS,QAAQ,IAAI,QAAQ;CAC/F,IAAI,MAAM,OAAO;CACjB,OAAO,UAAU,SAAS,0BAA0B,QAAQ,MAAM,IAAI;AACxE;AACA,SAAS,OAAO,SAAc,MAAY,MAA4B,QAAoC;CACxG,IAAI,KAAK,QAAQ,IAAI,QAAQ,GAAG,IAAI,GAAG;CACvC,QAAQ,IAAI,UAAU,IAAI;CAC1B,KAAK,gBAAgB,CAAC,GAAG;EAAE,QAAQ;EAAM;CAAO,CAAC;AACnD;AACA,MAAM,MAAM,UAAkB;CAAE,MAAM,SAAS,OAAO,WAAW,KAAK;CAAG,OAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAAG;;AAGtH,MAAa,wBAAiD,cAAsC;CAClG,QAAQ,EAAE,YAAY,0BAA0B,KAAK;CAAG,oBAAoB;CAC5E,UAAU,EAAE,UAAU,YAAY;EAChC,QAAQ,gBAA6C;GAAE,cAAc,KAAK,eAAe,KAAK;GAAM,OAAO,KAAK,QAAQ;GAAG,SAAS;EAAK,EAAE;EAC3I,MAAM,gBAA6C;GAAE,cAAc;GAAM,SAAS;EAAK,EAAE;EACzF,SAAS,gBAAyB,EAAE,cAAc,MAAM,EAAE;EAC1D,QAAQ,gBAA6C,EAAE,cAAc,KAAK,EAAE;CAC9E;CACA,aAAa;EAAE,KAAK;EAAO,eAAe;CAAM;CAChD,SAAS,CAAC,OAAO;CACjB,IAAI;EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE;EAAG,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE;EAAG,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE;EAAG,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE;CAAE;CACnI,QAAQ,EAAE,OAAO,CAAC,EAAE;CACpB,iBAAiB;EACf,SAAS;GACP,QAAQ,EAAE,SAAS,MAAM,MAAM,SAAS;IACtC,IAAI,MAAM,SAAS,WAAW;IAC9B,MAAM,QAAQ,CAAC,QAAQ,IAAI,QAAQ,GAAG,SAAS,QAAQ,IAAI,QAAQ,GAAG,EAAE,WAAW;IACnF,QAAQ,IAAI,WAAW,KAAK;IAC5B,KAAK,IAAI,OAAO,MAAM,GAAG;IAAG,QAAQ,IAAI,UAAU,MAAM;IAGxD,IAAI,CAAC,QAAQ;KAAE,QAAQ,IAAI,UAAU;MAAE,GAAG,MAAM,MAAM,OAAO,OAAO,OAAO;MAAM,GAAG,OAAO;KAAK,CAAC;KAAG;IAAQ;IAC5G,IAAI,OAAO;KAAE,IAAI,KAAK,QAAQ,MAAM,KAAA,GAAW,QAAQ,IAAI,UAAU,yBAAyB,QAAQ,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC;KAAG;IAAQ;IAC3I,IAAI,CAAC,QAAQ,IAAI,MAAM,GAAG,OAAO,SAAS,MAAM,yBAAyB,QAAQ,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,GAAG,QAAQ;GACvH;GACA,KAAK,EAAE,SAAS,SAAS;IAAE,IAAI,MAAM,SAAS,QAAQ;KAAE,QAAQ,IAAI,WAAW,KAAK;KAAG,QAAQ,IAAI,QAAQ,MAAM,QAAQ;IAAG;GAAE;GAC9H,QAAQ,EAAE,SAAS,QAAQ;IACzB,MAAM,OAAO,QAAQ,IAAI,MAAM,GAAG,SAAS,QAAQ,IAAI,QAAQ;IAC/D,IAAI,CAAC,QAAQ,CAAC,QAAQ;IACtB,QAAQ,IAAI,WAAW,IAAI;IAC3B,QAAQ,IAAI,QAAQ,IAAI;IACxB,OAAO,SAAS,MAAM,yBAAyB,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM;GACzF;GACA,IAAI,EAAE,SAAS,MAAM,SAAS;IAC5B,MAAM,QAAQ,KAAK,IAAI,GAAG,SAAS,QAAQ,IAAI,QAAQ,GAAG,UAAU,SAAS,OAAO;IACpF,IAAI,MAAM,SAAS,SAAS,CAAC,UAAU,CAAC,SAAS;IACjD,QAAQ,IAAI,WAAW,IAAI;IAC3B,MAAM,aAAa,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAc,OAAO,MAAM,QAAQ,eAAe,MAAM,QAAQ,YAAY,KAAK;IAC/I,MAAM,OAAO,EAAE,GAAG,QAAQ;IAC1B,IAAI,YAAY,KAAK,IAAI,MAAM,WAAW,MAAO,OAAO,IAAI,OAAO,OAAO,OAAO,OAAQ,QAAQ,IAAI,OAAO,MAAM;SAC7G,KAAK,IAAI,MAAM,WAAW,MAAO,OAAO,IAAI,OAAO,OAAO,OAAO,OAAQ,QAAQ,IAAI,OAAO,MAAM;IACvG,OAAO,SAAS,MAAM,0BAA0B,MAAM,MAAM,GAAG,UAAU;GAC3E;EACF;EACA,SAAS,EACP,MAAM,EAAE,OAAO,MAAM,SAAS,MAAM,QAAQ;GAC1C,MAAM,OAAO,MAAM,QAAqB,OAAO,KAAK,CAAC,GAAG,MAAM,MAAM,cAAc;GAClF,IAAI,CAAC,QAAQ,CAAC,KAAK;GACnB,MAAM,gBAAgB;IACpB,MAAM,QAAQ,IAAI,iBAAiB,IAAI,GAAG,YAAY,KAAK,IAAI,CAAC,CAAC,aAAa,WAAW,KAAK,eAAqC;IACnI,MAAM,QAAQ,YAAY,UAAU,cAAc,KAAK,cAAc,gBAAgB,eAAe,IAAI;IACxG,MAAM,SAAS,YAAY,UAAU,eAAe,KAAK,cAAc,gBAAgB,gBAAgB,IAAI;IAE3G,MAAM,MAAM,GAAG,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,kBAAkB;IAChH,MAAM,OADoH,GAAG,MAAM,gBACnH,GAAG,OAAO;IAC1B,KAAK;KAAE,MAAM;KAAW,KAAK,MAAM,cAAc;KAAO,QAAQ;MAAE;MAAM;MAAM,MAAM,KAAK,IAAI,MAAM,QAAQ,KAAK,cAAc,KAAK;MAAG,MAAM,KAAK,IAAI,MAAM,SAAS,KAAK,eAAe,MAAM;KAAE;IAAE,CAAC;GACrM;GACA,IAAI,UAAU;GACd,IAAI,mBAAkC;GACtC,IAAI,UAAwG;GAC5G,MAAM,0BAA0B;IAC9B,IAAI,aAAa,OAAO;IACxB,UAAU,IAAI,iBAAiB,KAAK,IAAI,iBAAiB,KAAK,GAAG,CAAC;GACpE;GACA,MAAM,QAAQ,UAAwB;IACpC,MAAM,QAAQ,KAAK,IAAI,GAAG,SAAS,SAAS,OAAO;IACnD,IAAI,WAAW,MAAM,YAAY,MAAM,SAAS,UAAU,CAAC,UAAU,CAAC,QAAQ,IAAI,QAAQ,KAAM,MAAM,gBAAgB,WAAW,MAAM,WAAW,GAAI;IACtJ,mBAAmB;IACnB,IAAI,aAAa,OAAO;IACxB,KAAK,IAAI,iBAAiB,KAAK;IAC/B,UAAU;KAAE,IAAI,MAAM;KAAW,GAAG,MAAM;KAAS,GAAG,MAAM;KAAS;KAAQ,UAAU;IAAM;IAG7F,IAAI;KAAE,KAAK,oBAAoB,MAAM,SAAS;IAAG,QAAQ,CAA+C;GAC1G;GACA,MAAM,QAAQ,UAAwB;IACpC,MAAM,SAAS,QAAQ,IAAI,QAAQ;IACnC,IAAI,CAAC,WAAW,MAAM,cAAc,QAAQ,MAAM,CAAC,QAAQ;IAC3D,MAAM,OAAO,KAAK,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,MAAM,IAAI,MAAM,UAAU,QAAQ,GAAG,KAAK,SAAS,MAAM,IAAI,MAAM,UAAU,QAAQ;IACjI,IAAI,CAAC,QAAQ,UAAU;KACrB,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,UAAU,QAAQ,CAAC,GAAG,KAAK,IAAI,MAAM,UAAU,QAAQ,CAAC,CAAC,IAAA,GAAkB;KACvG,QAAQ,WAAW;IACrB;IACA,KAAK;KAAE,MAAM;KAAQ,UAAU,0BAA0B;MAAE,GAAG,QAAQ,OAAO,IAAI;MAAI,GAAG,QAAQ,OAAO,IAAI;KAAG,GAAG,MAAM;IAAE,CAAC;GAC5H;GACA,MAAM,UAAU,UAAiB;IAC/B,IAAI,CAAC,SAAS;IACd,MAAM,QAAQ;IAEd,UAAU;IACV,IAAI,MAAM,UAAU,KAAK,EAAE,MAAM,UAAU,CAAC;IAC5C,IAAI,MAAM,YAAY,MAAM,SAAS,aAAa;KAChD,KAAK,IAAI,iBAAiB,IAAI;KAE9B,IAAI,MAAM,SAAS,aAAa,kBAAkB;UAC7C,mBAAmB,MAAM;IAChC;IACA,IAAI;KAAE,KAAK,wBAAwB,MAAM,EAAE;IAAG,QAAQ,CAAmC;GAC3F;GACA,MAAM,MAAM,UAAwB;IAClC,IAAI,MAAM,cAAc,SAAS,IAAI,OAAO,KAAK;SAC5C,IAAI,MAAM,SAAS,eAAe,MAAM,cAAc,kBAAkB;KAC3E,mBAAmB;KACnB,kBAAkB;IACpB;GACF;GACA,MAAM,WAAW,IAAI,gBAAgB,WAAW,WAAW,IAAI,eAAe,QAAQ,CAAC,IAAI;GAC3F,MAAM,MAAM,KAAK;GACjB,KAAK,iBAAiB,eAAe,IAAI;GACzC,KAAK,iBAAiB,sBAAsB,EAAE;GAC9C,IAAI,iBAAiB,eAAe,MAAM,IAAI;GAC9C,IAAI,iBAAiB,aAAa,IAAI,IAAI;GAC1C,IAAI,iBAAiB,iBAAiB,IAAI,IAAI;GAC9C,IAAI,iBAAiB,QAAQ,MAAM;GACnC,IAAI,iBAAiB,UAAU,OAAO;GACtC,UAAU,QAAQ,IAAI;GACtB,MAAM,SAAS,KAAK,IAAI,CAAC,CAAC,aAAa,WAAW,KAAK,eAAe;GACtE,IAAI,QAAQ,UAAU,QAAQ,MAAM;GACpC,QAAQ;GACR,aAAa;IACX,KAAK,oBAAoB,eAAe,IAAI;IAAG,KAAK,oBAAoB,sBAAsB,EAAE;IAChG,IAAI,oBAAoB,eAAe,MAAM,IAAI;IAAG,IAAI,oBAAoB,aAAa,IAAI,IAAI;IAAG,IAAI,oBAAoB,iBAAiB,IAAI,IAAI;IACrJ,IAAI,oBAAoB,QAAQ,MAAM;IACtC,IAAI,oBAAoB,UAAU,OAAO;IAAG,UAAU,WAAW;IAAG,IAAI,aAAa,OAAO;IAC5F,MAAM,KAAK,SAAS;IACpB,UAAU;IACV,IAAI,OAAO,KAAA,GAAa,IAAI;KAAE,KAAK,wBAAwB,EAAE;IAAG,QAAQ,CAA0B;GACpG;EACF,EACF;CACF;AACF,CAAC;AAcD,SAAS,IAAI,UAAoB,OAAwC;CACvE,MAAM,OAAO,OAAO,aAAa,aAAa,CAAC,QAAQ,IAAI,YAAY,CAAC;CACxE,KAAK,MAAM,WAAW,MAAM,IAAI,OAAO,YAAY,YAAY,QAAQ,KAAK;CAC5E,OAAO,CAAC,MAAM;AAChB;AACA,MAAM,yBAAS,IAAI,IAAI;CAAC;CAAa;CAAc;CAAW;AAAW,CAAC;AAC1E,SAAgB,sBAA2C,SAAkC,WAA8B,UAAwC,CAAC,GAA2B;CAC7L,MAAM,QAAQ,KAAK,QAAQ,IAAI,GAAG,EAAE,SAAS,MAAM,SAAS,SAAS,UAAU,SAAS,OAAO,GAAG,WAAW,CAAC,CAAC,QAAQ,IAAI,MAAM;CACjI,OAAO;EACL,OAAO,MAAM;EAAO;EAAU,UAAU;EACxC,oBAAoB,UAAU,OAAO;GACnC,cAAc;GAAmB,aAAa;GAAQ,IAAI,OAAO,QAAQ,KAAK;GAAG,MAAM;GAAU,cAAc,MAAM;GAAO,UAAU,MAAM,YAAY,KAAA;GACxJ,gBAAgB,QAAQ,IAAI,SAAS,KAAK,KAAA;GAAW,iBAAiB,MAAM;GAAU,aAAa,MAAM;GAAM,iBAAiB,YAAY,KAAA;GAAW,mBAAmB,UAAU,KAAK,KAAA;GACzL,OAAO,UAAU;IAAE,0BAA0B,GAAG,QAAQ,EAAE;IAAK,0BAA0B,GAAG,QAAQ,EAAE;GAAI,IAAI,KAAA;GAC9G,QAAQ,OAA+B;IACrC,IAAI,KAAK,IAAI,eAAe,KAAK,EAAE,YAAY,SAAS,MAAM,WAAW,IAAI;KAAE,KAAK,IAAI,iBAAiB,KAAK;KAAG,MAAM,iBAAiB;KAAG,MAAM,kBAAkB;KAAG;IAAQ;IAC9K,IAAI,QAAQ,SAAS,KAAK;GAC5B;GACA,UAAU,OAA+B;IACvC,MAAM,MAAM,MAAM,OAAO;IACzB,IAAI,CAAC,IAAI,QAAQ,WAAW,KAAK,KAAK,CAAC,OAAO,IAAI,GAAG,KAAK,MAAM,YAAY,MAAM,SAAS,UAAU,MAAM,iBAAiB,GAAG;IAC/H,IAAK,MAAM,SAAS,QAAQ,QAAQ,aAAa,QAAQ,gBAAkB,MAAM,SAAS,QAAQ,QAAQ,eAAe,QAAQ,eAAgB;IACjJ,MAAM,iBAAiB;IAAG,KAAK;KAAE,MAAM;KAAO;IAAI,CAAC;GACrD;EACF,CAAC;CACH;AACF"}

package/dist/floating-panel/floating-panel.d.ts

@@ -0,0 +1,80 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+export declare const FLOATING_PANEL_PARTS: readonly ["root", "handle", "indicator", "content", "status"];
+export declare const FLOATING_PANEL_BOUNDARIES: readonly ["viewport", "parent"];
+export declare const FLOATING_PANEL_DEFAULT_ANCHORS: readonly number[];
+export type FloatingPanelBoundary = (typeof FLOATING_PANEL_BOUNDARIES)[number];
+export type FloatingPanelHeightReason = "drag" | "keyboard" | "api" | "resize";
+export interface FloatingPanelHeightChangeDetails {
+    height: number;
+    reason: FloatingPanelHeightReason;
+}
+export interface QwFloatingPanelProps {
+    id?: string;
+    /** Required accessible name for the region and height slider. */
+    label: string;
+    /** Positive finite visible border-box heights in CSS px; sorted and deduplicated. */
+    anchors?: readonly number[];
+    /** Owner-controlled settled height; keeping the value rejects a request. */
+    height?: number;
+    /** Initial uncontrolled height, defaults to the smallest anchor. */
+    defaultHeight?: number;
+    onHeightChange?: (details: FloatingPanelHeightChangeDetails) => void;
+    /** Fixed to viewport, or absolute in a positioned parent. */
+    boundary?: FloatingPanelBoundary;
+    /** Allow content drag until expanded; native scrolling takes over at maximum. Default true. */
+    contentDraggable?: boolean;
+    disabled?: boolean;
+    dir?: "ltr" | "rtl";
+    /** Accessible height text; {height} is replaced by CSS px. Default "{height}px". */
+    heightTextTemplate?: string;
+}
+export declare function resolveFloatingPanelAnchors(anchors: readonly number[] | undefined, available?: number): number[];
+/** Nearest anchor, ties choose the larger anchor. */
+export declare function snapFloatingPanelHeight(height: number | undefined, anchors: readonly number[]): number;
+export declare function createFloatingPanelProps(props: QwFloatingPanelProps): QwFloatingPanelProps;
+export interface QwFloatingPanelSchema {
+    props: QwFloatingPanelProps;
+    context: {
+        height: number;
+        preview: number | null;
+        available: number | null;
+        announcement: string;
+    };
+    refs: {
+        cancelGesture: (() => void) | null;
+    };
+    state: "ready";
+    action: "preview" | "settle" | "cancel" | "measure" | "reconcile" | "announce";
+    effect: "track";
+    event: {
+        type: "PREVIEW";
+        height: number;
+    } | {
+        type: "SETTLE";
+        height: number;
+        reason: FloatingPanelHeightReason;
+    } | {
+        type: "CANCEL";
+    } | {
+        type: "MEASURE";
+        available: number;
+    };
+}
+export type QwFloatingPanelMachine = Machine<QwFloatingPanelSchema>;
+export type QwFloatingPanelService = Service<QwFloatingPanelSchema>;
+export declare const floatingPanelMachine: QwFloatingPanelMachine;
+export interface QwFloatingPanelApi<T extends PropTypes = PropTypes> {
+    height: number;
+    anchors: number[];
+    dragging: boolean;
+    label: string;
+    announcement: string;
+    setHeight(height: number): void;
+    getRootProps(): T["element"];
+    getHandleProps(): T["element"];
+    getIndicatorProps(): T["element"];
+    getContentProps(): T["element"];
+    getStatusProps(): T["element"];
+}
+export declare function connectFloatingPanel<T extends PropTypes>(service: QwFloatingPanelService, normalize: NormalizeProps<T>): QwFloatingPanelApi<T>;

package/dist/floating-panel/index.d.ts

@@ -0,0 +1,2 @@
+export { FLOATING_PANEL_PARTS, FLOATING_PANEL_BOUNDARIES, FLOATING_PANEL_DEFAULT_ANCHORS, createFloatingPanelProps, resolveFloatingPanelAnchors, snapFloatingPanelHeight, floatingPanelMachine, connectFloatingPanel } from "./floating-panel.js";
+export type { FloatingPanelBoundary, FloatingPanelHeightReason, FloatingPanelHeightChangeDetails, QwFloatingPanelProps, QwFloatingPanelSchema, QwFloatingPanelMachine, QwFloatingPanelService, QwFloatingPanelApi } from "./floating-panel.js";

package/dist/floating-panel/index.js

@@ -0,0 +1,2 @@
+import { a as createFloatingPanelProps, c as snapFloatingPanelHeight, i as connectFloatingPanel, n as FLOATING_PANEL_DEFAULT_ANCHORS, o as floatingPanelMachine, r as FLOATING_PANEL_PARTS, s as resolveFloatingPanelAnchors, t as FLOATING_PANEL_BOUNDARIES } from "../floating-panel-Cbm5njBJ.js";
+export { FLOATING_PANEL_BOUNDARIES, FLOATING_PANEL_DEFAULT_ANCHORS, FLOATING_PANEL_PARTS, connectFloatingPanel, createFloatingPanelProps, floatingPanelMachine, resolveFloatingPanelAnchors, snapFloatingPanelHeight };