@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/_chunk/slider.jsx

@@ -0,0 +1,255 @@
+import { i as access, o as mergeProps } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { n as focusWithoutScrolling } from "./focus.jsx";
+import { t as createFocusRing } from "./createFocusRing.jsx";
+import { a as useLocale } from "./createCollator.jsx";
+import { createId } from "../ssr/index.jsx";
+import { t as createLabel } from "./createLabel.jsx";
+import { onCleanup, onMount } from "solid-js";
+//#region src/slider/createSlider.ts
+/**
+* Provides the behavior and accessibility implementation for a slider component.
+* A slider allows users to select a value from a range.
+* Based on @react-aria/slider useSlider.
+*/
+/**
+* Provides the behavior and accessibility implementation for a slider.
+*/
+function createSlider(props, state, trackRef, inputRef) {
+	const getProps = () => access(props);
+	const id = createId(getProps().id);
+	const locale = useLocale();
+	const inputId = `${id}-input`;
+	const outputId = `${id}-output`;
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	const { labelProps, fieldProps } = createLabel({
+		get id() {
+			return inputId;
+		},
+		get label() {
+			return getProps().label;
+		},
+		get "aria-label"() {
+			return getProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return getProps()["aria-labelledby"];
+		},
+		labelElementType: "span"
+	});
+	const { isFocusVisible, focusProps } = createFocusRing({ within: true });
+	let currentPointerId = null;
+	const getPositionFromPointer = (clientX, clientY) => {
+		const track = trackRef?.();
+		if (!track) return 0;
+		const rect = track.getBoundingClientRect();
+		const isVertical = state.orientation === "vertical";
+		let position;
+		if (isVertical) position = (rect.bottom - clientY) / rect.height;
+		else position = (clientX - rect.left) / rect.width;
+		return Math.max(0, Math.min(1, position));
+	};
+	const onTrackPointerDown = (e) => {
+		if (state.isDisabled || e.button !== 0) return;
+		e.preventDefault();
+		currentPointerId = e.pointerId;
+		const track = trackRef?.();
+		if (track) track.setPointerCapture(e.pointerId);
+		const percent = getPositionFromPointer(e.clientX, e.clientY);
+		state.setValuePercent(percent);
+		focusWithoutScrolling(inputRef?.() ?? null);
+		state.setDragging(true);
+	};
+	const onTrackPointerMove = (e) => {
+		if (!state.isDragging() || e.pointerId !== currentPointerId) return;
+		const percent = getPositionFromPointer(e.clientX, e.clientY);
+		state.setValuePercent(percent);
+	};
+	const onTrackPointerUp = (e) => {
+		if (e.pointerId !== currentPointerId) return;
+		const track = trackRef?.();
+		if (track) track.releasePointerCapture(e.pointerId);
+		currentPointerId = null;
+		focusWithoutScrolling(inputRef?.() ?? null);
+		state.setDragging(false);
+	};
+	const onThumbKeyDown = (e) => {
+		if (state.isDisabled) return;
+		switch (e.key) {
+			case "ArrowRight":
+				e.preventDefault();
+				if (state.orientation === "horizontal" && locale().direction === "rtl") state.decrement();
+				else state.increment();
+				break;
+			case "ArrowLeft":
+				e.preventDefault();
+				if (state.orientation === "horizontal" && locale().direction === "rtl") state.increment();
+				else state.decrement();
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				if (state.orientation === "vertical") state.increment();
+				else state.decrement();
+				break;
+			case "ArrowDown":
+				e.preventDefault();
+				if (state.orientation === "vertical") state.decrement();
+				else state.increment();
+				break;
+			case "PageUp":
+				e.preventDefault();
+				state.increment(state.pageStep / state.step);
+				break;
+			case "PageDown":
+				e.preventDefault();
+				state.decrement(state.pageStep / state.step);
+				break;
+			case "Home":
+				e.preventDefault();
+				state.setValue(state.minValue);
+				break;
+			case "End":
+				e.preventDefault();
+				state.setValue(state.maxValue);
+				break;
+		}
+	};
+	const onFocus = () => {
+		state.setFocused(true);
+	};
+	const onBlur = () => {
+		state.setFocused(false);
+	};
+	const onThumbPointerDown = (e) => {
+		if (state.isDisabled || e.button !== 0) return;
+		e.preventDefault();
+		e.stopPropagation();
+		currentPointerId = e.pointerId;
+		focusWithoutScrolling(inputRef?.() ?? null);
+		document.body.setPointerCapture(e.pointerId);
+		state.setDragging(true);
+	};
+	const onDocumentPointerMove = (e) => {
+		if (!state.isDragging() || e.pointerId !== currentPointerId) return;
+		const percent = getPositionFromPointer(e.clientX, e.clientY);
+		state.setValuePercent(percent);
+	};
+	const onDocumentPointerUp = (e) => {
+		if (e.pointerId !== currentPointerId) return;
+		try {
+			document.body.releasePointerCapture(e.pointerId);
+		} catch {}
+		currentPointerId = null;
+		focusWithoutScrolling(inputRef?.() ?? null);
+		state.setDragging(false);
+	};
+	onMount(() => {
+		if (typeof document === "undefined") return;
+		document.addEventListener("pointermove", onDocumentPointerMove);
+		document.addEventListener("pointerup", onDocumentPointerUp);
+		document.addEventListener("pointercancel", onDocumentPointerUp);
+		onCleanup(() => {
+			document.removeEventListener("pointermove", onDocumentPointerMove);
+			document.removeEventListener("pointerup", onDocumentPointerUp);
+			document.removeEventListener("pointercancel", onDocumentPointerUp);
+		});
+	});
+	const labelledBy = () => fieldProps["aria-labelledby"];
+	const ariaLabel = () => fieldProps["aria-label"];
+	return {
+		get labelProps() {
+			return labelProps;
+		},
+		get groupProps() {
+			return mergeProps(domProps(), fieldProps, {
+				role: "group",
+				"data-disabled": state.isDisabled || void 0,
+				"data-orientation": state.orientation
+			});
+		},
+		get trackProps() {
+			return {
+				onPointerDown: onTrackPointerDown,
+				onPointerMove: onTrackPointerMove,
+				onPointerUp: onTrackPointerUp,
+				onPointerCancel: onTrackPointerUp,
+				style: {
+					position: "relative",
+					"touch-action": "none"
+				},
+				"data-disabled": state.isDisabled || void 0,
+				"data-orientation": state.orientation,
+				"data-dragging": state.isDragging() || void 0
+			};
+		},
+		get thumbProps() {
+			const percent = state.getValuePercent();
+			const isVertical = state.orientation === "vertical";
+			return {
+				role: "slider",
+				"aria-valuemin": state.minValue,
+				"aria-valuemax": state.maxValue,
+				"aria-valuenow": state.value(),
+				"aria-valuetext": state.getFormattedValue(),
+				"aria-orientation": state.orientation,
+				"aria-disabled": state.isDisabled || void 0,
+				"aria-labelledby": labelledBy(),
+				"aria-label": labelledBy() ? void 0 : ariaLabel(),
+				tabIndex: state.isDisabled ? void 0 : 0,
+				onPointerDown: onThumbPointerDown,
+				onKeyDown: onThumbKeyDown,
+				onFocus,
+				onBlur,
+				style: {
+					position: "absolute",
+					[isVertical ? "bottom" : "left"]: `${percent * 100}%`,
+					transform: isVertical ? "translateY(50%)" : "translateX(-50%)",
+					"touch-action": "none"
+				},
+				"data-disabled": state.isDisabled || void 0,
+				"data-dragging": state.isDragging() || void 0
+			};
+		},
+		get inputProps() {
+			const p = getProps();
+			return mergeProps(focusProps, {
+				type: "range",
+				id: inputId,
+				"aria-hidden": true,
+				min: state.minValue,
+				max: state.maxValue,
+				step: state.step,
+				value: state.value(),
+				name: p.name,
+				form: p.form,
+				disabled: state.isDisabled,
+				"aria-orientation": state.orientation,
+				"aria-valuetext": state.getFormattedValue(),
+				"aria-labelledby": labelledBy(),
+				"aria-label": labelledBy() ? void 0 : ariaLabel(),
+				tabIndex: -1,
+				onInput: (e) => {
+					const target = e.target;
+					state.setValue(parseFloat(target.value));
+				},
+				onChange: (e) => {
+					const target = e.target;
+					state.setValue(parseFloat(target.value));
+				},
+				onFocus,
+				onBlur
+			});
+		},
+		get outputProps() {
+			return {
+				id: outputId,
+				for: inputId,
+				"aria-live": "off"
+			};
+		}
+	};
+}
+//#endregion
+export { createSlider as t };
+
+//# sourceMappingURL=slider.jsx.map

