@proyecto-viviana/solidaria 0.3.0 → 0.4.0

package/dist/_chunk/actiongroup.js

@@ -0,0 +1,207 @@
+import { o as mergeProps } from "./env.js";
+import { t as filterDOMProps } from "./filterDOMProps.js";
+import { a as getEventTarget, p as isFocusable, t as focusSafely, y as nodeContains } from "./focus.js";
+import { i as createButton } from "./button.js";
+import { a as useLocale } from "./createCollator.js";
+import { onCleanup } from "solid-js";
+//#region src/actiongroup/createActionGroup.ts
+const actionGroupData = /* @__PURE__ */ new WeakMap();
+const GROUP_ROLE_BY_MODE = {
+	none: "toolbar",
+	single: "radiogroup",
+	multiple: "toolbar"
+};
+const ITEM_ROLE_BY_MODE = {
+	none: void 0,
+	single: "radio",
+	multiple: "checkbox"
+};
+function isActionGroupDisabled(props, state) {
+	if (props.isDisabled) return true;
+	const keys = [...state.collection().getKeys()];
+	if (keys.length === 0) return true;
+	return !keys.some((key) => !state.isDisabled(key));
+}
+function createActionGroup(props, state, _ref) {
+	const locale = useLocale();
+	let groupRef;
+	const applyRoleAttributes = () => {
+		if (!groupRef) return;
+		const mappedRole = GROUP_ROLE_BY_MODE[state.selectionMode()];
+		const nestedToolbar = Boolean(groupRef.parentElement?.closest("[role=\"toolbar\"]"));
+		const role = mappedRole === "toolbar" && nestedToolbar ? "group" : mappedRole;
+		groupRef.setAttribute("role", role);
+		if (mappedRole === "toolbar" && !nestedToolbar) groupRef.setAttribute("aria-orientation", props.orientation ?? "horizontal");
+		else groupRef.removeAttribute("aria-orientation");
+	};
+	const getFocusableItems = (root) => {
+		const out = [];
+		const pushIfFocusable = (el) => {
+			if (!el || !(el instanceof HTMLElement)) return;
+			if (isFocusable(el) && el.getAttribute("aria-disabled") !== "true") out.push(el);
+		};
+		pushIfFocusable(root);
+		for (const node of root.querySelectorAll("*")) pushIfFocusable(node);
+		return out;
+	};
+	const focusRelative = (root, direction) => {
+		const focusables = getFocusableItems(root);
+		if (focusables.length === 0) return null;
+		if (direction === "first") {
+			const first = focusables[0];
+			focusSafely(first);
+			return first;
+		}
+		if (direction === "last") {
+			const last = focusables[focusables.length - 1];
+			focusSafely(last);
+			return last;
+		}
+		const active = root.ownerDocument.activeElement;
+		const currentIndex = active ? focusables.indexOf(active) : -1;
+		const next = focusables[currentIndex === -1 ? direction === "next" ? 0 : focusables.length - 1 : (currentIndex + (direction === "next" ? 1 : -1) + focusables.length) % focusables.length];
+		focusSafely(next);
+		return next;
+	};
+	const resolveKeyFromElement = (element) => {
+		if (!element) return null;
+		const keyedElement = element.closest("[data-key]");
+		if (!(keyedElement instanceof HTMLElement)) return null;
+		const rawKey = keyedElement.getAttribute("data-key");
+		if (!rawKey) return null;
+		for (const item of state.collection()) if (String(item.key) === rawKey) return item.key;
+		return null;
+	};
+	const handleFocusMove = (movedTo) => {
+		const key = resolveKeyFromElement(movedTo);
+		if (key == null) return;
+		state.setFocusedKey(key);
+		if (state.selectionMode() === "single") state.replaceSelection(key);
+	};
+	const onKeyDown = (e) => {
+		const root = groupRef;
+		if (!root || isActionGroupDisabled(props, state)) return;
+		if (!nodeContains(e.currentTarget, getEventTarget(e))) return;
+		const isHorizontal = (props.orientation ?? "horizontal") === "horizontal";
+		const isRTL = locale().direction === "rtl" && isHorizontal;
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				if (e.key === "ArrowRight" && isHorizontal && isRTL) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "previous"));
+					return;
+				}
+				if (e.key === "ArrowRight" && isHorizontal || e.key === "ArrowDown" && !isHorizontal) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "next"));
+				}
+				return;
+			case "ArrowLeft":
+			case "ArrowUp":
+				if (e.key === "ArrowLeft" && isHorizontal && isRTL) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "next"));
+					return;
+				}
+				if (e.key === "ArrowLeft" && isHorizontal || e.key === "ArrowUp" && !isHorizontal) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "previous"));
+				}
+				return;
+			case "Home":
+				e.preventDefault();
+				e.stopPropagation();
+				handleFocusMove(focusRelative(root, "first"));
+				return;
+			case "End":
+				e.preventDefault();
+				e.stopPropagation();
+				handleFocusMove(focusRelative(root, "last"));
+				return;
+		}
+	};
+	const actionGroupProps = mergeProps(filterDOMProps(props, { labelable: true }), {
+		ref: (el) => {
+			groupRef = el;
+			applyRoleAttributes();
+			queueMicrotask(() => {
+				if (!groupRef) return;
+				applyRoleAttributes();
+			});
+		},
+		onKeyDown,
+		get "aria-label"() {
+			return props["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return props["aria-label"] ? void 0 : props["aria-labelledby"];
+		},
+		get "aria-disabled"() {
+			return isActionGroupDisabled(props, state) || void 0;
+		}
+	});
+	actionGroupData.set(state, { get onAction() {
+		return props.onAction;
+	} });
+	onCleanup(() => {
+		actionGroupData.delete(state);
+	});
+	return { actionGroupProps };
+}
+function createActionGroupItem(props, state) {
+	const button = createButton({
+		elementType: "button",
+		isDisabled: state.isDisabled(props.key),
+		onPress: () => {
+			state.setFocusedKey(props.key);
+			actionGroupData.get(state)?.onAction?.(props.key);
+			if (state.selectionMode() !== "none") state.select(props.key);
+		}
+	});
+	const isFocused = () => props.key === state.focusedKey();
+	const getFirstEnabledKey = () => {
+		const collection = state.collection();
+		let key = collection.getFirstKey();
+		while (key != null && state.isDisabled(key)) key = collection.getKeyAfter(key);
+		return key;
+	};
+	const getDefaultTabStopKey = () => {
+		if (state.selectionMode() !== "none") {
+			const selectedKeys = state.selectedKeys();
+			if (selectedKeys === "all") return getFirstEnabledKey();
+			for (const item of state.collection()) if (!state.isDisabled(item.key) && selectedKeys.has(item.key)) return item.key;
+		}
+		return getFirstEnabledKey();
+	};
+	onCleanup(() => {
+		if (isFocused()) state.setFocusedKey(null);
+	});
+	return { buttonProps: mergeProps(button.buttonProps, {
+		get role() {
+			return ITEM_ROLE_BY_MODE[state.selectionMode()];
+		},
+		get "aria-checked"() {
+			if (state.selectionMode() === "none") return void 0;
+			return state.isSelected(props.key);
+		},
+		get tabIndex() {
+			if (state.isDisabled(props.key)) return -1;
+			if (isFocused()) return 0;
+			if (state.focusedKey() != null) return -1;
+			return getDefaultTabStopKey() === props.key ? 0 : -1;
+		},
+		"data-key": String(props.key),
+		onFocus: () => {
+			state.setFocusedKey(props.key);
+		}
+	}) };
+}
+//#endregion
+export { createActionGroupItem as n, createActionGroup as t };
+
+//# sourceMappingURL=actiongroup.js.map

