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

package/dist/layer-IpFrl5--.js

@@ -0,0 +1,414 @@
+import { trackDismissableElement } from "@zag-js/dismissable";
+//#region src/popover/positioning.ts
+/**
+* Core-owned anchored positioning shared by Popover and Dropdown.
+*
+* `computeFloatingPosition` is a pure function (rects in → coordinates / placement / arrow out).
+* `measureFloatingLayout` / `trackFloatingLayout` are the only DOM binding: they read rects and
+* CSS-provided insets, never write the DOM, and hand a rounded layout to the machine. Adapters
+* render it through `getFloatingPositionerStyle`, so SSR, hydration and every stack share one path.
+*/
+/** Physical sides of the anchor. */
+const FLOATING_SIDES = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+/** Cross-axis alignments. start/end follow the inline direction on top/bottom (mirrored in RTL) and the block direction on left/right. */
+const FLOATING_ALIGNS = [
+	"center",
+	"start",
+	"end"
+];
+const FLOATING_PLACEMENTS = [
+	"top",
+	"top-start",
+	"top-end",
+	"right",
+	"right-start",
+	"right-end",
+	"bottom",
+	"bottom-start",
+	"bottom-end",
+	"left",
+	"left-start",
+	"left-end"
+];
+/** Default main-axis gap between the anchor edge and the floating box, in CSS px. */
+const FLOATING_DEFAULT_OFFSET = 8;
+const OPPOSITE = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+const finite = (value, fallback = 0) => typeof value === "number" && Number.isFinite(value) ? value : fallback;
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const rectOf = (rect) => ({
+	x: finite(rect?.x),
+	y: finite(rect?.y),
+	width: Math.max(0, finite(rect?.width)),
+	height: Math.max(0, finite(rect?.height))
+});
+/** Unknown values fall back (default bottom). */
+function resolveFloatingPlacement(value, fallback = "bottom") {
+	return FLOATING_PLACEMENTS.includes(value) ? value : fallback;
+}
+function splitFloatingPlacement(placement) {
+	const [side, align] = placement.split("-");
+	return {
+		side,
+		align: align ?? "center"
+	};
+}
+function joinFloatingPlacement(side, align) {
+	return align === "center" ? side : `${side}-${align}`;
+}
+/**
+* Place the floating box next to the anchor: flip to the opposite side when the preferred side lacks
+* space and the opposite has more, align on the cross axis (start/end mirrored on top/bottom in RTL),
+* shift into the boundary while staying attached to the anchor, and point the arrow at the anchor center.
+*/
+function computeFloatingPosition(input) {
+	const anchor = rectOf(input.anchor), boundary = rectOf(input.boundary);
+	const width = Math.max(0, finite(input.floating?.width)), height = Math.max(0, finite(input.floating?.height));
+	const offset = finite(input.offset, 8);
+	const preferred = splitFloatingPlacement(resolveFloatingPlacement(input.placement, input.fallback));
+	const space = {
+		top: anchor.y - offset - boundary.y,
+		bottom: boundary.y + boundary.height - anchor.y - anchor.height - offset,
+		left: anchor.x - offset - boundary.x,
+		right: boundary.x + boundary.width - anchor.x - anchor.width - offset
+	};
+	const need = (side) => side === "top" || side === "bottom" ? height : width;
+	const opposite = OPPOSITE[preferred.side];
+	const flipped = space[preferred.side] < need(preferred.side) && space[opposite] > space[preferred.side];
+	const side = flipped ? opposite : preferred.side, align = preferred.align;
+	const vertical = side === "top" || side === "bottom";
+	const size = vertical ? width : height;
+	const anchorStart = vertical ? anchor.x : anchor.y, anchorSize = vertical ? anchor.width : anchor.height;
+	const boundaryStart = vertical ? boundary.x : boundary.y, boundarySize = vertical ? boundary.width : boundary.height;
+	const physical = vertical && input.rtl ? align === "start" ? "end" : align === "end" ? "start" : align : align;
+	let cross = physical === "start" ? anchorStart : physical === "end" ? anchorStart + anchorSize - size : anchorStart + (anchorSize - size) / 2;
+	cross = Math.max(boundaryStart, Math.min(cross, boundaryStart + boundarySize - size));
+	const arrowSize = input.arrow ? Math.max(0, finite(input.arrow.size)) : 0, arrowPadding = input.arrow ? Math.max(0, finite(input.arrow.padding)) : 0;
+	const reach = input.arrow ? arrowPadding + arrowSize / 2 : 0;
+	cross = clamp(cross, anchorStart - size + reach, anchorStart + anchorSize - reach);
+	let arrow = null;
+	if (input.arrow) {
+		const max = size - arrowPadding - arrowSize;
+		arrow = max < arrowPadding ? (size - arrowSize) / 2 : clamp(anchorStart + anchorSize / 2 - cross - arrowSize / 2, arrowPadding, max);
+	}
+	const main = side === "bottom" ? anchor.y + anchor.height + offset : side === "top" ? anchor.y - offset - height : side === "right" ? anchor.x + anchor.width + offset : anchor.x - offset - width;
+	return {
+		x: vertical ? cross : main,
+		y: vertical ? main : cross,
+		placement: joinFloatingPlacement(side, align),
+		side,
+		align,
+		flipped,
+		arrow,
+		availableWidth: Math.max(0, vertical ? boundary.width : space[side]),
+		availableHeight: Math.max(0, vertical ? space[side] : boundary.height)
+	};
+}
+const LAYOUT_KEYS = [
+	"x",
+	"y",
+	"placement",
+	"side",
+	"align",
+	"arrow",
+	"availableWidth",
+	"availableHeight",
+	"anchorWidth",
+	"anchorHeight"
+];
+function sameFloatingLayout(a, b) {
+	if (a === b) return true;
+	if (!a || !b) return false;
+	return LAYOUT_KEYS.every((key) => a[key] === b[key]);
+}
+/** Private custom properties written inline on the positioner; component CSS consumes them. */
+const FLOATING_STYLE_VARS = {
+	x: "--qw-floating-x",
+	y: "--qw-floating-y",
+	arrow: "--qw-floating-arrow",
+	availableWidth: "--qw-floating-available-width",
+	availableHeight: "--qw-floating-available-height",
+	anchorWidth: "--qw-floating-anchor-width"
+};
+/**
+* Inline positioner style. Before the first measurement (SSR, hydration, the first client frame) the
+* layer is laid out at the containing-block origin but `visibility: hidden`; afterwards it is translated
+* (layout at the origin keeps its shrink-to-fit width independent of the position).
+*/
+function getFloatingPositionerStyle(layout) {
+	const base = {
+		position: "fixed",
+		left: "0px",
+		top: "0px"
+	};
+	if (!layout) return {
+		...base,
+		visibility: "hidden"
+	};
+	const style = {
+		...base,
+		transform: `translate3d(var(${FLOATING_STYLE_VARS.x}), var(${FLOATING_STYLE_VARS.y}), 0)`,
+		[FLOATING_STYLE_VARS.x]: `${layout.x}px`,
+		[FLOATING_STYLE_VARS.y]: `${layout.y}px`,
+		[FLOATING_STYLE_VARS.availableWidth]: `${layout.availableWidth}px`,
+		[FLOATING_STYLE_VARS.availableHeight]: `${layout.availableHeight}px`,
+		[FLOATING_STYLE_VARS.anchorWidth]: `${layout.anchorWidth}px`
+	};
+	if (layout.arrow !== null) style[FLOATING_STYLE_VARS.arrow] = `${layout.arrow}px`;
+	return style;
+}
+const px = (value) => {
+	const number = Number.parseFloat(value ?? "");
+	return Number.isFinite(number) ? number : 0;
+};
+const round = (value) => Math.round(value * 100) / 100;
+/**
+* One measurement. The boundary is the visual viewport (layout viewport without visualViewport) minus the
+* positioner's CSS scroll-margin (gap + safe area, so env() stays in the style layer). The arrow padding is
+* the content's corner radius. A transformed/filtered ancestor offsets fixed boxes: the difference between
+* where the box is and the translate that was applied is subtracted.
+*/
+function measureFloatingLayout(options) {
+	const anchor = options.anchor(), positioner = options.positioner();
+	const doc = positioner?.ownerDocument, win = doc?.defaultView;
+	if (!anchor || !positioner || !doc || !win || !anchor.isConnected || !positioner.isConnected) return null;
+	const root = doc.documentElement, visual = win.visualViewport, style = win.getComputedStyle(positioner);
+	const view = visual ? {
+		x: visual.offsetLeft,
+		y: visual.offsetTop,
+		width: visual.width,
+		height: visual.height
+	} : {
+		x: 0,
+		y: 0,
+		width: root.clientWidth || win.innerWidth,
+		height: root.clientHeight || win.innerHeight
+	};
+	const top = px(style.scrollMarginTop), right = px(style.scrollMarginRight), bottom = px(style.scrollMarginBottom), left = px(style.scrollMarginLeft);
+	const boundary = {
+		x: view.x + left,
+		y: view.y + top,
+		width: Math.max(0, view.width - left - right),
+		height: Math.max(0, view.height - top - bottom)
+	};
+	const rect = anchor.getBoundingClientRect(), content = options.content(), arrow = options.arrow();
+	const direction = win.getComputedStyle(anchor).direction || anchor.closest("[dir]")?.getAttribute("dir");
+	const position = computeFloatingPosition({
+		anchor: {
+			x: rect.left,
+			y: rect.top,
+			width: rect.width,
+			height: rect.height
+		},
+		floating: {
+			width: positioner.offsetWidth,
+			height: positioner.offsetHeight
+		},
+		boundary,
+		placement: options.placement(),
+		fallback: options.fallback,
+		offset: options.offset(),
+		rtl: direction === "rtl",
+		arrow: arrow ? {
+			size: arrow.offsetWidth,
+			padding: content ? px(win.getComputedStyle(content).borderTopLeftRadius) : 0
+		} : null
+	});
+	const box = positioner.getBoundingClientRect();
+	const originX = box.left - px(positioner.style.getPropertyValue(FLOATING_STYLE_VARS.x));
+	const originY = box.top - px(positioner.style.getPropertyValue(FLOATING_STYLE_VARS.y));
+	return {
+		x: round(position.x - originX),
+		y: round(position.y - originY),
+		placement: position.placement,
+		side: position.side,
+		align: position.align,
+		arrow: position.arrow === null ? null : round(position.arrow),
+		availableWidth: round(position.availableWidth),
+		availableHeight: round(position.availableHeight),
+		anchorWidth: round(rect.width),
+		anchorHeight: round(rect.height)
+	};
+}
+/**
+* Track while open: one rAF-coalesced measurement per scroll (any scroller, captured), window or visual
+* viewport resize, and anchor/positioner ResizeObserver change. The returned cleanup removes every listener,
+* disconnects the observer and cancels the pending frame.
+*/
+function trackFloatingLayout(doc, options) {
+	const win = doc.defaultView;
+	if (!win) return () => {};
+	let frame = 0, waited = 0, disposed = false, observer = null, observed = [];
+	const schedule = () => {
+		if (!disposed && !frame) frame = win.requestAnimationFrame(update);
+	};
+	const observe = (targets) => {
+		if (targets.length === observed.length && targets.every((target, index) => target === observed[index])) return;
+		observer?.disconnect();
+		observed = targets;
+		const Observer = win.ResizeObserver;
+		observer = Observer ? new Observer(schedule) : null;
+		for (const target of targets) observer?.observe(target);
+	};
+	function update() {
+		frame = 0;
+		if (disposed) return;
+		const layout = measureFloatingLayout(options);
+		if (!layout) {
+			if (waited++ < 60) schedule();
+			return;
+		}
+		observe([options.anchor(), options.positioner()].filter((node) => !!node));
+		options.onLayout(layout);
+	}
+	const visual = win.visualViewport;
+	win.addEventListener("resize", schedule);
+	doc.addEventListener("scroll", schedule, {
+		capture: true,
+		passive: true
+	});
+	visual?.addEventListener("resize", schedule);
+	visual?.addEventListener("scroll", schedule);
+	schedule();
+	return () => {
+		disposed = true;
+		if (frame) win.cancelAnimationFrame(frame);
+		observer?.disconnect();
+		observer = null;
+		observed = [];
+		win.removeEventListener("resize", schedule);
+		doc.removeEventListener("scroll", schedule, { capture: true });
+		visual?.removeEventListener("resize", schedule);
+		visual?.removeEventListener("scroll", schedule);
+	};
+}
+//#endregion
+//#region src/popover/layer.ts
+/**
+* Wait for the content node (a microtask, then up to FLOATING_WAIT_FRAMES frames), then join the layer
+* stack: only the topmost layer handles Escape, outside pointer/focus excludes the trigger and nested layers,
+* and nothing outside is blocked. Cleanup leaves the stack or cancels the wait.
+*/
+function trackFloatingDismiss(doc, options) {
+	const win = doc.defaultView;
+	let release, frame = 0, waited = 0, disposed = false;
+	let readyTimer;
+	let request = {
+		reason: "outside",
+		focusable: false
+	};
+	const start = () => {
+		frame = 0;
+		if (disposed || release) return;
+		const content = options.content();
+		if (!content) {
+			if (win && waited++ < 60) frame = win.requestAnimationFrame(start);
+			return;
+		}
+		release = trackDismissableElement(content, {
+			type: options.type,
+			pointerBlocking: false,
+			defer: false,
+			warnOnMissingNode: false,
+			exclude: () => options.trigger(),
+			onEscapeKeyDown(event) {
+				request = {
+					reason: "escape",
+					focusable: false
+				};
+				if (!options.closeOnEscape()) event.preventDefault();
+			},
+			onPointerDownOutside(event) {
+				request = {
+					reason: "outside",
+					focusable: event.detail?.focusable === true
+				};
+				if (!options.closeOnOutside()) event.preventDefault();
+			},
+			onFocusOutside(event) {
+				request = {
+					reason: "focus-outside",
+					focusable: true
+				};
+				if (!options.closeOnFocusOutside()) event.preventDefault();
+			},
+			onDismiss() {
+				options.onDismiss(request);
+			}
+		});
+		readyTimer = setTimeout(() => {
+			if (!disposed) options.onReady?.();
+		}, 0);
+	};
+	queueMicrotask(start);
+	return () => {
+		disposed = true;
+		if (frame) win?.cancelAnimationFrame(frame);
+		if (readyTimer !== void 0) clearTimeout(readyTimer);
+		release?.();
+		release = void 0;
+	};
+}
+/**
+* Focus return when a layer closes, called while its content is still in the DOM:
+* - tab / focus-outside: focus already moved on; nothing happens.
+* - outside: unless the outside target was focusable, focus that was inside the layer (or on the trigger)
+*   returns to the trigger after the pointer settles, if it ended on <body>.
+* - everything else (escape, select, trigger, api): focus inside the layer, on <body> or nowhere returns to
+*   the trigger at once; focus the user moved elsewhere on the page stays put.
+*/
+function restoreFloatingFocus(doc, trigger, content, request) {
+	if (!trigger || !trigger.isConnected || request.reason === "tab" || request.reason === "focus-outside") return;
+	const active = doc.activeElement;
+	const inside = !!active && !!content && content.contains(active);
+	const focus = () => {
+		if (trigger.isConnected) trigger.focus({ preventScroll: true });
+	};
+	if (request.reason === "outside") {
+		if (request.focusable || !(inside || active === trigger)) return;
+		const win = doc.defaultView;
+		const settle = () => {
+			const now = doc.activeElement;
+			if (!now || now === doc.body) focus();
+		};
+		if (win) win.requestAnimationFrame(settle);
+		else settle();
+		return;
+	}
+	if (inside || !active || active === doc.body) focus();
+}
+/**
+* Focus a node once it can take focus: the layer is `visibility: hidden` until the first layout reaches
+* the DOM, so try on the next frames until it succeeds (bounded). Returns a cancel function.
+*/
+function focusWhenReady(doc, target, attempts = 6) {
+	const win = doc.defaultView;
+	let frame = 0, left = attempts, cancelled = false;
+	const tryFocus = () => {
+		frame = 0;
+		if (cancelled) return;
+		const node = target();
+		node?.focus({ preventScroll: true });
+		if (node && doc.activeElement === node || --left <= 0 || !win) return;
+		frame = win.requestAnimationFrame(tryFocus);
+	};
+	if (win) frame = win.requestAnimationFrame(tryFocus);
+	else tryFocus();
+	return () => {
+		cancelled = true;
+		if (frame) win?.cancelAnimationFrame(frame);
+	};
+}
+//#endregion
+export { FLOATING_DEFAULT_OFFSET as a, computeFloatingPosition as c, resolveFloatingPlacement as d, sameFloatingLayout as f, FLOATING_ALIGNS as i, getFloatingPositionerStyle as l, trackFloatingLayout as m, restoreFloatingFocus as n, FLOATING_PLACEMENTS as o, splitFloatingPlacement as p, trackFloatingDismiss as r, FLOATING_SIDES as s, focusWhenReady as t, joinFloatingPlacement as u };
+
+//# sourceMappingURL=layer-IpFrl5--.js.map