package/dist/_chunk/slider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.jsx","names":[],"sources":["../../src/slider/createSlider.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a slider component.\n * A slider allows users to select a value from a range.\n * Based on @react-aria/slider useSlider.\n */\n\nimport { type JSX, onCleanup, onMount } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusWithoutScrolling } from \"../utils/focus\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { useLocale } from \"../i18n\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { SliderState, SliderOrientation } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaSliderProps {\n  /** An ID for the slider. */\n  id?: string;\n  /** Whether the slider is disabled. */\n  isDisabled?: boolean;\n  /** The label for the slider. */\n  label?: JSX.Element;\n  /** An accessible label for the slider when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the slider. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the slider. */\n  \"aria-describedby\"?: string;\n  /** The orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n}\n\nexport interface SliderAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the root group element. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the track element. */\n  trackProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the thumb element. */\n  thumbProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the hidden input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the output element (showing current value). */\n  outputProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a slider.\n */\nexport function createSlider(\n  props: MaybeAccessor<AriaSliderProps>,\n  state: SliderState,\n  trackRef?: () => HTMLElement | null,\n  inputRef?: () => HTMLInputElement | null,\n): SliderAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n  const locale = useLocale();\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const outputId = `${id}-output`;\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Focus ring for keyboard focus styling\n  const { isFocusVisible, focusProps } = createFocusRing({\n    within: true,\n  });\n\n  // Track pointer state for drag handling\n  let currentPointerId: number | null = null;\n\n  // Calculate position from pointer event\n  const getPositionFromPointer = (clientX: number, clientY: number): number => {\n    const track = trackRef?.();\n    if (!track) return 0;\n\n    const rect = track.getBoundingClientRect();\n    const isVertical = state.orientation === \"vertical\";\n\n    let position: number;\n    if (isVertical) {\n      position = (rect.bottom - clientY) / rect.height;\n    } else {\n      position = (clientX - rect.left) / rect.width;\n    }\n\n    return Math.max(0, Math.min(1, position));\n  };\n\n  // Handle pointer down on track\n  const onTrackPointerDown = (e: PointerEvent) => {\n    if (state.isDisabled || e.button !== 0) return;\n\n    e.preventDefault();\n    currentPointerId = e.pointerId;\n\n    const track = trackRef?.();\n    if (track) {\n      track.setPointerCapture(e.pointerId);\n    }\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(true);\n  };\n\n  // Handle pointer move for dragging\n  const onTrackPointerMove = (e: PointerEvent) => {\n    if (!state.isDragging() || e.pointerId !== currentPointerId) return;\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n  };\n\n  // Handle pointer up to end drag\n  const onTrackPointerUp = (e: PointerEvent) => {\n    if (e.pointerId !== currentPointerId) return;\n\n    const track = trackRef?.();\n    if (track) {\n      track.releasePointerCapture(e.pointerId);\n    }\n\n    currentPointerId = null;\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(false);\n  };\n\n  // Keyboard navigation that is not consistently handled by the native range input.\n  const onThumbKeyDown = (e: KeyboardEvent) => {\n    if (state.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        e.preventDefault();\n        if (state.orientation === \"horizontal\" && locale().direction === \"rtl\") {\n          state.decrement();\n        } else {\n          state.increment();\n        }\n        break;\n      case \"ArrowLeft\":\n        e.preventDefault();\n        if (state.orientation === \"horizontal\" && locale().direction === \"rtl\") {\n          state.increment();\n        } else {\n          state.decrement();\n        }\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (state.orientation === \"vertical\") {\n          state.increment();\n        } else {\n          state.decrement();\n        }\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (state.orientation === \"vertical\") {\n          state.decrement();\n        } else {\n          state.increment();\n        }\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.increment(state.pageStep / state.step);\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrement(state.pageStep / state.step);\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.setValue(state.minValue);\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.setValue(state.maxValue);\n        break;\n    }\n  };\n\n  // Handle focus events\n  const onFocus = () => {\n    state.setFocused(true);\n  };\n\n  const onBlur = () => {\n    state.setFocused(false);\n  };\n\n  // Handle pointer down on thumb (for direct thumb dragging)\n  const onThumbPointerDown = (e: PointerEvent) => {\n    if (state.isDisabled || e.button !== 0) return;\n\n    e.preventDefault();\n    e.stopPropagation(); // Prevent track from also handling\n    currentPointerId = e.pointerId;\n    focusWithoutScrolling(inputRef?.() ?? null);\n\n    // Capture pointer on document for smooth dragging\n    document.body.setPointerCapture(e.pointerId);\n    state.setDragging(true);\n  };\n\n  // Global pointer move handler for thumb dragging\n  const onDocumentPointerMove = (e: PointerEvent) => {\n    if (!state.isDragging() || e.pointerId !== currentPointerId) return;\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n  };\n\n  // Global pointer up handler\n  const onDocumentPointerUp = (e: PointerEvent) => {\n    if (e.pointerId !== currentPointerId) return;\n\n    try {\n      document.body.releasePointerCapture(e.pointerId);\n    } catch {\n      // Ignore if capture was already released\n    }\n\n    currentPointerId = null;\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(false);\n  };\n\n  // Set up global listeners on mount (client-side only)\n  onMount(() => {\n    if (typeof document === \"undefined\") return;\n\n    document.addEventListener(\"pointermove\", onDocumentPointerMove);\n    document.addEventListener(\"pointerup\", onDocumentPointerUp);\n    document.addEventListener(\"pointercancel\", onDocumentPointerUp);\n\n    // Cleanup when component unmounts\n    onCleanup(() => {\n      document.removeEventListener(\"pointermove\", onDocumentPointerMove);\n      document.removeEventListener(\"pointerup\", onDocumentPointerUp);\n      document.removeEventListener(\"pointercancel\", onDocumentPointerUp);\n    });\n  });\n\n  const labelledBy = () => (fieldProps as { \"aria-labelledby\"?: string })[\"aria-labelledby\"];\n  const ariaLabel = () => (fieldProps as { \"aria-label\"?: string })[\"aria-label\"];\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"group\",\n          \"data-disabled\": state.isDisabled || undefined,\n          \"data-orientation\": state.orientation,\n        } as Record<string, unknown>,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get trackProps() {\n      return {\n        onPointerDown: onTrackPointerDown,\n        onPointerMove: onTrackPointerMove,\n        onPointerUp: onTrackPointerUp,\n        onPointerCancel: onTrackPointerUp,\n        style: {\n          position: \"relative\",\n          \"touch-action\": \"none\",\n        },\n        \"data-disabled\": state.isDisabled || undefined,\n        \"data-orientation\": state.orientation,\n        \"data-dragging\": state.isDragging() || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get thumbProps() {\n      const percent = state.getValuePercent();\n      const isVertical = state.orientation === \"vertical\";\n\n      return {\n        role: \"slider\",\n        \"aria-valuemin\": state.minValue,\n        \"aria-valuemax\": state.maxValue,\n        \"aria-valuenow\": state.value(),\n        \"aria-valuetext\": state.getFormattedValue(),\n        \"aria-orientation\": state.orientation,\n        \"aria-disabled\": state.isDisabled || undefined,\n        \"aria-labelledby\": labelledBy(),\n        \"aria-label\": labelledBy() ? undefined : ariaLabel(),\n        tabIndex: state.isDisabled ? undefined : 0,\n        onPointerDown: onThumbPointerDown,\n        onKeyDown: onThumbKeyDown,\n        onFocus,\n        onBlur,\n        style: {\n          position: \"absolute\",\n          [isVertical ? \"bottom\" : \"left\"]: `${percent * 100}%`,\n          transform: isVertical ? \"translateY(50%)\" : \"translateX(-50%)\",\n          \"touch-action\": \"none\",\n        },\n        \"data-disabled\": state.isDisabled || undefined,\n        \"data-dragging\": state.isDragging() || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n\n      return mergeProps(\n        focusProps as Record<string, unknown>,\n        {\n          type: \"range\",\n          id: inputId,\n          \"aria-hidden\": true,\n          min: state.minValue,\n          max: state.maxValue,\n          step: state.step,\n          value: state.value(),\n          name: p.name,\n          form: p.form,\n          disabled: state.isDisabled,\n          \"aria-orientation\": state.orientation,\n          \"aria-valuetext\": state.getFormattedValue(),\n          \"aria-labelledby\": labelledBy(),\n          \"aria-label\": labelledBy() ? undefined : ariaLabel(),\n          tabIndex: -1,\n          onInput: (e: Event) => {\n            const target = e.target as HTMLInputElement;\n            state.setValue(parseFloat(target.value));\n          },\n          onChange: (e: Event) => {\n            const target = e.target as HTMLInputElement;\n            state.setValue(parseFloat(target.value));\n          },\n          onFocus,\n          onBlur,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get outputProps() {\n      return {\n        id: outputId,\n        for: inputId,\n        \"aria-live\": \"off\",\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/steplist.js

