@proyecto-viviana/solidaria 0.3.0 → 0.4.1

package/dist/_chunk/createInteractionModality.jsx

@@ -0,0 +1,268 @@
+import { A as isMac, p as isVirtualClick } from "./utils.jsx";
+import { b as openLink, c as getOwnerWindow, s as getOwnerDocument } from "./focus.jsx";
+import { createEffect, createSignal, onCleanup } from "solid-js";
+import { isServer } from "solid-js/web";
+//#region src/interactions/createInteractionModality.ts
+/**
+* createInteractionModality + focus-visible tracking for solidaria
+*
+* Port of @react-aria/interactions useFocusVisible/useInteractionModality.
+* Tracks the current interaction modality (keyboard, pointer, or virtual) and
+* provides focus-visible state and listeners.
+*/
+let currentModality = null;
+let currentPointerType = "keyboard";
+const changeHandlers = /* @__PURE__ */ new Set();
+let hasSetupGlobalListeners = /* @__PURE__ */ new Map();
+let hasEventBeforeFocus = false;
+let hasBlurredWindowRecently = false;
+let ignoreFocusEvent = false;
+const FOCUS_VISIBLE_INPUT_KEYS = {
+	Tab: true,
+	Escape: true
+};
+function triggerChangeHandlers(modality, e) {
+	for (const handler of changeHandlers) handler(modality, e);
+}
+function isValidKey(e) {
+	return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+function handleKeyboardEvent(e) {
+	hasEventBeforeFocus = true;
+	if (!openLink.isOpening && isValidKey(e)) {
+		currentModality = "keyboard";
+		currentPointerType = "keyboard";
+		triggerChangeHandlers("keyboard", e);
+	}
+}
+function handlePointerEvent(e) {
+	currentModality = "pointer";
+	currentPointerType = "pointerType" in e ? e.pointerType : "mouse";
+	if (e.type === "mousedown" || e.type === "pointerdown") {
+		hasEventBeforeFocus = true;
+		triggerChangeHandlers("pointer", e);
+	}
+}
+function handleClickEvent(e) {
+	if (!e.isTrusted) return;
+	if (!openLink.isOpening && isVirtualClick(e)) {
+		hasEventBeforeFocus = true;
+		currentModality = "virtual";
+		currentPointerType = "virtual";
+	}
+}
+function handleFocusEvent(e) {
+	if (!e.isTrusted || ignoreFocusEvent) return;
+	const target = e.target;
+	const targetElement = target && target.nodeType ? target : null;
+	const ownerWindow = targetElement ? getOwnerWindow(targetElement) : window;
+	const ownerDocument = targetElement ? getOwnerDocument(targetElement) : document;
+	if (target === ownerWindow || target === ownerDocument) return;
+	if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {
+		currentModality = "virtual";
+		currentPointerType = "virtual";
+		triggerChangeHandlers("virtual", e);
+	}
+	hasEventBeforeFocus = false;
+	hasBlurredWindowRecently = false;
+}
+function handleWindowBlur() {
+	hasEventBeforeFocus = false;
+	hasBlurredWindowRecently = true;
+}
+function setupGlobalFocusEvents(element) {
+	if (typeof window === "undefined" || typeof document === "undefined") return;
+	const windowObject = getOwnerWindow(element);
+	if (hasSetupGlobalListeners.get(windowObject)) return;
+	const documentObject = getOwnerDocument(element);
+	const originalFocus = windowObject.HTMLElement.prototype.focus;
+	Reflect.defineProperty(windowObject.HTMLElement.prototype, "focus", {
+		configurable: true,
+		writable: true,
+		value: function() {
+			hasEventBeforeFocus = true;
+			originalFocus.apply(this, arguments);
+		}
+	});
+	documentObject.addEventListener("keydown", handleKeyboardEvent, true);
+	documentObject.addEventListener("keyup", handleKeyboardEvent, true);
+	documentObject.addEventListener("click", handleClickEvent, true);
+	windowObject.addEventListener("focus", handleFocusEvent, true);
+	windowObject.addEventListener("blur", handleWindowBlur, false);
+	if (typeof windowObject.PointerEvent !== "undefined") {
+		documentObject.addEventListener("pointerdown", handlePointerEvent, true);
+		documentObject.addEventListener("pointermove", handlePointerEvent, true);
+		documentObject.addEventListener("pointerup", handlePointerEvent, true);
+	} else {
+		documentObject.addEventListener("mousedown", handlePointerEvent, true);
+		documentObject.addEventListener("mousemove", handlePointerEvent, true);
+		documentObject.addEventListener("mouseup", handlePointerEvent, true);
+	}
+	windowObject.addEventListener("beforeunload", () => {
+		tearDownWindowFocusTracking(element);
+	}, { once: true });
+	hasSetupGlobalListeners.set(windowObject, { focus: originalFocus });
+}
+function tearDownWindowFocusTracking(element, loadListener) {
+	if (typeof window === "undefined" || typeof document === "undefined") return;
+	const windowObject = getOwnerWindow(element);
+	const documentObject = getOwnerDocument(element);
+	if (loadListener) documentObject.removeEventListener("DOMContentLoaded", loadListener);
+	if (!hasSetupGlobalListeners.has(windowObject)) return;
+	const entry = hasSetupGlobalListeners.get(windowObject);
+	Reflect.defineProperty(windowObject.HTMLElement.prototype, "focus", {
+		configurable: true,
+		writable: true,
+		value: entry.focus
+	});
+	documentObject.removeEventListener("keydown", handleKeyboardEvent, true);
+	documentObject.removeEventListener("keyup", handleKeyboardEvent, true);
+	documentObject.removeEventListener("click", handleClickEvent, true);
+	windowObject.removeEventListener("focus", handleFocusEvent, true);
+	windowObject.removeEventListener("blur", handleWindowBlur, false);
+	if (typeof windowObject.PointerEvent !== "undefined") {
+		documentObject.removeEventListener("pointerdown", handlePointerEvent, true);
+		documentObject.removeEventListener("pointermove", handlePointerEvent, true);
+		documentObject.removeEventListener("pointerup", handlePointerEvent, true);
+	} else {
+		documentObject.removeEventListener("mousedown", handlePointerEvent, true);
+		documentObject.removeEventListener("mousemove", handlePointerEvent, true);
+		documentObject.removeEventListener("mouseup", handlePointerEvent, true);
+	}
+	hasSetupGlobalListeners.delete(windowObject);
+}
+/**
+* Adds a window (i.e. iframe) to the list of windows that are being tracked for focus visible.
+*/
+function addWindowFocusTracking(element) {
+	const documentObject = getOwnerDocument(element);
+	let loadListener;
+	if (documentObject.readyState !== "loading") setupGlobalFocusEvents(element);
+	else {
+		loadListener = () => {
+			setupGlobalFocusEvents(element);
+		};
+		documentObject.addEventListener("DOMContentLoaded", loadListener);
+	}
+	return () => tearDownWindowFocusTracking(element, loadListener);
+}
+function setupGlobalFocusListeners() {
+	addWindowFocusTracking();
+}
+if (typeof document !== "undefined") addWindowFocusTracking();
+/**
+* If true, keyboard focus is visible.
+*/
+function isFocusVisible() {
+	return currentModality !== "pointer";
+}
+/**
+* Gets the current interaction modality.
+*/
+function getInteractionModality() {
+	return currentModality;
+}
+/**
+* Sets the current interaction modality.
+*/
+function setInteractionModality(modality) {
+	currentModality = modality;
+	currentPointerType = modality === "pointer" ? "mouse" : modality;
+	triggerChangeHandlers(modality, null);
+}
+/**
+* Gets the current pointer type.
+*/
+function getPointerType() {
+	return currentPointerType;
+}
+function isKeyboardFocusEvent(isTextInput, modality, e) {
+	if (!e) return true;
+	const target = "target" in e ? e.target : null;
+	const ownerDocument = target ? getOwnerDocument(target) : document;
+	const ownerWindow = target ? getOwnerWindow(target) : window;
+	const IHTMLInputElement = ownerWindow.HTMLInputElement;
+	const IHTMLTextAreaElement = ownerWindow.HTMLTextAreaElement;
+	const IHTMLElement = ownerWindow.HTMLElement;
+	const IKeyboardEvent = ownerWindow.KeyboardEvent;
+	const nonTextInputTypes = new Set([
+		"checkbox",
+		"radio",
+		"range",
+		"color",
+		"file",
+		"image",
+		"button",
+		"submit",
+		"reset"
+	]);
+	isTextInput = isTextInput || ownerDocument.activeElement instanceof IHTMLInputElement && !nonTextInputTypes.has(ownerDocument.activeElement.type) || ownerDocument.activeElement instanceof IHTMLTextAreaElement || ownerDocument.activeElement instanceof IHTMLElement && ownerDocument.activeElement.isContentEditable;
+	return !(isTextInput && modality === "keyboard" && e instanceof IKeyboardEvent && !FOCUS_VISIBLE_INPUT_KEYS[e.key]);
+}
+/**
+* Listens for trigger change and reports if focus is visible.
+*/
+function createFocusVisibleListener(handler, opts) {
+	setupGlobalFocusEvents();
+	const listener = (modality, e) => {
+		if (!isKeyboardFocusEvent(!!opts?.isTextInput, modality, e)) return;
+		handler(isFocusVisible());
+	};
+	changeHandlers.add(listener);
+	return () => {
+		changeHandlers.delete(listener);
+	};
+}
+/**
+* Manages focus visible state for the page.
+*/
+function createFocusVisible(props = {}) {
+	if (isServer) return { isFocusVisible: () => false };
+	const [isVisible, setIsVisible] = createSignal(props.autoFocus || isFocusVisible());
+	createEffect(() => {
+		onCleanup(createFocusVisibleListener(setIsVisible, { isTextInput: props.isTextInput }));
+	});
+	return { isFocusVisible: isVisible };
+}
+/**
+* Tracks the current interaction modality.
+*/
+function createInteractionModality() {
+	if (isServer) return { modality: () => null };
+	const [modality, setModality] = createSignal(currentModality);
+	createEffect(() => {
+		setupGlobalFocusEvents();
+		const handler = (newModality) => {
+			setModality(newModality);
+		};
+		changeHandlers.add(handler);
+		onCleanup(() => {
+			changeHandlers.delete(handler);
+		});
+	});
+	return { modality };
+}
+/**
+* Adds a listener for modality changes.
+*/
+function addModalityListener(handler) {
+	const wrapped = (modality) => {
+		handler(modality);
+	};
+	changeHandlers.add(wrapped);
+	return () => {
+		changeHandlers.delete(wrapped);
+	};
+}
+/**
+* Hook to track whether the user is currently interacting with the keyboard.
+*/
+function useIsKeyboardFocused() {
+	if (isServer) return () => false;
+	const { modality } = createInteractionModality();
+	return () => modality() === "keyboard";
+}
+//#endregion
+export { createInteractionModality as a, isFocusVisible as c, useIsKeyboardFocused as d, createFocusVisibleListener as i, setInteractionModality as l, addWindowFocusTracking as n, getInteractionModality as o, createFocusVisible as r, getPointerType as s, addModalityListener as t, setupGlobalFocusListeners as u };
+
+//# sourceMappingURL=createInteractionModality.jsx.map

package/dist/_chunk/createInteractionModality.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInteractionModality.jsx","names":[],"sources":["../../src/interactions/createInteractionModality.ts"],"sourcesContent":["/**\n * createInteractionModality + focus-visible tracking for solidaria\n *\n * Port of @react-aria/interactions useFocusVisible/useInteractionModality.\n * Tracks the current interaction modality (keyboard, pointer, or virtual) and\n * provides focus-visible state and listeners.\n */\n\nimport { type Accessor, createSignal, createEffect, onCleanup } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { getOwnerDocument, getOwnerWindow, isMac, isVirtualClick, openLink } from \"../utils\";\n\nexport type Modality = \"keyboard\" | \"pointer\" | \"virtual\";\nexport type PointerType = \"mouse\" | \"pen\" | \"touch\" | \"keyboard\" | \"virtual\";\ntype HandlerEvent = PointerEvent | MouseEvent | KeyboardEvent | FocusEvent | null;\ntype Handler = (modality: Modality, e: HandlerEvent) => void;\n\nexport type FocusVisibleHandler = (isFocusVisible: boolean) => void;\n\nexport interface FocusVisibleProps {\n  /** Whether the element is a text input. */\n  isTextInput?: boolean;\n  /** Whether the element will be auto focused. */\n  autoFocus?: boolean;\n}\n\nexport interface FocusVisibleResult {\n  /** Whether keyboard focus is visible globally. */\n  isFocusVisible: Accessor<boolean>;\n}\n\nexport interface InteractionModalityResult {\n  /** The current interaction modality. */\n  modality: Accessor<Modality | null>;\n}\n\nlet currentModality: Modality | null = null;\nlet currentPointerType: PointerType = \"keyboard\";\nconst changeHandlers = new Set<Handler>();\n\nexport let hasSetupGlobalListeners: Map<\n  Window,\n  { focus: typeof window.HTMLElement.prototype.focus }\n> = new Map();\nlet hasEventBeforeFocus = false;\nlet hasBlurredWindowRecently = false;\nlet ignoreFocusEvent = false;\n\nconst FOCUS_VISIBLE_INPUT_KEYS: Record<string, boolean> = {\n  Tab: true,\n  Escape: true,\n};\n\nfunction triggerChangeHandlers(modality: Modality, e: HandlerEvent) {\n  for (const handler of changeHandlers) {\n    handler(modality, e);\n  }\n}\n\nfunction isValidKey(e: KeyboardEvent) {\n  return !(\n    e.metaKey ||\n    (!isMac() && e.altKey) ||\n    e.ctrlKey ||\n    e.key === \"Control\" ||\n    e.key === \"Shift\" ||\n    e.key === \"Meta\"\n  );\n}\n\nfunction handleKeyboardEvent(e: KeyboardEvent) {\n  hasEventBeforeFocus = true;\n  const isOpening = (openLink as { isOpening?: boolean }).isOpening;\n  if (!isOpening && isValidKey(e)) {\n    currentModality = \"keyboard\";\n    currentPointerType = \"keyboard\";\n    triggerChangeHandlers(\"keyboard\", e);\n  }\n}\n\nfunction handlePointerEvent(e: PointerEvent | MouseEvent) {\n  currentModality = \"pointer\";\n  currentPointerType = \"pointerType\" in e ? (e.pointerType as PointerType) : \"mouse\";\n  if (e.type === \"mousedown\" || e.type === \"pointerdown\") {\n    hasEventBeforeFocus = true;\n    triggerChangeHandlers(\"pointer\", e);\n  }\n}\n\nfunction handleClickEvent(e: MouseEvent) {\n  if (!e.isTrusted) {\n    return;\n  }\n\n  const isOpening = (openLink as { isOpening?: boolean }).isOpening;\n  if (!isOpening && isVirtualClick(e)) {\n    hasEventBeforeFocus = true;\n    currentModality = \"virtual\";\n    currentPointerType = \"virtual\";\n  }\n}\n\nfunction handleFocusEvent(e: FocusEvent) {\n  if (!e.isTrusted || ignoreFocusEvent) {\n    return;\n  }\n\n  const target = e.target as EventTarget | null;\n  const targetElement = target && (target as Element).nodeType ? (target as Element) : null;\n  const ownerWindow = targetElement ? getOwnerWindow(targetElement) : window;\n  const ownerDocument = targetElement ? getOwnerDocument(targetElement) : document;\n\n  if (target === ownerWindow || target === ownerDocument) {\n    return;\n  }\n\n  if (!hasEventBeforeFocus && !hasBlurredWindowRecently) {\n    currentModality = \"virtual\";\n    currentPointerType = \"virtual\";\n    triggerChangeHandlers(\"virtual\", e);\n  }\n\n  hasEventBeforeFocus = false;\n  hasBlurredWindowRecently = false;\n}\n\nfunction handleWindowBlur() {\n  if (ignoreFocusEvent) {\n    return;\n  }\n\n  hasEventBeforeFocus = false;\n  hasBlurredWindowRecently = true;\n}\n\nfunction setupGlobalFocusEvents(element?: HTMLElement | null) {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n    return;\n  }\n\n  const windowObject = getOwnerWindow(element);\n  if (hasSetupGlobalListeners.get(windowObject)) {\n    return;\n  }\n\n  const documentObject = getOwnerDocument(element);\n\n  // Programmatic focus() calls shouldn't affect the current input modality, so we\n  // patch HTMLElement.prototype.focus to record that an event preceded the focus.\n  // Use Reflect.defineProperty (not assignment) so this works even when `focus` is\n  // currently a getter-only accessor — e.g. when a test library's setup() has\n  // instrumented it. Plain assignment throws in that case; Reflect.defineProperty\n  // returns false rather than throwing (and succeeds on the configurable prototype).\n  const originalFocus = windowObject.HTMLElement.prototype.focus;\n  Reflect.defineProperty(windowObject.HTMLElement.prototype, \"focus\", {\n    configurable: true,\n    writable: true,\n    value: function () {\n      hasEventBeforeFocus = true;\n      originalFocus.apply(this, arguments as unknown as [options?: FocusOptions | undefined]);\n    },\n  });\n\n  documentObject.addEventListener(\"keydown\", handleKeyboardEvent, true);\n  documentObject.addEventListener(\"keyup\", handleKeyboardEvent, true);\n  documentObject.addEventListener(\"click\", handleClickEvent, true);\n\n  windowObject.addEventListener(\"focus\", handleFocusEvent, true);\n  windowObject.addEventListener(\"blur\", handleWindowBlur, false);\n\n  if (typeof windowObject.PointerEvent !== \"undefined\") {\n    documentObject.addEventListener(\"pointerdown\", handlePointerEvent, true);\n    documentObject.addEventListener(\"pointermove\", handlePointerEvent, true);\n    documentObject.addEventListener(\"pointerup\", handlePointerEvent, true);\n  } else {\n    documentObject.addEventListener(\"mousedown\", handlePointerEvent, true);\n    documentObject.addEventListener(\"mousemove\", handlePointerEvent, true);\n    documentObject.addEventListener(\"mouseup\", handlePointerEvent, true);\n  }\n\n  windowObject.addEventListener(\n    \"beforeunload\",\n    () => {\n      tearDownWindowFocusTracking(element);\n    },\n    { once: true },\n  );\n\n  hasSetupGlobalListeners.set(windowObject, { focus: originalFocus });\n}\n\nfunction tearDownWindowFocusTracking(element?: HTMLElement | null, loadListener?: () => void) {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n    return;\n  }\n\n  const windowObject = getOwnerWindow(element);\n  const documentObject = getOwnerDocument(element);\n\n  if (loadListener) {\n    documentObject.removeEventListener(\"DOMContentLoaded\", loadListener);\n  }\n\n  if (!hasSetupGlobalListeners.has(windowObject)) {\n    return;\n  }\n\n  const entry = hasSetupGlobalListeners.get(windowObject)!;\n  // Mirror the setup path: defineProperty (not assignment) restores the original\n  // focus even if it had been replaced with a getter-only accessor.\n  Reflect.defineProperty(windowObject.HTMLElement.prototype, \"focus\", {\n    configurable: true,\n    writable: true,\n    value: entry.focus,\n  });\n\n  documentObject.removeEventListener(\"keydown\", handleKeyboardEvent, true);\n  documentObject.removeEventListener(\"keyup\", handleKeyboardEvent, true);\n  documentObject.removeEventListener(\"click\", handleClickEvent, true);\n\n  windowObject.removeEventListener(\"focus\", handleFocusEvent, true);\n  windowObject.removeEventListener(\"blur\", handleWindowBlur, false);\n\n  if (typeof windowObject.PointerEvent !== \"undefined\") {\n    documentObject.removeEventListener(\"pointerdown\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"pointermove\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"pointerup\", handlePointerEvent, true);\n  } else {\n    documentObject.removeEventListener(\"mousedown\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"mousemove\", handlePointerEvent, true);\n    documentObject.removeEventListener(\"mouseup\", handlePointerEvent, true);\n  }\n\n  hasSetupGlobalListeners.delete(windowObject);\n}\n\n/**\n * Adds a window (i.e. iframe) to the list of windows that are being tracked for focus visible.\n */\nexport function addWindowFocusTracking(element?: HTMLElement | null): () => void {\n  const documentObject = getOwnerDocument(element);\n  let loadListener: (() => void) | undefined;\n\n  if (documentObject.readyState !== \"loading\") {\n    setupGlobalFocusEvents(element);\n  } else {\n    loadListener = () => {\n      setupGlobalFocusEvents(element);\n    };\n    documentObject.addEventListener(\"DOMContentLoaded\", loadListener);\n  }\n\n  return () => tearDownWindowFocusTracking(element, loadListener);\n}\n\nexport function setupGlobalFocusListeners(): void {\n  addWindowFocusTracking();\n}\n\nif (typeof document !== \"undefined\") {\n  addWindowFocusTracking();\n}\n\n/**\n * If true, keyboard focus is visible.\n */\nexport function isFocusVisible(): boolean {\n  return currentModality !== \"pointer\";\n}\n\n/**\n * Gets the current interaction modality.\n */\nexport function getInteractionModality(): Modality | null {\n  return currentModality;\n}\n\n/**\n * Sets the current interaction modality.\n */\nexport function setInteractionModality(modality: Modality): void {\n  currentModality = modality;\n  currentPointerType = modality === \"pointer\" ? \"mouse\" : modality;\n  triggerChangeHandlers(modality, null);\n}\n\n/**\n * Gets the current pointer type.\n */\nexport function getPointerType(): PointerType {\n  return currentPointerType;\n}\n\nfunction isKeyboardFocusEvent(isTextInput: boolean, modality: Modality, e: HandlerEvent): boolean {\n  if (!e) {\n    return true;\n  }\n\n  const target = \"target\" in e ? (e.target as Element | null) : null;\n  const ownerDocument = target ? getOwnerDocument(target) : document;\n  const ownerWindow = target ? getOwnerWindow(target) : window;\n\n  const IHTMLInputElement = ownerWindow.HTMLInputElement;\n  const IHTMLTextAreaElement = ownerWindow.HTMLTextAreaElement;\n  const IHTMLElement = ownerWindow.HTMLElement;\n  const IKeyboardEvent = ownerWindow.KeyboardEvent;\n\n  const nonTextInputTypes = new Set([\n    \"checkbox\",\n    \"radio\",\n    \"range\",\n    \"color\",\n    \"file\",\n    \"image\",\n    \"button\",\n    \"submit\",\n    \"reset\",\n  ]);\n\n  isTextInput =\n    isTextInput ||\n    (ownerDocument.activeElement instanceof IHTMLInputElement &&\n      !nonTextInputTypes.has(ownerDocument.activeElement.type)) ||\n    ownerDocument.activeElement instanceof IHTMLTextAreaElement ||\n    (ownerDocument.activeElement instanceof IHTMLElement &&\n      ownerDocument.activeElement.isContentEditable);\n\n  return !(\n    isTextInput &&\n    modality === \"keyboard\" &&\n    e instanceof IKeyboardEvent &&\n    !FOCUS_VISIBLE_INPUT_KEYS[e.key]\n  );\n}\n\n/**\n * Listens for trigger change and reports if focus is visible.\n */\nexport function createFocusVisibleListener(\n  handler: FocusVisibleHandler,\n  opts?: { isTextInput?: boolean },\n): () => void {\n  setupGlobalFocusEvents();\n  const listener: Handler = (modality: Modality, e: HandlerEvent) => {\n    if (!isKeyboardFocusEvent(!!opts?.isTextInput, modality, e)) {\n      return;\n    }\n    handler(isFocusVisible());\n  };\n  changeHandlers.add(listener);\n  return () => {\n    changeHandlers.delete(listener);\n  };\n}\n\n/**\n * Manages focus visible state for the page.\n */\nexport function createFocusVisible(props: FocusVisibleProps = {}): FocusVisibleResult {\n  if (isServer) {\n    return { isFocusVisible: () => false };\n  }\n\n  // autoFocus seeds the initial value once; isTextInput is read inside the effect\n  // so it re-subscribes reactively (a top-level destructure would freeze it — the\n  // body runs once). Mirrors upstream useFocusVisible's [isTextInput] dep.\n  const [isVisible, setIsVisible] = createSignal<boolean>(props.autoFocus || isFocusVisible());\n\n  createEffect(() => {\n    const cleanup = createFocusVisibleListener(setIsVisible, { isTextInput: props.isTextInput });\n    onCleanup(cleanup);\n  });\n\n  return { isFocusVisible: isVisible };\n}\n\n/**\n * Tracks the current interaction modality.\n */\nexport function createInteractionModality(): InteractionModalityResult {\n  if (isServer) {\n    return {\n      modality: () => null,\n    };\n  }\n\n  const [modality, setModality] = createSignal<Modality | null>(currentModality);\n\n  createEffect(() => {\n    setupGlobalFocusEvents();\n    const handler: Handler = (newModality: Modality) => {\n      setModality(newModality);\n    };\n    changeHandlers.add(handler);\n    onCleanup(() => {\n      changeHandlers.delete(handler);\n    });\n  });\n\n  return {\n    modality,\n  };\n}\n\n/**\n * Adds a listener for modality changes.\n */\nexport function addModalityListener(handler: (modality: Modality) => void): () => void {\n  const wrapped: Handler = (modality) => {\n    handler(modality);\n  };\n  changeHandlers.add(wrapped);\n  return () => {\n    changeHandlers.delete(wrapped);\n  };\n}\n\n/**\n * Hook to track whether the user is currently interacting with the keyboard.\n */\nexport function useIsKeyboardFocused(): Accessor<boolean> {\n  if (isServer) {\n    return () => false;\n  }\n\n  const { modality } = createInteractionModality();\n  return () => modality() === \"keyboard\";\n}\n"],"mappings":"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"}