package/dist/_chunk/actiongroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actiongroup.js","names":[],"sources":["../../src/actiongroup/createActionGroup.ts"],"sourcesContent":["import { onCleanup, type JSX, type Accessor } from \"solid-js\";\nimport { createButton } from \"../button\";\nimport {\n  filterDOMProps,\n  getEventTarget,\n  mergeProps,\n  nodeContains,\n  isFocusable,\n  focusSafely,\n} from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport type { Orientation } from \"../toolbar\";\nimport type { Key, ListState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaActionGroupProps<T = unknown> {\n  /** List items (optional, parity with React Aria prop shape). */\n  items?: T[];\n  /** Whether the whole action group is disabled. */\n  isDisabled?: boolean;\n  /** Group orientation. */\n  orientation?: Orientation;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n  /** Handler called when an item action is triggered. */\n  onAction?: (key: Key) => void;\n}\n\nexport interface ActionGroupAria {\n  actionGroupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface AriaActionGroupItemProps {\n  key: Key;\n}\n\nexport interface ActionGroupItemAria {\n  buttonProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\ninterface ActionGroupData {\n  onAction?: (key: Key) => void;\n}\n\nconst actionGroupData = new WeakMap<object, ActionGroupData>();\n\nconst GROUP_ROLE_BY_MODE = {\n  none: \"toolbar\",\n  single: \"radiogroup\",\n  multiple: \"toolbar\",\n} as const;\n\nconst ITEM_ROLE_BY_MODE = {\n  none: undefined,\n  single: \"radio\",\n  multiple: \"checkbox\",\n} as const;\n\nfunction isActionGroupDisabled<T>(props: AriaActionGroupProps<T>, state: ListState<T>): boolean {\n  if (props.isDisabled) return true;\n  const keys = [...state.collection().getKeys()];\n  if (keys.length === 0) return true;\n  return !keys.some((key) => !state.isDisabled(key));\n}\n\nexport function createActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  _ref?: Accessor<HTMLElement | null>,\n): ActionGroupAria {\n  const locale = useLocale();\n  let groupRef: HTMLElement | undefined;\n  const applyRoleAttributes = (): void => {\n    if (!groupRef) return;\n    const selectionMode = state.selectionMode();\n    const mappedRole = GROUP_ROLE_BY_MODE[selectionMode];\n    const nestedToolbar = Boolean(groupRef.parentElement?.closest('[role=\"toolbar\"]'));\n    const role = mappedRole === \"toolbar\" && nestedToolbar ? \"group\" : mappedRole;\n    groupRef.setAttribute(\"role\", role);\n    if (mappedRole === \"toolbar\" && !nestedToolbar) {\n      groupRef.setAttribute(\"aria-orientation\", props.orientation ?? \"horizontal\");\n    } else {\n      groupRef.removeAttribute(\"aria-orientation\");\n    }\n  };\n\n  const getFocusableItems = (root: HTMLElement): HTMLElement[] => {\n    const out: HTMLElement[] = [];\n    const pushIfFocusable = (el: Element | null | undefined): void => {\n      if (!el || !(el instanceof HTMLElement)) return;\n      if (isFocusable(el) && el.getAttribute(\"aria-disabled\") !== \"true\") {\n        out.push(el);\n      }\n    };\n\n    pushIfFocusable(root);\n    for (const node of root.querySelectorAll(\"*\")) {\n      pushIfFocusable(node);\n    }\n    return out;\n  };\n\n  const focusRelative = (\n    root: HTMLElement,\n    direction: \"next\" | \"previous\" | \"first\" | \"last\",\n  ): HTMLElement | null => {\n    const focusables = getFocusableItems(root);\n    if (focusables.length === 0) return null;\n\n    if (direction === \"first\") {\n      const first = focusables[0];\n      focusSafely(first);\n      return first;\n    }\n\n    if (direction === \"last\") {\n      const last = focusables[focusables.length - 1];\n      focusSafely(last);\n      return last;\n    }\n\n    const active = root.ownerDocument.activeElement as HTMLElement | null;\n    const currentIndex = active ? focusables.indexOf(active) : -1;\n    const delta = direction === \"next\" ? 1 : -1;\n    const nextIndex =\n      currentIndex === -1\n        ? direction === \"next\"\n          ? 0\n          : focusables.length - 1\n        : (currentIndex + delta + focusables.length) % focusables.length;\n    const next = focusables[nextIndex];\n    focusSafely(next);\n    return next;\n  };\n\n  const resolveKeyFromElement = (element: HTMLElement | null): Key | null => {\n    if (!element) return null;\n    const keyedElement = element.closest(\"[data-key]\");\n    if (!(keyedElement instanceof HTMLElement)) return null;\n    const rawKey = keyedElement.getAttribute(\"data-key\");\n    if (!rawKey) return null;\n    for (const item of state.collection()) {\n      if (String(item.key) === rawKey) {\n        return item.key;\n      }\n    }\n    return null;\n  };\n\n  const handleFocusMove = (movedTo: HTMLElement | null): void => {\n    const key = resolveKeyFromElement(movedTo);\n    if (key == null) return;\n    state.setFocusedKey(key);\n    if (state.selectionMode() === \"single\") {\n      state.replaceSelection(key);\n    }\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    const root = groupRef;\n    if (!root || isActionGroupDisabled(props, state)) return;\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) return;\n\n    const orientation = props.orientation ?? \"horizontal\";\n    const isHorizontal = orientation === \"horizontal\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n      case \"ArrowDown\": {\n        if (e.key === \"ArrowRight\" && isHorizontal && isRTL) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"previous\"));\n          return;\n        }\n        if ((e.key === \"ArrowRight\" && isHorizontal) || (e.key === \"ArrowDown\" && !isHorizontal)) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"next\"));\n        }\n        return;\n      }\n      case \"ArrowLeft\":\n      case \"ArrowUp\": {\n        if (e.key === \"ArrowLeft\" && isHorizontal && isRTL) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"next\"));\n          return;\n        }\n        if ((e.key === \"ArrowLeft\" && isHorizontal) || (e.key === \"ArrowUp\" && !isHorizontal)) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"previous\"));\n        }\n        return;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        e.stopPropagation();\n        handleFocusMove(focusRelative(root, \"first\"));\n        return;\n      }\n      case \"End\": {\n        e.preventDefault();\n        e.stopPropagation();\n        handleFocusMove(focusRelative(root, \"last\"));\n        return;\n      }\n    }\n  };\n\n  const actionGroupProps: JSX.HTMLAttributes<HTMLElement> = mergeProps(\n    filterDOMProps(props as Record<string, unknown>, { labelable: true }),\n    {\n      ref: (el: HTMLElement) => {\n        groupRef = el;\n        applyRoleAttributes();\n        queueMicrotask(() => {\n          if (!groupRef) return;\n          applyRoleAttributes();\n        });\n      },\n      onKeyDown,\n      get \"aria-label\"() {\n        return props[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-label\"] ? undefined : props[\"aria-labelledby\"];\n      },\n      get \"aria-disabled\"() {\n        return isActionGroupDisabled(props, state) || undefined;\n      },\n    },\n  );\n\n  actionGroupData.set(state, {\n    get onAction() {\n      return props.onAction;\n    },\n  });\n\n  onCleanup(() => {\n    actionGroupData.delete(state);\n  });\n\n  return { actionGroupProps };\n}\n\nexport function createActionGroupItem<T>(\n  props: AriaActionGroupItemProps,\n  state: ListState<T>,\n): ActionGroupItemAria {\n  const button = createButton({\n    elementType: \"button\",\n    isDisabled: state.isDisabled(props.key),\n    onPress: () => {\n      state.setFocusedKey(props.key);\n      actionGroupData.get(state)?.onAction?.(props.key);\n      if (state.selectionMode() !== \"none\") {\n        state.select(props.key);\n      }\n    },\n  });\n\n  const isFocused = () => props.key === state.focusedKey();\n  const getFirstEnabledKey = (): Key | null => {\n    const collection = state.collection();\n    let key = collection.getFirstKey();\n    while (key != null && state.isDisabled(key)) {\n      key = collection.getKeyAfter(key);\n    }\n    return key;\n  };\n\n  const getDefaultTabStopKey = (): Key | null => {\n    const selectionMode = state.selectionMode();\n    if (selectionMode !== \"none\") {\n      const selectedKeys = state.selectedKeys();\n      if (selectedKeys === \"all\") {\n        return getFirstEnabledKey();\n      }\n\n      for (const item of state.collection()) {\n        if (!state.isDisabled(item.key) && selectedKeys.has(item.key)) {\n          return item.key;\n        }\n      }\n    }\n\n    return getFirstEnabledKey();\n  };\n\n  onCleanup(() => {\n    if (isFocused()) {\n      state.setFocusedKey(null);\n    }\n  });\n\n  const buttonProps: JSX.HTMLAttributes<HTMLElement> = mergeProps(button.buttonProps, {\n    get role() {\n      return ITEM_ROLE_BY_MODE[state.selectionMode()];\n    },\n    get \"aria-checked\"() {\n      const mode = state.selectionMode();\n      if (mode === \"none\") return undefined;\n      return state.isSelected(props.key);\n    },\n    get tabIndex() {\n      if (state.isDisabled(props.key)) {\n        return -1;\n      }\n\n      if (isFocused()) {\n        return 0;\n      }\n\n      if (state.focusedKey() != null) {\n        return -1;\n      }\n\n      const defaultTabStopKey = getDefaultTabStopKey();\n      return defaultTabStopKey === props.key ? 0 : -1;\n    },\n    \"data-key\": String(props.key),\n    onFocus: () => {\n      state.setFocusedKey(props.key);\n    },\n  });\n\n  return { buttonProps };\n}\n"],"mappings":"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"}