@@ -0,0 +1,66 @@
+//#region src/steplist/createStepList.ts
+/**
+* Creates ARIA props for a step list container.
+*/
+function createStepList(props, _state) {
+	return { stepListProps: {
+		get "aria-label"() {
+			return props["aria-label"] ?? "Step List";
+		},
+		get "aria-labelledby"() {
+			return props["aria-labelledby"];
+		}
+	} };
+}
+/**
+* Creates ARIA props for an individual step within a step list.
+*/
+function createStep(props, state) {
+	const isSelected = () => state.selectedKey() === props.key;
+	const isCompleted = () => state.isCompleted(props.key);
+	const selectable = () => state.isSelectable(props.key);
+	const getStepStateText = () => {
+		if (isSelected()) return "Current";
+		if (isCompleted()) return "Completed";
+		return "Not completed";
+	};
+	const handleClick = (e) => {
+		e.preventDefault();
+		if (selectable()) state.setSelectedKey(props.key);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+			e.preventDefault();
+			return;
+		}
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			if (selectable()) state.setSelectedKey(props.key);
+		}
+	};
+	return {
+		get stepProps() {
+			return {
+				role: "link",
+				get "aria-current"() {
+					return isSelected() ? "step" : void 0;
+				},
+				get "aria-disabled"() {
+					return !selectable() ? true : void 0;
+				},
+				get tabIndex() {
+					return selectable() ? 0 : void 0;
+				},
+				onClick: handleClick,
+				onKeyDown: handleKeyDown
+			};
+		},
+		get stepStateText() {
+			return getStepStateText();
+		}
+	};
+}
+//#endregion
+export { createStepList as n, createStep as t };
+
+//# sourceMappingURL=steplist.js.map

