@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/slider/create-slider-state.d.ts

@@ -0,0 +1,182 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/slider/useSliderState.ts.
+ * Modified for Solid Aria: adapted state handling, APIs, or formatting for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { LabelableProps, Orientation, RangeInputBase, ValueBase } from "@solid2-aria/types-shared";
+export interface SliderProps<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {
+  /**
+   * The orientation of the Slider.
+   *
+   * @default 'horizontal'
+   */
+  orientation?: Orientation;
+  /** Whether the whole Slider is disabled. */
+  isDisabled?: boolean;
+  /** Fired when the slider stops moving, due to being let go. */
+  onChangeEnd?: (value: T) => void;
+  /**
+   * The slider's minimum value.
+   *
+   * @default 0
+   */
+  minValue?: number;
+  /**
+   * The slider's maximum value.
+   *
+   * @default 100
+   */
+  maxValue?: number;
+  /**
+   * The slider's step value.
+   *
+   * @default 1
+   */
+  step?: number;
+}
+export interface SliderState {
+  /**
+   * Values managed by the slider by thumb index.
+   */
+  readonly values: number[];
+  /**
+   * The default values for each thumb.
+   */
+  readonly defaultValues: number[];
+  /**
+   * Get the value for the specified thumb.
+   *
+   * @param index
+   */
+  getThumbValue: (index: number) => number;
+  /**
+   * Sets the value for the specified thumb.
+   * The actual value set will be clamped and rounded according to min/max/step.
+   *
+   * @param index
+   * @param value
+   */
+  setThumbValue: (index: number, value: number) => void;
+  /**
+   * Sets value for the specified thumb by percent offset (between 0 and 1).
+   *
+   * @param index
+   * @param percent
+   */
+  setThumbPercent: (index: number, percent: number) => void;
+  /**
+   * Whether the specific thumb is being dragged.
+   *
+   * @param index
+   */
+  isThumbDragging: (index: number) => boolean;
+  /**
+   * Set is dragging on the specified thumb.
+   *
+   * @param index
+   * @param dragging
+   */
+  setThumbDragging: (index: number, dragging: boolean) => void;
+  /**
+   * Currently-focused thumb index.
+   */
+  readonly focusedThumb: number | undefined;
+  /**
+   * Set focused true on specified thumb. This will remove focus from
+   * any thumb that had it before.
+   *
+   * @param index
+   */
+  setFocusedThumb: (index: number | undefined) => void;
+  /**
+   * Returns the specified thumb's value as a percentage from 0 to 1.
+   *
+   * @param index
+   */
+  getThumbPercent: (index: number) => number;
+  /**
+   * Returns the value as a percent between the min and max of the slider.
+   *
+   * @param index
+   */
+  getValuePercent: (value: number) => number;
+  /**
+   * Returns the string label for the specified thumb's value, per props.formatOptions.
+   *
+   * @param index
+   */
+  getThumbValueLabel: (index: number) => string;
+  /**
+   * Returns the string label for the value, per props.formatOptions.
+   *
+   * @param value
+   */
+  getFormattedValue: (value?: number | number[]) => string;
+  /**
+   * Returns the min allowed value for the specified thumb.
+   *
+   * @param index
+   */
+  getThumbMinValue: (index: number) => number;
+  /**
+   * Returns the max allowed value for the specified thumb.
+   *
+   * @param index
+   */
+  getThumbMaxValue: (index: number) => number;
+  /**
+   * Converts a percent along track (between 0 and 1) to the corresponding value.
+   *
+   * @param percent
+   */
+  getPercentValue: (percent: number) => number;
+  /**
+   * Returns if the specified thumb is editable.
+   *
+   * @param index
+   */
+  isThumbEditable: (index: number) => boolean;
+  /**
+   * Set the specified thumb's editable state.
+   *
+   * @param index
+   * @param editable
+   */
+  setThumbEditable: (index: number, editable: boolean) => void;
+  /**
+   * Increments the value of the thumb by the step or page amount.
+   */
+  incrementThumb: (index: number, stepSize?: number) => void;
+  /**
+   * Decrements the value of the thumb by the step or page amount.
+   */
+  decrementThumb: (index: number, stepSize?: number) => void;
+  /**
+   * The step amount for the slider.
+   */
+  readonly step: number;
+  /**
+   * The page size for the slider, used to do a bigger step.
+   */
+  readonly pageSize: number;
+  /** The orientation of the slider. */
+  readonly orientation: Orientation;
+  /** Whether the slider is disabled. */
+  readonly isDisabled: boolean;
+}
+export interface SliderStateOptions extends SliderProps {
+  numberFormatter: Intl.NumberFormat;
+}
+export declare function createSliderState(props: SliderStateOptions): SliderState;
+//# sourceMappingURL=create-slider-state.d.ts.map

package/dist/slider/create-slider-state.js

