@proyecto-viviana/solidaria 0.3.0 → 0.4.1

package/dist/_chunk/interactions.jsx

@@ -0,0 +1,325 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as mergeProps$1 } from "./env.jsx";
+import { i as createDescription, l as disableTextSelection, s as createGlobalListeners, u as restoreTextSelection } from "./utils.jsx";
+import { n as focusWithoutScrolling } from "./focus.jsx";
+import { t as FocusableContext } from "./createFocusable.jsx";
+import { createEffect, createSignal, mergeProps, onCleanup, splitProps } 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$1(pressProps);
+	Object.defineProperty(longPressProps, "aria-describedby", {
+		get: () => descriptionProps["aria-describedby"],
+		enumerable: true,
+		configurable: true
+	});
+	return { longPressProps };
+}
+//#endregion
+//#region src/interactions/createMove.ts
+/**
+* createMove - Handles move interactions across mouse, touch, pointer, and keyboard.
+*
+* Port of @react-aria/interactions useMove, adapted for SolidJS.
+*/
+function createBaseEvent(originalEvent, pointerType) {
+	return {
+		pointerType,
+		shiftKey: originalEvent.shiftKey,
+		ctrlKey: originalEvent.ctrlKey,
+		metaKey: originalEvent.metaKey,
+		altKey: originalEvent.altKey
+	};
+}
+/**
+* Handles move interactions across mouse, touch, pointer, and keyboard.
+*/
+function createMove(props = {}) {
+	const { onMoveStart, onMove, onMoveEnd } = props;
+	const state = {
+		didMove: false,
+		lastPosition: null,
+		id: null
+	};
+	const { addGlobalListener, removeGlobalListener } = createGlobalListeners();
+	const [pointerDown, setPointerDown] = createSignal(null);
+	const move = (originalEvent, pointerType, deltaX, deltaY) => {
+		if (deltaX === 0 && deltaY === 0) return;
+		if (!state.didMove) {
+			state.didMove = true;
+			onMoveStart?.({
+				type: "movestart",
+				...createBaseEvent(originalEvent, pointerType)
+			});
+		}
+		onMove?.({
+			type: "move",
+			deltaX,
+			deltaY,
+			...createBaseEvent(originalEvent, pointerType)
+		});
+	};
+	const end = (originalEvent, pointerType) => {
+		restoreTextSelection();
+		if (state.didMove) onMoveEnd?.({
+			type: "moveend",
+			...createBaseEvent(originalEvent, pointerType)
+		});
+	};
+	createEffect(() => {
+		const activePointer = pointerDown();
+		if (!activePointer) return;
+		if (activePointer === "pointer") {
+			const onPointerMove = (e) => {
+				if (e.pointerId === state.id) {
+					move(e, e.pointerType || "mouse", e.pageX - (state.lastPosition?.pageX ?? 0), e.pageY - (state.lastPosition?.pageY ?? 0));
+					state.lastPosition = {
+						pageX: e.pageX,
+						pageY: e.pageY
+					};
+				}
+			};
+			const onPointerUp = (e) => {
+				if (e.pointerId === state.id) {
+					end(e, e.pointerType || "mouse");
+					state.id = null;
+					removeGlobalListener("pointermove", onPointerMove, { isWindow: true });
+					removeGlobalListener("pointerup", onPointerUp, { isWindow: true });
+					removeGlobalListener("pointercancel", onPointerUp, { isWindow: true });
+					setPointerDown(null);
+				}
+			};
+			addGlobalListener("pointermove", onPointerMove, { isWindow: true });
+			addGlobalListener("pointerup", onPointerUp, { isWindow: true });
+			addGlobalListener("pointercancel", onPointerUp, { isWindow: true });
+			onCleanup(() => {
+				removeGlobalListener("pointermove", onPointerMove, { isWindow: true });
+				removeGlobalListener("pointerup", onPointerUp, { isWindow: true });
+				removeGlobalListener("pointercancel", onPointerUp, { isWindow: true });
+			});
+		}
+	});
+	const start = () => {
+		disableTextSelection();
+		state.didMove = false;
+	};
+	const moveProps = {};
+	const hasPointerEvents = typeof window !== "undefined" && typeof window.PointerEvent !== "undefined";
+	moveProps.onMouseDown = (e) => {
+		if (pointerDown() != null) return;
+		if (e.button === 0) {
+			start();
+			e.stopPropagation();
+			e.preventDefault();
+			state.lastPosition = {
+				pageX: e.pageX,
+				pageY: e.pageY
+			};
+			setPointerDown("mouse");
+			const onMouseMove = (event) => {
+				move(event, "mouse", event.pageX - (state.lastPosition?.pageX ?? 0), event.pageY - (state.lastPosition?.pageY ?? 0));
+				state.lastPosition = {
+					pageX: event.pageX,
+					pageY: event.pageY
+				};
+			};
+			const onMouseUp = (event) => {
+				end(event, "mouse");
+				removeGlobalListener("mousemove", onMouseMove);
+				removeGlobalListener("mouseup", onMouseUp);
+				setPointerDown(null);
+			};
+			addGlobalListener("mousemove", onMouseMove);
+			addGlobalListener("mouseup", onMouseUp);
+		}
+	};
+	moveProps.onTouchStart = (e) => {
+		if (pointerDown() != null || e.changedTouches.length === 0 || state.id != null) return;
+		const { pageX, pageY, identifier } = e.changedTouches[0];
+		start();
+		e.stopPropagation();
+		e.preventDefault();
+		state.lastPosition = {
+			pageX,
+			pageY
+		};
+		state.id = identifier;
+		setPointerDown("touch");
+		const onTouchMove = (event) => {
+			const touchIndex = [...event.changedTouches].findIndex(({ identifier: touchId }) => touchId === state.id);
+			if (touchIndex >= 0) {
+				const { pageX: moveX, pageY: moveY } = event.changedTouches[touchIndex];
+				move(event, "touch", moveX - (state.lastPosition?.pageX ?? 0), moveY - (state.lastPosition?.pageY ?? 0));
+				state.lastPosition = {
+					pageX: moveX,
+					pageY: moveY
+				};
+			}
+		};
+		const onTouchEnd = (event) => {
+			if ([...event.changedTouches].findIndex(({ identifier: touchId }) => touchId === state.id) >= 0) {
+				end(event, "touch");
+				state.id = null;
+				removeGlobalListener("touchmove", onTouchMove);
+				removeGlobalListener("touchend", onTouchEnd);
+				removeGlobalListener("touchcancel", onTouchEnd);
+				setPointerDown(null);
+			}
+		};
+		addGlobalListener("touchmove", onTouchMove);
+		addGlobalListener("touchend", onTouchEnd);
+		addGlobalListener("touchcancel", onTouchEnd);
+	};
+	if (hasPointerEvents) moveProps.onPointerDown = (e) => {
+		if ((e.button ?? 0) === 0 && state.id == null) {
+			start();
+			e.stopPropagation();
+			e.preventDefault();
+			state.lastPosition = {
+				pageX: e.pageX,
+				pageY: e.pageY
+			};
+			state.id = e.pointerId;
+			setPointerDown("pointer");
+		}
+	};
+	const triggerKeyboardMove = (e, deltaX, deltaY) => {
+		start();
+		move(e, "keyboard", deltaX, deltaY);
+		end(e, "keyboard");
+	};
+	moveProps.onKeyDown = (e) => {
+		switch (e.key) {
+			case "Left":
+			case "ArrowLeft":
+				e.preventDefault();
+				e.stopPropagation();
+				triggerKeyboardMove(e, -1, 0);
+				break;
+			case "Right":
+			case "ArrowRight":
+				e.preventDefault();
+				e.stopPropagation();
+				triggerKeyboardMove(e, 1, 0);
+				break;
+			case "Up":
+			case "ArrowUp":
+				e.preventDefault();
+				e.stopPropagation();
+				triggerKeyboardMove(e, 0, -1);
+				break;
+			case "Down":
+			case "ArrowDown":
+				e.preventDefault();
+				e.stopPropagation();
+				triggerKeyboardMove(e, 0, 1);
+				break;
+			default: break;
+		}
+	};
+	return { moveProps };
+}
+//#endregion
+//#region src/interactions/FocusableProvider.tsx
+/**
+* FocusableProvider - Provides DOM props to the nearest focusable child.
+*
+* This is a 1-1 port of React-Aria's FocusableProvider adapted for SolidJS.
+*/
+/**
+* Provides DOM props to the nearest focusable child.
+* Used to pass focus-related props through component boundaries.
+*
+* @example
+* ```tsx
+* import { FocusableProvider } from 'solidaria';
+*
+* function MyComponent() {
+*   return (
+*     <FocusableProvider onFocus={() => console.log('focused!')}>
+*       <NestedFocusableComponent />
+*     </FocusableProvider>
+*   );
+* }
+* ```
+*/
+const FocusableProvider = (props) => {
+	const [, otherProps] = splitProps(props, ["children"]);
+	const context = mergeProps(otherProps, { ref: (_el) => {} });
+	return <FocusableContext.Provider value={context}>{props.children}</FocusableContext.Provider>;
+};
+//#endregion
+export { createMove as n, createLongPress as r, FocusableProvider as t };
+
+//# sourceMappingURL=interactions.jsx.map

