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

package/dist/index-bar/index.js

@@ -0,0 +1,386 @@
+import { createMachine } from "@zag-js/core";
+import { visuallyHiddenStyle } from "@zag-js/dom-query";
+//#region src/index-bar/index-bar.ts
+/** Stable DOM parts shared by every adapter. */
+const INDEX_BAR_PARTS = [
+	"root",
+	"index",
+	"index-item",
+	"indicator",
+	"list",
+	"group",
+	"anchor",
+	"group-content",
+	"status"
+];
+const text = (value, fallback) => typeof value === "string" && value.trim() ? value : fallback;
+function resolveIndexBarState(props = {}) {
+	const groups = [], seen = /* @__PURE__ */ new Set();
+	for (const group of Array.isArray(props.groups) ? props.groups : []) {
+		if (!group || typeof group.key !== "string" || !group.key.trim() || seen.has(group.key)) continue;
+		seen.add(group.key);
+		groups.push({
+			key: group.key,
+			title: text(group.title, group.key),
+			content: typeof group.content === "string" ? group.content : "",
+			index: groups.length
+		});
+	}
+	const keys = Array.isArray(props.indexes) ? props.indexes.filter((key) => typeof key === "string" && !!key.trim()) : groups.map((group) => group.key);
+	const items = [], listed = /* @__PURE__ */ new Set();
+	for (const key of keys) {
+		if (listed.has(key)) continue;
+		listed.add(key);
+		const group = groups.find((item) => item.key === key);
+		items.push({
+			key,
+			title: group?.title ?? key,
+			disabled: !group,
+			group: group?.index ?? -1
+		});
+	}
+	const offset = props.stickyOffset;
+	return {
+		groups,
+		items,
+		target: typeof props.target === "string" && props.target.trim() ? props.target : void 0,
+		stickyOffset: typeof offset === "number" && Number.isFinite(offset) && offset >= 0 ? offset : 0,
+		sticky: props.sticky !== false,
+		indexLabel: text(props.indexLabel, "索引"),
+		jumpLabel: text(props.jumpLabel, "跳转到 {title} 组")
+	};
+}
+/** The key under a pointer position, from item rects measured top-down. Disabled items are skipped. */
+function resolveIndexBarKeyAt(y, rects) {
+	if (!rects.length || !Number.isFinite(y)) return null;
+	for (const rect of rects) if (y < rect.bottom) return rect.key;
+	return rects[rects.length - 1].key;
+}
+/** Current group: the last one whose top has reached the sticky offset; the first group before any is reached. */
+function resolveIndexBarActive(tops, offset) {
+	let active = tops[0]?.key ?? null;
+	for (const item of tops) if (item.top - offset <= 1) active = item.key;
+	else break;
+	return active;
+}
+function createIndexBarProps(props = {}) {
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("IndexBar requires a nonempty instance id when provided");
+	return { ...props };
+}
+const ids = (scope) => {
+	const base = `index-bar:${scope.id}`;
+	return {
+		root: base,
+		index: `${base}:index`,
+		status: `${base}:status`,
+		group: (index) => `${base}:group:${index}`,
+		anchor: (index) => `${base}:anchor:${index}`,
+		item: (key) => `${base}:item:${encodeURIComponent(key)}`
+	};
+};
+const live = (service) => resolveIndexBarState({
+	groups: service.prop("groups"),
+	indexes: service.prop("indexes"),
+	target: service.prop("target"),
+	stickyOffset: service.prop("stickyOffset"),
+	sticky: service.prop("sticky"),
+	indexLabel: service.prop("indexLabel"),
+	jumpLabel: service.prop("jumpLabel")
+});
+const scrollable = (value) => value === "auto" || value === "scroll" || value === "overlay";
+/** Resolved scroll container: target id, nearest scrollable ancestor, or null for the viewport. */
+function containerOf(root, target) {
+	const doc = root.ownerDocument, win = doc.defaultView;
+	if (target) {
+		const element = root.getRootNode().getElementById?.(target) ?? doc.getElementById(target);
+		if (element) return element;
+	}
+	for (let node = root.parentElement; node && node !== doc.body && node !== doc.documentElement; node = node.parentElement) if (win && scrollable(win.getComputedStyle(node).overflowY)) return node;
+	return null;
+}
+const viewportTop = (container) => container ? container.getBoundingClientRect().top : 0;
+const enabledKeys = (state) => state.items.filter((item) => !item.disabled).map((item) => item.key);
+/** Core owns scroll tracking, jumping, drag measurement, roving focus and listener cleanup. */
+const indexBarMachine = createMachine({
+	props: ({ props }) => createIndexBarProps(props),
+	initialState: () => "ready",
+	states: { ready: {} },
+	context: ({ bindable, prop }) => ({
+		active: bindable(() => ({
+			defaultValue: null,
+			onChange(key) {
+				if (key !== null) prop("onChange")?.({ key });
+			}
+		})),
+		focusKey: bindable(() => ({ defaultValue: null })),
+		indicator: bindable(() => ({ defaultValue: null }))
+	}),
+	refs: () => ({
+		suppressScroll: false,
+		sync: null
+	}),
+	watch({ track, prop, send }) {
+		const signature = () => {
+			const state = live({ prop });
+			return `${state.groups.map((group) => group.key).join("\0")}\u0001${state.items.map((item) => item.key).join("\0")}`;
+		};
+		track([
+			signature,
+			() => prop("target"),
+			() => prop("stickyOffset")
+		], () => send({ type: "GROUPS.CHANGE" }));
+	},
+	on: {
+		"ACTIVE.SYNC": { actions: ["syncActive"] },
+		JUMP: { actions: ["jump"] },
+		"DRAG.END": { actions: ["dragEnd"] },
+		"FOCUS.MOVE": { actions: ["focusItem"] },
+		"GROUPS.CHANGE": { actions: ["resync"] }
+	},
+	effects: ["trackScroll"],
+	implementations: {
+		actions: {
+			syncActive({ event, context }) {
+				if (event.type === "ACTIVE.SYNC" && event.key !== context.get("active")) context.set("active", event.key);
+			},
+			resync({ refs }) {
+				refs.get("sync")?.();
+			},
+			jump({ event, context, prop, scope, refs }) {
+				if (event.type !== "JUMP") return;
+				const state = live({ prop }), item = state.items.find((entry) => entry.key === event.key && !entry.disabled);
+				if (!item) return;
+				if (event.drag) context.set("indicator", item.key);
+				const id = ids(scope), root = scope.getById(id.root), section = scope.getById(id.group(item.group));
+				if (root && section) {
+					const container = containerOf(root, state.target), win = root.ownerDocument.defaultView;
+					const delta = section.getBoundingClientRect().top - viewportTop(container) - state.stickyOffset;
+					const scroller = container ?? root.ownerDocument.scrollingElement ?? root.ownerDocument.documentElement;
+					refs.set("suppressScroll", true);
+					scroller.scrollTop = Math.max(0, scroller.scrollTop + delta);
+					win?.requestAnimationFrame(() => refs.set("suppressScroll", false));
+				}
+				if (context.get("active") !== item.key) context.set("active", item.key);
+			},
+			dragEnd({ context }) {
+				context.set("indicator", null);
+			},
+			focusItem({ event, context, prop, scope }) {
+				if (event.type !== "FOCUS.MOVE" || !enabledKeys(live({ prop })).includes(event.key)) return;
+				context.set("focusKey", event.key);
+				if (event.focus) scope.getById(ids(scope).item(event.key))?.focus();
+			}
+		},
+		effects: { trackScroll({ scope, prop, send, refs }) {
+			const id = ids(scope), root = scope.getById(id.root), win = root?.ownerDocument.defaultView;
+			if (!root || !win) return;
+			let frame = 0, disposed = false, container = null, scrollTarget = null;
+			const measure = () => {
+				frame = 0;
+				if (disposed) return;
+				const state = live({ prop }), top = viewportTop(container);
+				send({
+					type: "ACTIVE.SYNC",
+					key: resolveIndexBarActive(state.groups.flatMap((group) => {
+						const element = scope.getById(id.group(group.index));
+						return element ? [{
+							key: group.key,
+							top: element.getBoundingClientRect().top - top
+						}] : [];
+					}), state.stickyOffset)
+				});
+			};
+			const schedule = () => {
+				if (!disposed && !frame) frame = win.requestAnimationFrame(measure);
+			};
+			const onScroll = () => {
+				if (!refs.get("suppressScroll")) schedule();
+			};
+			const bind = () => {
+				scrollTarget?.removeEventListener("scroll", onScroll);
+				container = containerOf(root, live({ prop }).target);
+				scrollTarget = container ?? win;
+				scrollTarget.addEventListener("scroll", onScroll, { passive: true });
+				schedule();
+			};
+			const index = scope.getById(id.index);
+			let drag = null;
+			const keyAt = (y) => drag ? resolveIndexBarKeyAt(y, drag.rects) : null;
+			const onDown = (event) => {
+				if (event.pointerType === "mouse" && event.button !== 0) return;
+				const rects = live({ prop }).items.flatMap((item) => {
+					const element = item.disabled ? null : scope.getById(id.item(item.key));
+					if (!element) return [];
+					const rect = element.getBoundingClientRect();
+					return [{
+						key: item.key,
+						top: rect.top,
+						bottom: rect.bottom
+					}];
+				});
+				drag = {
+					pointer: event.pointerId,
+					rects,
+					key: null
+				};
+				try {
+					index?.setPointerCapture?.(event.pointerId);
+				} catch {}
+				const key = keyAt(event.clientY);
+				if (key) {
+					drag.key = key;
+					send({
+						type: "JUMP",
+						key,
+						drag: true
+					});
+				}
+			};
+			const onMove = (event) => {
+				if (!drag || event.pointerId !== drag.pointer) return;
+				const key = keyAt(event.clientY);
+				if (key && key !== drag.key) {
+					drag.key = key;
+					send({
+						type: "JUMP",
+						key,
+						drag: true
+					});
+				}
+			};
+			const onUp = (event) => {
+				if (drag && event.pointerId === drag.pointer) {
+					drag = null;
+					send({ type: "DRAG.END" });
+				}
+			};
+			index?.addEventListener("pointerdown", onDown);
+			index?.addEventListener("pointermove", onMove);
+			index?.addEventListener("pointerup", onUp);
+			index?.addEventListener("pointercancel", onUp);
+			win.addEventListener("resize", schedule);
+			const Observer = win.ResizeObserver, observer = Observer ? new Observer(schedule) : null;
+			observer?.observe(root);
+			refs.set("sync", bind);
+			bind();
+			return () => {
+				disposed = true;
+				refs.set("sync", null);
+				drag = null;
+				if (frame) win.cancelAnimationFrame(frame);
+				scrollTarget?.removeEventListener("scroll", onScroll);
+				win.removeEventListener("resize", schedule);
+				observer?.disconnect();
+				index?.removeEventListener("pointerdown", onDown);
+				index?.removeEventListener("pointermove", onMove);
+				index?.removeEventListener("pointerup", onUp);
+				index?.removeEventListener("pointercancel", onUp);
+			};
+		} }
+	}
+});
+function connectIndexBar(service, normalize) {
+	const state = live(service), id = ids(service.scope), keys = enabledKeys(state);
+	const activeRaw = service.context.get("active"), active = state.groups.some((group) => group.key === activeRaw) ? activeRaw : state.groups[0]?.key ?? null;
+	const indicator = service.context.get("indicator"), focusRaw = service.context.get("focusKey");
+	const roving = focusRaw && keys.includes(focusRaw) ? focusRaw : active && keys.includes(active) ? active : keys[0] ?? null;
+	const part = (name) => ({
+		"data-scope": "index-bar",
+		"data-part": name
+	});
+	const scrollTo = (key) => service.send({
+		type: "JUMP",
+		key
+	});
+	const titleOf = (key) => state.items.find((item) => item.key === key)?.title ?? "";
+	return {
+		groups: state.groups,
+		items: state.items,
+		active,
+		indicator,
+		statusText: indicator ? titleOf(indicator) : "",
+		scrollTo,
+		getRootProps: () => normalize.element({
+			...part("root"),
+			id: id.root,
+			"data-sticky": state.sticky ? "true" : void 0,
+			style: { "--qw-index-bar-sticky-offset": `${state.stickyOffset}px` }
+		}),
+		getIndexProps: () => normalize.element({
+			...part("index"),
+			id: id.index,
+			role: "toolbar",
+			"aria-orientation": "vertical",
+			"aria-label": state.indexLabel,
+			"data-dragging": indicator ? "true" : void 0,
+			onKeyDown(event) {
+				if (event.defaultPrevented || !roving) return;
+				const focused = event.target?.getAttribute?.("data-key");
+				const at = keys.indexOf(focused && keys.includes(focused) ? focused : roving);
+				const next = event.key === "ArrowDown" ? keys[Math.min(keys.length - 1, at + 1)] : event.key === "ArrowUp" ? keys[Math.max(0, at - 1)] : event.key === "Home" ? keys[0] : event.key === "End" ? keys[keys.length - 1] : void 0;
+				if (next === void 0) return;
+				event.preventDefault();
+				service.send({
+					type: "FOCUS.MOVE",
+					key: next,
+					focus: true
+				});
+			}
+		}),
+		getIndexItemProps: (item) => normalize.button({
+			...part("index-item"),
+			id: id.item(item.key),
+			type: "button",
+			"data-key": item.key,
+			disabled: item.disabled || void 0,
+			tabIndex: item.key === roving ? 0 : -1,
+			"aria-label": state.jumpLabel.replace(/\{title\}/g, item.title),
+			"aria-current": item.key === active ? "true" : void 0,
+			"data-active": item.key === active ? "true" : void 0,
+			onFocus() {
+				if (focusRaw !== item.key) service.send({
+					type: "FOCUS.MOVE",
+					key: item.key
+				});
+			},
+			onClick(event) {
+				if (!event.defaultPrevented) scrollTo(item.key);
+			}
+		}),
+		getIndicatorProps: () => normalize.element({
+			...part("indicator"),
+			"aria-hidden": true,
+			hidden: !indicator || void 0
+		}),
+		getListProps: () => normalize.element({ ...part("list") }),
+		getGroupProps: (group) => normalize.element({
+			...part("group"),
+			id: id.group(group.index),
+			role: "group",
+			"aria-labelledby": id.anchor(group.index),
+			"data-key": group.key,
+			"data-active": group.key === active ? "true" : void 0
+		}),
+		getAnchorProps: (group) => normalize.element({
+			...part("anchor"),
+			id: id.anchor(group.index),
+			"data-key": group.key,
+			"data-active": group.key === active ? "true" : void 0
+		}),
+		getGroupContentProps: (group) => normalize.element({
+			...part("group-content"),
+			"data-key": group.key
+		}),
+		getStatusProps: () => normalize.element({
+			...part("status"),
+			id: id.status,
+			role: "status",
+			"aria-live": "polite",
+			style: visuallyHiddenStyle
+		})
+	};
+}
+//#endregion
+export { INDEX_BAR_PARTS, connectIndexBar, createIndexBarProps, indexBarMachine, resolveIndexBarActive, resolveIndexBarKeyAt, resolveIndexBarState };
+
+//# sourceMappingURL=index.js.map