@@ -0,0 +1,131 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/slider/useSliderState.ts.
+ * Modified for Solid Aria: adapted state handling, APIs, or formatting for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { clamp, snapValueToStep } from "../utils/number.js";
+import { createMemo, createRenderEffect, createSignal, untrack } from "solid-js";
+// src/slider/create-slider-state.ts
+function createSliderState(props) {
+	const min = () => props.minValue ?? 0;
+	const max = () => props.maxValue ?? 100;
+	const step = () => props.step ?? 1;
+	const restrict = (v) => {
+		const a = Array.isArray(v) ? v : [v];
+		return a.map((n, i) => snapValueToStep(n, i === 0 ? min() : a[i - 1], i === a.length - 1 ? max() : a[i + 1], step()));
+	};
+	const defaults = () => restrict(props.defaultValue ?? [min()]);
+	const emit = (fn, v) => fn?.(typeof props.value === "number" || typeof props.defaultValue === "number" ? v[0] ?? min() : v);
+	const controlledValue = createMemo(() => props.value === void 0 ? void 0 : restrict(props.value));
+	const [values, setValues] = createControlledSignal(controlledValue, untrack(defaults), (v) => emit(props.onChange, v));
+	const initialValues = untrack(values);
+	const [draggings, setDraggings] = createSignal([]);
+	const [focus, setFocus] = createSignal();
+	let dragging = [];
+	const editable = [];
+	let pending = initialValues;
+	createRenderEffect(values, (v) => {
+		pending = v;
+	});
+	const get = (i) => values()[i] ?? min();
+	const thumbMin = (i) => i === 0 ? min() : get(i - 1);
+	const thumbMax = (i) => i === values().length - 1 ? max() : get(i + 1);
+	const isEditable = (i) => editable[i] ?? true;
+	const update = (i, v) => {
+		if (props.isDisabled === true || !isEditable(i)) return;
+		const nextValue = snapValueToStep(v, thumbMin(i), thumbMax(i), step());
+		if (pending[i] === nextValue) return;
+		pending = pending.map((n, index) => index === i ? nextValue : n);
+		setValues(pending);
+	};
+	const percent = (v) => (v - min()) / (max() - min());
+	const percentValue = (p) => clamp(Math.round(p * (max() - min()) / step()) * step() + min(), min(), max());
+	const format = (v = values()) => {
+		const a = Array.isArray(v) ? v : [v];
+		const f = props.numberFormatter;
+		if (a.length === 0) return "";
+		if (a.length === 1) return f.format(a[0] ?? min());
+		if (a.length === 2) return f.formatRange(a[0] ?? min(), a[1] ?? max());
+		return new Intl.ListFormat(f.resolvedOptions().locale, { type: "unit" }).format(a.map((n) => f.format(n)));
+	};
+	return {
+		decrementThumb(i, s = 1) {
+			update(i, get(i) - Math.max(s, step()));
+		},
+		get defaultValues() {
+			return props.defaultValue === void 0 ? initialValues : defaults();
+		},
+		get focusedThumb() {
+			return focus();
+		},
+		getFormattedValue: format,
+		getPercentValue: percentValue,
+		getThumbMaxValue: thumbMax,
+		getThumbMinValue: thumbMin,
+		getThumbPercent(i) {
+			return percent(get(i));
+		},
+		getThumbValue: get,
+		getThumbValueLabel(i) {
+			return format(get(i));
+		},
+		getValuePercent: percent,
+		incrementThumb(i, s = 1) {
+			update(i, get(i) + Math.max(s, step()));
+		},
+		get isDisabled() {
+			return props.isDisabled ?? false;
+		},
+		isThumbDragging(i) {
+			return draggings()[i] ?? false;
+		},
+		isThumbEditable: isEditable,
+		get orientation() {
+			return props.orientation ?? "horizontal";
+		},
+		get pageSize() {
+			const size = (max() - min()) / 10;
+			return Math.max(step(), snapValueToStep(size, 0, size + step(), step()));
+		},
+		setFocusedThumb(v) {
+			setFocus(v);
+		},
+		setThumbDragging(i, v) {
+			if (props.isDisabled === true || !isEditable(i)) return;
+			if (v) pending = values();
+			const was = dragging[i];
+			dragging = [...dragging];
+			dragging[i] = v;
+			setDraggings(dragging);
+			if (was === true && !dragging.some(Boolean)) emit(props.onChangeEnd, pending);
+		},
+		setThumbEditable(i, v) {
+			editable[i] = v;
+		},
+		setThumbPercent(i, p) {
+			update(i, percentValue(p));
+		},
+		setThumbValue: update,
+		get step() {
+			return step();
+		},
+		get values() {
+			return values();
+		}
+	};
+}
+export { createSliderState };
+
+//# sourceMappingURL=create-slider-state.js.map