package/dist/_chunk/steplist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steplist.js","names":[],"sources":["../../src/steplist/createStepList.ts"],"sourcesContent":["/**\n * ARIA hooks for StepList components.\n * Provides accessible step list and step item props.\n */\n\nimport type { JSX } from \"solid-js\";\nimport type { StepListState } from \"@proyecto-viviana/solid-stately\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaStepListProps {\n  /** Accessible label for the step list. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the step list. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface StepListAria {\n  /** Props for the step list container element. */\n  stepListProps: JSX.HTMLAttributes<HTMLOListElement>;\n}\n\n/**\n * Creates ARIA props for a step list container.\n */\nexport function createStepList(props: AriaStepListProps, _state: StepListState): StepListAria {\n  return {\n    stepListProps: {\n      get \"aria-label\"() {\n        return props[\"aria-label\"] ?? \"Step List\";\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n\nexport interface AriaStepProps {\n  /** The key of this step. */\n  key: Key;\n}\n\nexport interface StepAria {\n  /** Props for the step element (anchor/link). */\n  stepProps: JSX.HTMLAttributes<HTMLAnchorElement>;\n  /** Accessible text describing the step state. */\n  stepStateText: string;\n}\n\n/**\n * Creates ARIA props for an individual step within a step list.\n */\nexport function createStep(props: AriaStepProps, state: StepListState): StepAria {\n  const isSelected = () => state.selectedKey() === props.key;\n  const isCompleted = () => state.isCompleted(props.key);\n  const selectable = () => state.isSelectable(props.key);\n\n  const getStepStateText = (): string => {\n    if (isSelected()) return \"Current\";\n    if (isCompleted()) return \"Completed\";\n    return \"Not completed\";\n  };\n\n  const handleClick: JSX.EventHandler<HTMLAnchorElement, MouseEvent> = (e) => {\n    e.preventDefault();\n    if (selectable()) {\n      state.setSelectedKey(props.key);\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLAnchorElement, KeyboardEvent> = (e) => {\n    // Prevent arrow key scrolling — tab order handles navigation\n    if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (selectable()) {\n        state.setSelectedKey(props.key);\n      }\n    }\n  };\n\n  return {\n    get stepProps() {\n      return {\n        role: \"link\" as const,\n        get \"aria-current\"() {\n          return isSelected() ? (\"step\" as const) : undefined;\n        },\n        get \"aria-disabled\"() {\n          return !selectable() ? true : undefined;\n        },\n        get tabIndex() {\n          return selectable() ? 0 : undefined;\n        },\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n      };\n    },\n    get stepStateText() {\n      return getStepStateText();\n    },\n  };\n}\n"],"mappings":";;;;AAwBA,SAAgB,eAAe,OAA0B,QAAqC;CAC5F,OAAO,EACL,eAAe;EACb,IAAI,eAAe;GACjB,OAAO,MAAM,iBAAiB;EAChC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;CACF,EACF;AACF;;;;AAiBA,SAAgB,WAAW,OAAsB,OAAgC;CAC/E,MAAM,mBAAmB,MAAM,YAAY,MAAM,MAAM;CACvD,MAAM,oBAAoB,MAAM,YAAY,MAAM,GAAG;CACrD,MAAM,mBAAmB,MAAM,aAAa,MAAM,GAAG;CAErD,MAAM,yBAAiC;EACrC,IAAI,WAAW,GAAG,OAAO;EACzB,IAAI,YAAY,GAAG,OAAO;EAC1B,OAAO;CACT;CAEA,MAAM,eAAgE,MAAM;EAC1E,EAAE,eAAe;EACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;CAElC;CAEA,MAAM,iBAAqE,MAAM;EAE/E,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;GAChD,EAAE,eAAe;GACjB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;EAElC;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO;IACL,MAAM;IACN,IAAI,iBAAiB;KACnB,OAAO,WAAW,IAAK,SAAmB,KAAA;IAC5C;IACA,IAAI,kBAAkB;KACpB,OAAO,CAAC,WAAW,IAAI,OAAO,KAAA;IAChC;IACA,IAAI,WAAW;KACb,OAAO,WAAW,IAAI,IAAI,KAAA;IAC5B;IACA,SAAS;IACT,WAAW;GACb;EACF;EACA,IAAI,gBAAgB;GAClB,OAAO,iBAAiB;EAC1B;CACF;AACF"}

