@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/createFormValidation.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"createFormValidation.jsx","names":[],"sources":["../../src/form/createFormValidation.ts"],"sourcesContent":["/**\n * createFormValidation hook for solidaria\n *\n * Connects form validation state to native HTML form validation.\n * Handles the invalid event, form reset, and focus management.\n *\n * Port of react-aria's useFormValidation.\n */\n\nimport { type Accessor, createEffect, onCleanup } from \"solid-js\";\nimport { type FormValidationState, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport { setInteractionModality } from \"../interactions/createInteractionModality\";\n\nexport type ValidatableElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n\nexport type ValidationBehavior = \"aria\" | \"native\";\n\nexport interface FormValidationProps {\n  /** Validation behavior: 'aria' for realtime, 'native' for on submit. */\n  validationBehavior?: ValidationBehavior;\n  /** Custom focus function to call on validation error. */\n  focus?: () => void;\n}\n\nfunction getValidity(input: ValidatableElement): ValidityState {\n  // Create a snapshot of the validity state (the native object is live)\n  const validity = input.validity;\n  return {\n    badInput: validity.badInput,\n    customError: validity.customError,\n    patternMismatch: validity.patternMismatch,\n    rangeOverflow: validity.rangeOverflow,\n    rangeUnderflow: validity.rangeUnderflow,\n    stepMismatch: validity.stepMismatch,\n    tooLong: validity.tooLong,\n    tooShort: validity.tooShort,\n    typeMismatch: validity.typeMismatch,\n    valueMissing: validity.valueMissing,\n    valid: validity.valid,\n  };\n}\n\nfunction getNativeValidity(input: ValidatableElement): ValidationResult {\n  return {\n    isInvalid: !input.validity.valid,\n    validationDetails: getValidity(input),\n    validationErrors: input.validationMessage ? [input.validationMessage] : [],\n  };\n}\n\nfunction getFirstInvalidInput(form: HTMLFormElement): ValidatableElement | null {\n  for (let i = 0; i < form.elements.length; i++) {\n    const element = form.elements[i] as ValidatableElement;\n    if (!element.validity.valid) {\n      return element;\n    }\n  }\n  return null;\n}\n\n/**\n * Connects form validation state to a native HTML form input.\n *\n * This hook:\n * - Sets custom validity on the native input based on validation state\n * - Handles the 'invalid' event to commit validation and focus the first invalid input\n * - Handles form reset to clear validation state\n * - Handles input change to commit validation\n *\n * @example\n * ```tsx\n * function MyTextField(props) {\n *   let inputRef: HTMLInputElement | undefined;\n *\n *   const validationState = createFormValidationState({\n *     value: props.value,\n *     validate: props.validate,\n *     validationBehavior: 'native',\n *   });\n *\n *   createFormValidation(\n *     { validationBehavior: 'native' },\n *     validationState,\n *     () => inputRef\n *   );\n *\n *   return (\n *     <input\n *       ref={inputRef}\n *       value={props.value}\n *       aria-invalid={validationState.displayValidation().isInvalid || undefined}\n *     />\n *   );\n * }\n * ```\n */\nexport function createFormValidation(\n  props: FormValidationProps,\n  state: FormValidationState,\n  ref: Accessor<ValidatableElement | undefined>,\n): void {\n  const validationBehavior = () => props.validationBehavior ?? \"aria\";\n  const focus = () => props.focus;\n\n  // Track whether we should ignore form reset (for React-like programmatic resets)\n  let isIgnoredReset = false;\n\n  // Set custom validity on the native input\n  createEffect(() => {\n    const input = ref();\n    // `'setCustomValidity' in input` guards refs that aren't true form elements\n    // (e.g. a custom element), matching upstream useFormValidation.\n    if (\n      validationBehavior() === \"native\" &&\n      input &&\n      \"setCustomValidity\" in input &&\n      !input.disabled\n    ) {\n      const realtimeValidation = state.realtimeValidation();\n      const errorMessage = realtimeValidation.isInvalid\n        ? realtimeValidation.validationErrors.join(\" \") || \"Invalid value.\"\n        : \"\";\n      input.setCustomValidity(errorMessage);\n\n      // Prevent default tooltip for validation message\n      if (!input.hasAttribute(\"title\")) {\n        input.title = \"\";\n      }\n\n      // Update validation with native validity if not already invalid\n      if (!realtimeValidation.isInvalid) {\n        state.updateValidation(getNativeValidity(input));\n      }\n    }\n  });\n\n  // Set up event listeners\n  createEffect(() => {\n    const input = ref();\n    if (!input) {\n      return;\n    }\n\n    const form = input.form;\n\n    // Handle invalid event\n    const onInvalid = (e: Event) => {\n      // Only commit validation if we are not already displaying one\n      if (!state.displayValidation().isInvalid) {\n        state.commitValidation();\n      }\n\n      // Auto focus the first invalid input in a form\n      if (!e.defaultPrevented && form && getFirstInvalidInput(form) === input) {\n        const focusFn = focus();\n        if (focusFn) {\n          focusFn();\n        } else {\n          input.focus();\n        }\n        // Always show focus ring\n        setInteractionModality(\"keyboard\");\n      }\n\n      // Prevent default browser error UI\n      e.preventDefault();\n    };\n\n    // Handle change event\n    const onChange = () => {\n      state.commitValidation();\n    };\n\n    // Handle form reset\n    const onReset = () => {\n      if (!isIgnoredReset) {\n        state.resetValidation();\n      }\n    };\n\n    // Patch form.reset to detect programmatic resets\n    let originalReset: (() => void) | undefined;\n    if (form) {\n      originalReset = form.reset.bind(form);\n      form.reset = () => {\n        // Ignore programmatic resets outside user events\n        isIgnoredReset =\n          !window.event ||\n          (window.event.type === \"message\" && window.event.target instanceof MessagePort);\n        originalReset?.();\n        isIgnoredReset = false;\n      };\n    }\n\n    input.addEventListener(\"invalid\", onInvalid);\n    input.addEventListener(\"change\", onChange);\n    form?.addEventListener(\"reset\", onReset);\n\n    onCleanup(() => {\n      input.removeEventListener(\"invalid\", onInvalid);\n      input.removeEventListener(\"change\", onChange);\n      form?.removeEventListener(\"reset\", onReset);\n      if (form && originalReset) {\n        form.reset = originalReset;\n      }\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,YAAY,OAA0C;CAE7D,MAAM,WAAW,MAAM;CACvB,OAAO;EACL,UAAU,SAAS;EACnB,aAAa,SAAS;EACtB,iBAAiB,SAAS;EAC1B,eAAe,SAAS;EACxB,gBAAgB,SAAS;EACzB,cAAc,SAAS;EACvB,SAAS,SAAS;EAClB,UAAU,SAAS;EACnB,cAAc,SAAS;EACvB,cAAc,SAAS;EACvB,OAAO,SAAS;CAClB;AACF;AAEA,SAAS,kBAAkB,OAA6C;CACtE,OAAO;EACL,WAAW,CAAC,MAAM,SAAS;EAC3B,mBAAmB,YAAY,KAAK;EACpC,kBAAkB,MAAM,oBAAoB,CAAC,MAAM,iBAAiB,IAAI,CAAC;CAC3E;AACF;AAEA,SAAS,qBAAqB,MAAkD;CAC9E,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,SAAS,QAAQ,KAAK;EAC7C,MAAM,UAAU,KAAK,SAAS;EAC9B,IAAI,CAAC,QAAQ,SAAS,OACpB,OAAO;CAEX;CACA,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,qBACd,OACA,OACA,KACM;CACN,MAAM,2BAA2B,MAAM,sBAAsB;CAC7D,MAAM,cAAc,MAAM;CAG1B,IAAI,iBAAiB;CAGrB,mBAAmB;EACjB,MAAM,QAAQ,IAAI;EAGlB,IACE,mBAAmB,MAAM,YACzB,SACA,uBAAuB,SACvB,CAAC,MAAM,UACP;GACA,MAAM,qBAAqB,MAAM,mBAAmB;GACpD,MAAM,eAAe,mBAAmB,YACpC,mBAAmB,iBAAiB,KAAK,GAAG,KAAK,mBACjD;GACJ,MAAM,kBAAkB,YAAY;GAGpC,IAAI,CAAC,MAAM,aAAa,OAAO,GAC7B,MAAM,QAAQ;GAIhB,IAAI,CAAC,mBAAmB,WACtB,MAAM,iBAAiB,kBAAkB,KAAK,CAAC;EAEnD;CACF,CAAC;CAGD,mBAAmB;EACjB,MAAM,QAAQ,IAAI;EAClB,IAAI,CAAC,OACH;EAGF,MAAM,OAAO,MAAM;EAGnB,MAAM,aAAa,MAAa;GAE9B,IAAI,CAAC,MAAM,kBAAkB,CAAC,CAAC,WAC7B,MAAM,iBAAiB;GAIzB,IAAI,CAAC,EAAE,oBAAoB,QAAQ,qBAAqB,IAAI,MAAM,OAAO;IACvE,MAAM,UAAU,MAAM;IACtB,IAAI,SACF,QAAQ;SAER,MAAM,MAAM;IAGd,uBAAuB,UAAU;GACnC;GAGA,EAAE,eAAe;EACnB;EAGA,MAAM,iBAAiB;GACrB,MAAM,iBAAiB;EACzB;EAGA,MAAM,gBAAgB;GACpB,IAAI,CAAC,gBACH,MAAM,gBAAgB;EAE1B;EAGA,IAAI;EACJ,IAAI,MAAM;GACR,gBAAgB,KAAK,MAAM,KAAK,IAAI;GACpC,KAAK,cAAc;IAEjB,iBACE,CAAC,OAAO,SACP,OAAO,MAAM,SAAS,aAAa,OAAO,MAAM,kBAAkB;IACrE,gBAAgB;IAChB,iBAAiB;GACnB;EACF;EAEA,MAAM,iBAAiB,WAAW,SAAS;EAC3C,MAAM,iBAAiB,UAAU,QAAQ;EACzC,MAAM,iBAAiB,SAAS,OAAO;EAEvC,gBAAgB;GACd,MAAM,oBAAoB,WAAW,SAAS;GAC9C,MAAM,oBAAoB,UAAU,QAAQ;GAC5C,MAAM,oBAAoB,SAAS,OAAO;GAC1C,IAAI,QAAQ,eACV,KAAK,QAAQ;EAEjB,CAAC;CACH,CAAC;AACH"}
+{"version":3,"file":"createFormValidation.jsx","names":[],"sources":["../../src/form/createFormValidation.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/form/useFormValidation.ts\n\n/**\n * createFormValidation hook for solidaria\n *\n * Connects form validation state to native HTML form validation.\n * Handles the invalid event, form reset, and focus management.\n *\n * Port of react-aria's useFormValidation.\n */\n\nimport { createEffect } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport { type FormValidationState, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport { setInteractionModality } from \"../interactions/createInteractionModality\";\nimport { followRef } from \"../utils/refs\";\n\nexport type ValidatableElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n\nexport type ValidationBehavior = \"aria\" | \"native\";\n\nexport interface FormValidationProps {\n  /** Validation behavior: 'aria' for realtime, 'native' for on submit. */\n  validationBehavior?: ValidationBehavior;\n  /** Custom focus function to call on validation error. */\n  focus?: () => void;\n}\n\nfunction getValidity(input: ValidatableElement): ValidityState {\n  // Create a snapshot of the validity state (the native object is live)\n  const validity = input.validity;\n  return {\n    badInput: validity.badInput,\n    customError: validity.customError,\n    patternMismatch: validity.patternMismatch,\n    rangeOverflow: validity.rangeOverflow,\n    rangeUnderflow: validity.rangeUnderflow,\n    stepMismatch: validity.stepMismatch,\n    tooLong: validity.tooLong,\n    tooShort: validity.tooShort,\n    typeMismatch: validity.typeMismatch,\n    valueMissing: validity.valueMissing,\n    valid: validity.valid,\n  };\n}\n\nfunction getNativeValidity(input: ValidatableElement): ValidationResult {\n  return {\n    isInvalid: !input.validity.valid,\n    validationDetails: getValidity(input),\n    validationErrors: input.validationMessage ? [input.validationMessage] : [],\n  };\n}\n\nfunction getFirstInvalidInput(form: HTMLFormElement): ValidatableElement | null {\n  for (let i = 0; i < form.elements.length; i++) {\n    const element = form.elements[i] as ValidatableElement;\n    if (!element.validity.valid) {\n      return element;\n    }\n  }\n  return null;\n}\n\n/**\n * Connects form validation state to a native HTML form input.\n *\n * This hook:\n * - Sets custom validity on the native input based on validation state\n * - Handles the 'invalid' event to commit validation and focus the first invalid input\n * - Handles form reset to clear validation state\n * - Handles input change to commit validation\n *\n * @example\n * ```tsx\n * function MyTextField(props) {\n *   let inputRef: HTMLInputElement | undefined;\n *\n *   const validationState = createFormValidationState({\n *     value: props.value,\n *     validate: props.validate,\n *     validationBehavior: 'native',\n *   });\n *\n *   createFormValidation(\n *     { validationBehavior: 'native' },\n *     validationState,\n *     () => inputRef\n *   );\n *\n *   return (\n *     <input\n *       ref={inputRef}\n *       value={props.value}\n *       aria-invalid={validationState.displayValidation().isInvalid || undefined}\n *     />\n *   );\n * }\n * ```\n */\nexport function createFormValidation(\n  props: FormValidationProps,\n  state: FormValidationState,\n  ref: Accessor<ValidatableElement | undefined>,\n): void {\n  const validationBehavior = () => props.validationBehavior ?? \"aria\";\n  const focus = () => props.focus;\n  const inputRef = followRef(ref);\n\n  // Track whether we should ignore form reset (for React-like programmatic resets)\n  let isIgnoredReset = false;\n\n  // Set custom validity on the native input. Writes (`updateValidation`) must\n  // run in apply — createTrackedEffect is an owned scope and rejects them.\n  createEffect(\n    () => {\n      const input = inputRef();\n      const realtimeValidation = state.realtimeValidation();\n      return {\n        input,\n        behavior: validationBehavior(),\n        isInvalid: realtimeValidation.isInvalid,\n        errorMessage: realtimeValidation.isInvalid\n          ? realtimeValidation.validationErrors.join(\" \") || \"Invalid value.\"\n          : \"\",\n        disabled: !!input?.disabled,\n      };\n    },\n    ({ input, behavior, isInvalid, errorMessage, disabled }) => {\n      // `'setCustomValidity' in input` guards refs that aren't true form elements\n      // (e.g. a custom element), matching upstream useFormValidation.\n      if (behavior === \"native\" && input && \"setCustomValidity\" in input && !disabled) {\n        // Prevent default tooltip for validation message\n        if (!input.hasAttribute(\"title\")) {\n          input.title = \"\";\n        }\n\n        if (isInvalid) {\n          input.setCustomValidity(errorMessage);\n        } else {\n          // Do not wipe a custom error owned by native constraint hooks\n          // (`createNativeValidation`) before reading validity.\n          state.updateValidation(getNativeValidity(input));\n          if (input.validity.valid) {\n            input.setCustomValidity(\"\");\n          }\n        }\n      }\n    },\n  );\n\n  // Set up event listeners\n  createEffect(\n    () => inputRef(),\n    (input) => {\n      if (!input) {\n        return;\n      }\n\n      // Effect-time `input.form` is null when the control is associated later\n      // via `form=\"…\"`. Keep it only for the RAC `form.reset` monkey-patch\n      // (programmatic React-style resets). The reset *listener* reads the live\n      // association, matching #466 / #467.\n      const form = input.form;\n\n      // Handle invalid event\n      const onInvalid = (e: Event) => {\n        // Only commit validation if we are not already displaying one\n        if (!state.displayValidation().isInvalid) {\n          state.commitValidation();\n        }\n\n        // RAC reads `ref.current?.form` at event time (`useFormValidation.ts:75`).\n        // A `form` attribute associated after mount (D14's injected probe form)\n        // leaves the effect-time `input.form` null; using the live association\n        // is what focuses TextField / SearchField / Checkbox after requestSubmit.\n        const associatedForm = input.form;\n        if (\n          !e.defaultPrevented &&\n          associatedForm &&\n          getFirstInvalidInput(associatedForm) === input\n        ) {\n          const focusFn = focus();\n          if (focusFn) {\n            focusFn();\n          } else {\n            input.focus();\n          }\n          // Always show focus ring\n          setInteractionModality(\"keyboard\");\n        }\n\n        // Prevent default browser error UI\n        e.preventDefault();\n      };\n\n      // Handle change event\n      const onChange = () => {\n        state.commitValidation();\n      };\n\n      // Handle form reset. Read `input.form` at event time so a late `form=\"\"`\n      // still clears displayValidation (D14-style association after mount).\n      const onReset = (e: Event) => {\n        if (input.form && e.target === input.form && !isIgnoredReset) {\n          state.resetValidation();\n        }\n      };\n\n      // Patch form.reset to detect programmatic resets\n      let originalReset: (() => void) | undefined;\n      if (form) {\n        originalReset = form.reset.bind(form);\n        form.reset = () => {\n          // Ignore programmatic resets outside user events\n          isIgnoredReset =\n            !window.event ||\n            (window.event.type === \"message\" && window.event.target instanceof MessagePort);\n          originalReset?.();\n          isIgnoredReset = false;\n        };\n      }\n\n      input.addEventListener(\"invalid\", onInvalid);\n      input.addEventListener(\"change\", onChange);\n      document.addEventListener(\"reset\", onReset);\n\n      return () => {\n        input.removeEventListener(\"invalid\", onInvalid);\n        input.removeEventListener(\"change\", onChange);\n        document.removeEventListener(\"reset\", onReset);\n        if (form && originalReset) {\n          form.reset = originalReset;\n        }\n      };\n    },\n  );\n}\n"],"mappings":"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"}