package/dist/slider/create-slider-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-slider-state.js","names":[],"sources":["../../src/slider/create-slider-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/slider/useSliderState.ts.\n * Modified for Solid Aria: adapted state handling, APIs, or formatting for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type {\n  LabelableProps,\n  Orientation,\n  RangeInputBase,\n  ValueBase,\n} from \"@solid2-aria/types-shared\";\nimport {\n  createMemo,\n  createRenderEffect,\n  createSignal,\n  untrack,\n} from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { clamp, snapValueToStep } from \"../utils/number\";\n\nexport interface SliderProps<T = number | number[]>\n  extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean;\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void;\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The slider's maximum value.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * The slider's step value.\n   *\n   * @default 1\n   */\n  step?: number;\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[];\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[];\n  /**\n   * Get the value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbValue: (index: number) => number;\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   *\n   * @param index\n   * @param value\n   */\n  setThumbValue: (index: number, value: number) => void;\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   *\n   * @param index\n   * @param percent\n   */\n  setThumbPercent: (index: number, percent: number) => void;\n\n  /**\n   * Whether the specific thumb is being dragged.\n   *\n   * @param index\n   */\n  isThumbDragging: (index: number) => boolean;\n  /**\n   * Set is dragging on the specified thumb.\n   *\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging: (index: number, dragging: boolean) => void;\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined;\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   *\n   * @param index\n   */\n  setFocusedThumb: (index: number | undefined) => void;\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   *\n   * @param index\n   */\n  getThumbPercent: (index: number) => number;\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   *\n   * @param index\n   */\n  getValuePercent: (value: number) => number;\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   *\n   * @param index\n   */\n  getThumbValueLabel: (index: number) => string;\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   *\n   * @param value\n   */\n  getFormattedValue: (value?: number | number[]) => string;\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMinValue: (index: number) => number;\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMaxValue: (index: number) => number;\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   *\n   * @param percent\n   */\n  getPercentValue: (percent: number) => number;\n\n  /**\n   * Returns if the specified thumb is editable.\n   *\n   * @param index\n   */\n  isThumbEditable: (index: number) => boolean;\n\n  /**\n   * Set the specified thumb's editable state.\n   *\n   * @param index\n   * @param editable\n   */\n  setThumbEditable: (index: number, editable: boolean) => void;\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb: (index: number, stepSize?: number) => void;\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb: (index: number, stepSize?: number) => void;\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number;\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number;\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation;\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean;\n}\n\nexport interface SliderStateOptions extends SliderProps {\n  numberFormatter: Intl.NumberFormat;\n}\n\nexport function createSliderState(props: SliderStateOptions): SliderState {\n  const min = () => props.minValue ?? 0;\n  const max = () => props.maxValue ?? 100;\n  const step = () => props.step ?? 1;\n\n  const restrict = (v: number | number[]) => {\n    const a = Array.isArray(v) ? v : [v];\n\n    return a.map((n, i) =>\n      snapValueToStep(\n        n,\n        i === 0 ? min() : a[i - 1],\n        i === a.length - 1 ? max() : a[i + 1],\n        step()\n      )\n    );\n  };\n\n  const defaults = () => restrict(props.defaultValue ?? [min()]);\n\n  const emit = (\n    fn: ((v: number | number[]) => void) | undefined,\n    v: number[]\n  ) =>\n    fn?.(\n      typeof props.value === \"number\" || typeof props.defaultValue === \"number\"\n        ? (v[0] ?? min())\n        : v\n    );\n\n  const controlledValue = createMemo(() =>\n    props.value === undefined ? undefined : restrict(props.value)\n  );\n\n  const [values, setValues] = createControlledSignal(\n    controlledValue,\n    untrack(defaults),\n    (v) => emit(props.onChange, v)\n  );\n\n  const initialValues = untrack(values);\n  const [draggings, setDraggings] = createSignal<boolean[]>([]);\n  const [focus, setFocus] = createSignal<number>();\n  let dragging: boolean[] = [];\n  const editable: boolean[] = [];\n  let pending = initialValues;\n  createRenderEffect(values, (v) => {\n    pending = v;\n  });\n  const get = (i: number) => values()[i] ?? min();\n  const thumbMin = (i: number) => (i === 0 ? min() : get(i - 1));\n\n  const thumbMax = (i: number) =>\n    i === values().length - 1 ? max() : get(i + 1);\n\n  const isEditable = (i: number) => editable[i] ?? true;\n\n  const update = (i: number, v: number) => {\n    if (props.isDisabled === true || !isEditable(i)) {\n      return;\n    }\n\n    const nextValue = snapValueToStep(v, thumbMin(i), thumbMax(i), step());\n\n    if (pending[i] === nextValue) {\n      return;\n    }\n\n    pending = pending.map((n, index) => (index === i ? nextValue : n));\n    setValues(pending);\n  };\n\n  const percent = (v: number) => (v - min()) / (max() - min());\n\n  const percentValue = (p: number) =>\n    clamp(\n      Math.round((p * (max() - min())) / step()) * step() + min(),\n      min(),\n      max()\n    );\n\n  const format = (v: number | number[] = values()) => {\n    const a = Array.isArray(v) ? v : [v];\n    const f = props.numberFormatter;\n\n    if (a.length === 0) {\n      return \"\";\n    }\n\n    if (a.length === 1) {\n      return f.format(a[0] ?? min());\n    }\n\n    if (a.length === 2) {\n      return f.formatRange(a[0] ?? min(), a[1] ?? max());\n    }\n\n    return new Intl.ListFormat(f.resolvedOptions().locale, {\n      type: \"unit\",\n    }).format(a.map((n) => f.format(n)));\n  };\n\n  return {\n    decrementThumb(i, s = 1) {\n      update(i, get(i) - Math.max(s, step()));\n    },\n    get defaultValues() {\n      return props.defaultValue === undefined ? initialValues : defaults();\n    },\n    get focusedThumb() {\n      return focus();\n    },\n    getFormattedValue: format,\n    getPercentValue: percentValue,\n    getThumbMaxValue: thumbMax,\n    getThumbMinValue: thumbMin,\n    getThumbPercent(i) {\n      return percent(get(i));\n    },\n    getThumbValue: get,\n    getThumbValueLabel(i) {\n      return format(get(i));\n    },\n    getValuePercent: percent,\n    incrementThumb(i, s = 1) {\n      update(i, get(i) + Math.max(s, step()));\n    },\n    get isDisabled() {\n      return props.isDisabled ?? false;\n    },\n    isThumbDragging(i) {\n      return draggings()[i] ?? false;\n    },\n    isThumbEditable: isEditable,\n    get orientation() {\n      return props.orientation ?? \"horizontal\";\n    },\n    get pageSize() {\n      const size = (max() - min()) / 10;\n\n      return Math.max(step(), snapValueToStep(size, 0, size + step(), step()));\n    },\n    setFocusedThumb(v) {\n      setFocus(v);\n    },\n    setThumbDragging(i, v) {\n      if (props.isDisabled === true || !isEditable(i)) {\n        return;\n      }\n\n      if (v) {\n        pending = values();\n      }\n\n      const was = dragging[i];\n      dragging = [...dragging];\n      dragging[i] = v;\n      setDraggings(dragging);\n\n      if (was === true && !dragging.some(Boolean)) {\n        emit(props.onChangeEnd, pending);\n      }\n    },\n    setThumbEditable(i, v) {\n      editable[i] = v;\n    },\n    setThumbPercent(i, p) {\n      update(i, percentValue(p));\n    },\n    setThumbValue: update,\n    get step() {\n      return step();\n    },\n    get values() {\n      return values();\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/steplist/create-step-list-state.d.ts

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/steplist/useStepListState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { SingleSelectListState } from "../list/create-single-select-list-state.js";
+import { CollectionBase, Key, SingleSelection } from "@solid2-aria/types-shared";
+export interface StepListProps<T> extends CollectionBase<T>, Omit<SingleSelection, "onSelectionChange"> {
+  /** The key of the last completed step (controlled). */
+  lastCompletedStep?: Key;
+  /** The key of the initially last completed step (uncontrolled). */
+  defaultLastCompletedStep?: Key;
+  /** Callback for when the last completed step changes. */
+  onLastCompletedStepChange?: (key: Key | null) => void;
+  /** Whether the step list is disabled. Steps will not be focusable or interactive. */
+  isDisabled?: boolean;
+  /** Whether the step list is read only. Steps will be focusable but non-interactive. */
+  isReadOnly?: boolean;
+  /** Handler that is called when the selection changes. */
+  onSelectionChange?: (key: Key) => void;
+}
+export interface StepListState<T> extends SingleSelectListState<T> {
+  readonly lastCompletedStep?: Key;
+  setLastCompletedStep: (key: Key) => void;
+  isCompleted: (key: Key) => boolean;
+  isSelectable: (key: Key) => boolean;
+}
+export declare function createStepListState<T extends object>(props: StepListProps<T>): StepListState<T>;
+//# sourceMappingURL=create-step-list-state.d.ts.map