package/dist/_chunk/steplist.jsx

@@ -0,0 +1,66 @@
+//#region src/steplist/createStepList.ts
+/**
+* Creates ARIA props for a step list container.
+*/
+function createStepList(props, _state) {
+	return { stepListProps: {
+		get "aria-label"() {
+			return props["aria-label"] ?? "Step List";
+		},
+		get "aria-labelledby"() {
+			return props["aria-labelledby"];
+		}
+	} };
+}
+/**
+* Creates ARIA props for an individual step within a step list.
+*/
+function createStep(props, state) {
+	const isSelected = () => state.selectedKey() === props.key;
+	const isCompleted = () => state.isCompleted(props.key);
+	const selectable = () => state.isSelectable(props.key);
+	const getStepStateText = () => {
+		if (isSelected()) return "Current";
+		if (isCompleted()) return "Completed";
+		return "Not completed";
+	};
+	const handleClick = (e) => {
+		e.preventDefault();
+		if (selectable()) state.setSelectedKey(props.key);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+			e.preventDefault();
+			return;
+		}
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			if (selectable()) state.setSelectedKey(props.key);
+		}
+	};
+	return {
+		get stepProps() {
+			return {
+				role: "link",
+				get "aria-current"() {
+					return isSelected() ? "step" : void 0;
+				},
+				get "aria-disabled"() {
+					return !selectable() ? true : void 0;
+				},
+				get tabIndex() {
+					return selectable() ? 0 : void 0;
+				},
+				onClick: handleClick,
+				onKeyDown: handleKeyDown
+			};
+		},
+		get stepStateText() {
+			return getStepStateText();
+		}
+	};
+}
+//#endregion
+export { createStepList as n, createStep as t };
+
+//# sourceMappingURL=steplist.jsx.map