package/dist/_chunk/actiongroup.jsx

@@ -0,0 +1,207 @@
+import { o as mergeProps } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { a as getEventTarget, p as isFocusable, t as focusSafely, y as nodeContains } from "./focus.jsx";
+import { i as createButton } from "./button.jsx";
+import { a as useLocale } from "./createCollator.jsx";
+import { onCleanup } from "solid-js";
+//#region src/actiongroup/createActionGroup.ts
+const actionGroupData = /* @__PURE__ */ new WeakMap();
+const GROUP_ROLE_BY_MODE = {
+	none: "toolbar",
+	single: "radiogroup",
+	multiple: "toolbar"
+};
+const ITEM_ROLE_BY_MODE = {
+	none: void 0,
+	single: "radio",
+	multiple: "checkbox"
+};
+function isActionGroupDisabled(props, state) {
+	if (props.isDisabled) return true;
+	const keys = [...state.collection().getKeys()];
+	if (keys.length === 0) return true;
+	return !keys.some((key) => !state.isDisabled(key));
+}
+function createActionGroup(props, state, _ref) {
+	const locale = useLocale();
+	let groupRef;
+	const applyRoleAttributes = () => {
+		if (!groupRef) return;
+		const mappedRole = GROUP_ROLE_BY_MODE[state.selectionMode()];
+		const nestedToolbar = Boolean(groupRef.parentElement?.closest("[role=\"toolbar\"]"));
+		const role = mappedRole === "toolbar" && nestedToolbar ? "group" : mappedRole;
+		groupRef.setAttribute("role", role);
+		if (mappedRole === "toolbar" && !nestedToolbar) groupRef.setAttribute("aria-orientation", props.orientation ?? "horizontal");
+		else groupRef.removeAttribute("aria-orientation");
+	};
+	const getFocusableItems = (root) => {
+		const out = [];
+		const pushIfFocusable = (el) => {
+			if (!el || !(el instanceof HTMLElement)) return;
+			if (isFocusable(el) && el.getAttribute("aria-disabled") !== "true") out.push(el);
+		};
+		pushIfFocusable(root);
+		for (const node of root.querySelectorAll("*")) pushIfFocusable(node);
+		return out;
+	};
+	const focusRelative = (root, direction) => {
+		const focusables = getFocusableItems(root);
+		if (focusables.length === 0) return null;
+		if (direction === "first") {
+			const first = focusables[0];
+			focusSafely(first);
+			return first;
+		}
+		if (direction === "last") {
+			const last = focusables[focusables.length - 1];
+			focusSafely(last);
+			return last;
+		}
+		const active = root.ownerDocument.activeElement;
+		const currentIndex = active ? focusables.indexOf(active) : -1;
+		const next = focusables[currentIndex === -1 ? direction === "next" ? 0 : focusables.length - 1 : (currentIndex + (direction === "next" ? 1 : -1) + focusables.length) % focusables.length];
+		focusSafely(next);
+		return next;
+	};
+	const resolveKeyFromElement = (element) => {
+		if (!element) return null;
+		const keyedElement = element.closest("[data-key]");
+		if (!(keyedElement instanceof HTMLElement)) return null;
+		const rawKey = keyedElement.getAttribute("data-key");
+		if (!rawKey) return null;
+		for (const item of state.collection()) if (String(item.key) === rawKey) return item.key;
+		return null;
+	};
+	const handleFocusMove = (movedTo) => {
+		const key = resolveKeyFromElement(movedTo);
+		if (key == null) return;
+		state.setFocusedKey(key);
+		if (state.selectionMode() === "single") state.replaceSelection(key);
+	};
+	const onKeyDown = (e) => {
+		const root = groupRef;
+		if (!root || isActionGroupDisabled(props, state)) return;
+		if (!nodeContains(e.currentTarget, getEventTarget(e))) return;
+		const isHorizontal = (props.orientation ?? "horizontal") === "horizontal";
+		const isRTL = locale().direction === "rtl" && isHorizontal;
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				if (e.key === "ArrowRight" && isHorizontal && isRTL) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "previous"));
+					return;
+				}
+				if (e.key === "ArrowRight" && isHorizontal || e.key === "ArrowDown" && !isHorizontal) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "next"));
+				}
+				return;
+			case "ArrowLeft":
+			case "ArrowUp":
+				if (e.key === "ArrowLeft" && isHorizontal && isRTL) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "next"));
+					return;
+				}
+				if (e.key === "ArrowLeft" && isHorizontal || e.key === "ArrowUp" && !isHorizontal) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "previous"));
+				}
+				return;
+			case "Home":
+				e.preventDefault();
+				e.stopPropagation();
+				handleFocusMove(focusRelative(root, "first"));
+				return;
+			case "End":
+				e.preventDefault();
+				e.stopPropagation();
+				handleFocusMove(focusRelative(root, "last"));
+				return;
+		}
+	};
+	const actionGroupProps = mergeProps(filterDOMProps(props, { labelable: true }), {
+		ref: (el) => {
+			groupRef = el;
+			applyRoleAttributes();
+			queueMicrotask(() => {
+				if (!groupRef) return;
+				applyRoleAttributes();
+			});
+		},
+		onKeyDown,
+		get "aria-label"() {
+			return props["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return props["aria-label"] ? void 0 : props["aria-labelledby"];
+		},
+		get "aria-disabled"() {
+			return isActionGroupDisabled(props, state) || void 0;
+		}
+	});
+	actionGroupData.set(state, { get onAction() {
+		return props.onAction;
+	} });
+	onCleanup(() => {
+		actionGroupData.delete(state);
+	});
+	return { actionGroupProps };
+}
+function createActionGroupItem(props, state) {
+	const button = createButton({
+		elementType: "button",
+		isDisabled: state.isDisabled(props.key),
+		onPress: () => {
+			state.setFocusedKey(props.key);
+			actionGroupData.get(state)?.onAction?.(props.key);
+			if (state.selectionMode() !== "none") state.select(props.key);
+		}
+	});
+	const isFocused = () => props.key === state.focusedKey();
+	const getFirstEnabledKey = () => {
+		const collection = state.collection();
+		let key = collection.getFirstKey();
+		while (key != null && state.isDisabled(key)) key = collection.getKeyAfter(key);
+		return key;
+	};
+	const getDefaultTabStopKey = () => {
+		if (state.selectionMode() !== "none") {
+			const selectedKeys = state.selectedKeys();
+			if (selectedKeys === "all") return getFirstEnabledKey();
+			for (const item of state.collection()) if (!state.isDisabled(item.key) && selectedKeys.has(item.key)) return item.key;
+		}
+		return getFirstEnabledKey();
+	};
+	onCleanup(() => {
+		if (isFocused()) state.setFocusedKey(null);
+	});
+	return { buttonProps: mergeProps(button.buttonProps, {
+		get role() {
+			return ITEM_ROLE_BY_MODE[state.selectionMode()];
+		},
+		get "aria-checked"() {
+			if (state.selectionMode() === "none") return void 0;
+			return state.isSelected(props.key);
+		},
+		get tabIndex() {
+			if (state.isDisabled(props.key)) return -1;
+			if (isFocused()) return 0;
+			if (state.focusedKey() != null) return -1;
+			return getDefaultTabStopKey() === props.key ? 0 : -1;
+		},
+		"data-key": String(props.key),
+		onFocus: () => {
+			state.setFocusedKey(props.key);
+		}
+	}) };
+}
+//#endregion
+export { createActionGroupItem as n, createActionGroup as t };
+
+//# sourceMappingURL=actiongroup.jsx.map