package/dist/_chunk/interactions.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.jsx","names":["mergeProps"],"sources":["../../src/interactions/createLongPress.ts","../../src/interactions/createMove.ts","../../src/interactions/FocusableProvider.tsx"],"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","/**\n * createMove - Handles move interactions across mouse, touch, pointer, and keyboard.\n *\n * Port of @react-aria/interactions useMove, adapted for SolidJS.\n */\n\nimport { JSX, createSignal, createEffect, onCleanup } from \"solid-js\";\nimport { disableTextSelection, restoreTextSelection, createGlobalListeners } from \"../utils\";\n\nexport type PointerType = \"mouse\" | \"pen\" | \"touch\" | \"keyboard\";\n\ninterface BaseMoveEvent {\n  pointerType: PointerType;\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  altKey: boolean;\n}\n\nexport interface MoveStartEvent extends BaseMoveEvent {\n  type: \"movestart\";\n}\n\nexport interface MoveMoveEvent extends BaseMoveEvent {\n  type: \"move\";\n  deltaX: number;\n  deltaY: number;\n}\n\nexport interface MoveEndEvent extends BaseMoveEvent {\n  type: \"moveend\";\n}\n\nexport interface MoveEvents {\n  onMoveStart?: (e: MoveStartEvent) => void;\n  onMove?: (e: MoveMoveEvent) => void;\n  onMoveEnd?: (e: MoveEndEvent) => void;\n}\n\nexport interface MoveResult {\n  /** Props to spread on the target element. */\n  moveProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\ninterface MoveState {\n  didMove: boolean;\n  lastPosition: { pageX: number; pageY: number } | null;\n  id: number | null;\n}\n\nfunction createBaseEvent(\n  originalEvent: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean; altKey: boolean },\n  pointerType: PointerType,\n): BaseMoveEvent {\n  return {\n    pointerType,\n    shiftKey: originalEvent.shiftKey,\n    ctrlKey: originalEvent.ctrlKey,\n    metaKey: originalEvent.metaKey,\n    altKey: originalEvent.altKey,\n  };\n}\n\n/**\n * Handles move interactions across mouse, touch, pointer, and keyboard.\n */\nexport function createMove(props: MoveEvents = {}): MoveResult {\n  const { onMoveStart, onMove, onMoveEnd } = props;\n\n  const state: MoveState = {\n    didMove: false,\n    lastPosition: null,\n    id: null,\n  };\n\n  const { addGlobalListener, removeGlobalListener } = createGlobalListeners();\n  const [pointerDown, setPointerDown] = createSignal<\"pointer\" | \"mouse\" | \"touch\" | null>(null);\n\n  const move = (\n    originalEvent: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean; altKey: boolean },\n    pointerType: PointerType,\n    deltaX: number,\n    deltaY: number,\n  ) => {\n    if (deltaX === 0 && deltaY === 0) {\n      return;\n    }\n\n    if (!state.didMove) {\n      state.didMove = true;\n      onMoveStart?.({\n        type: \"movestart\",\n        ...createBaseEvent(originalEvent, pointerType),\n      });\n    }\n\n    onMove?.({\n      type: \"move\",\n      deltaX,\n      deltaY,\n      ...createBaseEvent(originalEvent, pointerType),\n    });\n  };\n\n  const end = (\n    originalEvent: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean; altKey: boolean },\n    pointerType: PointerType,\n  ) => {\n    restoreTextSelection();\n    if (state.didMove) {\n      onMoveEnd?.({\n        type: \"moveend\",\n        ...createBaseEvent(originalEvent, pointerType),\n      });\n    }\n  };\n\n  createEffect(() => {\n    const activePointer = pointerDown();\n    if (!activePointer) return;\n\n    if (activePointer === \"pointer\") {\n      const onPointerMove = (e: PointerEvent) => {\n        if (e.pointerId === state.id) {\n          const pointerType = (e.pointerType || \"mouse\") as PointerType;\n          move(\n            e,\n            pointerType,\n            e.pageX - (state.lastPosition?.pageX ?? 0),\n            e.pageY - (state.lastPosition?.pageY ?? 0),\n          );\n          state.lastPosition = { pageX: e.pageX, pageY: e.pageY };\n        }\n      };\n\n      const onPointerUp = (e: PointerEvent) => {\n        if (e.pointerId === state.id) {\n          const pointerType = (e.pointerType || \"mouse\") as PointerType;\n          end(e, pointerType);\n          state.id = null;\n          removeGlobalListener(\"pointermove\", onPointerMove, { isWindow: true });\n          removeGlobalListener(\"pointerup\", onPointerUp, { isWindow: true });\n          removeGlobalListener(\"pointercancel\", onPointerUp, { isWindow: true });\n          setPointerDown(null);\n        }\n      };\n\n      addGlobalListener(\"pointermove\", onPointerMove, { isWindow: true });\n      addGlobalListener(\"pointerup\", onPointerUp, { isWindow: true });\n      addGlobalListener(\"pointercancel\", onPointerUp, { isWindow: true });\n      onCleanup(() => {\n        removeGlobalListener(\"pointermove\", onPointerMove, { isWindow: true });\n        removeGlobalListener(\"pointerup\", onPointerUp, { isWindow: true });\n        removeGlobalListener(\"pointercancel\", onPointerUp, { isWindow: true });\n      });\n    }\n\n    // Mouse/touch listeners are attached directly in their handlers.\n  });\n\n  const start = () => {\n    disableTextSelection();\n    state.didMove = false;\n  };\n\n  const moveProps: JSX.HTMLAttributes<HTMLElement> = {};\n\n  const hasPointerEvents =\n    typeof window !== \"undefined\" && typeof window.PointerEvent !== \"undefined\";\n\n  moveProps.onMouseDown = (e: MouseEvent) => {\n    if (pointerDown() != null) {\n      return;\n    }\n    if (e.button === 0) {\n      start();\n      e.stopPropagation();\n      e.preventDefault();\n      state.lastPosition = { pageX: e.pageX, pageY: e.pageY };\n      setPointerDown(\"mouse\");\n\n      const onMouseMove = (event: MouseEvent) => {\n        move(\n          event,\n          \"mouse\",\n          event.pageX - (state.lastPosition?.pageX ?? 0),\n          event.pageY - (state.lastPosition?.pageY ?? 0),\n        );\n        state.lastPosition = { pageX: event.pageX, pageY: event.pageY };\n      };\n      const onMouseUp = (event: MouseEvent) => {\n        end(event, \"mouse\");\n        removeGlobalListener(\"mousemove\", onMouseMove);\n        removeGlobalListener(\"mouseup\", onMouseUp);\n        setPointerDown(null);\n      };\n      addGlobalListener(\"mousemove\", onMouseMove);\n      addGlobalListener(\"mouseup\", onMouseUp);\n    }\n  };\n\n  moveProps.onTouchStart = (e: TouchEvent) => {\n    if (pointerDown() != null || e.changedTouches.length === 0 || state.id != null) {\n      return;\n    }\n    const { pageX, pageY, identifier } = e.changedTouches[0];\n    start();\n    e.stopPropagation();\n    e.preventDefault();\n    state.lastPosition = { pageX, pageY };\n    state.id = identifier;\n    setPointerDown(\"touch\");\n\n    const onTouchMove = (event: TouchEvent) => {\n      const touchIndex = [...event.changedTouches].findIndex(\n        ({ identifier: touchId }) => touchId === state.id,\n      );\n      if (touchIndex >= 0) {\n        const { pageX: moveX, pageY: moveY } = event.changedTouches[touchIndex];\n        move(\n          event,\n          \"touch\",\n          moveX - (state.lastPosition?.pageX ?? 0),\n          moveY - (state.lastPosition?.pageY ?? 0),\n        );\n        state.lastPosition = { pageX: moveX, pageY: moveY };\n      }\n    };\n    const onTouchEnd = (event: TouchEvent) => {\n      const touchIndex = [...event.changedTouches].findIndex(\n        ({ identifier: touchId }) => touchId === state.id,\n      );\n      if (touchIndex >= 0) {\n        end(event, \"touch\");\n        state.id = null;\n        removeGlobalListener(\"touchmove\", onTouchMove);\n        removeGlobalListener(\"touchend\", onTouchEnd);\n        removeGlobalListener(\"touchcancel\", onTouchEnd);\n        setPointerDown(null);\n      }\n    };\n    addGlobalListener(\"touchmove\", onTouchMove);\n    addGlobalListener(\"touchend\", onTouchEnd);\n    addGlobalListener(\"touchcancel\", onTouchEnd);\n  };\n\n  if (hasPointerEvents) {\n    moveProps.onPointerDown = (e: PointerEvent) => {\n      const button = e.button ?? 0;\n      if (button === 0 && state.id == null) {\n        start();\n        e.stopPropagation();\n        e.preventDefault();\n        state.lastPosition = { pageX: e.pageX, pageY: e.pageY };\n        state.id = e.pointerId;\n        setPointerDown(\"pointer\");\n      }\n    };\n  }\n\n  const triggerKeyboardMove = (e: KeyboardEvent, deltaX: number, deltaY: number) => {\n    start();\n    move(e, \"keyboard\", deltaX, deltaY);\n    end(e, \"keyboard\");\n  };\n\n  moveProps.onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case \"Left\":\n      case \"ArrowLeft\":\n        e.preventDefault();\n        e.stopPropagation();\n        triggerKeyboardMove(e, -1, 0);\n        break;\n      case \"Right\":\n      case \"ArrowRight\":\n        e.preventDefault();\n        e.stopPropagation();\n        triggerKeyboardMove(e, 1, 0);\n        break;\n      case \"Up\":\n      case \"ArrowUp\":\n        e.preventDefault();\n        e.stopPropagation();\n        triggerKeyboardMove(e, 0, -1);\n        break;\n      case \"Down\":\n      case \"ArrowDown\":\n        e.preventDefault();\n        e.stopPropagation();\n        triggerKeyboardMove(e, 0, 1);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return { moveProps };\n}\n","/**\n * FocusableProvider - Provides DOM props to the nearest focusable child.\n *\n * This is a 1-1 port of React-Aria's FocusableProvider adapted for SolidJS.\n */\n\nimport { JSX, mergeProps, ParentComponent, splitProps } from \"solid-js\";\nimport { FocusableContext, FocusableContextValue, FocusableProviderProps } from \"./createFocusable\";\n\n/**\n * Provides DOM props to the nearest focusable child.\n * Used to pass focus-related props through component boundaries.\n *\n * @example\n * ```tsx\n * import { FocusableProvider } from 'solidaria';\n *\n * function MyComponent() {\n *   return (\n *     <FocusableProvider onFocus={() => console.log('focused!')}>\n *       <NestedFocusableComponent />\n *     </FocusableProvider>\n *   );\n * }\n * ```\n */\nexport const FocusableProvider: ParentComponent<\n  FocusableProviderProps & JSX.HTMLAttributes<HTMLElement>\n> = (props) => {\n  // Don't destructure: `const { children, ...otherProps } = props` evaluates the\n  // `children` getter immediately (2nd statement of the body), instantiating the\n  // nested subtree BEFORE this provider mounts — so a child that reads\n  // FocusableContext during its own setup would miss us. splitProps keeps\n  // otherProps a reactive proxy; children is read lazily inside the JSX, under\n  // the mounted provider. Same pattern as solidaria-components' useRenderProps.\n  const [, otherProps] = splitProps(props, [\"children\"]);\n\n  const context = mergeProps(otherProps, {\n    ref: (_el: HTMLElement) => {\n      // Store ref if needed by parent\n    },\n  }) as FocusableContextValue;\n\n  return <FocusableContext.Provider value={context}>{props.children}</FocusableContext.Provider>;\n};\n"],"mappings":"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"}