package/dist/steplist/create-step-list-state.js

@@ -0,0 +1,132 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/steplist/useStepListState.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { requireValue } from "../utils/require-value.js";
+import { createSingleSelectListState } from "../list/create-single-select-list-state.js";
+import { createMemo, createRenderEffect, merge, omit, untrack } from "solid-js";
+// src/steplist/create-step-list-state.ts
+function createStepListState(props) {
+	const state = createSingleSelectListState(merge(omit(props, "onSelectionChange"), { get onSelectionChange() {
+		return (key) => {
+			if (key !== null && key !== void 0) props.onSelectionChange?.(key);
+		};
+	} }));
+	const [lastCompletedStep, setLastCompletedStep] = createControlledSignal(() => props.lastCompletedStep, untrack(() => props.defaultLastCompletedStep ?? null), untrack(() => props.onLastCompletedStepChange));
+	const stepMaps = createMemo(() => buildKeysMaps(state.collection));
+	const selectedIdx = createMemo(() => state.selectedKey === null || state.selectedKey === void 0 ? 0 : stepMaps().indexMap.get(state.selectedKey));
+	const isCompleted = (step) => {
+		if (step === void 0) return false;
+		const completedStep = lastCompletedStep();
+		const indexes = stepMaps().indexMap;
+		const stepIndex = step === null ? void 0 : indexes.get(step);
+		const completedIndex = completedStep === null ? void 0 : indexes.get(completedStep);
+		return stepIndex !== void 0 && completedIndex !== void 0 && stepIndex <= completedIndex;
+	};
+	const findDefaultSelectedKey = (collection, disabledKeys) => {
+		let selectedKey = null;
+		if (collection && collection.size > 0) {
+			selectedKey = collection.getFirstKey();
+			while (selectedKey !== collection.getLastKey() && selectedKey !== null && selectedKey !== void 0 && (disabledKeys.has(selectedKey) || isCompleted(selectedKey))) selectedKey = collection.getKeyAfter(selectedKey);
+		}
+		return selectedKey;
+	};
+	createRenderEffect(() => {
+		const manager = state.selectionManager;
+		let { selectedKey } = state;
+		let replaceSelection = false;
+		if (manager.isEmpty || selectedKey === null || !state.collection.getItem(selectedKey)) {
+			selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
+			replaceSelection = selectedKey !== null;
+		}
+		const completedKey = lastCompletedStep();
+		const maps = stepMaps();
+		const lastCompletedIndex = (completedKey === null ? -1 : maps.indexMap.get(completedKey)) ?? -1;
+		const index = selectedIdx();
+		let completedStep;
+		if (index !== void 0 && index > 0 && index > lastCompletedIndex + 1 && selectedKey !== null && maps.keysLinkedList.has(selectedKey)) completedStep = requireValue(maps.keysLinkedList.get(selectedKey), "Expected the selected step to have a preceding step.");
+		return {
+			completedStep,
+			manager,
+			replaceSelection,
+			selectedKey,
+			updateFocus: manager.focusedKey === null
+		};
+	}, ({ completedStep, manager, replaceSelection, selectedKey, updateFocus }) => {
+		if (replaceSelection && selectedKey !== null) untrack(() => {
+			manager.replaceSelection(selectedKey);
+		});
+		if (updateFocus) untrack(() => {
+			manager.setFocusedKey(selectedKey);
+		});
+		if (completedStep !== void 0) setLastCompletedStep(completedStep);
+	});
+	function isSelectable(step) {
+		if (props.isDisabled === true || state.disabledKeys.has(step) || props.isReadOnly === true) return false;
+		if (isCompleted(step)) return true;
+		const prevStep = stepMaps().keysLinkedList.get(step);
+		return isCompleted(prevStep) || step === state.collection.getFirstKey();
+	}
+	function setSelectedKey(key) {
+		if (key === null) {
+			state.setSelectedKey(null);
+			return;
+		}
+		const prevKey = stepMaps().keysLinkedList.get(key);
+		if (prevKey !== null && prevKey !== void 0 && !isCompleted(prevKey)) setLastCompletedStep(prevKey);
+		state.setSelectedKey(key);
+	}
+	return merge(state, {
+		get isCompleted() {
+			return isCompleted;
+		},
+		get isSelectable() {
+			return isSelectable;
+		},
+		get lastCompletedStep() {
+			return lastCompletedStep() ?? void 0;
+		},
+		get setLastCompletedStep() {
+			return setLastCompletedStep;
+		},
+		get setSelectedKey() {
+			return setSelectedKey;
+		}
+	});
+}
+function buildKeysMaps(coll) {
+	const indexMap = /* @__PURE__ */ new Map();
+	const keysLinkedList = /* @__PURE__ */ new Map();
+	let i = 0;
+	let prev;
+	for (const item of coll) {
+		indexMap.set(item.key, i);
+		keysLinkedList.set(item.key, prev?.key);
+		prev = item;
+		i += 1;
+	}
+	return {
+		get indexMap() {
+			return indexMap;
+		},
+		get keysLinkedList() {
+			return keysLinkedList;
+		}
+	};
+}
+export { createStepListState };
+
+//# sourceMappingURL=create-step-list-state.js.map