package/dist/layer-IpFrl5--.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-IpFrl5--.js","names":[],"sources":["../src/popover/positioning.ts","../src/popover/layer.ts"],"sourcesContent":["/**\n * Core-owned anchored positioning shared by Popover and Dropdown.\n *\n * `computeFloatingPosition` is a pure function (rects in → coordinates / placement / arrow out).\n * `measureFloatingLayout` / `trackFloatingLayout` are the only DOM binding: they read rects and\n * CSS-provided insets, never write the DOM, and hand a rounded layout to the machine. Adapters\n * render it through `getFloatingPositionerStyle`, so SSR, hydration and every stack share one path.\n */\n\n/** Physical sides of the anchor. */\nexport const FLOATING_SIDES = [\"top\", \"right\", \"bottom\", \"left\"] as const;\n/** Cross-axis alignments. start/end follow the inline direction on top/bottom (mirrored in RTL) and the block direction on left/right. */\nexport const FLOATING_ALIGNS = [\"center\", \"start\", \"end\"] as const;\nexport const FLOATING_PLACEMENTS = [\n  \"top\", \"top-start\", \"top-end\", \"right\", \"right-start\", \"right-end\",\n  \"bottom\", \"bottom-start\", \"bottom-end\", \"left\", \"left-start\", \"left-end\",\n] as const;\nexport type FloatingSide = (typeof FLOATING_SIDES)[number];\nexport type FloatingAlign = (typeof FLOATING_ALIGNS)[number];\nexport type FloatingPlacement = (typeof FLOATING_PLACEMENTS)[number];\n/** Default main-axis gap between the anchor edge and the floating box, in CSS px. */\nexport const FLOATING_DEFAULT_OFFSET = 8;\n\nexport interface FloatingRect { x: number; y: number; width: number; height: number }\nexport interface FloatingPositionInput {\n  /** Anchor border box in viewport coordinates (getBoundingClientRect). */\n  anchor: FloatingRect;\n  /** Floating border-box size. */\n  floating: { width: number; height: number };\n  /** Usable area in viewport coordinates (viewport minus padding and safe areas). */\n  boundary: FloatingRect;\n  /** Preferred placement; unknown values use `fallback`. */\n  placement?: unknown;\n  /** Placement used for unknown values; defaults to bottom. */\n  fallback?: FloatingPlacement;\n  /** Main-axis gap in CSS px; non-finite values use 8. */\n  offset?: number;\n  /** Arrow square size and the minimum distance from the floating corners; omit or null without an arrow. */\n  arrow?: { size: number; padding?: number } | null;\n  /** Mirror start/end on the inline axis (top/bottom sides). */\n  rtl?: boolean;\n}\nexport interface FloatingPosition {\n  /** Floating top-left corner in viewport coordinates. */\n  x: number;\n  y: number;\n  /** Resolved placement after flipping; align stays logical. */\n  placement: FloatingPlacement;\n  side: FloatingSide;\n  align: FloatingAlign;\n  /** The preferred side lacked space and the opposite side had more. */\n  flipped: boolean;\n  /** Arrow start on the cross axis relative to the floating box (from its left edge on top/bottom, its top edge on left/right); null without an arrow. */\n  arrow: number | null;\n  /** Space on the resolved side (main axis) and the boundary extent (cross axis), never negative. */\n  availableWidth: number;\n  availableHeight: number;\n}\n\nconst OPPOSITE: Record<FloatingSide, FloatingSide> = { top: \"bottom\", bottom: \"top\", left: \"right\", right: \"left\" };\nconst finite = (value: unknown, fallback = 0): number => typeof value === \"number\" && Number.isFinite(value) ? value : fallback;\nconst clamp = (value: number, min: number, max: number): number => Math.min(Math.max(value, min), max);\nconst rectOf = (rect: FloatingRect): FloatingRect => ({ x: finite(rect?.x), y: finite(rect?.y), width: Math.max(0, finite(rect?.width)), height: Math.max(0, finite(rect?.height)) });\n\n/** Unknown values fall back (default bottom). */\nexport function resolveFloatingPlacement(value: unknown, fallback: FloatingPlacement = \"bottom\"): FloatingPlacement {\n  return (FLOATING_PLACEMENTS as readonly unknown[]).includes(value) ? value as FloatingPlacement : fallback;\n}\nexport function splitFloatingPlacement(placement: FloatingPlacement): { side: FloatingSide; align: FloatingAlign } {\n  const [side, align] = placement.split(\"-\") as [FloatingSide, \"start\" | \"end\" | undefined];\n  return { side, align: align ?? \"center\" };\n}\nexport function joinFloatingPlacement(side: FloatingSide, align: FloatingAlign): FloatingPlacement {\n  return (align === \"center\" ? side : `${side}-${align}`) as FloatingPlacement;\n}\n\n/**\n * Place the floating box next to the anchor: flip to the opposite side when the preferred side lacks\n * space and the opposite has more, align on the cross axis (start/end mirrored on top/bottom in RTL),\n * shift into the boundary while staying attached to the anchor, and point the arrow at the anchor center.\n */\nexport function computeFloatingPosition(input: FloatingPositionInput): FloatingPosition {\n  const anchor = rectOf(input.anchor), boundary = rectOf(input.boundary);\n  const width = Math.max(0, finite(input.floating?.width)), height = Math.max(0, finite(input.floating?.height));\n  const offset = finite(input.offset, FLOATING_DEFAULT_OFFSET);\n  const preferred = splitFloatingPlacement(resolveFloatingPlacement(input.placement, input.fallback));\n  const space: Record<FloatingSide, number> = {\n    top: anchor.y - offset - boundary.y,\n    bottom: boundary.y + boundary.height - anchor.y - anchor.height - offset,\n    left: anchor.x - offset - boundary.x,\n    right: boundary.x + boundary.width - anchor.x - anchor.width - offset,\n  };\n  const need = (side: FloatingSide) => side === \"top\" || side === \"bottom\" ? height : width;\n  const opposite = OPPOSITE[preferred.side];\n  const flipped = space[preferred.side] < need(preferred.side) && space[opposite] > space[preferred.side];\n  const side = flipped ? opposite : preferred.side, align = preferred.align;\n  const vertical = side === \"top\" || side === \"bottom\";\n  const size = vertical ? width : height;\n  const anchorStart = vertical ? anchor.x : anchor.y, anchorSize = vertical ? anchor.width : anchor.height;\n  const boundaryStart = vertical ? boundary.x : boundary.y, boundarySize = vertical ? boundary.width : boundary.height;\n  const physical = vertical && input.rtl ? (align === \"start\" ? \"end\" : align === \"end\" ? \"start\" : align) : align;\n  let cross = physical === \"start\" ? anchorStart : physical === \"end\" ? anchorStart + anchorSize - size : anchorStart + (anchorSize - size) / 2;\n  // Shift into the boundary (a box larger than the boundary keeps its start edge visible)…\n  cross = Math.max(boundaryStart, Math.min(cross, boundaryStart + boundarySize - size));\n  // …but never detach from the anchor: the arrow (or at least an edge) must still reach it.\n  const arrowSize = input.arrow ? Math.max(0, finite(input.arrow.size)) : 0, arrowPadding = input.arrow ? Math.max(0, finite(input.arrow.padding)) : 0;\n  const reach = input.arrow ? arrowPadding + arrowSize / 2 : 0;\n  cross = clamp(cross, anchorStart - size + reach, anchorStart + anchorSize - reach);\n  let arrow: number | null = null;\n  if (input.arrow) {\n    const max = size - arrowPadding - arrowSize;\n    arrow = max < arrowPadding ? (size - arrowSize) / 2 : clamp(anchorStart + anchorSize / 2 - cross - arrowSize / 2, arrowPadding, max);\n  }\n  const main = side === \"bottom\" ? anchor.y + anchor.height + offset\n    : side === \"top\" ? anchor.y - offset - height\n      : side === \"right\" ? anchor.x + anchor.width + offset\n        : anchor.x - offset - width;\n  return {\n    x: vertical ? cross : main, y: vertical ? main : cross,\n    placement: joinFloatingPlacement(side, align), side, align, flipped, arrow,\n    availableWidth: Math.max(0, vertical ? boundary.width : space[side]),\n    availableHeight: Math.max(0, vertical ? space[side] : boundary.height),\n  };\n}\n\n/** Layout written by adapters from Core context: rounded, containing-block compensated, plus the anchor size. */\nexport interface FloatingLayout {\n  x: number;\n  y: number;\n  placement: FloatingPlacement;\n  side: FloatingSide;\n  align: FloatingAlign;\n  arrow: number | null;\n  availableWidth: number;\n  availableHeight: number;\n  anchorWidth: number;\n  anchorHeight: number;\n}\nconst LAYOUT_KEYS = [\"x\", \"y\", \"placement\", \"side\", \"align\", \"arrow\", \"availableWidth\", \"availableHeight\", \"anchorWidth\", \"anchorHeight\"] as const;\nexport function sameFloatingLayout(a: FloatingLayout | null | undefined, b: FloatingLayout | null | undefined): boolean {\n  if (a === b) return true;\n  if (!a || !b) return false;\n  return LAYOUT_KEYS.every((key) => a[key] === b[key]);\n}\n\n/** Private custom properties written inline on the positioner; component CSS consumes them. */\nexport const FLOATING_STYLE_VARS = {\n  x: \"--qw-floating-x\", y: \"--qw-floating-y\", arrow: \"--qw-floating-arrow\",\n  availableWidth: \"--qw-floating-available-width\", availableHeight: \"--qw-floating-available-height\", anchorWidth: \"--qw-floating-anchor-width\",\n} as const;\n\n/**\n * Inline positioner style. Before the first measurement (SSR, hydration, the first client frame) the\n * layer is laid out at the containing-block origin but `visibility: hidden`; afterwards it is translated\n * (layout at the origin keeps its shrink-to-fit width independent of the position).\n */\nexport function getFloatingPositionerStyle(layout: FloatingLayout | null): Record<string, string> {\n  const base = { position: \"fixed\", left: \"0px\", top: \"0px\" };\n  if (!layout) return { ...base, visibility: \"hidden\" };\n  const style: Record<string, string> = {\n    ...base,\n    transform: `translate3d(var(${FLOATING_STYLE_VARS.x}), var(${FLOATING_STYLE_VARS.y}), 0)`,\n    [FLOATING_STYLE_VARS.x]: `${layout.x}px`,\n    [FLOATING_STYLE_VARS.y]: `${layout.y}px`,\n    [FLOATING_STYLE_VARS.availableWidth]: `${layout.availableWidth}px`,\n    [FLOATING_STYLE_VARS.availableHeight]: `${layout.availableHeight}px`,\n    [FLOATING_STYLE_VARS.anchorWidth]: `${layout.anchorWidth}px`,\n  };\n  if (layout.arrow !== null) style[FLOATING_STYLE_VARS.arrow] = `${layout.arrow}px`;\n  return style;\n}\n\nexport interface FloatingTrackOptions {\n  /** Elements are looked up on every update: layers mount after the effect starts and may be replaced. */\n  anchor(): HTMLElement | null;\n  positioner(): HTMLElement | null;\n  content(): HTMLElement | null;\n  arrow(): HTMLElement | null;\n  placement(): unknown;\n  offset(): number | undefined;\n  fallback: FloatingPlacement;\n  onLayout(layout: FloatingLayout): void;\n}\n\nconst px = (value: string | null | undefined): number => { const number = Number.parseFloat(value ?? \"\"); return Number.isFinite(number) ? number : 0; };\nconst round = (value: number): number => Math.round(value * 100) / 100;\n\n/**\n * One measurement. The boundary is the visual viewport (layout viewport without visualViewport) minus the\n * positioner's CSS scroll-margin (gap + safe area, so env() stays in the style layer). The arrow padding is\n * the content's corner radius. A transformed/filtered ancestor offsets fixed boxes: the difference between\n * where the box is and the translate that was applied is subtracted.\n */\nexport function measureFloatingLayout(options: FloatingTrackOptions): FloatingLayout | null {\n  const anchor = options.anchor(), positioner = options.positioner();\n  const doc = positioner?.ownerDocument, win = doc?.defaultView;\n  if (!anchor || !positioner || !doc || !win || !anchor.isConnected || !positioner.isConnected) return null;\n  const root = doc.documentElement, visual = win.visualViewport, style = win.getComputedStyle(positioner);\n  const view = visual\n    ? { x: visual.offsetLeft, y: visual.offsetTop, width: visual.width, height: visual.height }\n    : { x: 0, y: 0, width: root.clientWidth || win.innerWidth, height: root.clientHeight || win.innerHeight };\n  const top = px(style.scrollMarginTop), right = px(style.scrollMarginRight), bottom = px(style.scrollMarginBottom), left = px(style.scrollMarginLeft);\n  const boundary = { x: view.x + left, y: view.y + top, width: Math.max(0, view.width - left - right), height: Math.max(0, view.height - top - bottom) };\n  const rect = anchor.getBoundingClientRect(), content = options.content(), arrow = options.arrow();\n  const direction = win.getComputedStyle(anchor).direction || anchor.closest(\"[dir]\")?.getAttribute(\"dir\");\n  const position = computeFloatingPosition({\n    anchor: { x: rect.left, y: rect.top, width: rect.width, height: rect.height },\n    floating: { width: positioner.offsetWidth, height: positioner.offsetHeight },\n    boundary, placement: options.placement(), fallback: options.fallback, offset: options.offset(), rtl: direction === \"rtl\",\n    arrow: arrow ? { size: arrow.offsetWidth, padding: content ? px(win.getComputedStyle(content).borderTopLeftRadius) : 0 } : null,\n  });\n  const box = positioner.getBoundingClientRect();\n  const originX = box.left - px(positioner.style.getPropertyValue(FLOATING_STYLE_VARS.x));\n  const originY = box.top - px(positioner.style.getPropertyValue(FLOATING_STYLE_VARS.y));\n  return {\n    x: round(position.x - originX), y: round(position.y - originY), placement: position.placement, side: position.side, align: position.align,\n    arrow: position.arrow === null ? null : round(position.arrow), availableWidth: round(position.availableWidth), availableHeight: round(position.availableHeight),\n    anchorWidth: round(rect.width), anchorHeight: round(rect.height),\n  };\n}\n\n/** Frames to wait for the layer nodes to mount before giving up (about one second). */\nexport const FLOATING_WAIT_FRAMES = 60;\n\n/**\n * Track while open: one rAF-coalesced measurement per scroll (any scroller, captured), window or visual\n * viewport resize, and anchor/positioner ResizeObserver change. The returned cleanup removes every listener,\n * disconnects the observer and cancels the pending frame.\n */\nexport function trackFloatingLayout(doc: Document, options: FloatingTrackOptions): () => void {\n  const win = doc.defaultView;\n  if (!win) return () => {};\n  let frame = 0, waited = 0, disposed = false, observer: ResizeObserver | null = null, observed: Element[] = [];\n  const schedule = () => { if (!disposed && !frame) frame = win.requestAnimationFrame(update); };\n  const observe = (targets: Element[]) => {\n    if (targets.length === observed.length && targets.every((target, index) => target === observed[index])) return;\n    observer?.disconnect(); observed = targets;\n    const Observer = win.ResizeObserver;\n    observer = Observer ? new Observer(schedule) : null;\n    for (const target of targets) observer?.observe(target);\n  };\n  function update() {\n    frame = 0;\n    if (disposed) return;\n    const layout = measureFloatingLayout(options);\n    if (!layout) { if (waited++ < FLOATING_WAIT_FRAMES) schedule(); return; }\n    observe([options.anchor(), options.positioner()].filter((node): node is HTMLElement => !!node));\n    options.onLayout(layout);\n  }\n  const visual = win.visualViewport;\n  win.addEventListener(\"resize\", schedule);\n  doc.addEventListener(\"scroll\", schedule, { capture: true, passive: true });\n  visual?.addEventListener(\"resize\", schedule);\n  visual?.addEventListener(\"scroll\", schedule);\n  schedule();\n  return () => {\n    disposed = true;\n    if (frame) win.cancelAnimationFrame(frame);\n    observer?.disconnect(); observer = null; observed = [];\n    win.removeEventListener(\"resize\", schedule);\n    doc.removeEventListener(\"scroll\", schedule, { capture: true });\n    visual?.removeEventListener(\"resize\", schedule);\n    visual?.removeEventListener(\"scroll\", schedule);\n  };\n}\n","import { trackDismissableElement } from \"@zag-js/dismissable\";\nimport { FLOATING_WAIT_FRAMES } from \"./positioning.js\";\n\n/**\n * Non-modal layer lifetime shared by Popover and Dropdown: dismissal through Zag's existing layer stack\n * (no pointer blocking, no new modal owner) and the focus return policy. Every DOM read happens inside\n * the returned effects, never at import.\n */\n\n/** Why a layer asked to open or close. trigger: its trigger toggled; keyboard: a trigger key; api: the owner or setOpen. */\nexport type FloatingCloseReason = \"trigger\" | \"keyboard\" | \"escape\" | \"outside\" | \"focus-outside\" | \"tab\" | \"select\" | \"api\";\nexport type FloatingDismissReason = Extract<FloatingCloseReason, \"escape\" | \"outside\" | \"focus-outside\">;\n/** A pending close request: the reason and whether an outside interaction landed on a focusable node. */\nexport interface FloatingCloseRequest { reason: FloatingCloseReason; focusable: boolean }\n\nexport interface FloatingDismissOptions {\n  type: \"popover\" | \"menu\";\n  content(): HTMLElement | null;\n  trigger(): HTMLElement | null;\n  closeOnEscape(): boolean;\n  closeOnOutside(): boolean;\n  closeOnFocusOutside(): boolean;\n  onDismiss(request: FloatingCloseRequest): void;\n  /** Called after the existing layer has installed its deferred pointer listener. */\n  onReady?(): void;\n}\n\n/**\n * Wait for the content node (a microtask, then up to FLOATING_WAIT_FRAMES frames), then join the layer\n * stack: only the topmost layer handles Escape, outside pointer/focus excludes the trigger and nested layers,\n * and nothing outside is blocked. Cleanup leaves the stack or cancels the wait.\n */\nexport function trackFloatingDismiss(doc: Document, options: FloatingDismissOptions): () => void {\n  const win = doc.defaultView;\n  let release: (() => void) | undefined, frame = 0, waited = 0, disposed = false;\n  let readyTimer: ReturnType<typeof setTimeout> | undefined;\n  let request: FloatingCloseRequest = { reason: \"outside\", focusable: false };\n  const start = () => {\n    frame = 0;\n    if (disposed || release) return;\n    const content = options.content();\n    if (!content) { if (win && waited++ < FLOATING_WAIT_FRAMES) frame = win.requestAnimationFrame(start); return; }\n    release = trackDismissableElement(content, {\n      type: options.type, pointerBlocking: false, defer: false, warnOnMissingNode: false,\n      exclude: () => options.trigger(),\n      onEscapeKeyDown(event) {\n        request = { reason: \"escape\", focusable: false };\n        if (!options.closeOnEscape()) event.preventDefault();\n      },\n      onPointerDownOutside(event) {\n        request = { reason: \"outside\", focusable: event.detail?.focusable === true };\n        if (!options.closeOnOutside()) event.preventDefault();\n      },\n      onFocusOutside(event) {\n        request = { reason: \"focus-outside\", focusable: true };\n        if (!options.closeOnFocusOutside()) event.preventDefault();\n      },\n      onDismiss() { options.onDismiss(request); },\n    });\n    // Zag installs outside-pointer capture in its own zero-delay task even with defer:false.\n    // Publish readiness in the following task, after that registration, never by elapsed guessing.\n    readyTimer = setTimeout(() => { if (!disposed) options.onReady?.(); }, 0);\n  };\n  queueMicrotask(start);\n  return () => {\n    disposed = true;\n    if (frame) win?.cancelAnimationFrame(frame);\n    if (readyTimer !== undefined) clearTimeout(readyTimer);\n    release?.();\n    release = undefined;\n  };\n}\n\n/**\n * Focus return when a layer closes, called while its content is still in the DOM:\n * - tab / focus-outside: focus already moved on; nothing happens.\n * - outside: unless the outside target was focusable, focus that was inside the layer (or on the trigger)\n *   returns to the trigger after the pointer settles, if it ended on <body>.\n * - everything else (escape, select, trigger, api): focus inside the layer, on <body> or nowhere returns to\n *   the trigger at once; focus the user moved elsewhere on the page stays put.\n */\nexport function restoreFloatingFocus(doc: Document, trigger: HTMLElement | null, content: HTMLElement | null, request: FloatingCloseRequest): void {\n  if (!trigger || !trigger.isConnected || request.reason === \"tab\" || request.reason === \"focus-outside\") return;\n  const active = doc.activeElement;\n  const inside = !!active && !!content && content.contains(active);\n  const focus = () => { if (trigger.isConnected) trigger.focus({ preventScroll: true }); };\n  if (request.reason === \"outside\") {\n    if (request.focusable || !(inside || active === trigger)) return;\n    const win = doc.defaultView;\n    const settle = () => { const now = doc.activeElement; if (!now || now === doc.body) focus(); };\n    if (win) win.requestAnimationFrame(settle); else settle();\n    return;\n  }\n  if (inside || !active || active === doc.body) focus();\n}\n\n/**\n * Focus a node once it can take focus: the layer is `visibility: hidden` until the first layout reaches\n * the DOM, so try on the next frames until it succeeds (bounded). Returns a cancel function.\n */\nexport function focusWhenReady(doc: Document, target: () => HTMLElement | null, attempts = 6): () => void {\n  const win = doc.defaultView;\n  let frame = 0, left = attempts, cancelled = false;\n  const tryFocus = () => {\n    frame = 0;\n    if (cancelled) return;\n    const node = target();\n    node?.focus({ preventScroll: true });\n    if ((node && doc.activeElement === node) || --left <= 0 || !win) return;\n    frame = win.requestAnimationFrame(tryFocus);\n  };\n  if (win) frame = win.requestAnimationFrame(tryFocus); else tryFocus();\n  return () => { cancelled = true; if (frame) win?.cancelAnimationFrame(frame); };\n}\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,iBAAiB;CAAC;CAAO;CAAS;CAAU;AAAM;;AAE/D,MAAa,kBAAkB;CAAC;CAAU;CAAS;AAAK;AACxD,MAAa,sBAAsB;CACjC;CAAO;CAAa;CAAW;CAAS;CAAe;CACvD;CAAU;CAAgB;CAAc;CAAQ;CAAc;AAChE;;AAKA,MAAa,0BAA0B;AAsCvC,MAAM,WAA+C;CAAE,KAAK;CAAU,QAAQ;CAAO,MAAM;CAAS,OAAO;AAAO;AAClH,MAAM,UAAU,OAAgB,WAAW,MAAc,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,IAAI,QAAQ;AACvH,MAAM,SAAS,OAAe,KAAa,QAAwB,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AACrG,MAAM,UAAU,UAAsC;CAAE,GAAG,OAAO,MAAM,CAAC;CAAG,GAAG,OAAO,MAAM,CAAC;CAAG,OAAO,KAAK,IAAI,GAAG,OAAO,MAAM,KAAK,CAAC;CAAG,QAAQ,KAAK,IAAI,GAAG,OAAO,MAAM,MAAM,CAAC;AAAE;;AAGnL,SAAgB,yBAAyB,OAAgB,WAA8B,UAA6B;CAClH,OAAQ,oBAA2C,SAAS,KAAK,IAAI,QAA6B;AACpG;AACA,SAAgB,uBAAuB,WAA4E;CACjH,MAAM,CAAC,MAAM,SAAS,UAAU,MAAM,GAAG;CACzC,OAAO;EAAE;EAAM,OAAO,SAAS;CAAS;AAC1C;AACA,SAAgB,sBAAsB,MAAoB,OAAyC;CACjG,OAAQ,UAAU,WAAW,OAAO,GAAG,KAAK,GAAG;AACjD;;;;;;AAOA,SAAgB,wBAAwB,OAAgD;CACtF,MAAM,SAAS,OAAO,MAAM,MAAM,GAAG,WAAW,OAAO,MAAM,QAAQ;CACrE,MAAM,QAAQ,KAAK,IAAI,GAAG,OAAO,MAAM,UAAU,KAAK,CAAC,GAAG,SAAS,KAAK,IAAI,GAAG,OAAO,MAAM,UAAU,MAAM,CAAC;CAC7G,MAAM,SAAS,OAAO,MAAM,QAAA,CAA+B;CAC3D,MAAM,YAAY,uBAAuB,yBAAyB,MAAM,WAAW,MAAM,QAAQ,CAAC;CAClG,MAAM,QAAsC;EAC1C,KAAK,OAAO,IAAI,SAAS,SAAS;EAClC,QAAQ,SAAS,IAAI,SAAS,SAAS,OAAO,IAAI,OAAO,SAAS;EAClE,MAAM,OAAO,IAAI,SAAS,SAAS;EACnC,OAAO,SAAS,IAAI,SAAS,QAAQ,OAAO,IAAI,OAAO,QAAQ;CACjE;CACA,MAAM,QAAQ,SAAuB,SAAS,SAAS,SAAS,WAAW,SAAS;CACpF,MAAM,WAAW,SAAS,UAAU;CACpC,MAAM,UAAU,MAAM,UAAU,QAAQ,KAAK,UAAU,IAAI,KAAK,MAAM,YAAY,MAAM,UAAU;CAClG,MAAM,OAAO,UAAU,WAAW,UAAU,MAAM,QAAQ,UAAU;CACpE,MAAM,WAAW,SAAS,SAAS,SAAS;CAC5C,MAAM,OAAO,WAAW,QAAQ;CAChC,MAAM,cAAc,WAAW,OAAO,IAAI,OAAO,GAAG,aAAa,WAAW,OAAO,QAAQ,OAAO;CAClG,MAAM,gBAAgB,WAAW,SAAS,IAAI,SAAS,GAAG,eAAe,WAAW,SAAS,QAAQ,SAAS;CAC9G,MAAM,WAAW,YAAY,MAAM,MAAO,UAAU,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAS;CAC3G,IAAI,QAAQ,aAAa,UAAU,cAAc,aAAa,QAAQ,cAAc,aAAa,OAAO,eAAe,aAAa,QAAQ;CAE5I,QAAQ,KAAK,IAAI,eAAe,KAAK,IAAI,OAAO,gBAAgB,eAAe,IAAI,CAAC;CAEpF,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,GAAG,OAAO,MAAM,MAAM,IAAI,CAAC,IAAI,GAAG,eAAe,MAAM,QAAQ,KAAK,IAAI,GAAG,OAAO,MAAM,MAAM,OAAO,CAAC,IAAI;CACnJ,MAAM,QAAQ,MAAM,QAAQ,eAAe,YAAY,IAAI;CAC3D,QAAQ,MAAM,OAAO,cAAc,OAAO,OAAO,cAAc,aAAa,KAAK;CACjF,IAAI,QAAuB;CAC3B,IAAI,MAAM,OAAO;EACf,MAAM,MAAM,OAAO,eAAe;EAClC,QAAQ,MAAM,gBAAgB,OAAO,aAAa,IAAI,MAAM,cAAc,aAAa,IAAI,QAAQ,YAAY,GAAG,cAAc,GAAG;CACrI;CACA,MAAM,OAAO,SAAS,WAAW,OAAO,IAAI,OAAO,SAAS,SACxD,SAAS,QAAQ,OAAO,IAAI,SAAS,SACnC,SAAS,UAAU,OAAO,IAAI,OAAO,QAAQ,SAC3C,OAAO,IAAI,SAAS;CAC5B,OAAO;EACL,GAAG,WAAW,QAAQ;EAAM,GAAG,WAAW,OAAO;EACjD,WAAW,sBAAsB,MAAM,KAAK;EAAG;EAAM;EAAO;EAAS;EACrE,gBAAgB,KAAK,IAAI,GAAG,WAAW,SAAS,QAAQ,MAAM,KAAK;EACnE,iBAAiB,KAAK,IAAI,GAAG,WAAW,MAAM,QAAQ,SAAS,MAAM;CACvE;AACF;AAeA,MAAM,cAAc;CAAC;CAAK;CAAK;CAAa;CAAQ;CAAS;CAAS;CAAkB;CAAmB;CAAe;AAAc;AACxI,SAAgB,mBAAmB,GAAsC,GAA+C;CACtH,IAAI,MAAM,GAAG,OAAO;CACpB,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO;CACrB,OAAO,YAAY,OAAO,QAAQ,EAAE,SAAS,EAAE,IAAI;AACrD;;AAGA,MAAa,sBAAsB;CACjC,GAAG;CAAmB,GAAG;CAAmB,OAAO;CACnD,gBAAgB;CAAiC,iBAAiB;CAAkC,aAAa;AACnH;;;;;;AAOA,SAAgB,2BAA2B,QAAuD;CAChG,MAAM,OAAO;EAAE,UAAU;EAAS,MAAM;EAAO,KAAK;CAAM;CAC1D,IAAI,CAAC,QAAQ,OAAO;EAAE,GAAG;EAAM,YAAY;CAAS;CACpD,MAAM,QAAgC;EACpC,GAAG;EACH,WAAW,mBAAmB,oBAAoB,EAAE,SAAS,oBAAoB,EAAE;GAClF,oBAAoB,IAAI,GAAG,OAAO,EAAE;GACpC,oBAAoB,IAAI,GAAG,OAAO,EAAE;GACpC,oBAAoB,iBAAiB,GAAG,OAAO,eAAe;GAC9D,oBAAoB,kBAAkB,GAAG,OAAO,gBAAgB;GAChE,oBAAoB,cAAc,GAAG,OAAO,YAAY;CAC3D;CACA,IAAI,OAAO,UAAU,MAAM,MAAM,oBAAoB,SAAS,GAAG,OAAO,MAAM;CAC9E,OAAO;AACT;AAcA,MAAM,MAAM,UAA6C;CAAE,MAAM,SAAS,OAAO,WAAW,SAAS,EAAE;CAAG,OAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAAG;AACvJ,MAAM,SAAS,UAA0B,KAAK,MAAM,QAAQ,GAAG,IAAI;;;;;;;AAQnE,SAAgB,sBAAsB,SAAsD;CAC1F,MAAM,SAAS,QAAQ,OAAO,GAAG,aAAa,QAAQ,WAAW;CACjE,MAAM,MAAM,YAAY,eAAe,MAAM,KAAK;CAClD,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,eAAe,CAAC,WAAW,aAAa,OAAO;CACrG,MAAM,OAAO,IAAI,iBAAiB,SAAS,IAAI,gBAAgB,QAAQ,IAAI,iBAAiB,UAAU;CACtG,MAAM,OAAO,SACT;EAAE,GAAG,OAAO;EAAY,GAAG,OAAO;EAAW,OAAO,OAAO;EAAO,QAAQ,OAAO;CAAO,IACxF;EAAE,GAAG;EAAG,GAAG;EAAG,OAAO,KAAK,eAAe,IAAI;EAAY,QAAQ,KAAK,gBAAgB,IAAI;CAAY;CAC1G,MAAM,MAAM,GAAG,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,gBAAgB;CACnJ,MAAM,WAAW;EAAE,GAAG,KAAK,IAAI;EAAM,GAAG,KAAK,IAAI;EAAK,OAAO,KAAK,IAAI,GAAG,KAAK,QAAQ,OAAO,KAAK;EAAG,QAAQ,KAAK,IAAI,GAAG,KAAK,SAAS,MAAM,MAAM;CAAE;CACrJ,MAAM,OAAO,OAAO,sBAAsB,GAAG,UAAU,QAAQ,QAAQ,GAAG,QAAQ,QAAQ,MAAM;CAChG,MAAM,YAAY,IAAI,iBAAiB,MAAM,CAAC,CAAC,aAAa,OAAO,QAAQ,OAAO,CAAC,EAAE,aAAa,KAAK;CACvG,MAAM,WAAW,wBAAwB;EACvC,QAAQ;GAAE,GAAG,KAAK;GAAM,GAAG,KAAK;GAAK,OAAO,KAAK;GAAO,QAAQ,KAAK;EAAO;EAC5E,UAAU;GAAE,OAAO,WAAW;GAAa,QAAQ,WAAW;EAAa;EAC3E;EAAU,WAAW,QAAQ,UAAU;EAAG,UAAU,QAAQ;EAAU,QAAQ,QAAQ,OAAO;EAAG,KAAK,cAAc;EACnH,OAAO,QAAQ;GAAE,MAAM,MAAM;GAAa,SAAS,UAAU,GAAG,IAAI,iBAAiB,OAAO,CAAC,CAAC,mBAAmB,IAAI;EAAE,IAAI;CAC7H,CAAC;CACD,MAAM,MAAM,WAAW,sBAAsB;CAC7C,MAAM,UAAU,IAAI,OAAO,GAAG,WAAW,MAAM,iBAAiB,oBAAoB,CAAC,CAAC;CACtF,MAAM,UAAU,IAAI,MAAM,GAAG,WAAW,MAAM,iBAAiB,oBAAoB,CAAC,CAAC;CACrF,OAAO;EACL,GAAG,MAAM,SAAS,IAAI,OAAO;EAAG,GAAG,MAAM,SAAS,IAAI,OAAO;EAAG,WAAW,SAAS;EAAW,MAAM,SAAS;EAAM,OAAO,SAAS;EACpI,OAAO,SAAS,UAAU,OAAO,OAAO,MAAM,SAAS,KAAK;EAAG,gBAAgB,MAAM,SAAS,cAAc;EAAG,iBAAiB,MAAM,SAAS,eAAe;EAC9J,aAAa,MAAM,KAAK,KAAK;EAAG,cAAc,MAAM,KAAK,MAAM;CACjE;AACF;;;;;;AAUA,SAAgB,oBAAoB,KAAe,SAA2C;CAC5F,MAAM,MAAM,IAAI;CAChB,IAAI,CAAC,KAAK,aAAa,CAAC;CACxB,IAAI,QAAQ,GAAG,SAAS,GAAG,WAAW,OAAO,WAAkC,MAAM,WAAsB,CAAC;CAC5G,MAAM,iBAAiB;EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,QAAQ,IAAI,sBAAsB,MAAM;CAAG;CAC7F,MAAM,WAAW,YAAuB;EACtC,IAAI,QAAQ,WAAW,SAAS,UAAU,QAAQ,OAAO,QAAQ,UAAU,WAAW,SAAS,MAAM,GAAG;EACxG,UAAU,WAAW;EAAG,WAAW;EACnC,MAAM,WAAW,IAAI;EACrB,WAAW,WAAW,IAAI,SAAS,QAAQ,IAAI;EAC/C,KAAK,MAAM,UAAU,SAAS,UAAU,QAAQ,MAAM;CACxD;CACA,SAAS,SAAS;EAChB,QAAQ;EACR,IAAI,UAAU;EACd,MAAM,SAAS,sBAAsB,OAAO;EAC5C,IAAI,CAAC,QAAQ;GAAE,IAAI,WAAA,IAAiC,SAAS;GAAG;EAAQ;EACxE,QAAQ,CAAC,QAAQ,OAAO,GAAG,QAAQ,WAAW,CAAC,CAAC,CAAC,QAAQ,SAA8B,CAAC,CAAC,IAAI,CAAC;EAC9F,QAAQ,SAAS,MAAM;CACzB;CACA,MAAM,SAAS,IAAI;CACnB,IAAI,iBAAiB,UAAU,QAAQ;CACvC,IAAI,iBAAiB,UAAU,UAAU;EAAE,SAAS;EAAM,SAAS;CAAK,CAAC;CACzE,QAAQ,iBAAiB,UAAU,QAAQ;CAC3C,QAAQ,iBAAiB,UAAU,QAAQ;CAC3C,SAAS;CACT,aAAa;EACX,WAAW;EACX,IAAI,OAAO,IAAI,qBAAqB,KAAK;EACzC,UAAU,WAAW;EAAG,WAAW;EAAM,WAAW,CAAC;EACrD,IAAI,oBAAoB,UAAU,QAAQ;EAC1C,IAAI,oBAAoB,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC;EAC7D,QAAQ,oBAAoB,UAAU,QAAQ;EAC9C,QAAQ,oBAAoB,UAAU,QAAQ;CAChD;AACF;;;;;;;;ACxOA,SAAgB,qBAAqB,KAAe,SAA6C;CAC/F,MAAM,MAAM,IAAI;CAChB,IAAI,SAAmC,QAAQ,GAAG,SAAS,GAAG,WAAW;CACzE,IAAI;CACJ,IAAI,UAAgC;EAAE,QAAQ;EAAW,WAAW;CAAM;CAC1E,MAAM,cAAc;EAClB,QAAQ;EACR,IAAI,YAAY,SAAS;EACzB,MAAM,UAAU,QAAQ,QAAQ;EAChC,IAAI,CAAC,SAAS;GAAE,IAAI,OAAO,WAAA,IAAiC,QAAQ,IAAI,sBAAsB,KAAK;GAAG;EAAQ;EAC9G,UAAU,wBAAwB,SAAS;GACzC,MAAM,QAAQ;GAAM,iBAAiB;GAAO,OAAO;GAAO,mBAAmB;GAC7E,eAAe,QAAQ,QAAQ;GAC/B,gBAAgB,OAAO;IACrB,UAAU;KAAE,QAAQ;KAAU,WAAW;IAAM;IAC/C,IAAI,CAAC,QAAQ,cAAc,GAAG,MAAM,eAAe;GACrD;GACA,qBAAqB,OAAO;IAC1B,UAAU;KAAE,QAAQ;KAAW,WAAW,MAAM,QAAQ,cAAc;IAAK;IAC3E,IAAI,CAAC,QAAQ,eAAe,GAAG,MAAM,eAAe;GACtD;GACA,eAAe,OAAO;IACpB,UAAU;KAAE,QAAQ;KAAiB,WAAW;IAAK;IACrD,IAAI,CAAC,QAAQ,oBAAoB,GAAG,MAAM,eAAe;GAC3D;GACA,YAAY;IAAE,QAAQ,UAAU,OAAO;GAAG;EAC5C,CAAC;EAGD,aAAa,iBAAiB;GAAE,IAAI,CAAC,UAAU,QAAQ,UAAU;EAAG,GAAG,CAAC;CAC1E;CACA,eAAe,KAAK;CACpB,aAAa;EACX,WAAW;EACX,IAAI,OAAO,KAAK,qBAAqB,KAAK;EAC1C,IAAI,eAAe,KAAA,GAAW,aAAa,UAAU;EACrD,UAAU;EACV,UAAU,KAAA;CACZ;AACF;;;;;;;;;AAUA,SAAgB,qBAAqB,KAAe,SAA6B,SAA6B,SAAqC;CACjJ,IAAI,CAAC,WAAW,CAAC,QAAQ,eAAe,QAAQ,WAAW,SAAS,QAAQ,WAAW,iBAAiB;CACxG,MAAM,SAAS,IAAI;CACnB,MAAM,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,WAAW,QAAQ,SAAS,MAAM;CAC/D,MAAM,cAAc;EAAE,IAAI,QAAQ,aAAa,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;CAAG;CACvF,IAAI,QAAQ,WAAW,WAAW;EAChC,IAAI,QAAQ,aAAa,EAAE,UAAU,WAAW,UAAU;EAC1D,MAAM,MAAM,IAAI;EAChB,MAAM,eAAe;GAAE,MAAM,MAAM,IAAI;GAAe,IAAI,CAAC,OAAO,QAAQ,IAAI,MAAM,MAAM;EAAG;EAC7F,IAAI,KAAK,IAAI,sBAAsB,MAAM;OAAQ,OAAO;EACxD;CACF;CACA,IAAI,UAAU,CAAC,UAAU,WAAW,IAAI,MAAM,MAAM;AACtD;;;;;AAMA,SAAgB,eAAe,KAAe,QAAkC,WAAW,GAAe;CACxG,MAAM,MAAM,IAAI;CAChB,IAAI,QAAQ,GAAG,OAAO,UAAU,YAAY;CAC5C,MAAM,iBAAiB;EACrB,QAAQ;EACR,IAAI,WAAW;EACf,MAAM,OAAO,OAAO;EACpB,MAAM,MAAM,EAAE,eAAe,KAAK,CAAC;EACnC,IAAK,QAAQ,IAAI,kBAAkB,QAAS,EAAE,QAAQ,KAAK,CAAC,KAAK;EACjE,QAAQ,IAAI,sBAAsB,QAAQ;CAC5C;CACA,IAAI,KAAK,QAAQ,IAAI,sBAAsB,QAAQ;MAAQ,SAAS;CACpE,aAAa;EAAE,YAAY;EAAM,IAAI,OAAO,KAAK,qBAAqB,KAAK;CAAG;AAChF"}

