@proyecto-viviana/solidaria 0.4.0 → 0.4.1

package/src/utils/animation.ts

@@ -27,7 +27,14 @@
  *   the `CSSTransition` reference is only touched on the client.
  */
 
-import { createEffect, createSignal, onCleanup, type Accessor } from "solid-js";
+import {
+  createComputed,
+  createEffect,
+  createMemo,
+  createSignal,
+  onCleanup,
+  type Accessor,
+} from "solid-js";
 
 /** A reactive accessor for the animated element (null until mounted). */
 export type ElementAccessor = () => Element | null | undefined;
@@ -35,11 +42,24 @@ export type ElementAccessor = () => Element | null | undefined;
 /**
  * Runs `onEnd` once the element's animations settle while `isActive` is true.
  * Mirrors the private `useAnimation` helper in react-aria's animation utils.
+ *
+ * `deferNoAnimation` mirrors React's timing for the no-animation case. Upstream
+ * runs `onEnd` inside a `useLayoutEffect`, so an animation-less exit unmounts
+ * *after* React commits — i.e. after the triggering input event finishes
+ * dispatching (empirically, an Escape's teardown lands after `keyup`, not
+ * between `keydown` and `keyup`). A Solid `createEffect` runs synchronously
+ * inside the handler, so an animation-less exit would tear the overlay out
+ * mid-gesture, firing `focusout` before `keyup` and retargeting `keyup` to the
+ * body. Deferring `onEnd` to the next frame — the same primitive `FocusScope`
+ * uses to defer focus restore — reproduces React's post-commit ordering. Only
+ * the real-browser no-animation branch defers; the JSDOM branch stays
+ * synchronous so unit tests that assert immediate unmount are unaffected.
  */
 function createAnimation(
   ref: ElementAccessor,
   isActive: Accessor<boolean>,
   onEnd: () => void,
+  deferNoAnimation = false,
 ): void {
   createEffect(() => {
     if (!isActive()) return;
@@ -52,19 +72,49 @@ function createAnimation(
       return;
     }
 
+    // `settle` mirrors React's post-commit `useLayoutEffect` timing (see the
+    // `deferNoAnimation` note above): a Solid effect runs synchronously inside
+    // the triggering input handler, and even the Web-Animations `finished`
+    // promise resolves in a microtask that drains *before* the gesture's later
+    // events (e.g. an Escape's `keyup`). Deferring the settle to the next frame
+    // pushes the overlay teardown past the rest of the current event dispatch,
+    // reproducing React's ordering (teardown after `keyup`, not between
+    // `keydown` and `keyup`). A real, non-trivial exit transition already
+    // finishes long after the gesture, so the extra frame is imperceptible; it
+    // only matters for the instant/near-zero-duration exits that would
+    // otherwise tear the focused overlay out mid-gesture. Unit environments
+    // (no `requestAnimationFrame`, or the no-defer callers) settle synchronously.
+    //
+    // A single owner-bound `onCleanup` tracks both the pending frame and a
+    // `canceled` flag — the flag guards the promise path, whose `.then` runs
+    // outside the reactive owner where `onCleanup` could not register.
+    let canceled = false;
+    let frame: number | undefined;
+    const settle = () => {
+      if (canceled) return;
+      if (deferNoAnimation && typeof requestAnimationFrame === "function") {
+        frame = requestAnimationFrame(() => {
+          if (!canceled) onEnd();
+        });
+      } else {
+        onEnd();
+      }
+    };
+
     const animations = element.getAnimations();
     if (animations.length === 0) {
-      onEnd();
-      return;
+      settle();
+    } else {
+      Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
+        settle();
+      });
     }
 
-    let canceled = false;
-    Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
-      if (!canceled) onEnd();
-    });
-
     onCleanup(() => {
       canceled = true;
+      if (frame !== undefined && typeof cancelAnimationFrame === "function") {
+        cancelAnimationFrame(frame);
+      }
     });
   });
 }