package/dist/steplist/create-step-list-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-step-list-state.js","names":[],"sources":["../../src/steplist/create-step-list-state.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/steplist/useStepListState.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type {\n  Collection,\n  CollectionBase,\n  Key,\n  Node,\n  SingleSelection,\n} from \"@solid2-aria/types-shared\";\nimport { createMemo, createRenderEffect, merge, untrack, omit } from \"solid-js\";\n\nimport { createSingleSelectListState } from \"../list/create-single-select-list-state\";\nimport type { SingleSelectListState } from \"../list/create-single-select-list-state\";\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { requireValue } from \"../utils/require-value\";\n\nexport interface StepListProps<T>\n  extends CollectionBase<T>, Omit<SingleSelection, \"onSelectionChange\"> {\n  /** The key of the last completed step (controlled). */\n  lastCompletedStep?: Key;\n  /** The key of the initially last completed step (uncontrolled). */\n  defaultLastCompletedStep?: Key;\n  /** Callback for when the last completed step changes. */\n  onLastCompletedStepChange?: (key: Key | null) => void;\n  /** Whether the step list is disabled. Steps will not be focusable or interactive. */\n  isDisabled?: boolean;\n  /** Whether the step list is read only. Steps will be focusable but non-interactive. */\n  isReadOnly?: boolean;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void;\n}\n\nexport interface StepListState<T> extends SingleSelectListState<T> {\n  readonly lastCompletedStep?: Key;\n  setLastCompletedStep: (key: Key) => void;\n  isCompleted: (key: Key) => boolean;\n  isSelectable: (key: Key) => boolean;\n}\n\nexport function createStepListState<T extends object>(\n  props: StepListProps<T>\n): StepListState<T> {\n  const state = createSingleSelectListState<T>(\n    merge(omit(props, \"onSelectionChange\"), {\n      get onSelectionChange() {\n        return (key: Key | null) => {\n          if (key !== null && key !== undefined) {\n            props.onSelectionChange?.(key);\n          }\n        };\n      },\n    })\n  );\n\n  const [lastCompletedStep, setLastCompletedStep] =\n    createControlledSignal<Key | null>(\n      () => props.lastCompletedStep,\n      untrack(() => props.defaultLastCompletedStep ?? null),\n      untrack(() => props.onLastCompletedStepChange)\n    );\n\n  const stepMaps = createMemo(() => buildKeysMaps(state.collection));\n\n  const selectedIdx = createMemo(() =>\n    state.selectedKey === null || state.selectedKey === undefined\n      ? 0\n      : stepMaps().indexMap.get(state.selectedKey)\n  );\n\n  const isCompleted = (step: Key | null | undefined) => {\n    if (step === undefined) {\n      return false;\n    }\n\n    const completedStep = lastCompletedStep();\n    const indexes = stepMaps().indexMap;\n    const stepIndex = step === null ? undefined : indexes.get(step);\n\n    const completedIndex =\n      completedStep === null ? undefined : indexes.get(completedStep);\n\n    return (\n      stepIndex !== undefined &&\n      completedIndex !== undefined &&\n      stepIndex <= completedIndex\n    );\n  };\n\n  const findDefaultSelectedKey = (\n    collection: Collection<Node<T>> | null,\n    disabledKeys: Set<Key>\n  ) => {\n    let selectedKey: Key | null = null;\n\n    if (collection && collection.size > 0) {\n      selectedKey = collection.getFirstKey();\n\n      // loop over keys until we find one that isn't completed or disabled and select that\n      while (\n        selectedKey !== collection.getLastKey() &&\n        selectedKey !== null &&\n        selectedKey !== undefined &&\n        (disabledKeys.has(selectedKey) || isCompleted(selectedKey))\n      ) {\n        selectedKey = collection.getKeyAfter(selectedKey);\n      }\n    }\n\n    return selectedKey;\n  };\n\n  createRenderEffect(\n    () => {\n      const manager = state.selectionManager;\n      let { selectedKey } = state;\n      let replaceSelection = false;\n\n      if (\n        manager.isEmpty ||\n        selectedKey === null ||\n        !state.collection.getItem(selectedKey)\n      ) {\n        selectedKey = findDefaultSelectedKey(\n          state.collection,\n          state.disabledKeys\n        );\n        replaceSelection = selectedKey !== null;\n      }\n\n      const completedKey = lastCompletedStep();\n      const maps = stepMaps();\n\n      const lastCompletedIndex =\n        (completedKey === null ? -1 : maps.indexMap.get(completedKey)) ?? -1;\n\n      const index = selectedIdx();\n      let completedStep: Key | undefined;\n\n      if (\n        index !== undefined &&\n        index > 0 &&\n        index > lastCompletedIndex + 1 &&\n        selectedKey !== null &&\n        maps.keysLinkedList.has(selectedKey)\n      ) {\n        completedStep = requireValue(\n          maps.keysLinkedList.get(selectedKey),\n          \"Expected the selected step to have a preceding step.\"\n        );\n      }\n\n      return {\n        completedStep,\n        manager,\n        replaceSelection,\n        selectedKey,\n        updateFocus: manager.focusedKey === null,\n      };\n    },\n    ({\n      completedStep,\n      manager,\n      replaceSelection,\n      selectedKey,\n      updateFocus,\n    }) => {\n      if (replaceSelection && selectedKey !== null) {\n        untrack(() => {\n          manager.replaceSelection(selectedKey);\n        });\n      }\n\n      if (updateFocus) {\n        untrack(() => {\n          manager.setFocusedKey(selectedKey);\n        });\n      }\n\n      if (completedStep !== undefined) {\n        setLastCompletedStep(completedStep);\n      }\n    }\n  );\n\n  function isSelectable(step: Key) {\n    if (\n      props.isDisabled === true ||\n      state.disabledKeys.has(step) ||\n      props.isReadOnly === true\n    ) {\n      return false;\n    }\n\n    if (isCompleted(step)) {\n      return true;\n    }\n\n    const prevStep = stepMaps().keysLinkedList.get(step);\n\n    return isCompleted(prevStep) || step === state.collection.getFirstKey();\n  }\n\n  function setSelectedKey(key: Key | null) {\n    if (key === null) {\n      state.setSelectedKey(null);\n\n      return;\n    }\n\n    const prevKey = stepMaps().keysLinkedList.get(key);\n\n    if (prevKey !== null && prevKey !== undefined && !isCompleted(prevKey)) {\n      setLastCompletedStep(prevKey);\n    }\n\n    state.setSelectedKey(key);\n  }\n\n  return merge(state, {\n    get isCompleted() {\n      return isCompleted;\n    },\n    get isSelectable() {\n      return isSelectable;\n    },\n    get lastCompletedStep() {\n      return lastCompletedStep() ?? undefined;\n    },\n    get setLastCompletedStep() {\n      return setLastCompletedStep;\n    },\n    get setSelectedKey() {\n      return setSelectedKey;\n    },\n  });\n}\n\nfunction buildKeysMaps<T>(coll: Collection<Node<T>>) {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key | undefined>();\n  let i = 0;\n  let prev;\n\n  for (const item of coll) {\n    indexMap.set(item.key, i);\n    keysLinkedList.set(item.key, prev?.key);\n    prev = item;\n    i += 1;\n  }\n\n  return {\n    get indexMap() {\n      return indexMap;\n    },\n    get keysLinkedList() {\n      return keysLinkedList;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/table/cell.d.ts