package/dist/_chunk/actiongroup.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"actiongroup.jsx","names":[],"sources":["../../src/actiongroup/createActionGroup.ts"],"sourcesContent":["import { onCleanup, type JSX, type Accessor } from \"solid-js\";\nimport { createButton } from \"../button\";\nimport {\n  filterDOMProps,\n  getEventTarget,\n  mergeProps,\n  nodeContains,\n  isFocusable,\n  focusSafely,\n} from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport type { Orientation } from \"../toolbar\";\nimport type { Key, ListState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaActionGroupProps<T = unknown> {\n  /** List items (optional, parity with React Aria prop shape). */\n  items?: T[];\n  /** Whether the whole action group is disabled. */\n  isDisabled?: boolean;\n  /** Group orientation. */\n  orientation?: Orientation;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n  /** Handler called when an item action is triggered. */\n  onAction?: (key: Key) => void;\n}\n\nexport interface ActionGroupAria {\n  actionGroupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface AriaActionGroupItemProps {\n  key: Key;\n}\n\nexport interface ActionGroupItemAria {\n  buttonProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\ninterface ActionGroupData {\n  onAction?: (key: Key) => void;\n}\n\nconst actionGroupData = new WeakMap<object, ActionGroupData>();\n\nconst GROUP_ROLE_BY_MODE = {\n  none: \"toolbar\",\n  single: \"radiogroup\",\n  multiple: \"toolbar\",\n} as const;\n\nconst ITEM_ROLE_BY_MODE = {\n  none: undefined,\n  single: \"radio\",\n  multiple: \"checkbox\",\n} as const;\n\nfunction isActionGroupDisabled<T>(props: AriaActionGroupProps<T>, state: ListState<T>): boolean {\n  if (props.isDisabled) return true;\n  const keys = [...state.collection().getKeys()];\n  if (keys.length === 0) return true;\n  return !keys.some((key) => !state.isDisabled(key));\n}\n\nexport function createActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  _ref?: Accessor<HTMLElement | null>,\n): ActionGroupAria {\n  const locale = useLocale();\n  let groupRef: HTMLElement | undefined;\n  const applyRoleAttributes = (): void => {\n    if (!groupRef) return;\n    const selectionMode = state.selectionMode();\n    const mappedRole = GROUP_ROLE_BY_MODE[selectionMode];\n    const nestedToolbar = Boolean(groupRef.parentElement?.closest('[role=\"toolbar\"]'));\n    const role = mappedRole === \"toolbar\" && nestedToolbar ? \"group\" : mappedRole;\n    groupRef.setAttribute(\"role\", role);\n    if (mappedRole === \"toolbar\" && !nestedToolbar) {\n      groupRef.setAttribute(\"aria-orientation\", props.orientation ?? \"horizontal\");\n    } else {\n      groupRef.removeAttribute(\"aria-orientation\");\n    }\n  };\n\n  const getFocusableItems = (root: HTMLElement): HTMLElement[] => {\n    const out: HTMLElement[] = [];\n    const pushIfFocusable = (el: Element | null | undefined): void => {\n      if (!el || !(el instanceof HTMLElement)) return;\n      if (isFocusable(el) && el.getAttribute(\"aria-disabled\") !== \"true\") {\n        out.push(el);\n      }\n    };\n\n    pushIfFocusable(root);\n    for (const node of root.querySelectorAll(\"*\")) {\n      pushIfFocusable(node);\n    }\n    return out;\n  };\n\n  const focusRelative = (\n    root: HTMLElement,\n    direction: \"next\" | \"previous\" | \"first\" | \"last\",\n  ): HTMLElement | null => {\n    const focusables = getFocusableItems(root);\n    if (focusables.length === 0) return null;\n\n    if (direction === \"first\") {\n      const first = focusables[0];\n      focusSafely(first);\n      return first;\n    }\n\n    if (direction === \"last\") {\n      const last = focusables[focusables.length - 1];\n      focusSafely(last);\n      return last;\n    }\n\n    const active = root.ownerDocument.activeElement as HTMLElement | null;\n    const currentIndex = active ? focusables.indexOf(active) : -1;\n    const delta = direction === \"next\" ? 1 : -1;\n    const nextIndex =\n      currentIndex === -1\n        ? direction === \"next\"\n          ? 0\n          : focusables.length - 1\n        : (currentIndex + delta + focusables.length) % focusables.length;\n    const next = focusables[nextIndex];\n    focusSafely(next);\n    return next;\n  };\n\n  const resolveKeyFromElement = (element: HTMLElement | null): Key | null => {\n    if (!element) return null;\n    const keyedElement = element.closest(\"[data-key]\");\n    if (!(keyedElement instanceof HTMLElement)) return null;\n    const rawKey = keyedElement.getAttribute(\"data-key\");\n    if (!rawKey) return null;\n    for (const item of state.collection()) {\n      if (String(item.key) === rawKey) {\n        return item.key;\n      }\n    }\n    return null;\n  };\n\n  const handleFocusMove = (movedTo: HTMLElement | null): void => {\n    const key = resolveKeyFromElement(movedTo);\n    if (key == null) return;\n    state.setFocusedKey(key);\n    if (state.selectionMode() === \"single\") {\n      state.replaceSelection(key);\n    }\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    const root = groupRef;\n    if (!root || isActionGroupDisabled(props, state)) return;\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) return;\n\n    const orientation = props.orientation ?? \"horizontal\";\n    const isHorizontal = orientation === \"horizontal\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n      case \"ArrowDown\": {\n        if (e.key === \"ArrowRight\" && isHorizontal && isRTL) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"previous\"));\n          return;\n        }\n        if ((e.key === \"ArrowRight\" && isHorizontal) || (e.key === \"ArrowDown\" && !isHorizontal)) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"next\"));\n        }\n        return;\n      }\n      case \"ArrowLeft\":\n      case \"ArrowUp\": {\n        if (e.key === \"ArrowLeft\" && isHorizontal && isRTL) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"next\"));\n          return;\n        }\n        if ((e.key === \"ArrowLeft\" && isHorizontal) || (e.key === \"ArrowUp\" && !isHorizontal)) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"previous\"));\n        }\n        return;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        e.stopPropagation();\n        handleFocusMove(focusRelative(root, \"first\"));\n        return;\n      }\n      case \"End\": {\n        e.preventDefault();\n        e.stopPropagation();\n        handleFocusMove(focusRelative(root, \"last\"));\n        return;\n      }\n    }\n  };\n\n  const actionGroupProps: JSX.HTMLAttributes<HTMLElement> = mergeProps(\n    filterDOMProps(props as Record<string, unknown>, { labelable: true }),\n    {\n      ref: (el: HTMLElement) => {\n        groupRef = el;\n        applyRoleAttributes();\n        queueMicrotask(() => {\n          if (!groupRef) return;\n          applyRoleAttributes();\n        });\n      },\n      onKeyDown,\n      get \"aria-label\"() {\n        return props[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-label\"] ? undefined : props[\"aria-labelledby\"];\n      },\n      get \"aria-disabled\"() {\n        return isActionGroupDisabled(props, state) || undefined;\n      },\n    },\n  );\n\n  actionGroupData.set(state, {\n    get onAction() {\n      return props.onAction;\n    },\n  });\n\n  onCleanup(() => {\n    actionGroupData.delete(state);\n  });\n\n  return { actionGroupProps };\n}\n\nexport function createActionGroupItem<T>(\n  props: AriaActionGroupItemProps,\n  state: ListState<T>,\n): ActionGroupItemAria {\n  const button = createButton({\n    elementType: \"button\",\n    isDisabled: state.isDisabled(props.key),\n    onPress: () => {\n      state.setFocusedKey(props.key);\n      actionGroupData.get(state)?.onAction?.(props.key);\n      if (state.selectionMode() !== \"none\") {\n        state.select(props.key);\n      }\n    },\n  });\n\n  const isFocused = () => props.key === state.focusedKey();\n  const getFirstEnabledKey = (): Key | null => {\n    const collection = state.collection();\n    let key = collection.getFirstKey();\n    while (key != null && state.isDisabled(key)) {\n      key = collection.getKeyAfter(key);\n    }\n    return key;\n  };\n\n  const getDefaultTabStopKey = (): Key | null => {\n    const selectionMode = state.selectionMode();\n    if (selectionMode !== \"none\") {\n      const selectedKeys = state.selectedKeys();\n      if (selectedKeys === \"all\") {\n        return getFirstEnabledKey();\n      }\n\n      for (const item of state.collection()) {\n        if (!state.isDisabled(item.key) && selectedKeys.has(item.key)) {\n          return item.key;\n        }\n      }\n    }\n\n    return getFirstEnabledKey();\n  };\n\n  onCleanup(() => {\n    if (isFocused()) {\n      state.setFocusedKey(null);\n    }\n  });\n\n  const buttonProps: JSX.HTMLAttributes<HTMLElement> = mergeProps(button.buttonProps, {\n    get role() {\n      return ITEM_ROLE_BY_MODE[state.selectionMode()];\n    },\n    get \"aria-checked\"() {\n      const mode = state.selectionMode();\n      if (mode === \"none\") return undefined;\n      return state.isSelected(props.key);\n    },\n    get tabIndex() {\n      if (state.isDisabled(props.key)) {\n        return -1;\n      }\n\n      if (isFocused()) {\n        return 0;\n      }\n\n      if (state.focusedKey() != null) {\n        return -1;\n      }\n\n      const defaultTabStopKey = getDefaultTabStopKey();\n      return defaultTabStopKey === props.key ? 0 : -1;\n    },\n    \"data-key\": String(props.key),\n    onFocus: () => {\n      state.setFocusedKey(props.key);\n    },\n  });\n\n  return { buttonProps };\n}\n"],"mappings":"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"}