package/dist/_chunk/steplist.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"steplist.jsx","names":[],"sources":["../../src/steplist/createStepList.ts"],"sourcesContent":["/**\n * ARIA hooks for StepList components.\n * Provides accessible step list and step item props.\n */\n\nimport type { JSX } from \"solid-js\";\nimport type { StepListState } from \"@proyecto-viviana/solid-stately\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaStepListProps {\n  /** Accessible label for the step list. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the step list. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface StepListAria {\n  /** Props for the step list container element. */\n  stepListProps: JSX.HTMLAttributes<HTMLOListElement>;\n}\n\n/**\n * Creates ARIA props for a step list container.\n */\nexport function createStepList(props: AriaStepListProps, _state: StepListState): StepListAria {\n  return {\n    stepListProps: {\n      get \"aria-label\"() {\n        return props[\"aria-label\"] ?? \"Step List\";\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n\nexport interface AriaStepProps {\n  /** The key of this step. */\n  key: Key;\n}\n\nexport interface StepAria {\n  /** Props for the step element (anchor/link). */\n  stepProps: JSX.HTMLAttributes<HTMLAnchorElement>;\n  /** Accessible text describing the step state. */\n  stepStateText: string;\n}\n\n/**\n * Creates ARIA props for an individual step within a step list.\n */\nexport function createStep(props: AriaStepProps, state: StepListState): StepAria {\n  const isSelected = () => state.selectedKey() === props.key;\n  const isCompleted = () => state.isCompleted(props.key);\n  const selectable = () => state.isSelectable(props.key);\n\n  const getStepStateText = (): string => {\n    if (isSelected()) return \"Current\";\n    if (isCompleted()) return \"Completed\";\n    return \"Not completed\";\n  };\n\n  const handleClick: JSX.EventHandler<HTMLAnchorElement, MouseEvent> = (e) => {\n    e.preventDefault();\n    if (selectable()) {\n      state.setSelectedKey(props.key);\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLAnchorElement, KeyboardEvent> = (e) => {\n    // Prevent arrow key scrolling — tab order handles navigation\n    if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (selectable()) {\n        state.setSelectedKey(props.key);\n      }\n    }\n  };\n\n  return {\n    get stepProps() {\n      return {\n        role: \"link\" as const,\n        get \"aria-current\"() {\n          return isSelected() ? (\"step\" as const) : undefined;\n        },\n        get \"aria-disabled\"() {\n          return !selectable() ? true : undefined;\n        },\n        get tabIndex() {\n          return selectable() ? 0 : undefined;\n        },\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n      };\n    },\n    get stepStateText() {\n      return getStepStateText();\n    },\n  };\n}\n"],"mappings":";;;;AAwBA,SAAgB,eAAe,OAA0B,QAAqC;CAC5F,OAAO,EACL,eAAe;EACb,IAAI,eAAe;GACjB,OAAO,MAAM,iBAAiB;EAChC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;CACF,EACF;AACF;;;;AAiBA,SAAgB,WAAW,OAAsB,OAAgC;CAC/E,MAAM,mBAAmB,MAAM,YAAY,MAAM,MAAM;CACvD,MAAM,oBAAoB,MAAM,YAAY,MAAM,GAAG;CACrD,MAAM,mBAAmB,MAAM,aAAa,MAAM,GAAG;CAErD,MAAM,yBAAiC;EACrC,IAAI,WAAW,GAAG,OAAO;EACzB,IAAI,YAAY,GAAG,OAAO;EAC1B,OAAO;CACT;CAEA,MAAM,eAAgE,MAAM;EAC1E,EAAE,eAAe;EACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;CAElC;CAEA,MAAM,iBAAqE,MAAM;EAE/E,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;GAChD,EAAE,eAAe;GACjB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;EAElC;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO;IACL,MAAM;IACN,IAAI,iBAAiB;KACnB,OAAO,WAAW,IAAK,SAAmB,KAAA;IAC5C;IACA,IAAI,kBAAkB;KACpB,OAAO,CAAC,WAAW,IAAI,OAAO,KAAA;IAChC;IACA,IAAI,WAAW;KACb,OAAO,WAAW,IAAI,IAAI,KAAA;IAC5B;IACA,SAAS;IACT,WAAW;GACb;EACF;EACA,IAAI,gBAAgB;GAClB,OAAO,iBAAiB;EAC1B;CACF;AACF"}