package/dist/_chunk/link.js

@@ -0,0 +1,97 @@
+import { t as createPress } from "./createPress.js";
+import { i as mergeProps } from "./env.js";
+import { t as filterDOMProps } from "./filterDOMProps.js";
+import { t as access } from "./reactivity.js";
+import { n as createFocusable } from "./createFocusable.js";
+//#region src/link/createLink.ts
+/**
+* Provides the behavior and accessibility implementation for a link component.
+* A link allows a user to navigate to another page or resource within a web page
+* or application.
+*/
+function createLink(props = {}) {
+	const getProps = () => access(props);
+	const isDisabled = () => getProps().isDisabled ?? false;
+	const elementType = () => getProps().elementType ?? "a";
+	const { pressProps, isPressed } = createPress({
+		get isDisabled() {
+			return isDisabled();
+		},
+		get onPress() {
+			return getProps().onPress;
+		},
+		get onPressStart() {
+			return getProps().onPressStart;
+		},
+		get onPressEnd() {
+			return getProps().onPressEnd;
+		},
+		get onPressUp() {
+			return getProps().onPressUp;
+		},
+		get onPressChange() {
+			return getProps().onPressChange;
+		}
+	});
+	const { focusableProps } = createFocusable({
+		get isDisabled() {
+			return isDisabled();
+		},
+		get autoFocus() {
+			return getProps().autoFocus;
+		},
+		get onFocus() {
+			return getProps().onFocus;
+		},
+		get onBlur() {
+			return getProps().onBlur;
+		},
+		get onFocusChange() {
+			return getProps().onFocusChange;
+		},
+		get onKeyDown() {
+			return getProps().onKeyDown;
+		},
+		get onKeyUp() {
+			return getProps().onKeyUp;
+		}
+	});
+	const getLinkProps = () => {
+		const p = getProps();
+		const elType = elementType();
+		const disabled = isDisabled();
+		let baseProps = {};
+		if (elType !== "a") baseProps = {
+			role: "link",
+			tabIndex: disabled ? void 0 : 0
+		};
+		const ariaProps = { "aria-disabled": disabled || void 0 };
+		if (p["aria-current"] !== void 0) ariaProps["aria-current"] = p["aria-current"];
+		if (p["aria-label"]) ariaProps["aria-label"] = p["aria-label"];
+		if (p["aria-labelledby"]) ariaProps["aria-labelledby"] = p["aria-labelledby"];
+		if (p["aria-describedby"]) ariaProps["aria-describedby"] = p["aria-describedby"];
+		if (p["aria-details"]) ariaProps["aria-details"] = p["aria-details"];
+		const onClick = (e) => {
+			if (disabled) {
+				e.preventDefault();
+				return;
+			}
+			if (p.onPress) e.preventDefault();
+			p.onClick?.(e);
+		};
+		return mergeProps(filterDOMProps(p, {
+			labelable: true,
+			isLink: elType === "a"
+		}), baseProps, ariaProps, focusableProps, pressProps, { onClick });
+	};
+	return {
+		get linkProps() {
+			return getLinkProps();
+		},
+		isPressed
+	};
+}
+//#endregion
+export { createLink as t };
+
+//# sourceMappingURL=link.js.map