@@ -0,0 +1,37 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/Cell.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { PartialNode } from "../collections/types.js";
+import { Element } from "solid-js";
+import { Key } from "@solid2-aria/types-shared";
+export interface CellProps {
+  key?: Key;
+  "aria-label"?: string;
+  /** The contents of the cell. */
+  children: Element;
+  /** A string representation of the cell's contents, used for features like typeahead. */
+  textValue?: string;
+  /** Indicates how many columns the data cell spans. */
+  colSpan?: number;
+}
+export type CellElement = Element;
+export type CellRenderer = (columnKey: Key) => CellElement;
+declare function Cell(props: CellProps): Element;
+declare namespace Cell {
+  var getCollectionNode: <T>(props: CellProps) => Generator<PartialNode<T>>;
+}
+export { Cell };
+//# sourceMappingURL=cell.d.ts.map

package/dist/table/cell.js

@@ -0,0 +1,47 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/Cell.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { untrack } from "solid-js";
+// src/table/cell.ts
+function Cell(props) {
+	return Object.assign([], {
+		getCollectionNode: (_context) => Cell.getCollectionNode(props),
+		get key() {
+			return props.key;
+		},
+		props,
+		type: Cell
+	});
+}
+Cell.getCollectionNode = function* getCollectionNode(props) {
+	const { children } = untrack(() => props);
+	let textValue = untrack(() => props["aria-label"]) ?? "";
+	if (typeof children === "string" && children !== "") textValue = children;
+	if (untrack(() => props.textValue) !== void 0 && untrack(() => props.textValue) !== "") textValue = untrack(() => props.textValue) ?? "";
+	yield {
+		get "aria-label"() {
+			return props["aria-label"];
+		},
+		hasChildNodes: false,
+		props,
+		rendered: children,
+		textValue,
+		type: "cell"
+	};
+};
+export { Cell };
+
+//# sourceMappingURL=cell.js.map