package/dist/_chunk/switch.js

@@ -0,0 +1,34 @@
+import { t as createToggle } from "./createToggle.js";
+//#region src/switch/createSwitch.ts
+/**
+* Provides the behavior and accessibility implementation for a switch component.
+* A switch is similar to a checkbox, but represents on/off values as opposed to selection.
+*/
+function createSwitch(props, state, ref) {
+	const toggle = createToggle(props, state, ref);
+	return {
+		labelProps: toggle.labelProps,
+		get inputProps() {
+			return {
+				...toggle.inputProps,
+				role: "switch",
+				checked: toggle.isSelected()
+			};
+		},
+		get descriptionProps() {
+			return toggle.descriptionProps;
+		},
+		get errorMessageProps() {
+			return toggle.errorMessageProps;
+		},
+		isSelected: toggle.isSelected,
+		isPressed: toggle.isPressed,
+		isDisabled: toggle.isDisabled,
+		isReadOnly: toggle.isReadOnly,
+		isInvalid: toggle.isInvalid
+	};
+}
+//#endregion
+export { createSwitch as t };
+
+//# sourceMappingURL=switch.js.map

package/dist/_chunk/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":[],"sources":["../../src/switch/createSwitch.ts"],"sourcesContent":["/**\n * Switch hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a switch component.\n * A switch is similar to a checkbox, but represents on/off values as opposed to selection.\n *\n * This is a 1:1 port of @react-aria/switch's useSwitch hook.\n */\n\nimport { JSX, Accessor } from \"solid-js\";\nimport { createToggle, type AriaToggleProps } from \"../toggle/createToggle\";\nimport { type ToggleState } from \"@proyecto-viviana/solid-stately\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface AriaSwitchProps extends AriaToggleProps {\n  // Switch uses the same props as toggle\n}\n\nexport interface SwitchAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the switch description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the switch error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the switch is selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the switch is in a pressed state. */\n  isPressed: Accessor<boolean>;\n  /** Whether the switch is disabled. */\n  isDisabled: boolean;\n  /** Whether the switch is read only. */\n  isReadOnly: boolean;\n  /** Whether the switch is invalid. */\n  isInvalid: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a switch component.\n * A switch is similar to a checkbox, but represents on/off values as opposed to selection.\n */\nexport function createSwitch(\n  props: MaybeAccessor<AriaSwitchProps>,\n  state: ToggleState,\n  ref: () => HTMLInputElement | null,\n): SwitchAria {\n  // Don't destructure inputProps - it's a getter that needs to be evaluated each time\n  const toggle = createToggle(props, state, ref);\n\n  return {\n    labelProps: toggle.labelProps,\n    get inputProps() {\n      // Access toggle.inputProps (the getter) each time to get fresh values\n      const baseProps = toggle.inputProps;\n      return {\n        ...baseProps,\n        role: \"switch\" as const,\n        checked: toggle.isSelected(),\n      };\n    },\n    get descriptionProps() {\n      return toggle.descriptionProps;\n    },\n    get errorMessageProps() {\n      return toggle.errorMessageProps;\n    },\n    isSelected: toggle.isSelected,\n    isPressed: toggle.isPressed,\n    isDisabled: toggle.isDisabled,\n    isReadOnly: toggle.isReadOnly,\n    isInvalid: toggle.isInvalid,\n  };\n}\n"],"mappings":";;;;;;AA2CA,SAAgB,aACd,OACA,OACA,KACY;CAEZ,MAAM,SAAS,aAAa,OAAO,OAAO,GAAG;CAE7C,OAAO;EACL,YAAY,OAAO;EACnB,IAAI,aAAa;GAGf,OAAO;IACL,GAFgB,OAAO;IAGvB,MAAM;IACN,SAAS,OAAO,WAAW;GAC7B;EACF;EACA,IAAI,mBAAmB;GACrB,OAAO,OAAO;EAChB;EACA,IAAI,oBAAoB;GACtB,OAAO,OAAO;EAChB;EACA,YAAY,OAAO;EACnB,WAAW,OAAO;EAClB,YAAY,OAAO;EACnB,YAAY,OAAO;EACnB,WAAW,OAAO;CACpB;AACF"}