package/dist/layout-BRSqi4AQ.js

@@ -0,0 +1,43 @@
+//#region src/layout.ts
+/** Layout-only values shared by passive mobile containers. */
+const LAYOUT_GAP_PRESETS = [
+	"none",
+	"sm",
+	"md",
+	"lg"
+];
+const presets = {
+	none: "0px",
+	sm: "var(--qw-sem-size-layout-gap-sm)",
+	md: "var(--qw-sem-size-layout-gap-md)",
+	lg: "var(--qw-sem-size-layout-gap-lg)"
+};
+function gapAtom(value) {
+	if (typeof value === "number") return Number.isFinite(value) && value >= 0 ? `${value}px` : void 0;
+	if (typeof value === "string" && value.trim()) return presets[value] ?? value;
+}
+function resolveLayoutGap(value) {
+	if (Array.isArray(value)) {
+		const row = gapAtom(value[0]), column = gapAtom(value[1]);
+		return value.length === 2 && row !== void 0 && column !== void 0 ? [row, column] : [presets.sm, presets.sm];
+	}
+	const resolved = gapAtom(value) ?? presets.sm;
+	return [resolved, resolved];
+}
+function resolveLayoutCount(value, fallback) {
+	return Number.isSafeInteger(value) && value > 0 ? value : fallback;
+}
+function resolveLayoutMinimum(value) {
+	if (typeof value === "number") return Number.isFinite(value) && value > 0 ? `${value}px` : void 0;
+	return typeof value === "string" && value.trim() ? value : void 0;
+}
+function getLayoutGroupProps(label) {
+	return typeof label === "string" && label.trim() ? {
+		role: "group",
+		"aria-label": label.trim()
+	} : {};
+}
+//#endregion
+export { resolveLayoutMinimum as a, resolveLayoutGap as i, getLayoutGroupProps as n, resolveLayoutCount as r, LAYOUT_GAP_PRESETS as t };
+
+//# sourceMappingURL=layout-BRSqi4AQ.js.map