package/dist/index-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index-bar/index-bar.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport { visuallyHiddenStyle } from \"@zag-js/dom-query\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\n\n/** Stable DOM parts shared by every adapter. */\nexport const INDEX_BAR_PARTS = [\"root\", \"index\", \"index-item\", \"indicator\", \"list\", \"group\", \"anchor\", \"group-content\", \"status\"] as const;\n/** Caller data: Core owns key/title; content is a scalar fallback that adapters may replace with nodes/slots. */\nexport interface QwIndexBarGroup { key: string; title?: string; content?: string }\nexport interface IndexBarChangeDetails { key: string }\nexport interface ResolvedIndexBarGroup { key: string; title: string; content: string; index: number }\nexport interface ResolvedIndexBarItem { key: string; title: string; disabled: boolean; group: number }\n\nexport interface QwIndexBarProps {\n  /** Page-unique instance identity; adapters generate one when omitted. */\n  id?: string;\n  /** Ordered groups. Empty/duplicate keys are dropped. */\n  groups?: readonly QwIndexBarGroup[];\n  /** Sidebar keys; defaults to the group keys. Keys without a group render disabled and are skipped. */\n  indexes?: readonly string[];\n  /** Element id of the scrolling container. Omitted/missing: nearest scrollable ancestor, then the viewport. */\n  target?: string;\n  /** Pixels reserved at the top of the container (for example a fixed NavBar); default 0. */\n  stickyOffset?: number;\n  /** Keep the current group's anchor title stuck at stickyOffset; default true. */\n  sticky?: boolean;\n  /** Accessible name of the index toolbar; default 索引. */\n  indexLabel?: string;\n  /** Accessible name template of an index item with {title}; default 跳转到 {title} 组. */\n  jumpLabel?: string;\n  /** The current group changed (scrolling or jumping). */\n  onChange?: (details: IndexBarChangeDetails) => void;\n}\nexport interface ResolvedIndexBarState {\n  groups: ResolvedIndexBarGroup[]; items: ResolvedIndexBarItem[]; target: string | undefined; stickyOffset: number; sticky: boolean; indexLabel: string; jumpLabel: string;\n}\nconst text = (value: unknown, fallback: string): string => typeof value === \"string\" && value.trim() ? value : fallback;\n\nexport function resolveIndexBarState(props: QwIndexBarProps = {}): ResolvedIndexBarState {\n  const groups: ResolvedIndexBarGroup[] = [], seen = new Set<string>();\n  for (const group of Array.isArray(props.groups) ? props.groups : []) {\n    if (!group || typeof group.key !== \"string\" || !group.key.trim() || seen.has(group.key)) continue;\n    seen.add(group.key); groups.push({ key: group.key, title: text(group.title, group.key), content: typeof group.content === \"string\" ? group.content : \"\", index: groups.length });\n  }\n  const keys = Array.isArray(props.indexes) ? props.indexes.filter((key): key is string => typeof key === \"string\" && !!key.trim()) : groups.map((group) => group.key);\n  const items: ResolvedIndexBarItem[] = [], listed = new Set<string>();\n  for (const key of keys) {\n    if (listed.has(key)) continue;\n    listed.add(key);\n    const group = groups.find((item) => item.key === key);\n    items.push({ key, title: group?.title ?? key, disabled: !group, group: group?.index ?? -1 });\n  }\n  const offset = props.stickyOffset;\n  return {\n    groups, items, target: typeof props.target === \"string\" && props.target.trim() ? props.target : undefined,\n    stickyOffset: typeof offset === \"number\" && Number.isFinite(offset) && offset >= 0 ? offset : 0, sticky: props.sticky !== false,\n    indexLabel: text(props.indexLabel, \"索引\"), jumpLabel: text(props.jumpLabel, \"跳转到 {title} 组\"),\n  };\n}\n/** The key under a pointer position, from item rects measured top-down. Disabled items are skipped. */\nexport function resolveIndexBarKeyAt(y: number, rects: readonly { key: string; top: number; bottom: number }[]): string | null {\n  if (!rects.length || !Number.isFinite(y)) return null;\n  for (const rect of rects) if (y < rect.bottom) return rect.key;\n  return rects[rects.length - 1]!.key;\n}\n/** Current group: the last one whose top has reached the sticky offset; the first group before any is reached. */\nexport function resolveIndexBarActive(tops: readonly { key: string; top: number }[], offset: number): string | null {\n  let active: string | null = tops[0]?.key ?? null;\n  for (const item of tops) { if (item.top - offset <= 1) active = item.key; else break; }\n  return active;\n}\nexport function createIndexBarProps(props: QwIndexBarProps = {}): QwIndexBarProps {\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(\"IndexBar requires a nonempty instance id when provided\");\n  return { ...props };\n}\n\nexport interface QwIndexBarSchema {\n  props: QwIndexBarProps;\n  context: { active: string | null; focusKey: string | null; indicator: string | null };\n  refs: { suppressScroll: boolean; sync: (() => void) | null };\n  state: \"ready\";\n  action: \"syncActive\" | \"jump\" | \"dragEnd\" | \"focusItem\" | \"resync\";\n  effect: \"trackScroll\";\n  event:\n    | { type: \"ACTIVE.SYNC\"; key: string | null }\n    | { type: \"JUMP\"; key: string; drag?: boolean }\n    | { type: \"DRAG.END\" }\n    | { type: \"FOCUS.MOVE\"; key: string; focus?: boolean }\n    | { type: \"GROUPS.CHANGE\" };\n}\nexport type QwIndexBarMachine = Machine<QwIndexBarSchema>;\nexport type QwIndexBarService = Service<QwIndexBarSchema>;\ntype Scope = QwIndexBarService[\"scope\"];\nconst ids = (scope: Scope) => {\n  const base = `index-bar:${scope.id}`;\n  return { root: base, index: `${base}:index`, status: `${base}:status`, group: (index: number) => `${base}:group:${index}`, anchor: (index: number) => `${base}:anchor:${index}`, item: (key: string) => `${base}:item:${encodeURIComponent(key)}` };\n};\nconst live = (service: Pick<QwIndexBarService, \"prop\">) => resolveIndexBarState({\n  groups: service.prop(\"groups\"), indexes: service.prop(\"indexes\"), target: service.prop(\"target\"), stickyOffset: service.prop(\"stickyOffset\"),\n  sticky: service.prop(\"sticky\"), indexLabel: service.prop(\"indexLabel\"), jumpLabel: service.prop(\"jumpLabel\"),\n});\nconst scrollable = (value: string) => value === \"auto\" || value === \"scroll\" || value === \"overlay\";\n/** Resolved scroll container: target id, nearest scrollable ancestor, or null for the viewport. */\nfunction containerOf(root: HTMLElement, target: string | undefined): HTMLElement | null {\n  const doc = root.ownerDocument, win = doc.defaultView;\n  if (target) {\n    const owner = root.getRootNode() as Document | ShadowRoot;\n    const element = owner.getElementById?.(target) ?? doc.getElementById(target);\n    if (element) return element as HTMLElement;\n  }\n  for (let node = root.parentElement; node && node !== doc.body && node !== doc.documentElement; node = node.parentElement) {\n    if (win && scrollable(win.getComputedStyle(node).overflowY)) return node;\n  }\n  return null;\n}\nconst viewportTop = (container: HTMLElement | null) => container ? container.getBoundingClientRect().top : 0;\nconst enabledKeys = (state: ResolvedIndexBarState) => state.items.filter((item) => !item.disabled).map((item) => item.key);\n\n/** Core owns scroll tracking, jumping, drag measurement, roving focus and listener cleanup. */\nexport const indexBarMachine: QwIndexBarMachine = createMachine<QwIndexBarSchema>({\n  props: ({ props }) => createIndexBarProps(props), initialState: () => \"ready\", states: { ready: {} },\n  context: ({ bindable, prop }) => ({\n    active: bindable<string | null>(() => ({ defaultValue: null, onChange(key) { if (key !== null) prop(\"onChange\")?.({ key }); } })),\n    focusKey: bindable<string | null>(() => ({ defaultValue: null })), indicator: bindable<string | null>(() => ({ defaultValue: null })),\n  }),\n  refs: () => ({ suppressScroll: false, sync: null }),\n  watch({ track, prop, send }) {\n    // Track a primitive signature: re-measure when group or index keys change, not on every new array identity.\n    const signature = () => { const state = live({ prop }); return `${state.groups.map((group) => group.key).join(\"\\u0000\")}\\u0001${state.items.map((item) => item.key).join(\"\\u0000\")}`; };\n    track([signature, () => prop(\"target\"), () => prop(\"stickyOffset\")], () => send({ type: \"GROUPS.CHANGE\" }));\n  },\n  on: {\n    \"ACTIVE.SYNC\": { actions: [\"syncActive\"] }, JUMP: { actions: [\"jump\"] }, \"DRAG.END\": { actions: [\"dragEnd\"] },\n    \"FOCUS.MOVE\": { actions: [\"focusItem\"] }, \"GROUPS.CHANGE\": { actions: [\"resync\"] },\n  },\n  effects: [\"trackScroll\"],\n  implementations: {\n    actions: {\n      syncActive({ event, context }) { if (event.type === \"ACTIVE.SYNC\" && event.key !== context.get(\"active\")) context.set(\"active\", event.key); },\n      resync({ refs }) { refs.get(\"sync\")?.(); },\n      jump({ event, context, prop, scope, refs }) {\n        if (event.type !== \"JUMP\") return;\n        const state = live({ prop }), item = state.items.find((entry) => entry.key === event.key && !entry.disabled);\n        if (!item) return;\n        if (event.drag) context.set(\"indicator\", item.key);\n        const id = ids(scope), root = scope.getById<HTMLElement>(id.root), section = scope.getById<HTMLElement>(id.group(item.group));\n        if (root && section) {\n          const container = containerOf(root, state.target), win = root.ownerDocument.defaultView;\n          const delta = section.getBoundingClientRect().top - viewportTop(container) - state.stickyOffset;\n          const scroller = container ?? root.ownerDocument.scrollingElement ?? root.ownerDocument.documentElement;\n          // The scroll event caused by this jump must not override the requested group (the last groups may not reach the top).\n          refs.set(\"suppressScroll\", true);\n          scroller.scrollTop = Math.max(0, scroller.scrollTop + delta);\n          win?.requestAnimationFrame(() => refs.set(\"suppressScroll\", false));\n        }\n        if (context.get(\"active\") !== item.key) context.set(\"active\", item.key);\n      },\n      dragEnd({ context }) { context.set(\"indicator\", null); },\n      focusItem({ event, context, prop, scope }) {\n        if (event.type !== \"FOCUS.MOVE\" || !enabledKeys(live({ prop })).includes(event.key)) return;\n        context.set(\"focusKey\", event.key);\n        if (event.focus) scope.getById<HTMLElement>(ids(scope).item(event.key))?.focus();\n      },\n    },\n    effects: {\n      trackScroll({ scope, prop, send, refs }) {\n        const id = ids(scope), root = scope.getById<HTMLElement>(id.root), win = root?.ownerDocument.defaultView;\n        if (!root || !win) return;\n        let frame = 0, disposed = false, container: HTMLElement | null = null, scrollTarget: EventTarget | null = null;\n        const measure = () => {\n          frame = 0;\n          if (disposed) return;\n          const state = live({ prop }), top = viewportTop(container);\n          const tops = state.groups.flatMap((group) => { const element = scope.getById<HTMLElement>(id.group(group.index)); return element ? [{ key: group.key, top: element.getBoundingClientRect().top - top }] : []; });\n          send({ type: \"ACTIVE.SYNC\", key: resolveIndexBarActive(tops, state.stickyOffset) });\n        };\n        const schedule = () => { if (!disposed && !frame) frame = win.requestAnimationFrame(measure); };\n        const onScroll = () => { if (!refs.get(\"suppressScroll\")) schedule(); };\n        const bind = () => {\n          scrollTarget?.removeEventListener(\"scroll\", onScroll);\n          container = containerOf(root, live({ prop }).target); scrollTarget = container ?? win;\n          scrollTarget.addEventListener(\"scroll\", onScroll, { passive: true });\n          schedule();\n        };\n        // Drag across the index: rects are measured once per gesture, no elementFromPoint.\n        const index = scope.getById<HTMLElement>(id.index);\n        let drag: { pointer: number; rects: { key: string; top: number; bottom: number }[]; key: string | null } | null = null;\n        const keyAt = (y: number) => drag ? resolveIndexBarKeyAt(y, drag.rects) : null;\n        const onDown = (event: PointerEvent) => {\n          if (event.pointerType === \"mouse\" && event.button !== 0) return;\n          const state = live({ prop });\n          const rects = state.items.flatMap((item) => { const element = item.disabled ? null : scope.getById<HTMLElement>(id.item(item.key)); if (!element) return []; const rect = element.getBoundingClientRect(); return [{ key: item.key, top: rect.top, bottom: rect.bottom }]; });\n          drag = { pointer: event.pointerId, rects, key: null };\n          try { index?.setPointerCapture?.(event.pointerId); } catch { /* released */ }\n          const key = keyAt(event.clientY);\n          if (key) { drag.key = key; send({ type: \"JUMP\", key, drag: true }); }\n        };\n        const onMove = (event: PointerEvent) => {\n          if (!drag || event.pointerId !== drag.pointer) return;\n          const key = keyAt(event.clientY);\n          if (key && key !== drag.key) { drag.key = key; send({ type: \"JUMP\", key, drag: true }); }\n        };\n        const onUp = (event: PointerEvent) => { if (drag && event.pointerId === drag.pointer) { drag = null; send({ type: \"DRAG.END\" }); } };\n        index?.addEventListener(\"pointerdown\", onDown); index?.addEventListener(\"pointermove\", onMove);\n        index?.addEventListener(\"pointerup\", onUp); index?.addEventListener(\"pointercancel\", onUp);\n        win.addEventListener(\"resize\", schedule);\n        const Observer = win.ResizeObserver, observer = Observer ? new Observer(schedule) : null;\n        observer?.observe(root);\n        refs.set(\"sync\", bind); bind();\n        return () => {\n          disposed = true; refs.set(\"sync\", null); drag = null;\n          if (frame) win.cancelAnimationFrame(frame);\n          scrollTarget?.removeEventListener(\"scroll\", onScroll); win.removeEventListener(\"resize\", schedule); observer?.disconnect();\n          index?.removeEventListener(\"pointerdown\", onDown); index?.removeEventListener(\"pointermove\", onMove);\n          index?.removeEventListener(\"pointerup\", onUp); index?.removeEventListener(\"pointercancel\", onUp);\n        };\n      },\n    },\n  },\n});\n\nexport interface QwIndexBarApi<T extends PropTypes = PropTypes> {\n  groups: ResolvedIndexBarGroup[]; items: ResolvedIndexBarItem[]; active: string | null; indicator: string | null; statusText: string;\n  /** Scroll the container so the group's top meets stickyOffset. Unknown/disabled keys are ignored. */\n  scrollTo(key: string): void;\n  getRootProps(): T[\"element\"];\n  getIndexProps(): T[\"element\"];\n  getIndexItemProps(item: ResolvedIndexBarItem): T[\"button\"];\n  getIndicatorProps(): T[\"element\"];\n  getListProps(): T[\"element\"];\n  getGroupProps(group: ResolvedIndexBarGroup): T[\"element\"];\n  getAnchorProps(group: ResolvedIndexBarGroup): T[\"element\"];\n  getGroupContentProps(group: ResolvedIndexBarGroup): T[\"element\"];\n  getStatusProps(): T[\"element\"];\n}\ninterface KeyLike { key: string; defaultPrevented: boolean; preventDefault(): void; target?: unknown }\n\nexport function connectIndexBar<T extends PropTypes>(service: QwIndexBarService, normalize: NormalizeProps<T>): QwIndexBarApi<T> {\n  const state = live(service), id = ids(service.scope), keys = enabledKeys(state);\n  const activeRaw = service.context.get(\"active\"), active = state.groups.some((group) => group.key === activeRaw) ? activeRaw : state.groups[0]?.key ?? null;\n  const indicator = service.context.get(\"indicator\"), focusRaw = service.context.get(\"focusKey\");\n  const roving = focusRaw && keys.includes(focusRaw) ? focusRaw : active && keys.includes(active) ? active : keys[0] ?? null;\n  const part = (name: string) => ({ \"data-scope\": \"index-bar\", \"data-part\": name });\n  const scrollTo = (key: string) => service.send({ type: \"JUMP\", key });\n  const titleOf = (key: string | null) => state.items.find((item) => item.key === key)?.title ?? \"\";\n  return {\n    groups: state.groups, items: state.items, active, indicator, statusText: indicator ? titleOf(indicator) : \"\", scrollTo,\n    getRootProps: () => normalize.element({ ...part(\"root\"), id: id.root, \"data-sticky\": state.sticky ? \"true\" : undefined, style: { \"--qw-index-bar-sticky-offset\": `${state.stickyOffset}px` } }),\n    getIndexProps: () => normalize.element({ ...part(\"index\"), id: id.index, role: \"toolbar\", \"aria-orientation\": \"vertical\", \"aria-label\": state.indexLabel,\n      \"data-dragging\": indicator ? \"true\" : undefined,\n      onKeyDown(event: KeyLike) {\n        if (event.defaultPrevented || !roving) return;\n        // The focused button is the DOM truth; fall back to the roving key.\n        const focused = (event.target as { getAttribute?(name: string): string | null } | undefined)?.getAttribute?.(\"data-key\");\n        const at = keys.indexOf(focused && keys.includes(focused) ? focused : roving);\n        const next = event.key === \"ArrowDown\" ? keys[Math.min(keys.length - 1, at + 1)] : event.key === \"ArrowUp\" ? keys[Math.max(0, at - 1)]\n          : event.key === \"Home\" ? keys[0] : event.key === \"End\" ? keys[keys.length - 1] : undefined;\n        if (next === undefined) return;\n        event.preventDefault(); service.send({ type: \"FOCUS.MOVE\", key: next, focus: true });\n      } }),\n    getIndexItemProps: (item) => normalize.button({ ...part(\"index-item\"), id: id.item(item.key), type: \"button\", \"data-key\": item.key, disabled: item.disabled || undefined,\n      tabIndex: item.key === roving ? 0 : -1, \"aria-label\": state.jumpLabel.replace(/\\{title\\}/g, item.title), \"aria-current\": item.key === active ? \"true\" : undefined,\n      \"data-active\": item.key === active ? \"true\" : undefined,\n      onFocus() { if (focusRaw !== item.key) service.send({ type: \"FOCUS.MOVE\", key: item.key }); },\n      onClick(event: { defaultPrevented: boolean }) { if (!event.defaultPrevented) scrollTo(item.key); } }),\n    getIndicatorProps: () => normalize.element({ ...part(\"indicator\"), \"aria-hidden\": true, hidden: !indicator || undefined }),\n    getListProps: () => normalize.element({ ...part(\"list\") }),\n    getGroupProps: (group) => normalize.element({ ...part(\"group\"), id: id.group(group.index), role: \"group\", \"aria-labelledby\": id.anchor(group.index), \"data-key\": group.key,\n      \"data-active\": group.key === active ? \"true\" : undefined }),\n    getAnchorProps: (group) => normalize.element({ ...part(\"anchor\"), id: id.anchor(group.index), \"data-key\": group.key, \"data-active\": group.key === active ? \"true\" : undefined }),\n    getGroupContentProps: (group) => normalize.element({ ...part(\"group-content\"), \"data-key\": group.key }),\n    getStatusProps: () => normalize.element({ ...part(\"status\"), id: id.status, role: \"status\", \"aria-live\": \"polite\", style: visuallyHiddenStyle }),\n  };\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,11 +1,18 @@
 export { dialogMachine, connect, createDialogProps, } from "./dialog/index.js";