package/dist/_chunk/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../src/link/createLink.ts"],"sourcesContent":["/**\n * Link hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a link component.\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * This is a 1:1 port of @react-aria/link's useLink hook.\n */\n\nimport { type Accessor } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\n\nexport interface AriaLinkProps {\n  /** Whether the link is disabled. */\n  isDisabled?: boolean;\n  /** The HTML element used to render the link, e.g. 'a', or 'span'. @default 'a' */\n  elementType?: string;\n  /** The URL to link to. */\n  href?: string;\n  /** Additional options forwarded to client-side router navigation handlers. */\n  routerOptions?: Record<string, unknown>;\n  /** The target window for the link. */\n  target?: string;\n  /** The relationship between the linked resource and the current page. */\n  rel?: string;\n  /** Hints the language of the linked resource. */\n  hrefLang?: string;\n  /** Instructs the browser to download the URL instead of navigating to it. */\n  download?: string | boolean;\n  /** Space-separated list of URLs to ping when following the link. */\n  ping?: string;\n  /** Referrer policy for fetches initiated by this link. */\n  referrerPolicy?:\n    | \"\"\n    | \"no-referrer\"\n    | \"no-referrer-when-downgrade\"\n    | \"origin\"\n    | \"origin-when-cross-origin\"\n    | \"same-origin\"\n    | \"strict-origin\"\n    | \"strict-origin-when-cross-origin\"\n    | \"unsafe-url\";\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when a press is released over the target. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n  /** Indicates the current \"page\" or state within a set of related elements. */\n  \"aria-current\"?: \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | \"true\" | \"false\" | boolean;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed description. */\n  \"aria-details\"?: string;\n}\n\nexport interface LinkAria {\n  /** Props for the link element. */\n  linkProps: Record<string, unknown>;\n  /** Whether the link is currently pressed. */\n  isPressed: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a link component.\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n */\nexport function createLink(props: MaybeAccessor<AriaLinkProps> = {}): LinkAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const elementType = () => getProps().elementType ?? \"a\";\n\n  // Create press handling\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      return isDisabled();\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n  });\n\n  // Create focusable handling\n  const { focusableProps } = createFocusable({\n    get isDisabled() {\n      return isDisabled();\n    },\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n    get onFocus() {\n      return getProps().onFocus;\n    },\n    get onBlur() {\n      return getProps().onBlur;\n    },\n    get onFocusChange() {\n      return getProps().onFocusChange;\n    },\n    get onKeyDown() {\n      return getProps().onKeyDown;\n    },\n    get onKeyUp() {\n      return getProps().onKeyUp;\n    },\n  });\n\n  // Build link props\n  const getLinkProps = (): Record<string, unknown> => {\n    const p = getProps();\n    const elType = elementType();\n    const disabled = isDisabled();\n\n    let baseProps: Record<string, unknown> = {};\n\n    // If not an <a>, add role and tabIndex\n    if (elType !== \"a\") {\n      baseProps = {\n        role: \"link\",\n        tabIndex: disabled ? undefined : 0,\n      };\n    }\n\n    // ARIA attributes\n    const ariaProps: Record<string, unknown> = {\n      \"aria-disabled\": disabled || undefined,\n    };\n\n    if (p[\"aria-current\"] !== undefined) {\n      ariaProps[\"aria-current\"] = p[\"aria-current\"];\n    }\n    if (p[\"aria-label\"]) {\n      ariaProps[\"aria-label\"] = p[\"aria-label\"];\n    }\n    if (p[\"aria-labelledby\"]) {\n      ariaProps[\"aria-labelledby\"] = p[\"aria-labelledby\"];\n    }\n    if (p[\"aria-describedby\"]) {\n      ariaProps[\"aria-describedby\"] = p[\"aria-describedby\"];\n    }\n    if (p[\"aria-details\"]) {\n      ariaProps[\"aria-details\"] = p[\"aria-details\"];\n    }\n\n    // Handle onClick - prevent default navigation when appropriate\n    const onClick = (e: MouseEvent) => {\n      // If disabled, prevent navigation and don't call user's onClick\n      if (disabled) {\n        e.preventDefault();\n        return;\n      }\n\n      // If onPress is provided, prevent default navigation\n      // This allows onPress to handle the action (e.g., client-side routing)\n      if (p.onPress) {\n        e.preventDefault();\n      }\n\n      // Call user's onClick if provided\n      p.onClick?.(e);\n    };\n\n    return mergeProps(\n      filterDOMProps(p as Record<string, unknown>, {\n        labelable: true,\n        isLink: elType === \"a\",\n      }),\n      baseProps,\n      ariaProps,\n      focusableProps as Record<string, unknown>,\n      pressProps as Record<string, unknown>,\n      { onClick },\n    );\n  };\n\n  return {\n    get linkProps() {\n      return getLinkProps();\n    },\n    isPressed,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAgGA,SAAgB,WAAW,QAAsC,CAAC,GAAa;CAC7E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,mBAAmB,SAAS,CAAC,CAAC,cAAc;CAClD,MAAM,oBAAoB,SAAS,CAAC,CAAC,eAAe;CAGpD,MAAM,EAAE,YAAY,cAAc,YAAY;EAC5C,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,aAAa;GACf,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAGD,MAAM,EAAE,mBAAmB,gBAAgB;EACzC,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAGD,MAAM,qBAA8C;EAClD,MAAM,IAAI,SAAS;EACnB,MAAM,SAAS,YAAY;EAC3B,MAAM,WAAW,WAAW;EAE5B,IAAI,YAAqC,CAAC;EAG1C,IAAI,WAAW,KACb,YAAY;GACV,MAAM;GACN,UAAU,WAAW,KAAA,IAAY;EACnC;EAIF,MAAM,YAAqC,EACzC,iBAAiB,YAAY,KAAA,EAC/B;EAEA,IAAI,EAAE,oBAAoB,KAAA,GACxB,UAAU,kBAAkB,EAAE;EAEhC,IAAI,EAAE,eACJ,UAAU,gBAAgB,EAAE;EAE9B,IAAI,EAAE,oBACJ,UAAU,qBAAqB,EAAE;EAEnC,IAAI,EAAE,qBACJ,UAAU,sBAAsB,EAAE;EAEpC,IAAI,EAAE,iBACJ,UAAU,kBAAkB,EAAE;EAIhC,MAAM,WAAW,MAAkB;GAEjC,IAAI,UAAU;IACZ,EAAE,eAAe;IACjB;GACF;GAIA,IAAI,EAAE,SACJ,EAAE,eAAe;GAInB,EAAE,UAAU,CAAC;EACf;EAEA,OAAO,WACL,eAAe,GAA8B;GAC3C,WAAW;GACX,QAAQ,WAAW;EACrB,CAAC,GACD,WACA,WACA,gBACA,YACA,EAAE,QAAQ,CACZ;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO,aAAa;EACtB;EACA;CACF;AACF"}