package/dist/_chunk/createLabel.js

@@ -0,0 +1,47 @@
+import { t as isDevEnv } from "./env.js";
+import { t as access } from "./reactivity.js";
+import { createId } from "../ssr/index.js";
+import { t as createLabels } from "./createLabels.js";
+//#region src/label/createLabel.ts
+/**
+* Provides the accessibility implementation for labels and their associated elements.
+* Labels provide context for user inputs.
+*
+* @param props - The props for labels and fields.
+*/
+function createLabel(props) {
+	const getProps = () => access(props);
+	const id = createId(getProps().id);
+	const labelId = createId();
+	const getLabelProps = () => {
+		const { label, labelElementType = "label" } = getProps();
+		if (!label) return {};
+		return {
+			id: labelId,
+			...labelElementType === "label" ? { for: id } : {}
+		};
+	};
+	const getFieldProps = () => {
+		const { label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel } = getProps();
+		let labelledBy = ariaLabelledby;
+		if (label) labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
+		else if (!ariaLabelledby && !ariaLabel && isDevEnv()) console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
+		return createLabels({
+			id,
+			"aria-label": ariaLabel,
+			"aria-labelledby": labelledBy
+		});
+	};
+	return {
+		get labelProps() {
+			return getLabelProps();
+		},
+		get fieldProps() {
+			return getFieldProps();
+		}
+	};
+}
+//#endregion
+export { createLabel as t };
+
+//# sourceMappingURL=createLabel.js.map