+export { checkboxGroupMachine, createCheckboxGroupProps, connect as checkboxGroupConnect } from "./checkbox-group/index.js";
+export type { QwCheckboxGroupProps, QwCheckboxGroupSchema, QwCheckboxGroupMachine, QwCheckboxGroupService, QwCheckboxGroupApi, QwCheckboxGroupItemProps, QwSelectionItem } from "./checkbox-group/index.js";
+export { radioGroupMachine, createRadioGroupProps, connect as radioGroupConnect } from "./radio-group/index.js";
+export type { QwRadioGroupProps, QwRadioGroupSchema, QwRadioGroupMachine, QwRadioGroupService, QwRadioGroupApi, QwRadioGroupItemProps } from "./radio-group/index.js";
 export type { QwDialogProps, QwDialogApi } from "./dialog/index.js";
+export { syncModalRegistration, hasOtherModal, disposeModalSession } from "./modal-registry.js";
+export { DEFAULT_OVERLAY_PANEL_HEADER_HEIGHT, OVERLAY_PANEL_PARTS, resolveOverlayPanelHeight, } from "./overlay-panel/index.js";
+export type { OverlayPanelHeight, OverlayPanelPart, QwOverlayPanelProps, } from "./overlay-panel/index.js";
 export { tabsMachine, createTabsProps } from "./tabs/index.js";
 export type { QwTabsProps, QwTabsApi } from "./tabs/index.js";
 export { TOAST_POSITIONS, TOAST_ICON_TYPES, TOAST_PARTS, DEFAULT_TOAST_DURATION, DEFAULT_TOAST_POSITION, isToastIconType, resolveToastDuration, } from "./toast/index.js";