package/dist/_chunk/link.jsx

@@ -0,0 +1,97 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as mergeProps } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as access } from "./reactivity.jsx";
+import { n as createFocusable } from "./createFocusable.jsx";
+//#region src/link/createLink.ts
+/**
+* Provides the behavior and accessibility implementation for a link component.
+* A link allows a user to navigate to another page or resource within a web page
+* or application.
+*/
+function createLink(props = {}) {
+	const getProps = () => access(props);
+	const isDisabled = () => getProps().isDisabled ?? false;
+	const elementType = () => getProps().elementType ?? "a";
+	const { pressProps, isPressed } = createPress({
+		get isDisabled() {
+			return isDisabled();
+		},
+		get onPress() {
+			return getProps().onPress;
+		},
+		get onPressStart() {
+			return getProps().onPressStart;
+		},
+		get onPressEnd() {
+			return getProps().onPressEnd;
+		},
+		get onPressUp() {
+			return getProps().onPressUp;
+		},
+		get onPressChange() {
+			return getProps().onPressChange;
+		}
+	});
+	const { focusableProps } = createFocusable({
+		get isDisabled() {
+			return isDisabled();
+		},
+		get autoFocus() {
+			return getProps().autoFocus;
+		},
+		get onFocus() {
+			return getProps().onFocus;
+		},
+		get onBlur() {
+			return getProps().onBlur;
+		},
+		get onFocusChange() {
+			return getProps().onFocusChange;
+		},
+		get onKeyDown() {
+			return getProps().onKeyDown;
+		},
+		get onKeyUp() {
+			return getProps().onKeyUp;
+		}
+	});
+	const getLinkProps = () => {
+		const p = getProps();
+		const elType = elementType();
+		const disabled = isDisabled();
+		let baseProps = {};
+		if (elType !== "a") baseProps = {
+			role: "link",
+			tabIndex: disabled ? void 0 : 0
+		};
+		const ariaProps = { "aria-disabled": disabled || void 0 };
+		if (p["aria-current"] !== void 0) ariaProps["aria-current"] = p["aria-current"];
+		if (p["aria-label"]) ariaProps["aria-label"] = p["aria-label"];
+		if (p["aria-labelledby"]) ariaProps["aria-labelledby"] = p["aria-labelledby"];
+		if (p["aria-describedby"]) ariaProps["aria-describedby"] = p["aria-describedby"];
+		if (p["aria-details"]) ariaProps["aria-details"] = p["aria-details"];
+		const onClick = (e) => {
+			if (disabled) {
+				e.preventDefault();
+				return;
+			}
+			if (p.onPress) e.preventDefault();
+			p.onClick?.(e);
+		};
+		return mergeProps(filterDOMProps(p, {
+			labelable: true,
+			isLink: elType === "a"
+		}), baseProps, ariaProps, focusableProps, pressProps, { onClick });
+	};
+	return {
+		get linkProps() {
+			return getLinkProps();
+		},
+		isPressed
+	};
+}
+//#endregion
+export { createLink as t };
+
+//# sourceMappingURL=link.jsx.map