package/dist/_chunk/createLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLabel.js","names":[],"sources":["../../src/label/createLabel.ts"],"sourcesContent":["/**\n * Label hook for Solidaria\n *\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * This is a 1:1 port of @react-aria/label's useLabel hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createId } from \"../ssr\";\nimport { createLabels } from \"./createLabels\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\n\nexport interface AriaLabelingProps {\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface LabelableProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n}\n\nexport interface DOMProps {\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface LabelAriaProps extends LabelableProps, DOMProps, AriaLabelingProps {\n  /**\n   * The HTML element used to render the label, e.g. 'label', or 'span'.\n   * @default 'label'\n   */\n  labelElementType?: \"label\" | \"span\" | \"div\";\n}\n\nexport interface LabelAria {\n  /** Props to apply to the label container element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement> | JSX.HTMLAttributes<HTMLSpanElement>;\n  /** Props to apply to the field container element being labeled. */\n  fieldProps: AriaLabelingProps & DOMProps;\n}\n\n/**\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * @param props - The props for labels and fields.\n */\nexport function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {\n  const getProps = () => access(props);\n\n  const id = createId(getProps().id);\n  const labelId = createId();\n\n  const getLabelProps = (): LabelAria[\"labelProps\"] => {\n    const { label, labelElementType = \"label\" } = getProps();\n\n    if (!label) {\n      return {};\n    }\n\n    return {\n      id: labelId,\n      ...(labelElementType === \"label\" ? { for: id } : {}),\n    };\n  };\n\n  const getFieldProps = (): LabelAria[\"fieldProps\"] => {\n    const { label, \"aria-labelledby\": ariaLabelledby, \"aria-label\": ariaLabel } = getProps();\n\n    let labelledBy = ariaLabelledby;\n\n    if (label) {\n      labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n      );\n    }\n\n    return createLabels({\n      id,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": labelledBy,\n    });\n  };\n\n  return {\n    get labelProps() {\n      return getLabelProps();\n    },\n    get fieldProps() {\n      return getFieldProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAyDA,SAAgB,YAAY,OAAiD;CAC3E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,KAAK,SAAS,SAAS,CAAC,CAAC,EAAE;CACjC,MAAM,UAAU,SAAS;CAEzB,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,YAAY,SAAS;EAEvD,IAAI,CAAC,OACH,OAAO,CAAC;EAGV,OAAO;GACL,IAAI;GACJ,GAAI,qBAAqB,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC;EACpD;CACF;CAEA,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,gBAAgB,cAAc,cAAc,SAAS;EAEvF,IAAI,aAAa;EAEjB,IAAI,OACF,aAAa,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB;OAC1D,IAAI,CAAC,kBAAkB,CAAC,aAAa,SAAS,GACnD,QAAQ,KACN,sHACF;EAGF,OAAO,aAAa;GAClB;GACA,cAAc;GACd,mBAAmB;EACrB,CAAC;CACH;CAEA,OAAO;EACL,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;CACF;AACF"}

package/dist/_chunk/createLabel.jsx

@@ -0,0 +1,47 @@
+import { t as isDevEnv } from "./env.jsx";
+import { t as access } from "./reactivity.jsx";
+import { createId } from "../ssr/index.jsx";
+import { t as createLabels } from "./createLabels.jsx";
+//#region src/label/createLabel.ts
+/**
+* Provides the accessibility implementation for labels and their associated elements.
+* Labels provide context for user inputs.
+*
+* @param props - The props for labels and fields.
+*/
+function createLabel(props) {
+	const getProps = () => access(props);
+	const id = createId(getProps().id);
+	const labelId = createId();
+	const getLabelProps = () => {
+		const { label, labelElementType = "label" } = getProps();
+		if (!label) return {};
+		return {
+			id: labelId,
+			...labelElementType === "label" ? { for: id } : {}
+		};
+	};
+	const getFieldProps = () => {
+		const { label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel } = getProps();
+		let labelledBy = ariaLabelledby;
+		if (label) labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
+		else if (!ariaLabelledby && !ariaLabel && isDevEnv()) console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
+		return createLabels({
+			id,
+			"aria-label": ariaLabel,
+			"aria-labelledby": labelledBy
+		});
+	};
+	return {
+		get labelProps() {
+			return getLabelProps();
+		},
+		get fieldProps() {
+			return getFieldProps();
+		}
+	};
+}
+//#endregion
+export { createLabel as t };
+
+//# sourceMappingURL=createLabel.jsx.map

package/dist/_chunk/createLabel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLabel.jsx","names":[],"sources":["../../src/label/createLabel.ts"],"sourcesContent":["/**\n * Label hook for Solidaria\n *\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * This is a 1:1 port of @react-aria/label's useLabel hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createId } from \"../ssr\";\nimport { createLabels } from \"./createLabels\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\n\nexport interface AriaLabelingProps {\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface LabelableProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n}\n\nexport interface DOMProps {\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface LabelAriaProps extends LabelableProps, DOMProps, AriaLabelingProps {\n  /**\n   * The HTML element used to render the label, e.g. 'label', or 'span'.\n   * @default 'label'\n   */\n  labelElementType?: \"label\" | \"span\" | \"div\";\n}\n\nexport interface LabelAria {\n  /** Props to apply to the label container element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement> | JSX.HTMLAttributes<HTMLSpanElement>;\n  /** Props to apply to the field container element being labeled. */\n  fieldProps: AriaLabelingProps & DOMProps;\n}\n\n/**\n * Provides the accessibility implementation for labels and their associated elements.\n * Labels provide context for user inputs.\n *\n * @param props - The props for labels and fields.\n */\nexport function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {\n  const getProps = () => access(props);\n\n  const id = createId(getProps().id);\n  const labelId = createId();\n\n  const getLabelProps = (): LabelAria[\"labelProps\"] => {\n    const { label, labelElementType = \"label\" } = getProps();\n\n    if (!label) {\n      return {};\n    }\n\n    return {\n      id: labelId,\n      ...(labelElementType === \"label\" ? { for: id } : {}),\n    };\n  };\n\n  const getFieldProps = (): LabelAria[\"fieldProps\"] => {\n    const { label, \"aria-labelledby\": ariaLabelledby, \"aria-label\": ariaLabel } = getProps();\n\n    let labelledBy = ariaLabelledby;\n\n    if (label) {\n      labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n      );\n    }\n\n    return createLabels({\n      id,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": labelledBy,\n    });\n  };\n\n  return {\n    get labelProps() {\n      return getLabelProps();\n    },\n    get fieldProps() {\n      return getFieldProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAyDA,SAAgB,YAAY,OAAiD;CAC3E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,KAAK,SAAS,SAAS,CAAC,CAAC,EAAE;CACjC,MAAM,UAAU,SAAS;CAEzB,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,YAAY,SAAS;EAEvD,IAAI,CAAC,OACH,OAAO,CAAC;EAGV,OAAO;GACL,IAAI;GACJ,GAAI,qBAAqB,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC;EACpD;CACF;CAEA,MAAM,sBAA+C;EACnD,MAAM,EAAE,OAAO,mBAAmB,gBAAgB,cAAc,cAAc,SAAS;EAEvF,IAAI,aAAa;EAEjB,IAAI,OACF,aAAa,iBAAiB,GAAG,QAAQ,GAAG,mBAAmB;OAC1D,IAAI,CAAC,kBAAkB,CAAC,aAAa,SAAS,GACnD,QAAQ,KACN,sHACF;EAGF,OAAO,aAAa;GAClB;GACA,cAAc;GACd,mBAAmB;EACrB,CAAC;CACH;CAEA,OAAO;EACL,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;CACF;AACF"}

package/dist/_chunk/createLabels.js

@@ -0,0 +1,32 @@
+import { createId } from "../ssr/index.js";
+//#region src/label/createLabels.ts
+/**
+* Labels utility for Solidaria
+*
+* Merges aria-label and aria-labelledby into aria-labelledby when both exist.
+*
+* This is a 1:1 port of @react-aria/utils's useLabels hook.
+*/
+/**
+* Merges aria-label and aria-labelledby into aria-labelledby when both exist.
+*
+* @param props - Aria label props.
+* @param defaultLabel - Default value for aria-label when not present.
+*/
+function createLabels(props, defaultLabel) {
+	let id = createId(props.id);
+	let label = props["aria-label"];
+	let labelledBy = props["aria-labelledby"];
+	if (labelledBy && label) labelledBy = [...new Set([id, ...labelledBy.trim().split(/\s+/)])].join(" ");
+	else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(" ");
+	if (!label && !labelledBy && defaultLabel) label = defaultLabel;
+	return {
+		id,
+		"aria-label": label,
+		"aria-labelledby": labelledBy
+	};
+}
+//#endregion
+export { createLabels as t };
+
+//# sourceMappingURL=createLabels.js.map

package/dist/_chunk/createLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLabels.js","names":[],"sources":["../../src/label/createLabels.ts"],"sourcesContent":["/**\n * Labels utility for Solidaria\n *\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * This is a 1:1 port of @react-aria/utils's useLabels hook.\n */\n\nimport { createId } from \"../ssr\";\nimport type { AriaLabelingProps, DOMProps } from \"./createLabel\";\n\n/**\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * @param props - Aria label props.\n * @param defaultLabel - Default value for aria-label when not present.\n */\nexport function createLabels(\n  props: DOMProps & AriaLabelingProps,\n  defaultLabel?: string,\n): DOMProps & AriaLabelingProps {\n  // Read props directly rather than destructuring: in Solid a destructure\n  // freezes the value at call time. This is a pure snapshot transform, so it is\n  // behaviourally identical, but keeping the reactive read explicit matches the\n  // rest of the port and satisfies guard:idiomatic-solid.\n  let id = createId(props.id);\n  let label = props[\"aria-label\"];\n  let labelledBy = props[\"aria-labelledby\"];\n\n  // If there is both an aria-label and aria-labelledby,\n  // combine them by pointing to the element itself.\n  if (labelledBy && label) {\n    const ids = new Set([id, ...labelledBy.trim().split(/\\s+/)]);\n    labelledBy = [...ids].join(\" \");\n  } else if (labelledBy) {\n    labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n  }\n\n  // If no labels are provided, use the default\n  if (!label && !labelledBy && defaultLabel) {\n    label = defaultLabel;\n  }\n\n  return {\n    id,\n    \"aria-label\": label,\n    \"aria-labelledby\": labelledBy,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,SAAgB,aACd,OACA,cAC8B;CAK9B,IAAI,KAAK,SAAS,MAAM,EAAE;CAC1B,IAAI,QAAQ,MAAM;CAClB,IAAI,aAAa,MAAM;CAIvB,IAAI,cAAc,OAEhB,aAAa,CAAC,GAAG,IADD,IAAI,CAAC,IAAI,GAAG,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CACvC,CAAC,CAAC,CAAC,KAAK,GAAG;MACzB,IAAI,YACT,aAAa,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG;CAItD,IAAI,CAAC,SAAS,CAAC,cAAc,cAC3B,QAAQ;CAGV,OAAO;EACL;EACA,cAAc;EACd,mBAAmB;CACrB;AACF"}

package/dist/_chunk/createLabels.jsx

@@ -0,0 +1,32 @@
+import { createId } from "../ssr/index.jsx";
+//#region src/label/createLabels.ts
+/**
+* Labels utility for Solidaria
+*
+* Merges aria-label and aria-labelledby into aria-labelledby when both exist.
+*
+* This is a 1:1 port of @react-aria/utils's useLabels hook.
+*/
+/**
+* Merges aria-label and aria-labelledby into aria-labelledby when both exist.
+*
+* @param props - Aria label props.
+* @param defaultLabel - Default value for aria-label when not present.
+*/
+function createLabels(props, defaultLabel) {
+	let id = createId(props.id);
+	let label = props["aria-label"];
+	let labelledBy = props["aria-labelledby"];
+	if (labelledBy && label) labelledBy = [...new Set([id, ...labelledBy.trim().split(/\s+/)])].join(" ");
+	else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(" ");
+	if (!label && !labelledBy && defaultLabel) label = defaultLabel;
+	return {
+		id,
+		"aria-label": label,
+		"aria-labelledby": labelledBy
+	};
+}
+//#endregion
+export { createLabels as t };
+
+//# sourceMappingURL=createLabels.jsx.map

package/dist/_chunk/createLabels.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLabels.jsx","names":[],"sources":["../../src/label/createLabels.ts"],"sourcesContent":["/**\n * Labels utility for Solidaria\n *\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * This is a 1:1 port of @react-aria/utils's useLabels hook.\n */\n\nimport { createId } from \"../ssr\";\nimport type { AriaLabelingProps, DOMProps } from \"./createLabel\";\n\n/**\n * Merges aria-label and aria-labelledby into aria-labelledby when both exist.\n *\n * @param props - Aria label props.\n * @param defaultLabel - Default value for aria-label when not present.\n */\nexport function createLabels(\n  props: DOMProps & AriaLabelingProps,\n  defaultLabel?: string,\n): DOMProps & AriaLabelingProps {\n  // Read props directly rather than destructuring: in Solid a destructure\n  // freezes the value at call time. This is a pure snapshot transform, so it is\n  // behaviourally identical, but keeping the reactive read explicit matches the\n  // rest of the port and satisfies guard:idiomatic-solid.\n  let id = createId(props.id);\n  let label = props[\"aria-label\"];\n  let labelledBy = props[\"aria-labelledby\"];\n\n  // If there is both an aria-label and aria-labelledby,\n  // combine them by pointing to the element itself.\n  if (labelledBy && label) {\n    const ids = new Set([id, ...labelledBy.trim().split(/\\s+/)]);\n    labelledBy = [...ids].join(\" \");\n  } else if (labelledBy) {\n    labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n  }\n\n  // If no labels are provided, use the default\n  if (!label && !labelledBy && defaultLabel) {\n    label = defaultLabel;\n  }\n\n  return {\n    id,\n    \"aria-label\": label,\n    \"aria-labelledby\": labelledBy,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,SAAgB,aACd,OACA,cAC8B;CAK9B,IAAI,KAAK,SAAS,MAAM,EAAE;CAC1B,IAAI,QAAQ,MAAM;CAClB,IAAI,aAAa,MAAM;CAIvB,IAAI,cAAc,OAEhB,aAAa,CAAC,GAAG,IADD,IAAI,CAAC,IAAI,GAAG,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CACvC,CAAC,CAAC,CAAC,KAAK,GAAG;MACzB,IAAI,YACT,aAAa,WAAW,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG;CAItD,IAAI,CAAC,SAAS,CAAC,cAAc,cAC3B,QAAQ;CAGV,OAAO;EACL;EACA,cAAc;EACd,mBAAmB;CACrB;AACF"}