package/dist/_chunk/createHover.js

@@ -1,8 +1,20 @@
-import { r as isTestEnv } from "./env.js";
-import { t as access } from "./reactivity.js";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/interactions/useHover.ts
 import { s as createGlobalListeners } from "./utils.js";
-import { y as nodeContains } from "./focus.js";
-import { createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+import { t as access } from "./reactivity.js";
+import { v as nodeContains } from "./dom.js";
+import { r as isTestEnv } from "./env.js";
+import { createEffect, createSignal, createTrackedEffect } from "solid-js";
 //#region src/interactions/createHover.ts
 /**
 * createHover hook for Solidaria
@@ -18,7 +30,7 @@ function setGlobalIgnoreEmulatedMouseEvents() {
 	globalIgnoreEmulatedMouseEvents = true;
 	setTimeout(() => {
 		globalIgnoreEmulatedMouseEvents = false;
-	}, 50);
+	}, 500);
 }
 function handleGlobalPointerEvent(e) {
 	if (e.pointerType === "touch") setGlobalIgnoreEmulatedMouseEvents();
@@ -50,11 +62,16 @@ function createHover(props = {}) {
 		pointerType: "",
 		target: null
 	};
-	createEffect(() => {
-		onCleanup(setupGlobalTouchEvents());
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
+		const cleanup = setupGlobalTouchEvents();
+		_s2Cleanups.push(cleanup);
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
-	createEffect(() => {
-		if (getProps().isDisabled && state.isHovered) triggerHoverEnd(state.target, state.pointerType);
+	createEffect(() => !!getProps().isDisabled, (isDisabled) => {
+		if (isDisabled && state.isHovered) triggerHoverEnd(state.target, state.pointerType);
 	});
 	function triggerHoverStart(target, pointerType, eventTarget) {
 		const p = getProps();
@@ -64,7 +81,7 @@ function createHover(props = {}) {
 		state.isHovered = true;
 		state.target = target;
 		addGlobalListener("pointerover", (event) => {
-			if (state.isHovered && state.target && !nodeContains(state.target, event.target)) triggerHoverEnd(event.target, event.pointerType);
+			if (state.isHovered && state.target && !nodeContains(state.target, event.target)) triggerHoverEnd(state.target, event.pointerType);
 		}, { capture: true });
 		p.onHoverStart?.({
 			type: "hoverstart",
@@ -90,38 +107,35 @@ function createHover(props = {}) {
 		setIsHovered(false);
 	}
 	return {
-		hoverProps: createMemo(() => {
-			if (typeof PointerEvent !== "undefined") return {
-				onPointerEnter: (e) => {
-					if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
-					if (e.pointerType === "touch") return;
-					triggerHoverStart(e.currentTarget, e.pointerType, e.target);
-				},
-				onPointerLeave: (e) => {
-					if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, e.pointerType);
-				},
-				onPointerOver: (e) => {
-					if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
-					if (e.pointerType === "touch") return;
-					triggerHoverStart(e.currentTarget, e.pointerType, e.target);
-				},
-				onPointerOut: (e) => {
-					if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, e.pointerType);
-				}
-			};
-			return {
-				onTouchStart: () => {
-					state.ignoreEmulatedMouseEvents = true;
-				},
-				onMouseEnter: (e) => {
-					if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) triggerHoverStart(e.currentTarget, "mouse", e.target);
-					state.ignoreEmulatedMouseEvents = false;
-				},
-				onMouseLeave: (e) => {
-					if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, "mouse");
-				}
-			};
-		})(),
+		hoverProps: typeof PointerEvent !== "undefined" ? {
+			onPointerEnter: (e) => {
+				if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
+				if (e.pointerType === "touch") return;
+				triggerHoverStart(e.currentTarget, e.pointerType, e.target);
+			},
+			onPointerLeave: (e) => {
+				if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, e.pointerType);
+			},
+			onPointerOver: (e) => {
+				if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
+				if (e.pointerType === "touch") return;
+				triggerHoverStart(e.currentTarget, e.pointerType, e.target);
+			},
+			onPointerOut: (e) => {
+				if (!getProps().isDisabled && e.currentTarget.contains(e.target) && !nodeContains(e.currentTarget, e.relatedTarget)) triggerHoverEnd(e.currentTarget, e.pointerType);
+			}
+		} : {
+			onTouchStart: () => {
+				state.ignoreEmulatedMouseEvents = true;
+			},
+			onMouseEnter: (e) => {
+				if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) triggerHoverStart(e.currentTarget, "mouse", e.target);
+				state.ignoreEmulatedMouseEvents = false;
+			},
+			onMouseLeave: (e) => {
+				if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, "mouse");
+			}
+		},
 		isHovered
 	};
 }

package/dist/_chunk/createHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHover.js","names":[],"sources":["../../src/interactions/createHover.ts"],"sourcesContent":["/**\n * createHover hook for Solidaria\n *\n * Handles pointer hover interactions for an element. Normalizes behavior\n * across browsers and platforms, and ignores emulated mouse events on touch devices.\n *\n * Port of @react-aria/interactions useHover.\n */\n\nimport {\n  type JSX,\n  type Accessor,\n  createSignal,\n  createEffect,\n  onCleanup,\n  createMemo,\n} from \"solid-js\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isTestEnv } from \"../utils/env\";\nimport { createGlobalListeners, nodeContains } from \"../utils\";\n\nexport interface HoverEvent {\n  /** The type of hover event being fired. */\n  type: \"hoverstart\" | \"hoverend\";\n  /** The pointer type that triggered the hover event. */\n  pointerType: \"mouse\" | \"pen\";\n  /** The target element of the hover event. */\n  target: Element;\n}\n\nexport interface HoverEvents {\n  /** Handler called when the hover starts. */\n  onHoverStart?: (e: HoverEvent) => void;\n  /** Handler called when the hover ends. */\n  onHoverEnd?: (e: HoverEvent) => void;\n  /** Handler called when the hover state changes. */\n  onHoverChange?: (isHovering: boolean) => void;\n}\n\nexport interface CreateHoverProps extends HoverEvents {\n  /** Whether the hover events should be disabled. */\n  isDisabled?: boolean;\n}\n\n/** Event handler props returned by createHover - safe to spread on any element */\nexport type HoverProps = Pick<\n  JSX.HTMLAttributes<HTMLElement>,\n  | \"onPointerEnter\"\n  | \"onPointerLeave\"\n  | \"onPointerOver\"\n  | \"onPointerOut\"\n  | \"onMouseEnter\"\n  | \"onMouseLeave\"\n>;\n\nexport interface HoverResult {\n  /** Props to spread on the target element. */\n  hoverProps: HoverProps;\n  /** Whether the element is currently hovered. */\n  isHovered: Accessor<boolean>;\n}\n\n// iOS fires onPointerEnter twice: once with pointerType=\"touch\" and again with pointerType=\"mouse\".\n// We want to ignore these emulated events so they do not trigger hover behavior.\nlet globalIgnoreEmulatedMouseEvents = false;\nlet hoverCount = 0;\n\nfunction setGlobalIgnoreEmulatedMouseEvents() {\n  globalIgnoreEmulatedMouseEvents = true;\n  setTimeout(() => {\n    globalIgnoreEmulatedMouseEvents = false;\n  }, 50);\n}\n\nfunction handleGlobalPointerEvent(e: PointerEvent) {\n  if (e.pointerType === \"touch\") {\n    setGlobalIgnoreEmulatedMouseEvents();\n  }\n}\n\nfunction setupGlobalTouchEvents() {\n  if (typeof document === \"undefined\") {\n    return () => {};\n  }\n\n  if (hoverCount === 0) {\n    if (typeof PointerEvent !== \"undefined\") {\n      document.addEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.addEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  }\n\n  hoverCount++;\n  return () => {\n    hoverCount--;\n    if (hoverCount > 0) {\n      return;\n    }\n\n    if (typeof PointerEvent !== \"undefined\") {\n      document.removeEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.removeEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  };\n}\n\n/**\n * Handles pointer hover interactions for an element.\n */\nexport function createHover(props: MaybeAccessor<CreateHoverProps> = {}): HoverResult {\n  const getProps = () => access(props);\n  const [isHovered, setIsHovered] = createSignal(false);\n  const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();\n\n  // Track internal hover state\n  let state = {\n    isHovered: false,\n    ignoreEmulatedMouseEvents: false,\n    pointerType: \"\" as \"mouse\" | \"pen\" | \"\",\n    target: null as Element | null,\n  };\n\n  // Setup global touch events\n  createEffect(() => {\n    const cleanup = setupGlobalTouchEvents();\n    onCleanup(cleanup);\n  });\n\n  // Reset hover when disabled\n  createEffect(() => {\n    const p = getProps();\n    if (p.isDisabled && state.isHovered) {\n      triggerHoverEnd(state.target as Element, state.pointerType as \"mouse\" | \"pen\");\n    }\n  });\n\n  function triggerHoverStart(\n    target: Element,\n    pointerType: \"mouse\" | \"pen\",\n    eventTarget: Element | null,\n  ) {\n    const p = getProps();\n    state.pointerType = pointerType;\n\n    const isOverTarget = eventTarget instanceof Element ? target.contains(eventTarget) : true;\n    if (p.isDisabled || state.isHovered || !isOverTarget) {\n      return;\n    }\n\n    state.isHovered = true;\n    state.target = target;\n\n    addGlobalListener(\n      \"pointerover\",\n      (event: PointerEvent) => {\n        if (\n          state.isHovered &&\n          state.target &&\n          !nodeContains(state.target, event.target as Element)\n        ) {\n          triggerHoverEnd(event.target as Element, event.pointerType as \"mouse\" | \"pen\");\n        }\n      },\n      { capture: true },\n    );\n\n    p.onHoverStart?.({\n      type: \"hoverstart\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(true);\n    setIsHovered(true);\n  }\n\n  function triggerHoverEnd(target: Element | null, pointerType: \"mouse\" | \"pen\") {\n    const p = getProps();\n    state.pointerType = \"\";\n    state.target = null;\n\n    if (!state.isHovered || !target) {\n      return;\n    }\n\n    state.isHovered = false;\n    removeAllGlobalListeners();\n\n    p.onHoverEnd?.({\n      type: \"hoverend\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(false);\n    setIsHovered(false);\n  }\n\n  const hoverProps = createMemo<JSX.HTMLAttributes<HTMLElement>>(() => {\n    if (typeof PointerEvent !== \"undefined\") {\n      return {\n        onPointerEnter: (e: PointerEvent) => {\n          if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n            return;\n          }\n          if (e.pointerType === \"touch\") {\n            return;\n          }\n          triggerHoverStart(\n            e.currentTarget as Element,\n            e.pointerType as \"mouse\" | \"pen\",\n            e.target as Element,\n          );\n        },\n        onPointerLeave: (e: PointerEvent) => {\n          const p = getProps();\n          if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n            triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n          }\n        },\n        onPointerOver: (e: PointerEvent) => {\n          if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n            return;\n          }\n          if (e.pointerType === \"touch\") {\n            return;\n          }\n          triggerHoverStart(\n            e.currentTarget as Element,\n            e.pointerType as \"mouse\" | \"pen\",\n            e.target as Element,\n          );\n        },\n        onPointerOut: (e: PointerEvent) => {\n          const p = getProps();\n          if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n            triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n          }\n        },\n      };\n    }\n\n    // Fallback for environments without PointerEvent (mainly tests)\n    return {\n      onTouchStart: () => {\n        state.ignoreEmulatedMouseEvents = true;\n      },\n      onMouseEnter: (e: MouseEvent) => {\n        if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) {\n          triggerHoverStart(e.currentTarget as Element, \"mouse\", e.target as Element);\n        }\n        state.ignoreEmulatedMouseEvents = false;\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        const p = getProps();\n        if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n          triggerHoverEnd(e.currentTarget as Element, \"mouse\");\n        }\n      },\n    };\n  });\n\n  return {\n    hoverProps: hoverProps() as HoverProps,\n    isHovered,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"createHover.js","names":[],"sources":["../../src/interactions/createHover.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/interactions/useHover.ts\n\n/**\n * createHover hook for Solidaria\n *\n * Handles pointer hover interactions for an element. Normalizes behavior\n * across browsers and platforms, and ignores emulated mouse events on touch devices.\n *\n * Port of @react-aria/interactions useHover.\n */\n\nimport { createSignal, createEffect, createTrackedEffect } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isTestEnv } from \"../utils/env\";\nimport { createGlobalListeners, nodeContains } from \"../utils\";\n\nexport interface HoverEvent {\n  /** The type of hover event being fired. */\n  type: \"hoverstart\" | \"hoverend\";\n  /** The pointer type that triggered the hover event. */\n  pointerType: \"mouse\" | \"pen\";\n  /** The target element of the hover event. */\n  target: Element;\n}\n\nexport interface HoverEvents {\n  /** Handler called when the hover starts. */\n  onHoverStart?: (e: HoverEvent) => void;\n  /** Handler called when the hover ends. */\n  onHoverEnd?: (e: HoverEvent) => void;\n  /** Handler called when the hover state changes. */\n  onHoverChange?: (isHovering: boolean) => void;\n}\n\nexport interface CreateHoverProps extends HoverEvents {\n  /** Whether the hover events should be disabled. */\n  isDisabled?: boolean;\n}\n\n/** Event handler props returned by createHover - safe to spread on any element */\nexport type HoverProps = Pick<\n  JSX.HTMLAttributes<HTMLElement>,\n  | \"onPointerEnter\"\n  | \"onPointerLeave\"\n  | \"onPointerOver\"\n  | \"onPointerOut\"\n  | \"onMouseEnter\"\n  | \"onMouseLeave\"\n  | \"onTouchStart\"\n>;\n\nexport interface HoverResult {\n  /** Props to spread on the target element. */\n  hoverProps: HoverProps;\n  /** Whether the element is currently hovered. */\n  isHovered: Accessor<boolean>;\n}\n\n// iOS fires onPointerEnter twice: once with pointerType=\"touch\" and again with pointerType=\"mouse\".\n// We want to ignore these emulated events so they do not trigger hover behavior.\nlet globalIgnoreEmulatedMouseEvents = false;\nlet hoverCount = 0;\n\nfunction setGlobalIgnoreEmulatedMouseEvents() {\n  globalIgnoreEmulatedMouseEvents = true;\n  setTimeout(() => {\n    globalIgnoreEmulatedMouseEvents = false;\n  }, 500);\n}\n\nfunction handleGlobalPointerEvent(e: PointerEvent) {\n  if (e.pointerType === \"touch\") {\n    setGlobalIgnoreEmulatedMouseEvents();\n  }\n}\n\nfunction setupGlobalTouchEvents() {\n  if (typeof document === \"undefined\") {\n    return () => {};\n  }\n\n  if (hoverCount === 0) {\n    if (typeof PointerEvent !== \"undefined\") {\n      document.addEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.addEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  }\n\n  hoverCount++;\n  return () => {\n    hoverCount--;\n    if (hoverCount > 0) {\n      return;\n    }\n\n    if (typeof PointerEvent !== \"undefined\") {\n      document.removeEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.removeEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  };\n}\n\n/**\n * Handles pointer hover interactions for an element.\n */\nexport function createHover(props: MaybeAccessor<CreateHoverProps> = {}): HoverResult {\n  const getProps = () => access(props);\n  const [isHovered, setIsHovered] = createSignal(false);\n  const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();\n\n  // Track internal hover state\n  let state = {\n    isHovered: false,\n    ignoreEmulatedMouseEvents: false,\n    pointerType: \"\" as \"mouse\" | \"pen\" | \"\",\n    target: null as Element | null,\n  };\n\n  // Setup global touch events\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const cleanup = setupGlobalTouchEvents();\n    _s2Cleanups.push(cleanup);\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Reset hover when disabled\n  createEffect(\n    () => !!getProps().isDisabled,\n    (isDisabled) => {\n      if (isDisabled && state.isHovered) {\n        triggerHoverEnd(state.target as Element, state.pointerType as \"mouse\" | \"pen\");\n      }\n    },\n  );\n\n  function triggerHoverStart(\n    target: Element,\n    pointerType: \"mouse\" | \"pen\",\n    eventTarget: Element | null,\n  ) {\n    const p = getProps();\n    state.pointerType = pointerType;\n\n    const isOverTarget = eventTarget instanceof Element ? target.contains(eventTarget) : true;\n    if (p.isDisabled || state.isHovered || !isOverTarget) {\n      return;\n    }\n\n    state.isHovered = true;\n    state.target = target;\n\n    addGlobalListener(\n      \"pointerover\",\n      (event: PointerEvent) => {\n        if (\n          state.isHovered &&\n          state.target &&\n          !nodeContains(state.target, event.target as Element)\n        ) {\n          triggerHoverEnd(state.target, event.pointerType as \"mouse\" | \"pen\");\n        }\n      },\n      { capture: true },\n    );\n\n    p.onHoverStart?.({\n      type: \"hoverstart\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(true);\n    setIsHovered(true);\n  }\n\n  function triggerHoverEnd(target: Element | null, pointerType: \"mouse\" | \"pen\") {\n    const p = getProps();\n    state.pointerType = \"\";\n    state.target = null;\n\n    if (!state.isHovered || !target) {\n      return;\n    }\n\n    state.isHovered = false;\n    removeAllGlobalListeners();\n\n    p.onHoverEnd?.({\n      type: \"hoverend\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(false);\n    setIsHovered(false);\n  }\n\n  // Handlers read getProps() live; do not wrap this object in a memo/getter.\n  // A getter that reads the memo on destructure (`const { hoverProps } = createHover()`)\n  // is STRICT_READ_UNTRACKED inside HMR's untrack(component, \"<Name>\").\n  const hoverProps: HoverProps =\n    typeof PointerEvent !== \"undefined\"\n      ? {\n          onPointerEnter: (e: PointerEvent) => {\n            if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n              return;\n            }\n            if (e.pointerType === \"touch\") {\n              return;\n            }\n            triggerHoverStart(\n              e.currentTarget as Element,\n              e.pointerType as \"mouse\" | \"pen\",\n              e.target as Element,\n            );\n          },\n          onPointerLeave: (e: PointerEvent) => {\n            const p = getProps();\n            if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n              triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n            }\n          },\n          onPointerOver: (e: PointerEvent) => {\n            if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n              return;\n            }\n            if (e.pointerType === \"touch\") {\n              return;\n            }\n            triggerHoverStart(\n              e.currentTarget as Element,\n              e.pointerType as \"mouse\" | \"pen\",\n              e.target as Element,\n            );\n          },\n          onPointerOut: (e: PointerEvent) => {\n            const p = getProps();\n            if (\n              !p.isDisabled &&\n              (e.currentTarget as Element).contains(e.target as Element) &&\n              !nodeContains(e.currentTarget as Element, e.relatedTarget as Node | null)\n            ) {\n              triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n            }\n          },\n        }\n      : {\n          onTouchStart: () => {\n            state.ignoreEmulatedMouseEvents = true;\n          },\n          onMouseEnter: (e: MouseEvent) => {\n            if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) {\n              triggerHoverStart(e.currentTarget as Element, \"mouse\", e.target as Element);\n            }\n            state.ignoreEmulatedMouseEvents = false;\n          },\n          onMouseLeave: (e: MouseEvent) => {\n            const p = getProps();\n            if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n              triggerHoverEnd(e.currentTarget as Element, \"mouse\");\n            }\n          },\n        };\n\n  return {\n    hoverProps,\n    isHovered,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/createHover.jsx