-export type { QwToastOptions, QwToast, QwToastPosition, QwToastIconType, QwToastPart, } from "./toast/index.js";
+export type { QwToastOptions, QwToast, ToastOwnedHandle, QwToastPosition, QwToastIconType, QwToastPart, } from "./toast/index.js";
 export { BUTTON_ICON_POSITIONS, BUTTON_PARTS, BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TONES, BUTTON_VARIANTS, getButtonRootProps, resolveButtonState, } from "./button/index.js";
-export type { ButtonContentPresence, ButtonIconPosition, ButtonPart, ButtonRootProps, ButtonShape, ResolvedButtonState, ButtonVariant, ButtonTone, ButtonSize, QwButtonProps, } from "./button/index.js";
+export type { ButtonContentPresence, ButtonControlAria, ButtonControlRootProps, ButtonIconPosition, ButtonPart, ButtonRootProps, ButtonShape, ResolvedButtonState, ButtonVariant, ButtonTone, ButtonSize, QwButtonProps, } from "./button/index.js";
 export { LOADING_SIZES } from "./loading/index.js";
 export type { LoadingSize, QwLoadingProps } from "./loading/index.js";
 export { SKELETON_VARIANTS, SKELETON_ANIMATIONS, SKELETON_RADII, SKELETON_PARTS, } from "./skeleton/index.js";