package/dist/_chunk/switch.jsx

@@ -0,0 +1,34 @@
+import { t as createToggle } from "./createToggle.jsx";
+//#region src/switch/createSwitch.ts
+/**
+* Provides the behavior and accessibility implementation for a switch component.
+* A switch is similar to a checkbox, but represents on/off values as opposed to selection.
+*/
+function createSwitch(props, state, ref) {
+	const toggle = createToggle(props, state, ref);
+	return {
+		labelProps: toggle.labelProps,
+		get inputProps() {
+			return {
+				...toggle.inputProps,
+				role: "switch",
+				checked: toggle.isSelected()
+			};
+		},
+		get descriptionProps() {
+			return toggle.descriptionProps;
+		},
+		get errorMessageProps() {
+			return toggle.errorMessageProps;
+		},
+		isSelected: toggle.isSelected,
+		isPressed: toggle.isPressed,
+		isDisabled: toggle.isDisabled,
+		isReadOnly: toggle.isReadOnly,
+		isInvalid: toggle.isInvalid
+	};
+}
+//#endregion
+export { createSwitch as t };
+
+//# sourceMappingURL=switch.jsx.map

package/dist/_chunk/switch.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.jsx","names":[],"sources":["../../src/switch/createSwitch.ts"],"sourcesContent":["/**\n * Switch hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a switch component.\n * A switch is similar to a checkbox, but represents on/off values as opposed to selection.\n *\n * This is a 1:1 port of @react-aria/switch's useSwitch hook.\n */\n\nimport { JSX, Accessor } from \"solid-js\";\nimport { createToggle, type AriaToggleProps } from \"../toggle/createToggle\";\nimport { type ToggleState } from \"@proyecto-viviana/solid-stately\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface AriaSwitchProps extends AriaToggleProps {\n  // Switch uses the same props as toggle\n}\n\nexport interface SwitchAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the switch description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the switch error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the switch is selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the switch is in a pressed state. */\n  isPressed: Accessor<boolean>;\n  /** Whether the switch is disabled. */\n  isDisabled: boolean;\n  /** Whether the switch is read only. */\n  isReadOnly: boolean;\n  /** Whether the switch is invalid. */\n  isInvalid: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a switch component.\n * A switch is similar to a checkbox, but represents on/off values as opposed to selection.\n */\nexport function createSwitch(\n  props: MaybeAccessor<AriaSwitchProps>,\n  state: ToggleState,\n  ref: () => HTMLInputElement | null,\n): SwitchAria {\n  // Don't destructure inputProps - it's a getter that needs to be evaluated each time\n  const toggle = createToggle(props, state, ref);\n\n  return {\n    labelProps: toggle.labelProps,\n    get inputProps() {\n      // Access toggle.inputProps (the getter) each time to get fresh values\n      const baseProps = toggle.inputProps;\n      return {\n        ...baseProps,\n        role: \"switch\" as const,\n        checked: toggle.isSelected(),\n      };\n    },\n    get descriptionProps() {\n      return toggle.descriptionProps;\n    },\n    get errorMessageProps() {\n      return toggle.errorMessageProps;\n    },\n    isSelected: toggle.isSelected,\n    isPressed: toggle.isPressed,\n    isDisabled: toggle.isDisabled,\n    isReadOnly: toggle.isReadOnly,\n    isInvalid: toggle.isInvalid,\n  };\n}\n"],"mappings":";;;;;;AA2CA,SAAgB,aACd,OACA,OACA,KACY;CAEZ,MAAM,SAAS,aAAa,OAAO,OAAO,GAAG;CAE7C,OAAO;EACL,YAAY,OAAO;EACnB,IAAI,aAAa;GAGf,OAAO;IACL,GAFgB,OAAO;IAGvB,MAAM;IACN,SAAS,OAAO,WAAW;GAC7B;EACF;EACA,IAAI,mBAAmB;GACrB,OAAO,OAAO;EAChB;EACA,IAAI,oBAAoB;GACtB,OAAO,OAAO;EAChB;EACA,YAAY,OAAO;EACnB,WAAW,OAAO;EAClB,YAAY,OAAO;EACnB,YAAY,OAAO;EACnB,WAAW,OAAO;CACpB;AACF"}