@@ -1,8 +1,20 @@
-import { r as isTestEnv } from "./env.jsx";
-import { t as access } from "./reactivity.jsx";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/interactions/useHover.ts
 import { s as createGlobalListeners } from "./utils.jsx";
-import { y as nodeContains } from "./focus.jsx";
-import { createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+import { t as access } from "./reactivity.jsx";
+import { v as nodeContains } from "./dom.jsx";
+import { r as isTestEnv } from "./env.jsx";
+import { createEffect, createSignal, createTrackedEffect } from "solid-js";
 //#region src/interactions/createHover.ts
 /**
 * createHover hook for Solidaria
@@ -18,7 +30,7 @@ function setGlobalIgnoreEmulatedMouseEvents() {
 	globalIgnoreEmulatedMouseEvents = true;
 	setTimeout(() => {
 		globalIgnoreEmulatedMouseEvents = false;
-	}, 50);
+	}, 500);
 }
 function handleGlobalPointerEvent(e) {
 	if (e.pointerType === "touch") setGlobalIgnoreEmulatedMouseEvents();
@@ -50,11 +62,16 @@ function createHover(props = {}) {
 		pointerType: "",
 		target: null
 	};
-	createEffect(() => {
-		onCleanup(setupGlobalTouchEvents());
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
+		const cleanup = setupGlobalTouchEvents();
+		_s2Cleanups.push(cleanup);
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
-	createEffect(() => {
-		if (getProps().isDisabled && state.isHovered) triggerHoverEnd(state.target, state.pointerType);
+	createEffect(() => !!getProps().isDisabled, (isDisabled) => {
+		if (isDisabled && state.isHovered) triggerHoverEnd(state.target, state.pointerType);
 	});
 	function triggerHoverStart(target, pointerType, eventTarget) {
 		const p = getProps();
@@ -64,7 +81,7 @@ function createHover(props = {}) {
 		state.isHovered = true;
 		state.target = target;
 		addGlobalListener("pointerover", (event) => {
-			if (state.isHovered && state.target && !nodeContains(state.target, event.target)) triggerHoverEnd(event.target, event.pointerType);
+			if (state.isHovered && state.target && !nodeContains(state.target, event.target)) triggerHoverEnd(state.target, event.pointerType);
 		}, { capture: true });
 		p.onHoverStart?.({
 			type: "hoverstart",
@@ -90,38 +107,35 @@ function createHover(props = {}) {
 		setIsHovered(false);
 	}
 	return {
-		hoverProps: createMemo(() => {
-			if (typeof PointerEvent !== "undefined") return {
-				onPointerEnter: (e) => {
-					if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
-					if (e.pointerType === "touch") return;
-					triggerHoverStart(e.currentTarget, e.pointerType, e.target);
-				},
-				onPointerLeave: (e) => {
-					if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, e.pointerType);
-				},
-				onPointerOver: (e) => {
-					if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
-					if (e.pointerType === "touch") return;
-					triggerHoverStart(e.currentTarget, e.pointerType, e.target);
-				},
-				onPointerOut: (e) => {
-					if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, e.pointerType);
-				}
-			};
-			return {
-				onTouchStart: () => {
-					state.ignoreEmulatedMouseEvents = true;
-				},
-				onMouseEnter: (e) => {
-					if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) triggerHoverStart(e.currentTarget, "mouse", e.target);
-					state.ignoreEmulatedMouseEvents = false;
-				},
-				onMouseLeave: (e) => {
-					if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, "mouse");
-				}
-			};
-		})(),
+		hoverProps: typeof PointerEvent !== "undefined" ? {
+			onPointerEnter: (e) => {
+				if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
+				if (e.pointerType === "touch") return;
+				triggerHoverStart(e.currentTarget, e.pointerType, e.target);
+			},
+			onPointerLeave: (e) => {
+				if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, e.pointerType);
+			},
+			onPointerOver: (e) => {
+				if (globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
+				if (e.pointerType === "touch") return;
+				triggerHoverStart(e.currentTarget, e.pointerType, e.target);
+			},
+			onPointerOut: (e) => {
+				if (!getProps().isDisabled && e.currentTarget.contains(e.target) && !nodeContains(e.currentTarget, e.relatedTarget)) triggerHoverEnd(e.currentTarget, e.pointerType);
+			}
+		} : {
+			onTouchStart: () => {
+				state.ignoreEmulatedMouseEvents = true;
+			},
+			onMouseEnter: (e) => {
+				if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) triggerHoverStart(e.currentTarget, "mouse", e.target);
+				state.ignoreEmulatedMouseEvents = false;
+			},
+			onMouseLeave: (e) => {
+				if (!getProps().isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e.currentTarget, "mouse");
+			}
+		},
 		isHovered
 	};
 }

package/dist/_chunk/createHover.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"createHover.jsx","names":[],"sources":["../../src/interactions/createHover.ts"],"sourcesContent":["/**\n * createHover hook for Solidaria\n *\n * Handles pointer hover interactions for an element. Normalizes behavior\n * across browsers and platforms, and ignores emulated mouse events on touch devices.\n *\n * Port of @react-aria/interactions useHover.\n */\n\nimport {\n  type JSX,\n  type Accessor,\n  createSignal,\n  createEffect,\n  onCleanup,\n  createMemo,\n} from \"solid-js\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isTestEnv } from \"../utils/env\";\nimport { createGlobalListeners, nodeContains } from \"../utils\";\n\nexport interface HoverEvent {\n  /** The type of hover event being fired. */\n  type: \"hoverstart\" | \"hoverend\";\n  /** The pointer type that triggered the hover event. */\n  pointerType: \"mouse\" | \"pen\";\n  /** The target element of the hover event. */\n  target: Element;\n}\n\nexport interface HoverEvents {\n  /** Handler called when the hover starts. */\n  onHoverStart?: (e: HoverEvent) => void;\n  /** Handler called when the hover ends. */\n  onHoverEnd?: (e: HoverEvent) => void;\n  /** Handler called when the hover state changes. */\n  onHoverChange?: (isHovering: boolean) => void;\n}\n\nexport interface CreateHoverProps extends HoverEvents {\n  /** Whether the hover events should be disabled. */\n  isDisabled?: boolean;\n}\n\n/** Event handler props returned by createHover - safe to spread on any element */\nexport type HoverProps = Pick<\n  JSX.HTMLAttributes<HTMLElement>,\n  | \"onPointerEnter\"\n  | \"onPointerLeave\"\n  | \"onPointerOver\"\n  | \"onPointerOut\"\n  | \"onMouseEnter\"\n  | \"onMouseLeave\"\n>;\n\nexport interface HoverResult {\n  /** Props to spread on the target element. */\n  hoverProps: HoverProps;\n  /** Whether the element is currently hovered. */\n  isHovered: Accessor<boolean>;\n}\n\n// iOS fires onPointerEnter twice: once with pointerType=\"touch\" and again with pointerType=\"mouse\".\n// We want to ignore these emulated events so they do not trigger hover behavior.\nlet globalIgnoreEmulatedMouseEvents = false;\nlet hoverCount = 0;\n\nfunction setGlobalIgnoreEmulatedMouseEvents() {\n  globalIgnoreEmulatedMouseEvents = true;\n  setTimeout(() => {\n    globalIgnoreEmulatedMouseEvents = false;\n  }, 50);\n}\n\nfunction handleGlobalPointerEvent(e: PointerEvent) {\n  if (e.pointerType === \"touch\") {\n    setGlobalIgnoreEmulatedMouseEvents();\n  }\n}\n\nfunction setupGlobalTouchEvents() {\n  if (typeof document === \"undefined\") {\n    return () => {};\n  }\n\n  if (hoverCount === 0) {\n    if (typeof PointerEvent !== \"undefined\") {\n      document.addEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.addEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  }\n\n  hoverCount++;\n  return () => {\n    hoverCount--;\n    if (hoverCount > 0) {\n      return;\n    }\n\n    if (typeof PointerEvent !== \"undefined\") {\n      document.removeEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.removeEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  };\n}\n\n/**\n * Handles pointer hover interactions for an element.\n */\nexport function createHover(props: MaybeAccessor<CreateHoverProps> = {}): HoverResult {\n  const getProps = () => access(props);\n  const [isHovered, setIsHovered] = createSignal(false);\n  const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();\n\n  // Track internal hover state\n  let state = {\n    isHovered: false,\n    ignoreEmulatedMouseEvents: false,\n    pointerType: \"\" as \"mouse\" | \"pen\" | \"\",\n    target: null as Element | null,\n  };\n\n  // Setup global touch events\n  createEffect(() => {\n    const cleanup = setupGlobalTouchEvents();\n    onCleanup(cleanup);\n  });\n\n  // Reset hover when disabled\n  createEffect(() => {\n    const p = getProps();\n    if (p.isDisabled && state.isHovered) {\n      triggerHoverEnd(state.target as Element, state.pointerType as \"mouse\" | \"pen\");\n    }\n  });\n\n  function triggerHoverStart(\n    target: Element,\n    pointerType: \"mouse\" | \"pen\",\n    eventTarget: Element | null,\n  ) {\n    const p = getProps();\n    state.pointerType = pointerType;\n\n    const isOverTarget = eventTarget instanceof Element ? target.contains(eventTarget) : true;\n    if (p.isDisabled || state.isHovered || !isOverTarget) {\n      return;\n    }\n\n    state.isHovered = true;\n    state.target = target;\n\n    addGlobalListener(\n      \"pointerover\",\n      (event: PointerEvent) => {\n        if (\n          state.isHovered &&\n          state.target &&\n          !nodeContains(state.target, event.target as Element)\n        ) {\n          triggerHoverEnd(event.target as Element, event.pointerType as \"mouse\" | \"pen\");\n        }\n      },\n      { capture: true },\n    );\n\n    p.onHoverStart?.({\n      type: \"hoverstart\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(true);\n    setIsHovered(true);\n  }\n\n  function triggerHoverEnd(target: Element | null, pointerType: \"mouse\" | \"pen\") {\n    const p = getProps();\n    state.pointerType = \"\";\n    state.target = null;\n\n    if (!state.isHovered || !target) {\n      return;\n    }\n\n    state.isHovered = false;\n    removeAllGlobalListeners();\n\n    p.onHoverEnd?.({\n      type: \"hoverend\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(false);\n    setIsHovered(false);\n  }\n\n  const hoverProps = createMemo<JSX.HTMLAttributes<HTMLElement>>(() => {\n    if (typeof PointerEvent !== \"undefined\") {\n      return {\n        onPointerEnter: (e: PointerEvent) => {\n          if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n            return;\n          }\n          if (e.pointerType === \"touch\") {\n            return;\n          }\n          triggerHoverStart(\n            e.currentTarget as Element,\n            e.pointerType as \"mouse\" | \"pen\",\n            e.target as Element,\n          );\n        },\n        onPointerLeave: (e: PointerEvent) => {\n          const p = getProps();\n          if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n            triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n          }\n        },\n        onPointerOver: (e: PointerEvent) => {\n          if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n            return;\n          }\n          if (e.pointerType === \"touch\") {\n            return;\n          }\n          triggerHoverStart(\n            e.currentTarget as Element,\n            e.pointerType as \"mouse\" | \"pen\",\n            e.target as Element,\n          );\n        },\n        onPointerOut: (e: PointerEvent) => {\n          const p = getProps();\n          if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n            triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n          }\n        },\n      };\n    }\n\n    // Fallback for environments without PointerEvent (mainly tests)\n    return {\n      onTouchStart: () => {\n        state.ignoreEmulatedMouseEvents = true;\n      },\n      onMouseEnter: (e: MouseEvent) => {\n        if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) {\n          triggerHoverStart(e.currentTarget as Element, \"mouse\", e.target as Element);\n        }\n        state.ignoreEmulatedMouseEvents = false;\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        const p = getProps();\n        if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n          triggerHoverEnd(e.currentTarget as Element, \"mouse\");\n        }\n      },\n    };\n  });\n\n  return {\n    hoverProps: hoverProps() as HoverProps,\n    isHovered,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"createHover.jsx","names":[],"sources":["../../src/interactions/createHover.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/interactions/useHover.ts\n\n/**\n * createHover hook for Solidaria\n *\n * Handles pointer hover interactions for an element. Normalizes behavior\n * across browsers and platforms, and ignores emulated mouse events on touch devices.\n *\n * Port of @react-aria/interactions useHover.\n */\n\nimport { createSignal, createEffect, createTrackedEffect } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isTestEnv } from \"../utils/env\";\nimport { createGlobalListeners, nodeContains } from \"../utils\";\n\nexport interface HoverEvent {\n  /** The type of hover event being fired. */\n  type: \"hoverstart\" | \"hoverend\";\n  /** The pointer type that triggered the hover event. */\n  pointerType: \"mouse\" | \"pen\";\n  /** The target element of the hover event. */\n  target: Element;\n}\n\nexport interface HoverEvents {\n  /** Handler called when the hover starts. */\n  onHoverStart?: (e: HoverEvent) => void;\n  /** Handler called when the hover ends. */\n  onHoverEnd?: (e: HoverEvent) => void;\n  /** Handler called when the hover state changes. */\n  onHoverChange?: (isHovering: boolean) => void;\n}\n\nexport interface CreateHoverProps extends HoverEvents {\n  /** Whether the hover events should be disabled. */\n  isDisabled?: boolean;\n}\n\n/** Event handler props returned by createHover - safe to spread on any element */\nexport type HoverProps = Pick<\n  JSX.HTMLAttributes<HTMLElement>,\n  | \"onPointerEnter\"\n  | \"onPointerLeave\"\n  | \"onPointerOver\"\n  | \"onPointerOut\"\n  | \"onMouseEnter\"\n  | \"onMouseLeave\"\n  | \"onTouchStart\"\n>;\n\nexport interface HoverResult {\n  /** Props to spread on the target element. */\n  hoverProps: HoverProps;\n  /** Whether the element is currently hovered. */\n  isHovered: Accessor<boolean>;\n}\n\n// iOS fires onPointerEnter twice: once with pointerType=\"touch\" and again with pointerType=\"mouse\".\n// We want to ignore these emulated events so they do not trigger hover behavior.\nlet globalIgnoreEmulatedMouseEvents = false;\nlet hoverCount = 0;\n\nfunction setGlobalIgnoreEmulatedMouseEvents() {\n  globalIgnoreEmulatedMouseEvents = true;\n  setTimeout(() => {\n    globalIgnoreEmulatedMouseEvents = false;\n  }, 500);\n}\n\nfunction handleGlobalPointerEvent(e: PointerEvent) {\n  if (e.pointerType === \"touch\") {\n    setGlobalIgnoreEmulatedMouseEvents();\n  }\n}\n\nfunction setupGlobalTouchEvents() {\n  if (typeof document === \"undefined\") {\n    return () => {};\n  }\n\n  if (hoverCount === 0) {\n    if (typeof PointerEvent !== \"undefined\") {\n      document.addEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.addEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  }\n\n  hoverCount++;\n  return () => {\n    hoverCount--;\n    if (hoverCount > 0) {\n      return;\n    }\n\n    if (typeof PointerEvent !== \"undefined\") {\n      document.removeEventListener(\"pointerup\", handleGlobalPointerEvent);\n    } else if (isTestEnv()) {\n      document.removeEventListener(\"touchend\", setGlobalIgnoreEmulatedMouseEvents);\n    }\n  };\n}\n\n/**\n * Handles pointer hover interactions for an element.\n */\nexport function createHover(props: MaybeAccessor<CreateHoverProps> = {}): HoverResult {\n  const getProps = () => access(props);\n  const [isHovered, setIsHovered] = createSignal(false);\n  const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();\n\n  // Track internal hover state\n  let state = {\n    isHovered: false,\n    ignoreEmulatedMouseEvents: false,\n    pointerType: \"\" as \"mouse\" | \"pen\" | \"\",\n    target: null as Element | null,\n  };\n\n  // Setup global touch events\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const cleanup = setupGlobalTouchEvents();\n    _s2Cleanups.push(cleanup);\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  // Reset hover when disabled\n  createEffect(\n    () => !!getProps().isDisabled,\n    (isDisabled) => {\n      if (isDisabled && state.isHovered) {\n        triggerHoverEnd(state.target as Element, state.pointerType as \"mouse\" | \"pen\");\n      }\n    },\n  );\n\n  function triggerHoverStart(\n    target: Element,\n    pointerType: \"mouse\" | \"pen\",\n    eventTarget: Element | null,\n  ) {\n    const p = getProps();\n    state.pointerType = pointerType;\n\n    const isOverTarget = eventTarget instanceof Element ? target.contains(eventTarget) : true;\n    if (p.isDisabled || state.isHovered || !isOverTarget) {\n      return;\n    }\n\n    state.isHovered = true;\n    state.target = target;\n\n    addGlobalListener(\n      \"pointerover\",\n      (event: PointerEvent) => {\n        if (\n          state.isHovered &&\n          state.target &&\n          !nodeContains(state.target, event.target as Element)\n        ) {\n          triggerHoverEnd(state.target, event.pointerType as \"mouse\" | \"pen\");\n        }\n      },\n      { capture: true },\n    );\n\n    p.onHoverStart?.({\n      type: \"hoverstart\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(true);\n    setIsHovered(true);\n  }\n\n  function triggerHoverEnd(target: Element | null, pointerType: \"mouse\" | \"pen\") {\n    const p = getProps();\n    state.pointerType = \"\";\n    state.target = null;\n\n    if (!state.isHovered || !target) {\n      return;\n    }\n\n    state.isHovered = false;\n    removeAllGlobalListeners();\n\n    p.onHoverEnd?.({\n      type: \"hoverend\",\n      target,\n      pointerType,\n    });\n\n    p.onHoverChange?.(false);\n    setIsHovered(false);\n  }\n\n  // Handlers read getProps() live; do not wrap this object in a memo/getter.\n  // A getter that reads the memo on destructure (`const { hoverProps } = createHover()`)\n  // is STRICT_READ_UNTRACKED inside HMR's untrack(component, \"<Name>\").\n  const hoverProps: HoverProps =\n    typeof PointerEvent !== \"undefined\"\n      ? {\n          onPointerEnter: (e: PointerEvent) => {\n            if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n              return;\n            }\n            if (e.pointerType === \"touch\") {\n              return;\n            }\n            triggerHoverStart(\n              e.currentTarget as Element,\n              e.pointerType as \"mouse\" | \"pen\",\n              e.target as Element,\n            );\n          },\n          onPointerLeave: (e: PointerEvent) => {\n            const p = getProps();\n            if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n              triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n            }\n          },\n          onPointerOver: (e: PointerEvent) => {\n            if (globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") {\n              return;\n            }\n            if (e.pointerType === \"touch\") {\n              return;\n            }\n            triggerHoverStart(\n              e.currentTarget as Element,\n              e.pointerType as \"mouse\" | \"pen\",\n              e.target as Element,\n            );\n          },\n          onPointerOut: (e: PointerEvent) => {\n            const p = getProps();\n            if (\n              !p.isDisabled &&\n              (e.currentTarget as Element).contains(e.target as Element) &&\n              !nodeContains(e.currentTarget as Element, e.relatedTarget as Node | null)\n            ) {\n              triggerHoverEnd(e.currentTarget as Element, e.pointerType as \"mouse\" | \"pen\");\n            }\n          },\n        }\n      : {\n          onTouchStart: () => {\n            state.ignoreEmulatedMouseEvents = true;\n          },\n          onMouseEnter: (e: MouseEvent) => {\n            if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) {\n              triggerHoverStart(e.currentTarget as Element, \"mouse\", e.target as Element);\n            }\n            state.ignoreEmulatedMouseEvents = false;\n          },\n          onMouseLeave: (e: MouseEvent) => {\n            const p = getProps();\n            if (!p.isDisabled && (e.currentTarget as Element).contains(e.target as Element)) {\n              triggerHoverEnd(e.currentTarget as Element, \"mouse\");\n            }\n          },\n        };\n\n  return {\n    hoverProps,\n    isHovered,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/createKeyboard.js

@@ -0,0 +1,205 @@
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/interactions/useKeyboard.ts
+/*
+* Copyright 2025 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/interactions/createKeyboardShortcutHandler.ts
+import { t as access } from "./reactivity.js";
+import { Z as isMac, r as getEventTarget, v as nodeContains, z as chain } from "./dom.js";
+//#region src/interactions/createKeyboardShortcutHandler.ts
+/**
+* Keyboard shortcut parsing and exact-match dispatch.
+*
+* Port of React Aria's createKeyboardShortcutHandler.
+*/
+const modifierNames = /* @__PURE__ */ new Set([
+	"shift",
+	"alt",
+	"control",
+	"meta",
+	"mod"
+]);
+const canonicalModifierOrder = [
+	"Alt",
+	"Control",
+	"Meta",
+	"Shift"
+];
+function modifierSetFromParsed(parsed) {
+	const modifiers = /* @__PURE__ */ new Set();
+	if (parsed.alt) modifiers.add("Alt");
+	if (parsed.shift) modifiers.add("Shift");
+	if (parsed.ctrl) modifiers.add("Control");
+	if (parsed.meta) modifiers.add("Meta");
+	if (parsed.mod) modifiers.add(isMac() ? "Meta" : "Control");
+	return modifiers;
+}
+function modifierSetFromEvent(event) {
+	const modifiers = /* @__PURE__ */ new Set();
+	if (event.altKey) modifiers.add("Alt");
+	if (event.ctrlKey) modifiers.add("Control");
+	if (event.metaKey) modifiers.add("Meta");
+	if (event.shiftKey) modifiers.add("Shift");
+	return modifiers;
+}
+function sortedModifierTokens(modifiers) {
+	return canonicalModifierOrder.filter((name) => modifiers.has(name));
+}
+/** Parses a shortcut. Modifier names are case-insensitive and order-independent. */
+function parseKeyboardShortcut(specification) {
+	const parsed = specification.split("+").reduce((result, part) => {
+		const lowerPart = part.toLowerCase();
+		if (modifierNames.has(lowerPart)) {
+			if (lowerPart === "shift") result.shift = true;
+			else if (lowerPart === "alt") result.alt = true;
+			else if (lowerPart === "control") result.ctrl = true;
+			else if (lowerPart === "meta") result.meta = true;
+			else if (lowerPart === "mod") result.mod = true;
+		} else result.key = part;
+		return result;
+	}, {
+		shift: false,
+		alt: false,
+		ctrl: false,
+		meta: false,
+		mod: false,
+		key: ""
+	});
+	if (parsed.key === "") throw new Error(`Invalid keyboard shortcut: "${specification}". Must include exactly one non-modifier key (e.g. "a", "Enter", "ArrowDown"). Combine any of Shift, Alt, Ctrl, Meta, and Mod.`);
+	return parsed;
+}
+function normalizeEventKey(key) {
+	return key.toLowerCase();
+}
+const keyAliases = {
+	space: " ",
+	esc: "escape",
+	del: "delete",
+	ins: "insert",
+	left: "arrowleft",
+	right: "arrowright",
+	up: "arrowup",
+	down: "arrowdown",
+	pageup: "pageup",
+	pagedown: "pagedown"
+};
+function canonicalKeyFromSpecification(key) {
+	const normalizedKey = normalizeEventKey(key);
+	return keyAliases[normalizedKey] ?? normalizedKey;
+}
+function canonicalKeyboardShortcut(parsed) {
+	const modifiers = sortedModifierTokens(modifierSetFromParsed(parsed));
+	const key = canonicalKeyFromSpecification(parsed.key);
+	return modifiers.length > 0 ? `${modifiers.join("+")}+${key}` : key;
+}
+function keyboardEventToCanonicalShortcut(event) {
+	const modifiers = sortedModifierTokens(modifierSetFromEvent(event));
+	const key = normalizeEventKey(event.key);
+	return modifiers.length > 0 ? `${modifiers.join("+")}+${key}` : key;
+}
+/** Returns a keydown handler that runs an action for an exact shortcut match. */
+function createKeyboardShortcutHandler(bindings) {
+	const actions = /* @__PURE__ */ new Map();
+	for (const [specification, action] of Object.entries(bindings)) actions.set(canonicalKeyboardShortcut(parseKeyboardShortcut(specification)), action);
+	return (event) => {
+		const action = actions.get(keyboardEventToCanonicalShortcut(event));
+		let result = action?.(event);
+		if (result === void 0 && action !== void 0) result = {
+			shouldContinuePropagation: false,
+			shouldPreventDefault: true
+		};
+		else if (typeof result === "boolean") result = {
+			shouldContinuePropagation: !result,
+			shouldPreventDefault: result
+		};
+		if (result?.shouldPreventDefault) event.preventDefault();
+		if (!action || result?.shouldContinuePropagation) event.continuePropagation();
+	};
+}
+//#endregion
+//#region src/interactions/createKeyboard.ts
+/**
+* Wraps a keyboard event handler to make stopPropagation the default,
+* and support continuePropagation instead.
+*/
+function createEventHandler(handler) {
+	if (!handler) return;
+	return (e) => {
+		let shouldStopPropagation = true;
+		const parentContinuePropagation = e.continuePropagation;
+		handler(Object.assign(e, { continuePropagation() {
+			shouldStopPropagation = false;
+			if (typeof parentContinuePropagation === "function") parentContinuePropagation.call(e);
+		} }));
+		if (shouldStopPropagation) e.stopPropagation();
+	};
+}
+/**
+* Handles keyboard interactions for a focusable element.
+*
+* Based on react-aria's useKeyboard but adapted for SolidJS.
+*/
+function createKeyboard(props = {}) {
+	let onKeyDown;
+	let onKeyUp;
+	if (props.shortcuts) {
+		const shortcutHandler = createKeyboardShortcutHandler(props.shortcuts);
+		const shortcutOnKeyDown = createEventHandler((event) => {
+			if (!nodeContains(event.currentTarget, getEventTarget(event))) {
+				event.continuePropagation();
+				return;
+			}
+			if (event.repeat && !(props.allowRepeats ?? false) || event.isComposing && !(props.allowComposing ?? false)) {
+				event.continuePropagation();
+				return;
+			}
+			shortcutHandler(event);
+		});
+		const shortcutOnKeyUp = createEventHandler((event) => {
+			if (!nodeContains(event.currentTarget, getEventTarget(event))) {
+				event.continuePropagation();
+				return;
+			}
+			if (event.repeat && !(props.allowRepeats ?? false) || event.isComposing && !(props.allowComposing ?? false)) {
+				event.continuePropagation();
+				return;
+			}
+			event.continuePropagation();
+		});
+		onKeyDown = props.onKeyDown ? chain(props.onKeyDown, shortcutOnKeyDown) : shortcutOnKeyDown;
+		onKeyUp = props.onKeyUp ? chain(props.onKeyUp, shortcutOnKeyUp) : shortcutOnKeyUp;
+	} else {
+		onKeyDown = createEventHandler(props.onKeyDown);
+		onKeyUp = createEventHandler(props.onKeyUp);
+	}
+	return { keyboardProps: {
+		get onKeyDown() {
+			return access(props.isDisabled) ? void 0 : onKeyDown;
+		},
+		get onKeyUp() {
+			return access(props.isDisabled) ? void 0 : onKeyUp;
+		}
+	} };
+}
+//#endregion
+export { createKeyboard as t };
+
+//# sourceMappingURL=createKeyboard.js.map