@@ -125,27 +175,69 @@ export function createExitAnimation(
   ref: ElementAccessor,
   isOpen: Accessor<boolean>,
 ): Accessor<boolean> {
-  const [exitState, setExitState] = createSignal<"closed" | "open" | "exiting">(
-    isOpen() ? "open" : "closed",
+  // The state machine's synchronous edges (open→exiting on close, →open on
+  // reopen) are computed in a `createMemo`, NOT a `createEffect`. This is the
+  // Solid equivalent of react-aria's `setState`-*during-render*: because the
+  // memo is a dependency of the caller's mount gate (`isOpen() || isExiting()`),
+  // Solid recomputes it *before* the gate in the same synchronous propagation
+  // that flips `isOpen`. A `createEffect` runs in the later effects phase, so
+  // the gate would first observe `!isOpen && !isExiting` and unmount the
+  // overlay, then the effect would flip `exiting` true and remount it from
+  // scratch — recreating the whole subtree (Dialog section, focus scope) and
+  // firing a spurious focus bounce mid-gesture. The memo closes that window so
+  // the overlay stays mounted continuously through the exit, matching React's
+  // single-commit `isOpen || isExiting`.
+  //
+  // Only the *async* edge (exiting→closed, when the animation settles) stays
+  // event-driven: `createAnimation` bumps `exitFinished`, and the memo
+  // acknowledges the new value via `ackedFinish` carried in its own previous
+  // result — a pure epoch/ack so the memo never mutates external state.
+  type ExitState = "closed" | "open" | "exiting";
+  const [exitFinished, setExitFinished] = createSignal(0);
+
+  const exitState = createMemo<{ state: ExitState; ackedFinish: number }>(
+    (prev) => {
+      const open = isOpen();
+      const finish = exitFinished();
+      const compute = (): { state: ExitState; ackedFinish: number } => {
+        if (open) return { state: "open", ackedFinish: finish };
+        // Open element requested to close: begin exiting.
+        if (prev.state === "open") return { state: "exiting", ackedFinish: finish };
+        // Mid-exit: settle to closed only once the animation reports a new finish.
+        if (prev.state === "exiting") {
+          if (finish !== prev.ackedFinish) return { state: "closed", ackedFinish: finish };
+          return prev;
+        }
+        return { state: "closed", ackedFinish: finish };
+      };
+      return compute();
+    },
+    { state: isOpen() ? "open" : "closed", ackedFinish: 0 },
   );
 
-  createEffect(() => {
-    const open = isOpen();
-    setExitState((current) => {
-      // Open element requested to close: begin exiting.
-      if (current === "open" && !open) return "exiting";
-      // Closed or mid-exit element requested to open: the animation was
-      // interrupted (or it is a fresh open), so return to the open state.
-      if ((current === "closed" || current === "exiting") && open) return "open";
-      return current;
-    });
-  });
-
-  const isExiting = () => exitState() === "exiting";
-
-  createAnimation(ref, isExiting, () => {
-    setExitState((state) => (state === "exiting" ? "closed" : state));
-  });
+  const isExiting = () => exitState().state === "exiting";
+
+  // Keep the state machine eagerly subscribed. The caller's mount gate
+  // `isOpen() || isExiting()` short-circuits on `isOpen()` while open and never
+  // reads `isExiting`, so this lazy memo would go unobserved for the whole open
+  // lifetime — never advancing to "open". Then on close it would recompute once,
+  // straight from its stale initial "closed" back to "closed" (the "open→exiting"
+  // edge never taken), collapsing the exit: `combinedExiting` stays false, the
+  // caller's `<Show>` sees the gate go falsy, and the overlay Portal unmounts
+  // synchronously mid-gesture (blurring the focused dialog to <body> before the
+  // triggering key's `keyup`). An eager reader forces the memo to track `isOpen`
+  // continuously so `prev.state === "open"` holds when the close edge runs —
+  // mirroring React, whose component re-renders and re-derives this every commit.
+  createComputed(() => void exitState());
+
+  createAnimation(
+    ref,
+    isExiting,
+    () => {
+      setExitFinished((n) => n + 1);
+    },
+    true,
+  );
 
   return isExiting;
 }

package/src/utils/dom.ts

@@ -502,9 +502,10 @@ export function isFocusWithin(element: Element): boolean {
  */
 export function getFocusableTreeWalker(
   root: Element,
-  opts?: { tabbable?: boolean; from?: Node },
+  opts?: { tabbable?: boolean; from?: Node; accept?: (node: Element) => boolean },
 ): TreeWalker {
-  const accept = (node: Element) => (opts?.tabbable ? isTabbable(node) : isFocusable(node));
+  const accept = (node: Element) =>
+    (opts?.tabbable ? isTabbable(node) : isFocusable(node)) && (!opts?.accept || opts.accept(node));
   const walker = getOwnerDocument(root).createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
     acceptNode(node) {
       // Skip nodes inside the optional starting node.

package/src/utils/index.ts

@@ -33,6 +33,8 @@ export {
   getScrollParent,
   getScrollParents,
   willOpenKeyboard,
+  getActiveElement,
+  getFocusableTreeWalker,
 } from "./dom";
 
 export { scrollIntoView, scrollIntoViewport } from "./scrollIntoView";

package/dist/_chunk/createLongPress.js

@@ -1,91 +0,0 @@
-import { t as createPress } from "./createPress.js";
-import { o as mergeProps } from "./env.js";
-import { i as createDescription, s as createGlobalListeners } from "./utils.js";
-import { n as focusWithoutScrolling } from "./focus.js";
-import { onCleanup } from "solid-js";
-//#region src/interactions/createLongPress.ts
-/**
-* createLongPress - Handles long press interactions across mouse and touch.
-*
-* Port of @react-aria/interactions useLongPress, adapted for SolidJS.
-*/
-const DEFAULT_THRESHOLD = 500;
-function isDisabledValue(isDisabled) {
-	return typeof isDisabled === "function" ? isDisabled() : !!isDisabled;
-}
-function createLongPressEvent(type, e) {
-	return {
-		type,
-		pointerType: e.pointerType,
-		target: e.target,
-		shiftKey: e.shiftKey,
-		ctrlKey: e.ctrlKey,
-		metaKey: e.metaKey,
-		altKey: e.altKey,
-		x: e.x,
-		y: e.y
-	};
-}
-/**
-* Handles long press interactions across mouse and touch devices.
-*/
-function createLongPress(props = {}) {
-	const { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = DEFAULT_THRESHOLD, accessibilityDescription } = props;
-	let timeoutId;
-	const { addGlobalListener } = createGlobalListeners();
-	const { pressProps } = createPress({
-		isDisabled,
-		onPressStart(e) {
-			e.continuePropagation();
-			if (e.pointerType === "mouse" || e.pointerType === "touch") {
-				onLongPressStart?.(createLongPressEvent("longpressstart", e));
-				timeoutId = setTimeout(() => {
-					e.target.dispatchEvent(new PointerEvent("pointercancel", { bubbles: true }));
-					if (document.activeElement !== e.target) focusWithoutScrolling(e.target);
-					onLongPress?.(createLongPressEvent("longpress", e));
-					timeoutId = void 0;
-				}, threshold);
-				if (e.pointerType === "touch") {
-					const onContextMenu = (event) => {
-						event.preventDefault();
-					};
-					const target = e.target;
-					target.addEventListener("contextmenu", onContextMenu, { once: true });
-					addGlobalListener("pointerup", () => {
-						setTimeout(() => {
-							target.removeEventListener("contextmenu", onContextMenu);
-						}, 30);
-					}, {
-						isWindow: true,
-						once: true
-					});
-				}
-			}
-		},
-		onPressEnd(e) {
-			if (timeoutId) {
-				clearTimeout(timeoutId);
-				timeoutId = void 0;
-			}
-			if (onLongPressEnd && (e.pointerType === "mouse" || e.pointerType === "touch")) onLongPressEnd(createLongPressEvent("longpressend", e));
-		}
-	});
-	const descriptionProps = createDescription(() => onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : void 0);
-	onCleanup(() => {
-		if (timeoutId) {
-			clearTimeout(timeoutId);
-			timeoutId = void 0;
-		}
-	});
-	const longPressProps = mergeProps(pressProps);
-	Object.defineProperty(longPressProps, "aria-describedby", {
-		get: () => descriptionProps["aria-describedby"],
-		enumerable: true,
-		configurable: true
-	});
-	return { longPressProps };
-}
-//#endregion
-export { createLongPress as t };
-
-//# sourceMappingURL=createLongPress.js.map

package/dist/_chunk/createLongPress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createLongPress.js","names":[],"sources":["../../src/interactions/createLongPress.ts"],"sourcesContent":["/**\n * createLongPress - Handles long press interactions across mouse and touch.\n *\n * Port of @react-aria/interactions useLongPress, adapted for SolidJS.\n */\n\nimport { JSX, onCleanup } from \"solid-js\";\nimport { createPress, type PressEvent } from \"./createPress\";\nimport { mergeProps, focusWithoutScrolling, createGlobalListeners } from \"../utils\";\nimport { createDescription } from \"../utils/createDescription\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface LongPressEvent {\n  /** The type of long press event being fired. */\n  type: \"longpressstart\" | \"longpressend\" | \"longpress\";\n  /** The pointer type that triggered the long press. */\n  pointerType: PressEvent[\"pointerType\"];\n  /** The target element of the long press event. */\n  target: Element;\n  /** Whether the shift keyboard modifier was held during the long press event. */\n  shiftKey: boolean;\n  /** Whether the ctrl keyboard modifier was held during the long press event. */\n  ctrlKey: boolean;\n  /** Whether the meta keyboard modifier was held during the long press event. */\n  metaKey: boolean;\n  /** Whether the alt keyboard modifier was held during the long press event. */\n  altKey: boolean;\n  /** X position relative to the target. */\n  x: number;\n  /** Y position relative to the target. */\n  y: number;\n}\n\nexport interface LongPressProps {\n  /** Whether long press events should be disabled. */\n  isDisabled?: MaybeAccessor<boolean>;\n  /** Handler that is called when a long press interaction starts. */\n  onLongPressStart?: (e: LongPressEvent) => void;\n  /**\n   * Handler that is called when a long press interaction ends, either\n   * over the target or when the pointer leaves the target.\n   */\n  onLongPressEnd?: (e: LongPressEvent) => void;\n  /**\n   * Handler that is called when the threshold time is met while\n   * the press is over the target.\n   */\n  onLongPress?: (e: LongPressEvent) => void;\n  /**\n   * The amount of time in milliseconds to wait before triggering a long press.\n   * @default 500ms\n   */\n  threshold?: number;\n  /**\n   * A description for assistive technology users indicating that a long press\n   * action is available, e.g. \"Long press to open menu\".\n   */\n  accessibilityDescription?: string;\n}\n\nexport interface LongPressResult {\n  /** Props to spread on the target element. */\n  longPressProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nconst DEFAULT_THRESHOLD = 500;\n\nfunction isDisabledValue(isDisabled: MaybeAccessor<boolean> | undefined): boolean {\n  return typeof isDisabled === \"function\" ? isDisabled() : !!isDisabled;\n}\n\nfunction createLongPressEvent(type: LongPressEvent[\"type\"], e: PressEvent): LongPressEvent {\n  return {\n    type,\n    pointerType: e.pointerType,\n    target: e.target,\n    shiftKey: e.shiftKey,\n    ctrlKey: e.ctrlKey,\n    metaKey: e.metaKey,\n    altKey: e.altKey,\n    x: e.x,\n    y: e.y,\n  };\n}\n\n/**\n * Handles long press interactions across mouse and touch devices.\n */\nexport function createLongPress(props: LongPressProps = {}): LongPressResult {\n  const {\n    isDisabled,\n    onLongPressStart,\n    onLongPressEnd,\n    onLongPress,\n    threshold = DEFAULT_THRESHOLD,\n    accessibilityDescription,\n  } = props;\n\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  const { addGlobalListener } = createGlobalListeners();\n\n  const { pressProps } = createPress({\n    isDisabled,\n    onPressStart(e) {\n      e.continuePropagation();\n      if (e.pointerType === \"mouse\" || e.pointerType === \"touch\") {\n        onLongPressStart?.(createLongPressEvent(\"longpressstart\", e));\n\n        timeoutId = setTimeout(() => {\n          // Prevent other press handlers from also handling this event.\n          e.target.dispatchEvent(new PointerEvent(\"pointercancel\", { bubbles: true }));\n\n          // Ensure target is focused. On touch devices, browsers typically focus on pointer up.\n          if (document.activeElement !== e.target) {\n            focusWithoutScrolling(e.target as HTMLElement);\n          }\n\n          onLongPress?.(createLongPressEvent(\"longpress\", e));\n          timeoutId = undefined;\n        }, threshold);\n\n        if (e.pointerType === \"touch\") {\n          const onContextMenu = (event: Event) => {\n            event.preventDefault();\n          };\n          const target = e.target as HTMLElement;\n          target.addEventListener(\"contextmenu\", onContextMenu, { once: true });\n\n          addGlobalListener(\n            \"pointerup\",\n            () => {\n              setTimeout(() => {\n                target.removeEventListener(\"contextmenu\", onContextMenu);\n              }, 30);\n            },\n            { isWindow: true, once: true },\n          );\n        }\n      }\n    },\n    onPressEnd(e) {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n\n      if (onLongPressEnd && (e.pointerType === \"mouse\" || e.pointerType === \"touch\")) {\n        onLongPressEnd(createLongPressEvent(\"longpressend\", e));\n      }\n    },\n  });\n\n  const descriptionProps = createDescription(() =>\n    onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : undefined,\n  );\n\n  onCleanup(() => {\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n  });\n\n  const longPressProps = mergeProps(pressProps) as JSX.HTMLAttributes<HTMLElement>;\n  Object.defineProperty(longPressProps, \"aria-describedby\", {\n    get: () => descriptionProps[\"aria-describedby\"],\n    enumerable: true,\n    configurable: true,\n  });\n\n  return {\n    longPressProps,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAiEA,MAAM,oBAAoB;AAE1B,SAAS,gBAAgB,YAAyD;CAChF,OAAO,OAAO,eAAe,aAAa,WAAW,IAAI,CAAC,CAAC;AAC7D;AAEA,SAAS,qBAAqB,MAA8B,GAA+B;CACzF,OAAO;EACL;EACA,aAAa,EAAE;EACf,QAAQ,EAAE;EACV,UAAU,EAAE;EACZ,SAAS,EAAE;EACX,SAAS,EAAE;EACX,QAAQ,EAAE;EACV,GAAG,EAAE;EACL,GAAG,EAAE;CACP;AACF;;;;AAKA,SAAgB,gBAAgB,QAAwB,CAAC,GAAoB;CAC3E,MAAM,EACJ,YACA,kBACA,gBACA,aACA,YAAY,mBACZ,6BACE;CAEJ,IAAI;CACJ,MAAM,EAAE,sBAAsB,sBAAsB;CAEpD,MAAM,EAAE,eAAe,YAAY;EACjC;EACA,aAAa,GAAG;GACd,EAAE,oBAAoB;GACtB,IAAI,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,SAAS;IAC1D,mBAAmB,qBAAqB,kBAAkB,CAAC,CAAC;IAE5D,YAAY,iBAAiB;KAE3B,EAAE,OAAO,cAAc,IAAI,aAAa,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC;KAG3E,IAAI,SAAS,kBAAkB,EAAE,QAC/B,sBAAsB,EAAE,MAAqB;KAG/C,cAAc,qBAAqB,aAAa,CAAC,CAAC;KAClD,YAAY,KAAA;IACd,GAAG,SAAS;IAEZ,IAAI,EAAE,gBAAgB,SAAS;KAC7B,MAAM,iBAAiB,UAAiB;MACtC,MAAM,eAAe;KACvB;KACA,MAAM,SAAS,EAAE;KACjB,OAAO,iBAAiB,eAAe,eAAe,EAAE,MAAM,KAAK,CAAC;KAEpE,kBACE,mBACM;MACJ,iBAAiB;OACf,OAAO,oBAAoB,eAAe,aAAa;MACzD,GAAG,EAAE;KACP,GACA;MAAE,UAAU;MAAM,MAAM;KAAK,CAC/B;IACF;GACF;EACF;EACA,WAAW,GAAG;GACZ,IAAI,WAAW;IACb,aAAa,SAAS;IACtB,YAAY,KAAA;GACd;GAEA,IAAI,mBAAmB,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,UACpE,eAAe,qBAAqB,gBAAgB,CAAC,CAAC;EAE1D;CACF,CAAC;CAED,MAAM,mBAAmB,wBACvB,eAAe,CAAC,gBAAgB,UAAU,IAAI,2BAA2B,KAAA,CAC3E;CAEA,gBAAgB;EACd,IAAI,WAAW;GACb,aAAa,SAAS;GACtB,YAAY,KAAA;EACd;CACF,CAAC;CAED,MAAM,iBAAiB,WAAW,UAAU;CAC5C,OAAO,eAAe,gBAAgB,oBAAoB;EACxD,WAAW,iBAAiB;EAC5B,YAAY;EACZ,cAAc;CAChB,CAAC;CAED,OAAO,EACL,eACF;AACF"}

package/dist/_chunk/createLongPress.jsx

@@ -1,91 +0,0 @@
-import { t as createPress } from "./createPress.jsx";
-import { o as mergeProps } from "./env.jsx";
-import { i as createDescription, s as createGlobalListeners } from "./utils.jsx";
-import { n as focusWithoutScrolling } from "./focus.jsx";
-import { onCleanup } from "solid-js";
-//#region src/interactions/createLongPress.ts
-/**
-* createLongPress - Handles long press interactions across mouse and touch.
-*
-* Port of @react-aria/interactions useLongPress, adapted for SolidJS.
-*/
-const DEFAULT_THRESHOLD = 500;
-function isDisabledValue(isDisabled) {
-	return typeof isDisabled === "function" ? isDisabled() : !!isDisabled;
-}
-function createLongPressEvent(type, e) {
-	return {
-		type,
-		pointerType: e.pointerType,
-		target: e.target,
-		shiftKey: e.shiftKey,
-		ctrlKey: e.ctrlKey,
-		metaKey: e.metaKey,
-		altKey: e.altKey,
-		x: e.x,
-		y: e.y
-	};
-}
-/**
-* Handles long press interactions across mouse and touch devices.
-*/
-function createLongPress(props = {}) {
-	const { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = DEFAULT_THRESHOLD, accessibilityDescription } = props;
-	let timeoutId;
-	const { addGlobalListener } = createGlobalListeners();
-	const { pressProps } = createPress({
-		isDisabled,
-		onPressStart(e) {
-			e.continuePropagation();
-			if (e.pointerType === "mouse" || e.pointerType === "touch") {
-				onLongPressStart?.(createLongPressEvent("longpressstart", e));
-				timeoutId = setTimeout(() => {
-					e.target.dispatchEvent(new PointerEvent("pointercancel", { bubbles: true }));
-					if (document.activeElement !== e.target) focusWithoutScrolling(e.target);
-					onLongPress?.(createLongPressEvent("longpress", e));
-					timeoutId = void 0;
-				}, threshold);
-				if (e.pointerType === "touch") {
-					const onContextMenu = (event) => {
-						event.preventDefault();
-					};
-					const target = e.target;
-					target.addEventListener("contextmenu", onContextMenu, { once: true });
-					addGlobalListener("pointerup", () => {
-						setTimeout(() => {
-							target.removeEventListener("contextmenu", onContextMenu);
-						}, 30);
-					}, {
-						isWindow: true,
-						once: true
-					});
-				}
-			}
-		},
-		onPressEnd(e) {
-			if (timeoutId) {
-				clearTimeout(timeoutId);
-				timeoutId = void 0;
-			}
-			if (onLongPressEnd && (e.pointerType === "mouse" || e.pointerType === "touch")) onLongPressEnd(createLongPressEvent("longpressend", e));
-		}
-	});
-	const descriptionProps = createDescription(() => onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : void 0);
-	onCleanup(() => {
-		if (timeoutId) {
-			clearTimeout(timeoutId);
-			timeoutId = void 0;
-		}
-	});
-	const longPressProps = mergeProps(pressProps);
-	Object.defineProperty(longPressProps, "aria-describedby", {
-		get: () => descriptionProps["aria-describedby"],
-		enumerable: true,
-		configurable: true
-	});
-	return { longPressProps };
-}
-//#endregion
-export { createLongPress as t };
-
-//# sourceMappingURL=createLongPress.jsx.map

package/dist/_chunk/createLongPress.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"createLongPress.jsx","names":[],"sources":["../../src/interactions/createLongPress.ts"],"sourcesContent":["/**\n * createLongPress - Handles long press interactions across mouse and touch.\n *\n * Port of @react-aria/interactions useLongPress, adapted for SolidJS.\n */\n\nimport { JSX, onCleanup } from \"solid-js\";\nimport { createPress, type PressEvent } from \"./createPress\";\nimport { mergeProps, focusWithoutScrolling, createGlobalListeners } from \"../utils\";\nimport { createDescription } from \"../utils/createDescription\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface LongPressEvent {\n  /** The type of long press event being fired. */\n  type: \"longpressstart\" | \"longpressend\" | \"longpress\";\n  /** The pointer type that triggered the long press. */\n  pointerType: PressEvent[\"pointerType\"];\n  /** The target element of the long press event. */\n  target: Element;\n  /** Whether the shift keyboard modifier was held during the long press event. */\n  shiftKey: boolean;\n  /** Whether the ctrl keyboard modifier was held during the long press event. */\n  ctrlKey: boolean;\n  /** Whether the meta keyboard modifier was held during the long press event. */\n  metaKey: boolean;\n  /** Whether the alt keyboard modifier was held during the long press event. */\n  altKey: boolean;\n  /** X position relative to the target. */\n  x: number;\n  /** Y position relative to the target. */\n  y: number;\n}\n\nexport interface LongPressProps {\n  /** Whether long press events should be disabled. */\n  isDisabled?: MaybeAccessor<boolean>;\n  /** Handler that is called when a long press interaction starts. */\n  onLongPressStart?: (e: LongPressEvent) => void;\n  /**\n   * Handler that is called when a long press interaction ends, either\n   * over the target or when the pointer leaves the target.\n   */\n  onLongPressEnd?: (e: LongPressEvent) => void;\n  /**\n   * Handler that is called when the threshold time is met while\n   * the press is over the target.\n   */\n  onLongPress?: (e: LongPressEvent) => void;\n  /**\n   * The amount of time in milliseconds to wait before triggering a long press.\n   * @default 500ms\n   */\n  threshold?: number;\n  /**\n   * A description for assistive technology users indicating that a long press\n   * action is available, e.g. \"Long press to open menu\".\n   */\n  accessibilityDescription?: string;\n}\n\nexport interface LongPressResult {\n  /** Props to spread on the target element. */\n  longPressProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nconst DEFAULT_THRESHOLD = 500;\n\nfunction isDisabledValue(isDisabled: MaybeAccessor<boolean> | undefined): boolean {\n  return typeof isDisabled === \"function\" ? isDisabled() : !!isDisabled;\n}\n\nfunction createLongPressEvent(type: LongPressEvent[\"type\"], e: PressEvent): LongPressEvent {\n  return {\n    type,\n    pointerType: e.pointerType,\n    target: e.target,\n    shiftKey: e.shiftKey,\n    ctrlKey: e.ctrlKey,\n    metaKey: e.metaKey,\n    altKey: e.altKey,\n    x: e.x,\n    y: e.y,\n  };\n}\n\n/**\n * Handles long press interactions across mouse and touch devices.\n */\nexport function createLongPress(props: LongPressProps = {}): LongPressResult {\n  const {\n    isDisabled,\n    onLongPressStart,\n    onLongPressEnd,\n    onLongPress,\n    threshold = DEFAULT_THRESHOLD,\n    accessibilityDescription,\n  } = props;\n\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  const { addGlobalListener } = createGlobalListeners();\n\n  const { pressProps } = createPress({\n    isDisabled,\n    onPressStart(e) {\n      e.continuePropagation();\n      if (e.pointerType === \"mouse\" || e.pointerType === \"touch\") {\n        onLongPressStart?.(createLongPressEvent(\"longpressstart\", e));\n\n        timeoutId = setTimeout(() => {\n          // Prevent other press handlers from also handling this event.\n          e.target.dispatchEvent(new PointerEvent(\"pointercancel\", { bubbles: true }));\n\n          // Ensure target is focused. On touch devices, browsers typically focus on pointer up.\n          if (document.activeElement !== e.target) {\n            focusWithoutScrolling(e.target as HTMLElement);\n          }\n\n          onLongPress?.(createLongPressEvent(\"longpress\", e));\n          timeoutId = undefined;\n        }, threshold);\n\n        if (e.pointerType === \"touch\") {\n          const onContextMenu = (event: Event) => {\n            event.preventDefault();\n          };\n          const target = e.target as HTMLElement;\n          target.addEventListener(\"contextmenu\", onContextMenu, { once: true });\n\n          addGlobalListener(\n            \"pointerup\",\n            () => {\n              setTimeout(() => {\n                target.removeEventListener(\"contextmenu\", onContextMenu);\n              }, 30);\n            },\n            { isWindow: true, once: true },\n          );\n        }\n      }\n    },\n    onPressEnd(e) {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n\n      if (onLongPressEnd && (e.pointerType === \"mouse\" || e.pointerType === \"touch\")) {\n        onLongPressEnd(createLongPressEvent(\"longpressend\", e));\n      }\n    },\n  });\n\n  const descriptionProps = createDescription(() =>\n    onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : undefined,\n  );\n\n  onCleanup(() => {\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n  });\n\n  const longPressProps = mergeProps(pressProps) as JSX.HTMLAttributes<HTMLElement>;\n  Object.defineProperty(longPressProps, \"aria-describedby\", {\n    get: () => descriptionProps[\"aria-describedby\"],\n    enumerable: true,\n    configurable: true,\n  });\n\n  return {\n    longPressProps,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAiEA,MAAM,oBAAoB;AAE1B,SAAS,gBAAgB,YAAyD;CAChF,OAAO,OAAO,eAAe,aAAa,WAAW,IAAI,CAAC,CAAC;AAC7D;AAEA,SAAS,qBAAqB,MAA8B,GAA+B;CACzF,OAAO;EACL;EACA,aAAa,EAAE;EACf,QAAQ,EAAE;EACV,UAAU,EAAE;EACZ,SAAS,EAAE;EACX,SAAS,EAAE;EACX,QAAQ,EAAE;EACV,GAAG,EAAE;EACL,GAAG,EAAE;CACP;AACF;;;;AAKA,SAAgB,gBAAgB,QAAwB,CAAC,GAAoB;CAC3E,MAAM,EACJ,YACA,kBACA,gBACA,aACA,YAAY,mBACZ,6BACE;CAEJ,IAAI;CACJ,MAAM,EAAE,sBAAsB,sBAAsB;CAEpD,MAAM,EAAE,eAAe,YAAY;EACjC;EACA,aAAa,GAAG;GACd,EAAE,oBAAoB;GACtB,IAAI,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,SAAS;IAC1D,mBAAmB,qBAAqB,kBAAkB,CAAC,CAAC;IAE5D,YAAY,iBAAiB;KAE3B,EAAE,OAAO,cAAc,IAAI,aAAa,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC;KAG3E,IAAI,SAAS,kBAAkB,EAAE,QAC/B,sBAAsB,EAAE,MAAqB;KAG/C,cAAc,qBAAqB,aAAa,CAAC,CAAC;KAClD,YAAY,KAAA;IACd,GAAG,SAAS;IAEZ,IAAI,EAAE,gBAAgB,SAAS;KAC7B,MAAM,iBAAiB,UAAiB;MACtC,MAAM,eAAe;KACvB;KACA,MAAM,SAAS,EAAE;KACjB,OAAO,iBAAiB,eAAe,eAAe,EAAE,MAAM,KAAK,CAAC;KAEpE,kBACE,mBACM;MACJ,iBAAiB;OACf,OAAO,oBAAoB,eAAe,aAAa;MACzD,GAAG,EAAE;KACP,GACA;MAAE,UAAU;MAAM,MAAM;KAAK,CAC/B;IACF;GACF;EACF;EACA,WAAW,GAAG;GACZ,IAAI,WAAW;IACb,aAAa,SAAS;IACtB,YAAY,KAAA;GACd;GAEA,IAAI,mBAAmB,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,UACpE,eAAe,qBAAqB,gBAAgB,CAAC,CAAC;EAE1D;CACF,CAAC;CAED,MAAM,mBAAmB,wBACvB,eAAe,CAAC,gBAAgB,UAAU,IAAI,2BAA2B,KAAA,CAC3E;CAEA,gBAAgB;EACd,IAAI,WAAW;GACb,aAAa,SAAS;GACtB,YAAY,KAAA;EACd;CACF,CAAC;CAED,MAAM,iBAAiB,WAAW,UAAU;CAC5C,OAAO,eAAe,gBAAgB,oBAAoB;EACxD,WAAW,iBAAiB;EAC5B,YAAY;EACZ,cAAc;CAChB,CAAC;CAED,OAAO,EACL,eACF;AACF"}

package/dist/_chunk/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../src/form/createFormReset.ts"],"sourcesContent":["/**\n * createFormReset - Handles form reset events for form fields.\n *\n * Resets the field value to its default when the containing form is reset.\n * Port of @react-aria/utils useFormReset.\n */\n\nimport { type Accessor, createEffect, onCleanup } from \"solid-js\";\n\nexport interface FormResetOptions<T> {\n  /** The default value to reset to. */\n  defaultValue: T;\n  /** Function to set the current value. */\n  onReset: (value: T) => void;\n}\n\n/**\n * Listens for form reset events and resets the field value to its default.\n *\n * @example\n * ```tsx\n * createFormReset(\n *   () => inputRef,\n *   { label: 'Default' },\n *   (value) => state.setSelectedKey(value.key)\n * );\n * ```\n */\nexport function createFormReset<T>(\n  ref: Accessor<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | undefined>,\n  defaultValue: T,\n  onReset: (value: T) => void,\n): void {\n  createEffect(() => {\n    const element = ref();\n    if (!element) return;\n\n    const form = element.form;\n    if (!form) return;\n\n    const handleReset = () => {\n      onReset(defaultValue);\n    };\n\n    form.addEventListener(\"reset\", handleReset);\n\n    onCleanup(() => {\n      form.removeEventListener(\"reset\", handleReset);\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,gBACd,KACA,cACA,SACM;CACN,mBAAmB;EACjB,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SAAS;EAEd,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,MAAM;EAEX,MAAM,oBAAoB;GACxB,QAAQ,YAAY;EACtB;EAEA,KAAK,iBAAiB,SAAS,WAAW;EAE1C,gBAAgB;GACd,KAAK,oBAAoB,SAAS,WAAW;EAC/C,CAAC;CACH,CAAC;AACH"}

package/dist/_chunk/form.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.jsx","names":[],"sources":["../../src/form/createFormReset.ts"],"sourcesContent":["/**\n * createFormReset - Handles form reset events for form fields.\n *\n * Resets the field value to its default when the containing form is reset.\n * Port of @react-aria/utils useFormReset.\n */\n\nimport { type Accessor, createEffect, onCleanup } from \"solid-js\";\n\nexport interface FormResetOptions<T> {\n  /** The default value to reset to. */\n  defaultValue: T;\n  /** Function to set the current value. */\n  onReset: (value: T) => void;\n}\n\n/**\n * Listens for form reset events and resets the field value to its default.\n *\n * @example\n * ```tsx\n * createFormReset(\n *   () => inputRef,\n *   { label: 'Default' },\n *   (value) => state.setSelectedKey(value.key)\n * );\n * ```\n */\nexport function createFormReset<T>(\n  ref: Accessor<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | undefined>,\n  defaultValue: T,\n  onReset: (value: T) => void,\n): void {\n  createEffect(() => {\n    const element = ref();\n    if (!element) return;\n\n    const form = element.form;\n    if (!form) return;\n\n    const handleReset = () => {\n      onReset(defaultValue);\n    };\n\n    form.addEventListener(\"reset\", handleReset);\n\n    onCleanup(() => {\n      form.removeEventListener(\"reset\", handleReset);\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,gBACd,KACA,cACA,SACM;CACN,mBAAmB;EACjB,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SAAS;EAEd,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,MAAM;EAEX,MAAM,oBAAoB;GACxB,QAAQ,YAAY;EACtB;EAEA,KAAK,iBAAiB,SAAS,WAAW;EAE1C,gBAAgB;GACd,KAAK,oBAAoB,SAAS,WAAW;EAC/C,CAAC;CACH,CAAC;AACH"}

package/dist/_chunk/live-announcer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-announcer.js","names":[],"sources":["../../src/live-announcer/announce.ts"],"sourcesContent":["/**\n * Live announcer for solidaria\n *\n * Provides functions to make announcements to screen readers using\n * ARIA live regions. Useful for announcing dynamic content changes.\n *\n * Port of react-aria's @react-aria/live-announcer.\n *\n * SSR Safety: All functions are safe to call during SSR. The announcer\n * will only be created when running in the browser.\n */\n\nimport { onCleanup, createEffect } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport type Assertiveness = \"assertive\" | \"polite\";\n\nexport type Message = string | { \"aria-labelledby\": string };\n\nconst LIVEREGION_TIMEOUT_DELAY = 7000;\n\n/**\n * Singleton class that manages live region announcements.\n * Implemented using vanilla DOM for simplicity and framework independence.\n */\nclass LiveAnnouncer {\n  node: HTMLElement | null = null;\n  assertiveLog: HTMLElement | null = null;\n  politeLog: HTMLElement | null = null;\n\n  constructor() {\n    if (typeof document !== \"undefined\") {\n      this.node = document.createElement(\"div\");\n      this.node.dataset.liveAnnouncer = \"true\";\n      // Visually hidden styles\n      Object.assign(this.node.style, {\n        border: \"0\",\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: \"0\",\n        position: \"absolute\",\n        width: \"1px\",\n        whiteSpace: \"nowrap\",\n      });\n\n      this.assertiveLog = this.createLog(\"assertive\");\n      this.node.appendChild(this.assertiveLog);\n\n      this.politeLog = this.createLog(\"polite\");\n      this.node.appendChild(this.politeLog);\n\n      document.body.prepend(this.node);\n    }\n  }\n\n  isAttached(): boolean {\n    return this.node?.isConnected ?? false;\n  }\n\n  createLog(ariaLive: string): HTMLElement {\n    const node = document.createElement(\"div\");\n    node.setAttribute(\"role\", \"log\");\n    node.setAttribute(\"aria-live\", ariaLive);\n    node.setAttribute(\"aria-relevant\", \"additions\");\n    return node;\n  }\n\n  destroy(): void {\n    if (!this.node) {\n      return;\n    }\n\n    document.body.removeChild(this.node);\n    this.node = null;\n  }\n\n  announce(\n    message: Message,\n    assertiveness: Assertiveness = \"assertive\",\n    timeout: number = LIVEREGION_TIMEOUT_DELAY,\n  ): void {\n    if (!this.node) {\n      return;\n    }\n\n    const node = document.createElement(\"div\");\n    if (typeof message === \"object\") {\n      // To read an aria-labelledby, the element must have an appropriate role, such as img.\n      node.setAttribute(\"role\", \"img\");\n      node.setAttribute(\"aria-labelledby\", message[\"aria-labelledby\"]);\n    } else {\n      node.textContent = message;\n    }\n\n    if (assertiveness === \"assertive\") {\n      this.assertiveLog?.appendChild(node);\n    } else {\n      this.politeLog?.appendChild(node);\n    }\n\n    if (message !== \"\") {\n      setTimeout(() => {\n        node.remove();\n      }, timeout);\n    }\n  }\n\n  clear(assertiveness?: Assertiveness): void {\n    if (!this.node) {\n      return;\n    }\n\n    if ((!assertiveness || assertiveness === \"assertive\") && this.assertiveLog) {\n      this.assertiveLog.innerHTML = \"\";\n    }\n\n    if ((!assertiveness || assertiveness === \"polite\") && this.politeLog) {\n      this.politeLog.innerHTML = \"\";\n    }\n  }\n}\n\nlet liveAnnouncer: LiveAnnouncer | null = null;\n\n/**\n * Announces a message to screen readers using ARIA live regions.\n *\n * @param message - The message to announce, or an object with aria-labelledby\n * @param assertiveness - 'assertive' interrupts, 'polite' waits for a pause\n * @param timeout - How long to keep the message in the DOM (default 7000ms)\n *\n * @example\n * ```tsx\n * // Simple announcement\n * announce('Item added to cart');\n *\n * // Polite announcement (won't interrupt)\n * announce('3 results found', 'polite');\n *\n * // Using aria-labelledby for complex content\n * announce({ 'aria-labelledby': 'my-element-id' });\n * ```\n */\nexport function announce(\n  message: Message,\n  assertiveness: Assertiveness = \"assertive\",\n  timeout: number = LIVEREGION_TIMEOUT_DELAY,\n): void {\n  if (!liveAnnouncer) {\n    liveAnnouncer = new LiveAnnouncer();\n    // Wait for the live announcer regions to be added to the DOM, then announce.\n    // Otherwise Safari won't announce the message if it's added too quickly.\n    // Found most times less than 100ms were not consistent when announcing with Safari.\n\n    // Check for test environment\n    const isTestEnv =\n      typeof (globalThis as Record<string, unknown>).IS_SOLIDARIA_TEST === \"boolean\"\n        ? (globalThis as Record<string, unknown>).IS_SOLIDARIA_TEST\n        : typeof (globalThis as Record<string, unknown>).vitest !== \"undefined\";\n\n    if (!isTestEnv) {\n      setTimeout(() => {\n        if (liveAnnouncer?.isAttached()) {\n          liveAnnouncer?.announce(message, assertiveness, timeout);\n        }\n      }, 100);\n    } else {\n      liveAnnouncer.announce(message, assertiveness, timeout);\n    }\n  } else {\n    liveAnnouncer.announce(message, assertiveness, timeout);\n  }\n}\n\n/**\n * Clears all queued announcements for the given assertiveness level.\n *\n * @param assertiveness - Which log to clear ('assertive' or 'polite')\n *\n * @example\n * ```tsx\n * // Clear assertive announcements\n * clearAnnouncer('assertive');\n *\n * // Clear polite announcements\n * clearAnnouncer('polite');\n * ```\n */\nexport function clearAnnouncer(assertiveness?: Assertiveness): void {\n  if (liveAnnouncer) {\n    liveAnnouncer.clear(assertiveness);\n  }\n}\n\n/**\n * Removes the live announcer from the DOM entirely.\n * Call this when unmounting your app or when announcements are no longer needed.\n *\n * @example\n * ```tsx\n * // Clean up on app unmount\n * onCleanup(() => {\n *   destroyAnnouncer();\n * });\n * ```\n */\nexport function destroyAnnouncer(): void {\n  if (liveAnnouncer) {\n    liveAnnouncer.destroy();\n    liveAnnouncer = null;\n  }\n}\n\nexport interface UseAnnouncerResult {\n  /** Announce a message to screen readers. */\n  announce: (message: Message, assertiveness?: Assertiveness, timeout?: number) => void;\n  /** Clear announcements for the given assertiveness level. */\n  clear: (assertiveness?: Assertiveness) => void;\n}\n\n/**\n * Hook that provides access to the live announcer with automatic cleanup.\n *\n * This is the recommended way to use the announcer in SolidJS components.\n * It ensures the announcer is created only on the client and provides\n * type-safe methods for announcing and clearing messages.\n *\n * SSR Safety: Returns no-op functions during SSR. The announcer is only\n * created when the component mounts on the client.\n *\n * @example\n * ```tsx\n * function SearchResults(props) {\n *   const announcer = useAnnouncer();\n *\n *   createEffect(() => {\n *     const count = props.results.length;\n *     announcer.announce(`${count} results found`, 'polite');\n *   });\n *\n *   return <ul>...</ul>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * function Form() {\n *   const announcer = useAnnouncer();\n *\n *   const onSubmit = async () => {\n *     try {\n *       await submitForm();\n *       announcer.announce('Form submitted successfully');\n *     } catch (error) {\n *       announcer.announce('Error submitting form', 'assertive');\n *     }\n *   };\n *\n *   return <form onSubmit={onSubmit}>...</form>;\n * }\n * ```\n */\nexport function useAnnouncer(): UseAnnouncerResult {\n  // During SSR, return no-op functions\n  if (isServer) {\n    return {\n      announce: () => {},\n      clear: () => {},\n    };\n  }\n\n  // Ensure the announcer is initialized\n  createEffect(() => {\n    // Initialize on first use\n    if (!liveAnnouncer) {\n      liveAnnouncer = new LiveAnnouncer();\n    }\n  });\n\n  return {\n    announce: (\n      message: Message,\n      assertiveness: Assertiveness = \"assertive\",\n      timeout: number = LIVEREGION_TIMEOUT_DELAY,\n    ) => {\n      announce(message, assertiveness, timeout);\n    },\n    clear: (assertiveness?: Assertiveness) => {\n      clearAnnouncer(assertiveness);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/live-announcer.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-announcer.jsx","names":[],"sources":["../../src/live-announcer/announce.ts"],"sourcesContent":["/**\n * Live announcer for solidaria\n *\n * Provides functions to make announcements to screen readers using\n * ARIA live regions. Useful for announcing dynamic content changes.\n *\n * Port of react-aria's @react-aria/live-announcer.\n *\n * SSR Safety: All functions are safe to call during SSR. The announcer\n * will only be created when running in the browser.\n */\n\nimport { onCleanup, createEffect } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport type Assertiveness = \"assertive\" | \"polite\";\n\nexport type Message = string | { \"aria-labelledby\": string };\n\nconst LIVEREGION_TIMEOUT_DELAY = 7000;\n\n/**\n * Singleton class that manages live region announcements.\n * Implemented using vanilla DOM for simplicity and framework independence.\n */\nclass LiveAnnouncer {\n  node: HTMLElement | null = null;\n  assertiveLog: HTMLElement | null = null;\n  politeLog: HTMLElement | null = null;\n\n  constructor() {\n    if (typeof document !== \"undefined\") {\n      this.node = document.createElement(\"div\");\n      this.node.dataset.liveAnnouncer = \"true\";\n      // Visually hidden styles\n      Object.assign(this.node.style, {\n        border: \"0\",\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: \"0\",\n        position: \"absolute\",\n        width: \"1px\",\n        whiteSpace: \"nowrap\",\n      });\n\n      this.assertiveLog = this.createLog(\"assertive\");\n      this.node.appendChild(this.assertiveLog);\n\n      this.politeLog = this.createLog(\"polite\");\n      this.node.appendChild(this.politeLog);\n\n      document.body.prepend(this.node);\n    }\n  }\n\n  isAttached(): boolean {\n    return this.node?.isConnected ?? false;\n  }\n\n  createLog(ariaLive: string): HTMLElement {\n    const node = document.createElement(\"div\");\n    node.setAttribute(\"role\", \"log\");\n    node.setAttribute(\"aria-live\", ariaLive);\n    node.setAttribute(\"aria-relevant\", \"additions\");\n    return node;\n  }\n\n  destroy(): void {\n    if (!this.node) {\n      return;\n    }\n\n    document.body.removeChild(this.node);\n    this.node = null;\n  }\n\n  announce(\n    message: Message,\n    assertiveness: Assertiveness = \"assertive\",\n    timeout: number = LIVEREGION_TIMEOUT_DELAY,\n  ): void {\n    if (!this.node) {\n      return;\n    }\n\n    const node = document.createElement(\"div\");\n    if (typeof message === \"object\") {\n      // To read an aria-labelledby, the element must have an appropriate role, such as img.\n      node.setAttribute(\"role\", \"img\");\n      node.setAttribute(\"aria-labelledby\", message[\"aria-labelledby\"]);\n    } else {\n      node.textContent = message;\n    }\n\n    if (assertiveness === \"assertive\") {\n      this.assertiveLog?.appendChild(node);\n    } else {\n      this.politeLog?.appendChild(node);\n    }\n\n    if (message !== \"\") {\n      setTimeout(() => {\n        node.remove();\n      }, timeout);\n    }\n  }\n\n  clear(assertiveness?: Assertiveness): void {\n    if (!this.node) {\n      return;\n    }\n\n    if ((!assertiveness || assertiveness === \"assertive\") && this.assertiveLog) {\n      this.assertiveLog.innerHTML = \"\";\n    }\n\n    if ((!assertiveness || assertiveness === \"polite\") && this.politeLog) {\n      this.politeLog.innerHTML = \"\";\n    }\n  }\n}\n\nlet liveAnnouncer: LiveAnnouncer | null = null;\n\n/**\n * Announces a message to screen readers using ARIA live regions.\n *\n * @param message - The message to announce, or an object with aria-labelledby\n * @param assertiveness - 'assertive' interrupts, 'polite' waits for a pause\n * @param timeout - How long to keep the message in the DOM (default 7000ms)\n *\n * @example\n * ```tsx\n * // Simple announcement\n * announce('Item added to cart');\n *\n * // Polite announcement (won't interrupt)\n * announce('3 results found', 'polite');\n *\n * // Using aria-labelledby for complex content\n * announce({ 'aria-labelledby': 'my-element-id' });\n * ```\n */\nexport function announce(\n  message: Message,\n  assertiveness: Assertiveness = \"assertive\",\n  timeout: number = LIVEREGION_TIMEOUT_DELAY,\n): void {\n  if (!liveAnnouncer) {\n    liveAnnouncer = new LiveAnnouncer();\n    // Wait for the live announcer regions to be added to the DOM, then announce.\n    // Otherwise Safari won't announce the message if it's added too quickly.\n    // Found most times less than 100ms were not consistent when announcing with Safari.\n\n    // Check for test environment\n    const isTestEnv =\n      typeof (globalThis as Record<string, unknown>).IS_SOLIDARIA_TEST === \"boolean\"\n        ? (globalThis as Record<string, unknown>).IS_SOLIDARIA_TEST\n        : typeof (globalThis as Record<string, unknown>).vitest !== \"undefined\";\n\n    if (!isTestEnv) {\n      setTimeout(() => {\n        if (liveAnnouncer?.isAttached()) {\n          liveAnnouncer?.announce(message, assertiveness, timeout);\n        }\n      }, 100);\n    } else {\n      liveAnnouncer.announce(message, assertiveness, timeout);\n    }\n  } else {\n    liveAnnouncer.announce(message, assertiveness, timeout);\n  }\n}\n\n/**\n * Clears all queued announcements for the given assertiveness level.\n *\n * @param assertiveness - Which log to clear ('assertive' or 'polite')\n *\n * @example\n * ```tsx\n * // Clear assertive announcements\n * clearAnnouncer('assertive');\n *\n * // Clear polite announcements\n * clearAnnouncer('polite');\n * ```\n */\nexport function clearAnnouncer(assertiveness?: Assertiveness): void {\n  if (liveAnnouncer) {\n    liveAnnouncer.clear(assertiveness);\n  }\n}\n\n/**\n * Removes the live announcer from the DOM entirely.\n * Call this when unmounting your app or when announcements are no longer needed.\n *\n * @example\n * ```tsx\n * // Clean up on app unmount\n * onCleanup(() => {\n *   destroyAnnouncer();\n * });\n * ```\n */\nexport function destroyAnnouncer(): void {\n  if (liveAnnouncer) {\n    liveAnnouncer.destroy();\n    liveAnnouncer = null;\n  }\n}\n\nexport interface UseAnnouncerResult {\n  /** Announce a message to screen readers. */\n  announce: (message: Message, assertiveness?: Assertiveness, timeout?: number) => void;\n  /** Clear announcements for the given assertiveness level. */\n  clear: (assertiveness?: Assertiveness) => void;\n}\n\n/**\n * Hook that provides access to the live announcer with automatic cleanup.\n *\n * This is the recommended way to use the announcer in SolidJS components.\n * It ensures the announcer is created only on the client and provides\n * type-safe methods for announcing and clearing messages.\n *\n * SSR Safety: Returns no-op functions during SSR. The announcer is only\n * created when the component mounts on the client.\n *\n * @example\n * ```tsx\n * function SearchResults(props) {\n *   const announcer = useAnnouncer();\n *\n *   createEffect(() => {\n *     const count = props.results.length;\n *     announcer.announce(`${count} results found`, 'polite');\n *   });\n *\n *   return <ul>...</ul>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * function Form() {\n *   const announcer = useAnnouncer();\n *\n *   const onSubmit = async () => {\n *     try {\n *       await submitForm();\n *       announcer.announce('Form submitted successfully');\n *     } catch (error) {\n *       announcer.announce('Error submitting form', 'assertive');\n *     }\n *   };\n *\n *   return <form onSubmit={onSubmit}>...</form>;\n * }\n * ```\n */\nexport function useAnnouncer(): UseAnnouncerResult {\n  // During SSR, return no-op functions\n  if (isServer) {\n    return {\n      announce: () => {},\n      clear: () => {},\n    };\n  }\n\n  // Ensure the announcer is initialized\n  createEffect(() => {\n    // Initialize on first use\n    if (!liveAnnouncer) {\n      liveAnnouncer = new LiveAnnouncer();\n    }\n  });\n\n  return {\n    announce: (\n      message: Message,\n      assertiveness: Assertiveness = \"assertive\",\n      timeout: number = LIVEREGION_TIMEOUT_DELAY,\n    ) => {\n      announce(message, assertiveness, timeout);\n    },\n    clear: (assertiveness?: Assertiveness) => {\n      clearAnnouncer(assertiveness);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/datepicker/createTimeSegment.d.ts

@@ -1,29 +0,0 @@
-/**
- * createTimeSegment hook for Solidaria
- *
- * Provides the behavior and accessibility implementation for a time segment.
- * Based on @react-aria/datepicker useDateSegment semantics (time-field scope).
- */
-import { type MaybeAccessor } from "../utils/reactivity";
-import type { TimeFieldState, TimeSegment } from "@proyecto-viviana/solid-stately";
-export interface AriaTimeSegmentProps {
-    /** The segment data. */
-    segment: TimeSegment;
-}
-export interface TimeSegmentAria {
-    /** Props for the segment element. */
-    segmentProps: Record<string, unknown>;
-    /** Whether the segment is focused. */
-    isFocused: boolean;
-    /** Whether the segment is editable. */
-    isEditable: boolean;
-    /** Whether the segment is a placeholder. */
-    isPlaceholder: boolean;
-    /** The text to display. */
-    text: string;
-}
-/**
- * Provides the behavior and accessibility implementation for a time segment.
- */
-export declare function createTimeSegment<T extends TimeFieldState>(props: MaybeAccessor<AriaTimeSegmentProps>, state: T, ref?: () => HTMLElement | null): TimeSegmentAria;
-//# sourceMappingURL=createTimeSegment.d.ts.map

package/dist/datepicker/createTimeSegment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTimeSegment.d.ts","sourceRoot":"","sources":["../../src/datepicker/createTimeSegment.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAmB,MAAM,iCAAiC,CAAC;AAEpG,MAAM,WAAW,oBAAoB;IACnC,wBAAwB;IACxB,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,sCAAsC;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,EACxD,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,EAC1C,KAAK,EAAE,CAAC,EACR,GAAG,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAC7B,eAAe,CA+PjB"}