package/dist/_chunk/link.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.jsx","names":[],"sources":["../../src/link/createLink.ts"],"sourcesContent":["/**\n * Link hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a link component.\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * This is a 1:1 port of @react-aria/link's useLink hook.\n */\n\nimport { type Accessor } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\n\nexport interface AriaLinkProps {\n  /** Whether the link is disabled. */\n  isDisabled?: boolean;\n  /** The HTML element used to render the link, e.g. 'a', or 'span'. @default 'a' */\n  elementType?: string;\n  /** The URL to link to. */\n  href?: string;\n  /** Additional options forwarded to client-side router navigation handlers. */\n  routerOptions?: Record<string, unknown>;\n  /** The target window for the link. */\n  target?: string;\n  /** The relationship between the linked resource and the current page. */\n  rel?: string;\n  /** Hints the language of the linked resource. */\n  hrefLang?: string;\n  /** Instructs the browser to download the URL instead of navigating to it. */\n  download?: string | boolean;\n  /** Space-separated list of URLs to ping when following the link. */\n  ping?: string;\n  /** Referrer policy for fetches initiated by this link. */\n  referrerPolicy?:\n    | \"\"\n    | \"no-referrer\"\n    | \"no-referrer-when-downgrade\"\n    | \"origin\"\n    | \"origin-when-cross-origin\"\n    | \"same-origin\"\n    | \"strict-origin\"\n    | \"strict-origin-when-cross-origin\"\n    | \"unsafe-url\";\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when a press is released over the target. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n  /** Indicates the current \"page\" or state within a set of related elements. */\n  \"aria-current\"?: \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | \"true\" | \"false\" | boolean;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed description. */\n  \"aria-details\"?: string;\n}\n\nexport interface LinkAria {\n  /** Props for the link element. */\n  linkProps: Record<string, unknown>;\n  /** Whether the link is currently pressed. */\n  isPressed: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a link component.\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n */\nexport function createLink(props: MaybeAccessor<AriaLinkProps> = {}): LinkAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const elementType = () => getProps().elementType ?? \"a\";\n\n  // Create press handling\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      return isDisabled();\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n  });\n\n  // Create focusable handling\n  const { focusableProps } = createFocusable({\n    get isDisabled() {\n      return isDisabled();\n    },\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n    get onFocus() {\n      return getProps().onFocus;\n    },\n    get onBlur() {\n      return getProps().onBlur;\n    },\n    get onFocusChange() {\n      return getProps().onFocusChange;\n    },\n    get onKeyDown() {\n      return getProps().onKeyDown;\n    },\n    get onKeyUp() {\n      return getProps().onKeyUp;\n    },\n  });\n\n  // Build link props\n  const getLinkProps = (): Record<string, unknown> => {\n    const p = getProps();\n    const elType = elementType();\n    const disabled = isDisabled();\n\n    let baseProps: Record<string, unknown> = {};\n\n    // If not an <a>, add role and tabIndex\n    if (elType !== \"a\") {\n      baseProps = {\n        role: \"link\",\n        tabIndex: disabled ? undefined : 0,\n      };\n    }\n\n    // ARIA attributes\n    const ariaProps: Record<string, unknown> = {\n      \"aria-disabled\": disabled || undefined,\n    };\n\n    if (p[\"aria-current\"] !== undefined) {\n      ariaProps[\"aria-current\"] = p[\"aria-current\"];\n    }\n    if (p[\"aria-label\"]) {\n      ariaProps[\"aria-label\"] = p[\"aria-label\"];\n    }\n    if (p[\"aria-labelledby\"]) {\n      ariaProps[\"aria-labelledby\"] = p[\"aria-labelledby\"];\n    }\n    if (p[\"aria-describedby\"]) {\n      ariaProps[\"aria-describedby\"] = p[\"aria-describedby\"];\n    }\n    if (p[\"aria-details\"]) {\n      ariaProps[\"aria-details\"] = p[\"aria-details\"];\n    }\n\n    // Handle onClick - prevent default navigation when appropriate\n    const onClick = (e: MouseEvent) => {\n      // If disabled, prevent navigation and don't call user's onClick\n      if (disabled) {\n        e.preventDefault();\n        return;\n      }\n\n      // If onPress is provided, prevent default navigation\n      // This allows onPress to handle the action (e.g., client-side routing)\n      if (p.onPress) {\n        e.preventDefault();\n      }\n\n      // Call user's onClick if provided\n      p.onClick?.(e);\n    };\n\n    return mergeProps(\n      filterDOMProps(p as Record<string, unknown>, {\n        labelable: true,\n        isLink: elType === \"a\",\n      }),\n      baseProps,\n      ariaProps,\n      focusableProps as Record<string, unknown>,\n      pressProps as Record<string, unknown>,\n      { onClick },\n    );\n  };\n\n  return {\n    get linkProps() {\n      return getLinkProps();\n    },\n    isPressed,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAgGA,SAAgB,WAAW,QAAsC,CAAC,GAAa;CAC7E,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,mBAAmB,SAAS,CAAC,CAAC,cAAc;CAClD,MAAM,oBAAoB,SAAS,CAAC,CAAC,eAAe;CAGpD,MAAM,EAAE,YAAY,cAAc,YAAY;EAC5C,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,aAAa;GACf,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAGD,MAAM,EAAE,mBAAmB,gBAAgB;EACzC,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAGD,MAAM,qBAA8C;EAClD,MAAM,IAAI,SAAS;EACnB,MAAM,SAAS,YAAY;EAC3B,MAAM,WAAW,WAAW;EAE5B,IAAI,YAAqC,CAAC;EAG1C,IAAI,WAAW,KACb,YAAY;GACV,MAAM;GACN,UAAU,WAAW,KAAA,IAAY;EACnC;EAIF,MAAM,YAAqC,EACzC,iBAAiB,YAAY,KAAA,EAC/B;EAEA,IAAI,EAAE,oBAAoB,KAAA,GACxB,UAAU,kBAAkB,EAAE;EAEhC,IAAI,EAAE,eACJ,UAAU,gBAAgB,EAAE;EAE9B,IAAI,EAAE,oBACJ,UAAU,qBAAqB,EAAE;EAEnC,IAAI,EAAE,qBACJ,UAAU,sBAAsB,EAAE;EAEpC,IAAI,EAAE,iBACJ,UAAU,kBAAkB,EAAE;EAIhC,MAAM,WAAW,MAAkB;GAEjC,IAAI,UAAU;IACZ,EAAE,eAAe;IACjB;GACF;GAIA,IAAI,EAAE,SACJ,EAAE,eAAe;GAInB,EAAE,UAAU,CAAC;EACf;EAEA,OAAO,WACL,eAAe,GAA8B;GAC3C,WAAW;GACX,QAAQ,WAAW;EACrB,CAAC,GACD,WACA,WACA,gBACA,YACA,EAAE,QAAQ,CACZ;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO,aAAa;EACtB;EACA;CACF;AACF"}