package/dist/table/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","names":[],"sources":["../../src/table/cell.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/table/Cell.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { Key } from \"@solid2-aria/types-shared\";\nimport { untrack } from \"solid-js\";\nimport type { Element as SolidElement } from \"solid-js\";\n\nimport type { CollectionContext, PartialNode } from \"../collections/types\";\n\nexport interface CellProps {\n  key?: Key;\n  \"aria-label\"?: string;\n  /** The contents of the cell. */\n  children: SolidElement;\n  /** A string representation of the cell's contents, used for features like typeahead. */\n  textValue?: string;\n  /** Indicates how many columns the data cell spans. */\n  colSpan?: number;\n}\n\nexport type CellElement = SolidElement;\n\nexport type CellRenderer = (columnKey: Key) => CellElement;\n\nfunction Cell(props: CellProps): SolidElement {\n  return Object.assign([], {\n    getCollectionNode: (_context: CollectionContext) =>\n      Cell.getCollectionNode(props),\n    get key() {\n      return props.key;\n    },\n    props,\n    type: Cell,\n  });\n}\n\nCell.getCollectionNode = function* getCollectionNode<T>(\n  props: CellProps\n): Generator<PartialNode<T>> {\n  const { children } = untrack(() => props);\n\n  let textValue = untrack(() => props[\"aria-label\"]) ?? \"\";\n\n  if (typeof children === \"string\" && children !== \"\") {\n    textValue = children;\n  }\n\n  if (\n    untrack(() => props.textValue) !== undefined &&\n    untrack(() => props.textValue) !== \"\"\n  ) {\n    textValue = untrack(() => props.textValue) ?? \"\";\n  }\n\n  yield {\n    get \"aria-label\"() {\n      return props[\"aria-label\"];\n    },\n    hasChildNodes: false,\n    props,\n    rendered: children,\n    textValue,\n    type: \"cell\",\n  };\n};\n\n/**\n * A Cell represents the value of a single Column within a Table Row.\n */\n// We don't want getCollectionNode to show up in the type definition\nexport { Cell };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,SAAS,KAAK,OAAgC;CAC5C,OAAO,OAAO,OAAO,CAAC,GAAG;EACvB,oBAAoB,aAClB,KAAK,kBAAkB,KAAK;EAC9B,IAAI,MAAM;GACR,OAAO,MAAM;EACf;EACA;EACA,MAAM;CACR,CAAC;AACH;AAEA,KAAK,oBAAoB,UAAU,kBACjC,OAC2B;CAC3B,MAAM,EAAE,aAAa,cAAc,KAAK;CAExC,IAAI,YAAY,cAAc,MAAM,aAAa,KAAK;CAEtD,IAAI,OAAO,aAAa,YAAY,aAAa,IAC/C,YAAY;CAGd,IACE,cAAc,MAAM,SAAS,MAAM,KAAA,KACnC,cAAc,MAAM,SAAS,MAAM,IAEnC,YAAY,cAAc,MAAM,SAAS,KAAK;CAGhD,MAAM;EACJ,IAAI,eAAe;GACjB,OAAO,MAAM;EACf;EACA,eAAe;EACf;EACA,UAAU;EACV;EACA,MAAM;CACR;AACF"}