package/dist/layout-BRSqi4AQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-BRSqi4AQ.js","names":[],"sources":["../src/layout.ts"],"sourcesContent":["/** Layout-only values shared by passive mobile containers. */\nexport const LAYOUT_GAP_PRESETS = [\"none\", \"sm\", \"md\", \"lg\"] as const;\nexport type LayoutGapAtom = number | string;\nexport type LayoutGap = LayoutGapAtom | readonly [LayoutGapAtom, LayoutGapAtom];\nexport type LayoutStyle = Readonly<Record<string, string>>;\nconst presets: Record<(typeof LAYOUT_GAP_PRESETS)[number], string> = { none: \"0px\", sm: \"var(--qw-sem-size-layout-gap-sm)\", md: \"var(--qw-sem-size-layout-gap-md)\", lg: \"var(--qw-sem-size-layout-gap-lg)\" };\nfunction gapAtom(value: unknown): string | undefined {\n  if (typeof value === \"number\") return Number.isFinite(value) && value >= 0 ? `${value}px` : undefined;\n  if (typeof value === \"string\" && value.trim()) return presets[value as (typeof LAYOUT_GAP_PRESETS)[number]] ?? value;\n  return undefined;\n}\nexport function resolveLayoutGap(value?: LayoutGap): readonly [string, string] {\n  if (Array.isArray(value)) {\n    const row = gapAtom(value[0]), column = gapAtom(value[1]);\n    return value.length === 2 && row !== undefined && column !== undefined ? [row, column] : [presets.sm, presets.sm];\n  }\n  const resolved = gapAtom(value) ?? presets.sm;\n  return [resolved, resolved];\n}\nexport function resolveLayoutCount(value: number | undefined, fallback: number): number { return Number.isSafeInteger(value) && value! > 0 ? value! : fallback; }\nexport function resolveLayoutMinimum(value?: number | string): string | undefined {\n  if (typeof value === \"number\") return Number.isFinite(value) && value > 0 ? `${value}px` : undefined;\n  return typeof value === \"string\" && value.trim() ? value : undefined;\n}\nexport interface LayoutGroupProps { role?: \"group\"; \"aria-label\"?: string }\nexport function getLayoutGroupProps(label?: string | null): LayoutGroupProps {\n  return typeof label === \"string\" && label.trim() ? { role: \"group\", \"aria-label\": label.trim() } : {};\n}\n"],"mappings":";;AACA,MAAa,qBAAqB;CAAC;CAAQ;CAAM;CAAM;AAAI;AAI3D,MAAM,UAA+D;CAAE,MAAM;CAAO,IAAI;CAAoC,IAAI;CAAoC,IAAI;AAAmC;AAC3M,SAAS,QAAQ,OAAoC;CACnD,IAAI,OAAO,UAAU,UAAU,OAAO,OAAO,SAAS,KAAK,KAAK,SAAS,IAAI,GAAG,MAAM,MAAM,KAAA;CAC5F,IAAI,OAAO,UAAU,YAAY,MAAM,KAAK,GAAG,OAAO,QAAQ,UAAiD;AAEjH;AACA,SAAgB,iBAAiB,OAA8C;CAC7E,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,MAAM,MAAM,QAAQ,MAAM,EAAE,GAAG,SAAS,QAAQ,MAAM,EAAE;EACxD,OAAO,MAAM,WAAW,KAAK,QAAQ,KAAA,KAAa,WAAW,KAAA,IAAY,CAAC,KAAK,MAAM,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;CAClH;CACA,MAAM,WAAW,QAAQ,KAAK,KAAK,QAAQ;CAC3C,OAAO,CAAC,UAAU,QAAQ;AAC5B;AACA,SAAgB,mBAAmB,OAA2B,UAA0B;CAAE,OAAO,OAAO,cAAc,KAAK,KAAK,QAAS,IAAI,QAAS;AAAU;AAChK,SAAgB,qBAAqB,OAA6C;CAChF,IAAI,OAAO,UAAU,UAAU,OAAO,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,GAAG,MAAM,MAAM,KAAA;CAC3F,OAAO,OAAO,UAAU,YAAY,MAAM,KAAK,IAAI,QAAQ,KAAA;AAC7D;AAEA,SAAgB,oBAAoB,OAAyC;CAC3E,OAAO,OAAO,UAAU,YAAY,MAAM,KAAK,IAAI;EAAE,MAAM;EAAS,cAAc,MAAM,KAAK;CAAE,IAAI,CAAC;AACtG"}

