@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/_chunk/createInteractionModality.js

@@ -0,0 +1,269 @@
+import { A as isMac, p as isVirtualClick } from "./utils.js";
+import { b as openLink, c as getOwnerWindow, s as getOwnerDocument } from "./focus.js";
+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 { isTextInput, autoFocus } = props;
+	const [isVisible, setIsVisible] = createSignal(autoFocus || isFocusVisible());
+	createEffect(() => {
+		onCleanup(createFocusVisibleListener(setIsVisible, { 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.js.map

package/dist/_chunk/createInteractionModality.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInteractionModality.js","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  const { isTextInput, autoFocus } = props;\n  const [isVisible, setIsVisible] = createSignal<boolean>(autoFocus || isFocusVisible());\n\n  createEffect(() => {\n    const cleanup = createFocusVisibleListener(setIsVisible, { 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":";;;;;;;;;;;;AAoCA,IAAI,kBAAmC;AACvC,IAAI,qBAAkC;AACtC,MAAM,iCAAiB,IAAI,IAAa;AAExC,IAAW,0CAGP,IAAI,IAAI;AACZ,IAAI,sBAAsB;AAC1B,IAAI,2BAA2B;AAC/B,IAAI,mBAAmB;AAEvB,MAAM,2BAAoD;CACxD,KAAK;CACL,QAAQ;AACV;AAEA,SAAS,sBAAsB,UAAoB,GAAiB;CAClE,KAAK,MAAM,WAAW,gBACpB,QAAQ,UAAU,CAAC;AAEvB;AAEA,SAAS,WAAW,GAAkB;CACpC,OAAO,EACL,EAAE,WACD,CAAC,MAAM,KAAK,EAAE,UACf,EAAE,WACF,EAAE,QAAQ,aACV,EAAE,QAAQ,WACV,EAAE,QAAQ;AAEd;AAEA,SAAS,oBAAoB,GAAkB;CAC7C,sBAAsB;CAEtB,IAAI,CADe,SAAqC,aACtC,WAAW,CAAC,GAAG;EAC/B,kBAAkB;EAClB,qBAAqB;EACrB,sBAAsB,YAAY,CAAC;CACrC;AACF;AAEA,SAAS,mBAAmB,GAA8B;CACxD,kBAAkB;CAClB,qBAAqB,iBAAiB,IAAK,EAAE,cAA8B;CAC3E,IAAI,EAAE,SAAS,eAAe,EAAE,SAAS,eAAe;EACtD,sBAAsB;EACtB,sBAAsB,WAAW,CAAC;CACpC;AACF;AAEA,SAAS,iBAAiB,GAAe;CACvC,IAAI,CAAC,EAAE,WACL;CAIF,IAAI,CADe,SAAqC,aACtC,eAAe,CAAC,GAAG;EACnC,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;CACvB;AACF;AAEA,SAAS,iBAAiB,GAAe;CACvC,IAAI,CAAC,EAAE,aAAa,kBAClB;CAGF,MAAM,SAAS,EAAE;CACjB,MAAM,gBAAgB,UAAW,OAAmB,WAAY,SAAqB;CACrF,MAAM,cAAc,gBAAgB,eAAe,aAAa,IAAI;CACpE,MAAM,gBAAgB,gBAAgB,iBAAiB,aAAa,IAAI;CAExE,IAAI,WAAW,eAAe,WAAW,eACvC;CAGF,IAAI,CAAC,uBAAuB,CAAC,0BAA0B;EACrD,kBAAkB;EAClB,qBAAqB;EACrB,sBAAsB,WAAW,CAAC;CACpC;CAEA,sBAAsB;CACtB,2BAA2B;AAC7B;AAEA,SAAS,mBAAmB;CAK1B,sBAAsB;CACtB,2BAA2B;AAC7B;AAEA,SAAS,uBAAuB,SAA8B;CAC5D,IAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aACvD;CAGF,MAAM,eAAe,eAAe,OAAO;CAC3C,IAAI,wBAAwB,IAAI,YAAY,GAC1C;CAGF,MAAM,iBAAiB,iBAAiB,OAAO;CAQ/C,MAAM,gBAAgB,aAAa,YAAY,UAAU;CACzD,QAAQ,eAAe,aAAa,YAAY,WAAW,SAAS;EAClE,cAAc;EACd,UAAU;EACV,OAAO,WAAY;GACjB,sBAAsB;GACtB,cAAc,MAAM,MAAM,SAA4D;EACxF;CACF,CAAC;CAED,eAAe,iBAAiB,WAAW,qBAAqB,IAAI;CACpE,eAAe,iBAAiB,SAAS,qBAAqB,IAAI;CAClE,eAAe,iBAAiB,SAAS,kBAAkB,IAAI;CAE/D,aAAa,iBAAiB,SAAS,kBAAkB,IAAI;CAC7D,aAAa,iBAAiB,QAAQ,kBAAkB,KAAK;CAE7D,IAAI,OAAO,aAAa,iBAAiB,aAAa;EACpD,eAAe,iBAAiB,eAAe,oBAAoB,IAAI;EACvE,eAAe,iBAAiB,eAAe,oBAAoB,IAAI;EACvE,eAAe,iBAAiB,aAAa,oBAAoB,IAAI;CACvE,OAAO;EACL,eAAe,iBAAiB,aAAa,oBAAoB,IAAI;EACrE,eAAe,iBAAiB,aAAa,oBAAoB,IAAI;EACrE,eAAe,iBAAiB,WAAW,oBAAoB,IAAI;CACrE;CAEA,aAAa,iBACX,sBACM;EACJ,4BAA4B,OAAO;CACrC,GACA,EAAE,MAAM,KAAK,CACf;CAEA,wBAAwB,IAAI,cAAc,EAAE,OAAO,cAAc,CAAC;AACpE;AAEA,SAAS,4BAA4B,SAA8B,cAA2B;CAC5F,IAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aACvD;CAGF,MAAM,eAAe,eAAe,OAAO;CAC3C,MAAM,iBAAiB,iBAAiB,OAAO;CAE/C,IAAI,cACF,eAAe,oBAAoB,oBAAoB,YAAY;CAGrE,IAAI,CAAC,wBAAwB,IAAI,YAAY,GAC3C;CAGF,MAAM,QAAQ,wBAAwB,IAAI,YAAY;CAGtD,QAAQ,eAAe,aAAa,YAAY,WAAW,SAAS;EAClE,cAAc;EACd,UAAU;EACV,OAAO,MAAM;CACf,CAAC;CAED,eAAe,oBAAoB,WAAW,qBAAqB,IAAI;CACvE,eAAe,oBAAoB,SAAS,qBAAqB,IAAI;CACrE,eAAe,oBAAoB,SAAS,kBAAkB,IAAI;CAElE,aAAa,oBAAoB,SAAS,kBAAkB,IAAI;CAChE,aAAa,oBAAoB,QAAQ,kBAAkB,KAAK;CAEhE,IAAI,OAAO,aAAa,iBAAiB,aAAa;EACpD,eAAe,oBAAoB,eAAe,oBAAoB,IAAI;EAC1E,eAAe,oBAAoB,eAAe,oBAAoB,IAAI;EAC1E,eAAe,oBAAoB,aAAa,oBAAoB,IAAI;CAC1E,OAAO;EACL,eAAe,oBAAoB,aAAa,oBAAoB,IAAI;EACxE,eAAe,oBAAoB,aAAa,oBAAoB,IAAI;EACxE,eAAe,oBAAoB,WAAW,oBAAoB,IAAI;CACxE;CAEA,wBAAwB,OAAO,YAAY;AAC7C;;;;AAKA,SAAgB,uBAAuB,SAA0C;CAC/E,MAAM,iBAAiB,iBAAiB,OAAO;CAC/C,IAAI;CAEJ,IAAI,eAAe,eAAe,WAChC,uBAAuB,OAAO;MACzB;EACL,qBAAqB;GACnB,uBAAuB,OAAO;EAChC;EACA,eAAe,iBAAiB,oBAAoB,YAAY;CAClE;CAEA,aAAa,4BAA4B,SAAS,YAAY;AAChE;AAEA,SAAgB,4BAAkC;CAChD,uBAAuB;AACzB;AAEA,IAAI,OAAO,aAAa,aACtB,uBAAuB;;;;AAMzB,SAAgB,iBAA0B;CACxC,OAAO,oBAAoB;AAC7B;;;;AAKA,SAAgB,yBAA0C;CACxD,OAAO;AACT;;;;AAKA,SAAgB,uBAAuB,UAA0B;CAC/D,kBAAkB;CAClB,qBAAqB,aAAa,YAAY,UAAU;CACxD,sBAAsB,UAAU,IAAI;AACtC;;;;AAKA,SAAgB,iBAA8B;CAC5C,OAAO;AACT;AAEA,SAAS,qBAAqB,aAAsB,UAAoB,GAA0B;CAChG,IAAI,CAAC,GACH,OAAO;CAGT,MAAM,SAAS,YAAY,IAAK,EAAE,SAA4B;CAC9D,MAAM,gBAAgB,SAAS,iBAAiB,MAAM,IAAI;CAC1D,MAAM,cAAc,SAAS,eAAe,MAAM,IAAI;CAEtD,MAAM,oBAAoB,YAAY;CACtC,MAAM,uBAAuB,YAAY;CACzC,MAAM,eAAe,YAAY;CACjC,MAAM,iBAAiB,YAAY;CAEnC,MAAM,oBAAoB,IAAI,IAAI;EAChC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,cACE,eACC,cAAc,yBAAyB,qBACtC,CAAC,kBAAkB,IAAI,cAAc,cAAc,IAAI,KACzD,cAAc,yBAAyB,wBACtC,cAAc,yBAAyB,gBACtC,cAAc,cAAc;CAEhC,OAAO,EACL,eACA,aAAa,cACb,aAAa,kBACb,CAAC,yBAAyB,EAAE;AAEhC;;;;AAKA,SAAgB,2BACd,SACA,MACY;CACZ,uBAAuB;CACvB,MAAM,YAAqB,UAAoB,MAAoB;EACjE,IAAI,CAAC,qBAAqB,CAAC,CAAC,MAAM,aAAa,UAAU,CAAC,GACxD;EAEF,QAAQ,eAAe,CAAC;CAC1B;CACA,eAAe,IAAI,QAAQ;CAC3B,aAAa;EACX,eAAe,OAAO,QAAQ;CAChC;AACF;;;;AAKA,SAAgB,mBAAmB,QAA2B,CAAC,GAAuB;CACpF,IAAI,UACF,OAAO,EAAE,sBAAsB,MAAM;CAGvC,MAAM,EAAE,aAAa,cAAc;CACnC,MAAM,CAAC,WAAW,gBAAgB,aAAsB,aAAa,eAAe,CAAC;CAErF,mBAAmB;EAEjB,UADgB,2BAA2B,cAAc,EAAE,YAAY,CACvD,CAAC;CACnB,CAAC;CAED,OAAO,EAAE,gBAAgB,UAAU;AACrC;;;;AAKA,SAAgB,4BAAuD;CACrE,IAAI,UACF,OAAO,EACL,gBAAgB,KAClB;CAGF,MAAM,CAAC,UAAU,eAAe,aAA8B,eAAe;CAE7E,mBAAmB;EACjB,uBAAuB;EACvB,MAAM,WAAoB,gBAA0B;GAClD,YAAY,WAAW;EACzB;EACA,eAAe,IAAI,OAAO;EAC1B,gBAAgB;GACd,eAAe,OAAO,OAAO;EAC/B,CAAC;CACH,CAAC;CAED,OAAO,EACL,SACF;AACF;;;;AAKA,SAAgB,oBAAoB,SAAmD;CACrF,MAAM,WAAoB,aAAa;EACrC,QAAQ,QAAQ;CAClB;CACA,eAAe,IAAI,OAAO;CAC1B,aAAa;EACX,eAAe,OAAO,OAAO;CAC/B;AACF;;;;AAKA,SAAgB,uBAA0C;CACxD,IAAI,UACF,aAAa;CAGf,MAAM,EAAE,aAAa,0BAA0B;CAC/C,aAAa,SAAS,MAAM;AAC9B"}

package/dist/_chunk/createInteractionModality.jsx

@@ -0,0 +1,269 @@
+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 { isTextInput, autoFocus } = props;
+	const [isVisible, setIsVisible] = createSignal(autoFocus || isFocusVisible());
+	createEffect(() => {
+		onCleanup(createFocusVisibleListener(setIsVisible, { 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  const { isTextInput, autoFocus } = props;\n  const [isVisible, setIsVisible] = createSignal<boolean>(autoFocus || isFocusVisible());\n\n  createEffect(() => {\n    const cleanup = createFocusVisibleListener(setIsVisible, { 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,46 @@
+import { i as access, t as isDevEnv } from "./env.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