package/dist/table/collection-context.d.ts

@@ -0,0 +1,4 @@
+
+import { CollectionBuilderContext } from "./create-table-state.js";
+export declare function isTableCollectionContext<T>(context: unknown): context is CollectionBuilderContext<T>;
+//# sourceMappingURL=collection-context.d.ts.map

package/dist/table/collection-context.js

@@ -0,0 +1,8 @@
+
+// src/table/collection-context.ts
+function isTableCollectionContext(context) {
+	return typeof context === "object" && context !== null && "columns" in context && Array.isArray(context.columns) && "selectionMode" in context && (context.selectionMode === "none" || context.selectionMode === "single" || context.selectionMode === "multiple") && "showSelectionCheckboxes" in context && typeof context.showSelectionCheckboxes === "boolean" && "showDragButtons" in context && typeof context.showDragButtons === "boolean";
+}
+export { isTableCollectionContext };
+
+//# sourceMappingURL=collection-context.js.map

package/dist/table/collection-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-context.js","names":[],"sources":["../../src/table/collection-context.ts"],"sourcesContent":["import type { CollectionBuilderContext } from \"./create-table-state\";\n\nexport function isTableCollectionContext<T>(\n  context: unknown\n): context is CollectionBuilderContext<T> {\n  return (\n    typeof context === \"object\" &&\n    context !== null &&\n    \"columns\" in context &&\n    Array.isArray(context.columns) &&\n    \"selectionMode\" in context &&\n    (context.selectionMode === \"none\" ||\n      context.selectionMode === \"single\" ||\n      context.selectionMode === \"multiple\") &&\n    \"showSelectionCheckboxes\" in context &&\n    typeof context.showSelectionCheckboxes === \"boolean\" &&\n    \"showDragButtons\" in context &&\n    typeof context.showDragButtons === \"boolean\"\n  );\n}\n"],"mappings":";;AAEA,SAAgB,yBACd,SACwC;CACxC,OACE,OAAO,YAAY,YACnB,YAAY,QACZ,aAAa,WACb,MAAM,QAAQ,QAAQ,OAAO,KAC7B,mBAAmB,YAClB,QAAQ,kBAAkB,UACzB,QAAQ,kBAAkB,YAC1B,QAAQ,kBAAkB,eAC5B,6BAA6B,WAC7B,OAAO,QAAQ,4BAA4B,aAC3C,qBAAqB,WACrB,OAAO,QAAQ,oBAAoB;AAEvC"}