package/dist/_chunk/ariaHideOutside.js

@@ -0,0 +1,122 @@
+import { c as getOwnerWindow } from "./focus.js";
+//#region src/overlays/ariaHideOutside.ts
+/**
+* Hides all elements in the DOM outside the given targets from screen readers.
+* Based on @react-aria/overlays ariaHideOutside.
+*/
+const supportsInert = typeof HTMLElement !== "undefined" && "inert" in HTMLElement.prototype;
+const refCountMap = /* @__PURE__ */ new WeakMap();
+const observerStack = [];
+/**
+* Hides all elements in the DOM outside the given targets from screen readers using aria-hidden,
+* and returns a function to revert these changes. In addition, changes to the DOM are watched
+* and new elements outside the targets are automatically hidden.
+* @param targets - The elements that should remain visible.
+* @param options - Options for hiding behavior.
+* @returns - A function to restore all hidden elements.
+*/
+function ariaHideOutside(targets, options) {
+	const windowObj = getOwnerWindow(targets?.[0]);
+	const opts = options instanceof windowObj.Element ? { root: options } : options;
+	const root = opts?.root ?? document.body;
+	const shouldUseInert = opts?.shouldUseInert && supportsInert;
+	const visibleNodes = new Set(targets);
+	const hiddenNodes = /* @__PURE__ */ new Set();
+	const getHidden = (element) => {
+		return shouldUseInert && element instanceof windowObj.HTMLElement ? element.inert : element.getAttribute("aria-hidden") === "true";
+	};
+	const setHidden = (element, hidden) => {
+		if (shouldUseInert && element instanceof windowObj.HTMLElement) element.inert = hidden;
+		else if (hidden) element.setAttribute("aria-hidden", "true");
+		else {
+			element.removeAttribute("aria-hidden");
+			if (element instanceof windowObj.HTMLElement) element.inert = false;
+		}
+	};
+	const hide = (node) => {
+		let refCount = refCountMap.get(node) ?? 0;
+		if (getHidden(node) && refCount === 0) return;
+		if (refCount === 0) setHidden(node, true);
+		hiddenNodes.add(node);
+		refCountMap.set(node, refCount + 1);
+	};
+	const walk = (walkRoot) => {
+		for (const element of walkRoot.querySelectorAll("[data-live-announcer], [data-solidaria-top-layer]")) visibleNodes.add(element);
+		const acceptNode = (node) => {
+			if (hiddenNodes.has(node) || visibleNodes.has(node) || node.parentElement && hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
+			for (const target of visibleNodes) if (node.contains(target)) return NodeFilter.FILTER_SKIP;
+			return NodeFilter.FILTER_ACCEPT;
+		};
+		const walker = document.createTreeWalker(walkRoot, NodeFilter.SHOW_ELEMENT, { acceptNode });
+		const acceptRoot = acceptNode(walkRoot);
+		if (acceptRoot === NodeFilter.FILTER_ACCEPT) hide(walkRoot);
+		if (acceptRoot !== NodeFilter.FILTER_REJECT) {
+			let node = walker.nextNode();
+			while (node != null) {
+				hide(node);
+				node = walker.nextNode();
+			}
+		}
+	};
+	if (observerStack.length) observerStack[observerStack.length - 1].disconnect();
+	walk(root);
+	const observer = new MutationObserver((changes) => {
+		for (const change of changes) {
+			if (change.type !== "childList") continue;
+			if (![...visibleNodes, ...hiddenNodes].some((node) => node.contains(change.target))) {
+				for (const node of change.addedNodes) if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.solidariaTopLayer === "true")) visibleNodes.add(node);
+				else if (node instanceof Element) walk(node);
+			}
+		}
+	});
+	observer.observe(root, {
+		childList: true,
+		subtree: true
+	});
+	const observerWrapper = {
+		visibleNodes,
+		hiddenNodes,
+		observe() {
+			observer.observe(root, {
+				childList: true,
+				subtree: true
+			});
+		},
+		disconnect() {
+			observer.disconnect();
+		}
+	};
+	observerStack.push(observerWrapper);
+	return () => {
+		observer.disconnect();
+		for (const node of hiddenNodes) {
+			const count = refCountMap.get(node);
+			if (count == null) continue;
+			if (count === 1) {
+				setHidden(node, false);
+				refCountMap.delete(node);
+			} else refCountMap.set(node, count - 1);
+		}
+		if (observerWrapper === observerStack[observerStack.length - 1]) {
+			observerStack.pop();
+			if (observerStack.length) observerStack[observerStack.length - 1].observe();
+		} else observerStack.splice(observerStack.indexOf(observerWrapper), 1);
+	};
+}
+/**
+* Keeps an element visible when aria-hiding is active.
+* Used for elements like live regions that should remain accessible.
+*/
+function keepVisible(element) {
+	const observer = observerStack[observerStack.length - 1];
+	if (observer && !observer.visibleNodes.has(element)) {
+		observer.visibleNodes.add(element);
+		return () => {
+			observer.visibleNodes.delete(element);
+		};
+	}
+}
+//#endregion
+export { keepVisible as n, ariaHideOutside as t };
+
+//# sourceMappingURL=ariaHideOutside.js.map