package/dist/layout.d.ts

@@ -0,0 +1,13 @@
+/** Layout-only values shared by passive mobile containers. */
+export declare const LAYOUT_GAP_PRESETS: readonly ["none", "sm", "md", "lg"];
+export type LayoutGapAtom = number | string;
+export type LayoutGap = LayoutGapAtom | readonly [LayoutGapAtom, LayoutGapAtom];
+export type LayoutStyle = Readonly<Record<string, string>>;
+export declare function resolveLayoutGap(value?: LayoutGap): readonly [string, string];
+export declare function resolveLayoutCount(value: number | undefined, fallback: number): number;
+export declare function resolveLayoutMinimum(value?: number | string): string | undefined;
+export interface LayoutGroupProps {
+    role?: "group";
+    "aria-label"?: string;
+}
+export declare function getLayoutGroupProps(label?: string | null): LayoutGroupProps;

package/dist/list/index.d.ts

@@ -0,0 +1,2 @@
+export { LIST_ITEM_TAG, resolveListState, getListRootProps } from "./list.js";
+export type { QwListProps, ResolvedListState, ListRootProps } from "./list.js";

package/dist/list/index.js

@@ -0,0 +1,2 @@
+import { n as getListRootProps, r as resolveListState, t as LIST_ITEM_TAG } from "../list-6-iz-Irh.js";
+export { LIST_ITEM_TAG, getListRootProps, resolveListState };