@@ -16,13 +23,111 @@ export { EMPTY_PARTS } from "./empty/index.js";
 export type { EmptyPart } from "./empty/index.js";
 export { createTopBarProps, TOPBAR_VARIANTS, } from "./top-bar/index.js";
 export type { TopBarVariant, TopBarItem, QwTopBarProps, ResolvedTopBarProps, } from "./top-bar/index.js";
-export { ICON_FALLBACK_NAME, ICON_PARTS, resolveIconName } from "./icon/index.js";
-export type { IconName, IconNameInput, IconPart } from "./icon/index.js";
+export { ICON_FALLBACK_NAME, ICON_PARTS, resolveIconName, resolveIconState, getIconRootProps, getIconVector } from "./icon/index.js";
+export type { IconName, IconNameInput, IconPart, IconConfig, IconState, IconVectorNode } from "./icon/index.js";
 export { AVATAR_BADGE_TYPES, AVATAR_LOAD_STATUS, AVATAR_PARTS, AVATAR_SHAPES, AVATAR_SIZES, BADGE_COUNT_MAX, extractInitials, getAvatarBadgeProps, getAvatarFallbackProps, getAvatarImageElementProps, getAvatarImageProps, getAvatarRootProps, resolveAvatarState, } from "./avatar/index.js";