package/dist/_chunk/ariaHideOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ariaHideOutside.js","names":[],"sources":["../../src/overlays/ariaHideOutside.ts"],"sourcesContent":["/**\n * Hides all elements in the DOM outside the given targets from screen readers.\n * Based on @react-aria/overlays ariaHideOutside.\n */\n\nimport { getOwnerWindow } from \"../utils\";\n\nconst supportsInert = typeof HTMLElement !== \"undefined\" && \"inert\" in HTMLElement.prototype;\n\nexport interface AriaHideOutsideOptions {\n  /** The root element to start hiding from. */\n  root?: Element;\n  /** Whether to use the `inert` attribute instead of `aria-hidden`. */\n  shouldUseInert?: boolean;\n}\n\n// Keeps a ref count of all hidden elements. Added to when hiding an element, and\n// subtracted from when showing it again. When it reaches zero, aria-hidden is removed.\nconst refCountMap = new WeakMap<Element, number>();\n\ninterface ObserverWrapper {\n  visibleNodes: Set<Element>;\n  hiddenNodes: Set<Element>;\n  observe: () => void;\n  disconnect: () => void;\n}\n\nconst observerStack: ObserverWrapper[] = [];\n\n/**\n * Hides all elements in the DOM outside the given targets from screen readers using aria-hidden,\n * and returns a function to revert these changes. In addition, changes to the DOM are watched\n * and new elements outside the targets are automatically hidden.\n * @param targets - The elements that should remain visible.\n * @param options - Options for hiding behavior.\n * @returns - A function to restore all hidden elements.\n */\nexport function ariaHideOutside(\n  targets: Element[],\n  options?: AriaHideOutsideOptions | Element,\n): () => void {\n  const windowObj = getOwnerWindow(targets?.[0]);\n  const opts = options instanceof windowObj.Element ? { root: options } : options;\n  const root = opts?.root ?? document.body;\n  const shouldUseInert = opts?.shouldUseInert && supportsInert;\n  const visibleNodes = new Set<Element>(targets);\n  const hiddenNodes = new Set<Element>();\n\n  const getHidden = (element: Element): boolean => {\n    return shouldUseInert && element instanceof windowObj.HTMLElement\n      ? element.inert\n      : element.getAttribute(\"aria-hidden\") === \"true\";\n  };\n\n  const setHidden = (element: Element, hidden: boolean): void => {\n    if (shouldUseInert && element instanceof windowObj.HTMLElement) {\n      element.inert = hidden;\n    } else if (hidden) {\n      element.setAttribute(\"aria-hidden\", \"true\");\n    } else {\n      element.removeAttribute(\"aria-hidden\");\n      if (element instanceof windowObj.HTMLElement) {\n        // We only ever call setHidden with hidden = false when the nodeCount is 1 aka\n        // we are trying to make the element visible to screen readers again, so remove inert as well\n        element.inert = false;\n      }\n    }\n  };\n\n  const hide = (node: Element): void => {\n    let refCount = refCountMap.get(node) ?? 0;\n\n    // If already aria-hidden, and the ref count is zero, then this element\n    // was already hidden and there's nothing for us to do.\n    if (getHidden(node) && refCount === 0) {\n      return;\n    }\n\n    if (refCount === 0) {\n      setHidden(node, true);\n    }\n\n    hiddenNodes.add(node);\n    refCountMap.set(node, refCount + 1);\n  };\n\n  const walk = (walkRoot: Element): void => {\n    // Keep live announcer and top layer elements (e.g. toasts) visible.\n    for (const element of walkRoot.querySelectorAll(\n      \"[data-live-announcer], [data-solidaria-top-layer]\",\n    )) {\n      visibleNodes.add(element);\n    }\n\n    const acceptNode = (node: Element): number => {\n      // Skip this node and its children if it is one of the target nodes, or a live announcer.\n      // Also skip children of already hidden nodes, as aria-hidden is recursive. An exception is\n      // made for elements with role=\"row\" since VoiceOver on iOS has issues hiding elements with role=\"row\".\n      // For that case we want to hide the cells inside as well (https://bugs.webkit.org/show_bug.cgi?id=222623).\n      if (\n        hiddenNodes.has(node) ||\n        visibleNodes.has(node) ||\n        (node.parentElement &&\n          hiddenNodes.has(node.parentElement) &&\n          node.parentElement.getAttribute(\"role\") !== \"row\")\n      ) {\n        return NodeFilter.FILTER_REJECT;\n      }\n\n      // Skip this node but continue to children if one of the targets is inside the node.\n      for (const target of visibleNodes) {\n        if (node.contains(target)) {\n          return NodeFilter.FILTER_SKIP;\n        }\n      }\n\n      return NodeFilter.FILTER_ACCEPT;\n    };\n\n    const walker = document.createTreeWalker(walkRoot, NodeFilter.SHOW_ELEMENT, { acceptNode });\n\n    // TreeWalker does not include the root.\n    const acceptRoot = acceptNode(walkRoot);\n    if (acceptRoot === NodeFilter.FILTER_ACCEPT) {\n      hide(walkRoot);\n    }\n\n    if (acceptRoot !== NodeFilter.FILTER_REJECT) {\n      let node = walker.nextNode() as Element;\n      while (node != null) {\n        hide(node);\n        node = walker.nextNode() as Element;\n      }\n    }\n  };\n\n  // If there is already a MutationObserver listening from a previous call,\n  // disconnect it so the new one takes over.\n  if (observerStack.length) {\n    observerStack[observerStack.length - 1].disconnect();\n  }\n\n  walk(root);\n\n  const observer = new MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type !== \"childList\") {\n        continue;\n      }\n\n      // If the parent element of the added nodes is not within one of the targets,\n      // and not already inside a hidden node, hide all of the new children.\n      if (![...visibleNodes, ...hiddenNodes].some((node) => node.contains(change.target))) {\n        for (const node of change.addedNodes) {\n          if (\n            (node instanceof HTMLElement || node instanceof SVGElement) &&\n            (node.dataset.liveAnnouncer === \"true\" || node.dataset.solidariaTopLayer === \"true\")\n          ) {\n            visibleNodes.add(node);\n          } else if (node instanceof Element) {\n            walk(node);\n          }\n        }\n      }\n    }\n  });\n\n  observer.observe(root, { childList: true, subtree: true });\n\n  const observerWrapper: ObserverWrapper = {\n    visibleNodes,\n    hiddenNodes,\n    observe() {\n      observer.observe(root, { childList: true, subtree: true });\n    },\n    disconnect() {\n      observer.disconnect();\n    },\n  };\n\n  observerStack.push(observerWrapper);\n\n  return (): void => {\n    observer.disconnect();\n\n    for (const node of hiddenNodes) {\n      const count = refCountMap.get(node);\n      if (count == null) {\n        continue;\n      }\n      if (count === 1) {\n        setHidden(node, false);\n        refCountMap.delete(node);\n      } else {\n        refCountMap.set(node, count - 1);\n      }\n    }\n\n    // Remove this observer from the stack, and start the previous one.\n    if (observerWrapper === observerStack[observerStack.length - 1]) {\n      observerStack.pop();\n      if (observerStack.length) {\n        observerStack[observerStack.length - 1].observe();\n      }\n    } else {\n      observerStack.splice(observerStack.indexOf(observerWrapper), 1);\n    }\n  };\n}\n\n/**\n * Keeps an element visible when aria-hiding is active.\n * Used for elements like live regions that should remain accessible.\n */\nexport function keepVisible(element: Element): (() => void) | undefined {\n  const observer = observerStack[observerStack.length - 1];\n  if (observer && !observer.visibleNodes.has(element)) {\n    observer.visibleNodes.add(element);\n    return () => {\n      observer.visibleNodes.delete(element);\n    };\n  }\n}\n"],"mappings":"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"}