package/dist/list/list.d.ts

@@ -0,0 +1,30 @@
+/** Native grouped content; row interaction remains owned by existing controls. */
+export declare const LIST_ITEM_TAG: "li";
+export interface QwListProps {
+    /** Native ordered list instead of unordered. Default false. */
+    ordered?: boolean;
+    /** Inline inset and rounded group surface. Default false. */
+    inset?: boolean;
+    /** Separators between direct items, excluding the last. Default true. */
+    dividers?: boolean;
+    /** Optional accessible group name. Blank values are omitted. */
+    label?: string;
+}
+export interface ResolvedListState {
+    tag: "ul" | "ol";
+    ordered: boolean;
+    inset: boolean;
+    dividers: boolean;
+    label?: string;
+}
+export interface ListRootProps {
+    role: "list";
+    "data-scope": "list";
+    "data-part": "root";
+    "data-ordered"?: "true";
+    "data-inset"?: "true";
+    "data-dividers"?: "true";
+    "aria-label"?: string;
+}
+export declare function resolveListState(props?: QwListProps): ResolvedListState;
+export declare function getListRootProps(state: ResolvedListState): ListRootProps;

package/dist/list-6-iz-Irh.js

@@ -0,0 +1,28 @@
+//#region src/list/list.ts
+/** Native grouped content; row interaction remains owned by existing controls. */
+const LIST_ITEM_TAG = "li";
+function resolveListState(props = {}) {
+	const ordered = props.ordered ?? false;
+	return {
+		tag: ordered ? "ol" : "ul",
+		ordered,
+		inset: props.inset ?? false,
+		dividers: props.dividers ?? true,
+		label: props.label?.trim() || void 0
+	};
+}
+function getListRootProps(state) {
+	return {
+		role: "list",
+		"data-scope": "list",
+		"data-part": "root",
+		...state.ordered ? { "data-ordered": "true" } : {},
+		...state.inset ? { "data-inset": "true" } : {},
+		...state.dividers ? { "data-dividers": "true" } : {},
+		...state.label ? { "aria-label": state.label } : {}
+	};
+}
+//#endregion
+export { getListRootProps as n, resolveListState as r, LIST_ITEM_TAG as t };
+
+//# sourceMappingURL=list-6-iz-Irh.js.map