+export { createImageRequestFrames, getImageRequestStatus, avatarLoadMachine, connectAvatarLoad, createAvatarResourceBinding } from "./avatar/index.js";
+export { getAvatarContentPresence, getAvatarImageDescriptor, getAvatarRootStyle, getAvatarBadgeContent } from "./avatar/index.js";
+export type { AvatarRootOptions } from "./avatar/index.js";
+export type { ImageRequestFrame, ImageRequestDescriptor, ImageResourceSnapshot, ImageRequestResult, ImageResourceBinding, ImageRequestFrames, QwAvatarLoadProps, QwAvatarLoadSchema, QwAvatarLoadService, QwAvatarLoadMachine, QwAvatarLoadApi } from "./avatar/index.js";
 export type { AvatarBadgeProps, AvatarContentPresence, AvatarFallbackProps, AvatarImageElementProps, AvatarImageProps, AvatarLoadStatus, AvatarPart, AvatarRootProps, AvatarShape, AvatarSize, BadgeConfig, BadgeType, FallbackMode, QwAvatarProps, ResolvedAvatarState, } from "./avatar/index.js";
-export { machine as textAreaMachine, connect as textAreaConnect, createTextAreaProps } from "./textarea/index.js";
-export type { QwTextAreaProps, TextAreaApi } from "./textarea/index.js";
-export { TAG_PARTS, TAG_SIZES, TAG_VARIANTS } from "./tag/index.js";
-export type { TagPart, TagSize, TagVariant, QwTagProps } from "./tag/index.js";
-export { createInputProps } from "./input/index.js";
-export type { QwInputProps, InputApi, InputMode, InputReadOnlyOverflow } from "./input/index.js";
+export { machine as textAreaMachine, connect as textAreaConnect, createTextAreaProps, clampUtf16, computeTextAreaHeight } from "./textarea/index.js";
+export type { QwTextAreaProps, TextAreaApi, TextAreaSchema, TextAreaBoxSizing, TextAreaClipboardFailure, TextAreaClipboardReadError, TextAreaControlSnapshot, TextAreaEditEvent, TextAreaHeightInput, TextAreaPasteDetail, TextAreaPlatformClient, TextAreaPlatformSink, TextAreaResetNotice, TextAreaSizeSnapshot } from "./textarea/index.js";
+export { TAG_PARTS, TAG_SIZES, TAG_VARIANTS, tagMachine, createTagProps, connectTag } from "./tag/index.js";
+export type { TagPart, TagSize, TagVariant, QwTagProps, TagSchema, TagApi } from "./tag/index.js";
+export { createInputProps, INPUT_TYPES } from "./input/index.js";
+export type { QwInputProps, InputApi, InputMode, InputReadOnlyOverflow, InputType, InputInputMode } from "./input/index.js";
+export { SWITCH_PARTS, getSwitchRootProps, getSwitchThumbProps, resolveSwitchState } from "./switch/index.js";
+export type { SwitchPart, QwSwitchProps, ResolvedSwitchState, SwitchRootProps, SwitchThumbProps } from "./switch/index.js";
+export { STEPPER_SIZES, STEPPER_PARTS, clampStepperValue, getStepperRootProps, getStepperDecrementProps, getStepperDecrementValue, getStepperIncrementProps, getStepperIncrementValue, getStepperValueProps, resolveStepperState, } from "./stepper/index.js";
+export type { StepperPart, StepperSize, QwStepperProps, ResolvedStepperState, StepperRootProps, StepperDecrementProps, StepperIncrementProps, StepperValueProps, } from "./stepper/index.js";
+export { BADGE_KINDS, BADGE_PARTS, BADGE_VARIANTS, DEFAULT_BADGE_MAX_COUNT, getBadgeRootProps, getBadgeRetainedRootProps, resolveBadgeState, } from "./badge/index.js";
+export type { BadgeAriaTexts, BadgeKind, BadgePart, BadgeRootProps, BadgeRetainedRootProps, BadgeVariant, QwBadgeProps, ResolvedBadgeState, } from "./badge/index.js";
+export { TABBAR_ITEM_TONES, TABBAR_ITEM_VARIANTS, TABBAR_PARTS, getTabBarItemButtonProps, getTabBarNavigationItemTag, getTabBarNavigationItemProps, getTabBarNavigationRootProps, getTabBarRootProps, resolveTabBarState, resolveTabBarNavigation, } from "./tabbar/index.js";
+export type { QwTabBarItemProps, TabBarNavigationItem, TabBarValueChangeDetails, TabBarNavigationItemProps, QwTabBarProps, ResolvedTabBarItemState, ResolvedTabBarState, TabBarItemButtonProps, TabBarItemTone, TabBarItemVariant, TabBarPart, TabBarRootProps, } from "./tabbar/index.js";
+export { SIDENAV_PARTS, getSideNavGroupLabelProps, getSideNavItemProps, getSideNavRootProps, resolveSideNavState, } from "./side-nav/index.js";
+export type { QwSideNavGroupProps, QwSideNavItemProps, QwSideNavProps, ResolvedSideNavGroupState, ResolvedSideNavItemState, ResolvedSideNavState, SideNavGroupLabelProps, SideNavItemAdjacent, SideNavItemProps, SideNavPart, SideNavRootProps, } from "./side-nav/index.js";
+export * from "./cell/index.js";
+export * from "./list/index.js";
+export * from "./card/index.js";
+export * from "./progress/index.js";
+export * from "./steps/index.js";
+export { checkboxMachine, createCheckboxProps, connect as checkboxConnect } from "./checkbox/index.js";
+export type { CheckboxCheckedState, QwCheckboxProps, QwCheckboxSchema, QwCheckboxMachine, QwCheckboxService, QwCheckboxApi } from "./checkbox/index.js";
+export { resolveDividerState, getDividerRootProps } from "./divider/index.js";
+export type { ResolvedDividerState, DividerRootProps } from "./divider/index.js";
+export { resolveSkeletonState, getSkeletonRootProps, getSkeletonStyle, getSkeletonLineProps } from "./skeleton/index.js";
+export type { ResolvedSkeletonState, SkeletonLine, SkeletonRootProps, SkeletonLineProps } from "./skeleton/index.js";
+export { LOADING_PARTS, resolveLoadingState, getLoadingRootProps, getLoadingPartProps } from "./loading/index.js";
+export type { LoadingPart, LoadingRenderOptions, ResolvedLoadingState, LoadingRootProps, LoadingPartProps } from "./loading/index.js";
+export * from "./space/index.js";
+export * from "./grid/index.js";
+export * from "./safe-area/index.js";
+export * from "./typography/index.js";
+export { PAGINATION_MODES, PAGINATION_PARTS, resolvePaginationState, getPaginationItems, createPaginationProps, paginationMachine, connect as connectPagination } from "./pagination/index.js";
+export type { PaginationMode, PaginationPageChangeDetails, QwPaginationProps, ResolvedPaginationState, PaginationItem, QwPaginationSchema, QwPaginationMachine, QwPaginationService, QwPaginationApi } from "./pagination/index.js";
+export { resolveTagState, getTagRootProps, getTagStyle } from "./tag/index.js";
+export type { TagState } from "./tag/index.js";
+export { resolveEmptyState, getEmptyRootProps, getEmptyPartProps, getEmptyIllustration } from "./empty/index.js";
+export type { QwEmptyProps, EmptyContentPresence, EmptyState, EmptyVectorNode } from "./empty/index.js";
+export { SEGMENTED_MODES, SEGMENTED_SIZES, SEGMENTED_PARTS, normalizeSegmentedItems, normalizeSegmentedValue, createSegmentedProps, segmentedMachine, connect as connectSegmented } from "./segmented/index.js";
+export type { SegmentedSelectionMode, SegmentedSize, SegmentedValueChangeDetails, QwSegmentedItem, QwSegmentedProps, QwSegmentedSchema, QwSegmentedMachine, QwSegmentedService, QwSegmentedItemProps, QwSegmentedItemState, QwSegmentedApi } from "./segmented/index.js";
+export * from "./image/index.js";
+export * from "./result/index.js";
+export { SWITCH_TYPES, createSwitchProps, switchMachine, connectSwitch } from "./switch/index.js";
+export type { SwitchButtonType, QwSwitchSchema, QwSwitchMachine, QwSwitchService, QwSwitchApi, SwitchActivationEvent, SwitchClickHandler, SwitchConnectOptions, SwitchRootOptions } from "./switch/index.js";
+export type { SwitchStateSnapshot } from "./switch/index.js";
+export type { QwInputControlProps } from "./input/index.js";
+export * from "./form/index.js";
+export * from "./field/index.js";
+export { RATE_SIZES, RATE_PARTS, normalizeRateCount, normalizeRateValue, getRatePointValue, rateTouchCoverageForGlyphFill, createRateProps, rateMachine, connect as connectRate } from "./rate/index.js";
+export type { RateSize, RatePart, RateValueChangeDetails, RatePreviewChangeDetails, RateItem, RateItemRect, QwRateProps, QwRateSchema, QwRateMachine, QwRateService, QwRateApi } from "./rate/index.js";
+export { createModalRenderScope, createModalTicketCursor, wantsModalOpen } from "./modal-render-scope.js";
+export type { ModalRenderInputs, ModalRenderKind, ModalRenderOwner, ModalRenderPhase, ModalRenderTicket, ModalRenderScopeOptions, ModalRenderScope, ModalRenderLease, ModalTicketCursor } from "./modal-render-scope.js";
+export { MODAL_STACK_ATTRIBUTE, MODAL_TICKET_ATTRIBUTE, adoptModalHydration, adoptModalHydrationMarkers, scanModalHydrationMarkers } from "./modal-render-hydration.js";
+export type { ModalHydrationMarker, ModalRenderStack } from "./modal-render-hydration.js";
+export { syncModalRender, disposeModalRender, updateModalRenderIdentity } from "./modal-render-runtime.js";
+export type { ModalRenderRuntime } from "./modal-render-runtime.js";
+export * from "./ellipsis/index.js";
+export * from "./footer/index.js";
+export * from "./descriptions/index.js";
+export * from "./timeline/index.js";
+export * from "./price/index.js";
+export * from "./statistic/index.js";
+export * from "./countdown/index.js";
+export * from "./circle/index.js";
+export * from "./selector/index.js";
+export * from "./check-list/index.js";
+export * from "./collapse/index.js";
+export * from "./notice-bar/index.js";
+export * from "./page-indicator/index.js";
+export * from "./sticky/index.js";
+export * from "./back-top/index.js";
+export * from "./infinite-scroll/index.js";
+export * from "./swipe-action/index.js";
+export * from "./swiper/index.js";
+export * from "./slider/index.js";
+export * from "./watermark/index.js";
+export * from "./pull-refresh/index.js";
+export * from "./nav-bar/index.js";
+export * from "./index-bar/index.js";
+export * from "./notify/index.js";
+export * from "./upload/index.js";
+export * from "./floating-bubble/index.js";
+export * from "./calendar/index.js";
+export * from "./cascader/index.js";
+export * from "./date-picker/index.js";
+export * from "./picker/index.js";
+export * from "./dropdown/index.js";
+export * from "./popover/index.js";
+export * from "./tree-select/index.js";
+export * from "./reorder/index.js";
+export * from "./password-input/index.js";
+export * from "./virtual-list/index.js";
+export * from "./number-keyboard/index.js";
+export * from "./action-sheet/index.js";
+export * from "./time-picker/index.js";
+export * from "./area-picker/index.js";
+export * from "./share-sheet/index.js";
+export * from "./image-preview/index.js";
+export * from "./floating-panel/index.js";