package/dist/list-6-iz-Irh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-6-iz-Irh.js","names":[],"sources":["../src/list/list.ts"],"sourcesContent":["/** Native grouped content; row interaction remains owned by existing controls. */\nexport const LIST_ITEM_TAG = \"li\" as const;\nexport interface QwListProps {\n  /** Native ordered list instead of unordered. Default false. */\n  ordered?: boolean;\n  /** Inline inset and rounded group surface. Default false. */\n  inset?: boolean;\n  /** Separators between direct items, excluding the last. Default true. */\n  dividers?: boolean;\n  /** Optional accessible group name. Blank values are omitted. */\n  label?: string;\n}\nexport interface ResolvedListState {\n  tag: \"ul\" | \"ol\";\n  ordered: boolean;\n  inset: boolean;\n  dividers: boolean;\n  label?: string;\n}\nexport interface ListRootProps {\n  role: \"list\";\n  \"data-scope\": \"list\";\n  \"data-part\": \"root\";\n  \"data-ordered\"?: \"true\";\n  \"data-inset\"?: \"true\";\n  \"data-dividers\"?: \"true\";\n  \"aria-label\"?: string;\n}\nexport function resolveListState(props: QwListProps = {}): ResolvedListState {\n  const ordered = props.ordered ?? false;\n  return { tag: ordered ? \"ol\" : \"ul\", ordered, inset: props.inset ?? false, dividers: props.dividers ?? true, label: props.label?.trim() || undefined };\n}\nexport function getListRootProps(state: ResolvedListState): ListRootProps {\n  return { role: \"list\", \"data-scope\": \"list\", \"data-part\": \"root\",\n    ...(state.ordered ? { \"data-ordered\": \"true\" as const } : {}),\n    ...(state.inset ? { \"data-inset\": \"true\" as const } : {}),\n    ...(state.dividers ? { \"data-dividers\": \"true\" as const } : {}),\n    ...(state.label ? { \"aria-label\": state.label } : {}),\n  };\n}\n"],"mappings":";;AACA,MAAa,gBAAgB;AA2B7B,SAAgB,iBAAiB,QAAqB,CAAC,GAAsB;CAC3E,MAAM,UAAU,MAAM,WAAW;CACjC,OAAO;EAAE,KAAK,UAAU,OAAO;EAAM;EAAS,OAAO,MAAM,SAAS;EAAO,UAAU,MAAM,YAAY;EAAM,OAAO,MAAM,OAAO,KAAK,KAAK,KAAA;CAAU;AACvJ;AACA,SAAgB,iBAAiB,OAAyC;CACxE,OAAO;EAAE,MAAM;EAAQ,cAAc;EAAQ,aAAa;EACxD,GAAI,MAAM,UAAU,EAAE,gBAAgB,OAAgB,IAAI,CAAC;EAC3D,GAAI,MAAM,QAAQ,EAAE,cAAc,OAAgB,IAAI,CAAC;EACvD,GAAI,MAAM,WAAW,EAAE,iBAAiB,OAAgB,IAAI,CAAC;EAC7D,GAAI,MAAM,QAAQ,EAAE,cAAc,MAAM,MAAM,IAAI,CAAC;CACrD;AACF"}