@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/datepicker/utils.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/datepicker/utils.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { DatePickerProps, DateValue, Granularity, TimeValue } from "./types.js";
+import { Calendar } from "@internationalized/date";
+import { RangeValue, ValidationResult } from "@solid2-aria/types-shared";
+export declare function getValidationResult(value: DateValue | null, minValue: DateValue | null | undefined, maxValue: DateValue | null | undefined, isDateUnavailable: ((v: DateValue) => boolean) | undefined, options: FormatterOptions): ValidationResult;
+export declare function getRangeValidationResult(value: RangeValue<DateValue | null> | null, minValue: DateValue | null | undefined, maxValue: DateValue | null | undefined, isDateUnavailable: ((v: DateValue) => boolean) | undefined, options: FormatterOptions): ValidationResult;
+export type FieldOptions = Pick<Intl.DateTimeFormatOptions, "year" | "month" | "day" | "hour" | "minute" | "second">;
+export interface FormatterOptions {
+  timeZone?: string;
+  hideTimeZone?: boolean;
+  granularity?: DatePickerProps<DateValue>["granularity"];
+  maxGranularity?: "year" | "month" | DatePickerProps<DateValue>["granularity"];
+  hourCycle?: 12 | 24;
+  showEra?: boolean;
+  shouldForceLeadingZeros?: boolean;
+}
+export declare function getFormatOptions(initialFieldOptions: FieldOptions, options: FormatterOptions): Intl.DateTimeFormatOptions;
+export declare function getPlaceholderTime(placeholderValue: DateValue | null | undefined): TimeValue;
+export declare function convertValue(value: DateValue | null | undefined, calendar: Calendar): DateValue | null | undefined;
+export declare function createPlaceholderDate(placeholderValue: DateValue | null | undefined, granularity: string, calendar: Calendar, timeZone: string | undefined): DateValue;
+export declare function createDefaultProps(value: () => DateValue | null, granularity: () => Granularity | undefined): () => [Granularity, string | undefined];
+//# sourceMappingURL=utils.d.ts.map

package/dist/datepicker/utils.js

@@ -0,0 +1,168 @@
+/*
+ * 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/datepicker/utils.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { VALID_VALIDITY_STATE, mergeValidation } from "../form/create-form-validation-state.js";
+import datepicker_default from "../intl/datepicker/index.js";
+import { createMemo } from "solid-js";
+import { DateFormatter, Time, getLocalTimeZone, now, toCalendar, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
+import { LocalizedStringDictionary, LocalizedStringFormatter } from "@internationalized/string";
+// src/datepicker/utils.ts
+const dictionary = new LocalizedStringDictionary(datepicker_default);
+function getLocale() {
+	let locale = typeof navigator !== "undefined" && (navigator.language || ("userLanguage" in navigator ? String(navigator.userLanguage) : "")) || "en-US";
+	try {
+		Intl.DateTimeFormat.supportedLocalesOf([locale]);
+	} catch {
+		locale = "en-US";
+	}
+	return locale;
+}
+function getValidationResult(value, minValue, maxValue, isDateUnavailable, options) {
+	const maximumComparison = compareDateBoundary(value, maxValue);
+	const minimumComparison = compareDateBoundary(value, minValue);
+	const rangeOverflow = maximumComparison !== null && maximumComparison > 0;
+	const rangeUnderflow = minimumComparison !== null && minimumComparison < 0;
+	const isUnavailable = (value !== null && isDateUnavailable?.(value)) ?? false;
+	const isInvalid = rangeOverflow || rangeUnderflow || isUnavailable;
+	const errors = [];
+	if (isInvalid) {
+		const locale = getLocale();
+		const strings = LocalizedStringDictionary.getGlobalDictionaryForPackage("@react-stately/datepicker") ?? dictionary;
+		const formatter = new LocalizedStringFormatter(locale, strings);
+		const dateFormatter = new DateFormatter(locale, getFormatOptions({}, options));
+		const { timeZone } = dateFormatter.resolvedOptions();
+		if (rangeUnderflow && minValue !== null && minValue !== void 0) errors.push(formatter.format("rangeUnderflow", { minValue: dateFormatter.format(minValue.toDate(timeZone)) }));
+		if (rangeOverflow && maxValue !== null && maxValue !== void 0) errors.push(formatter.format("rangeOverflow", { maxValue: dateFormatter.format(maxValue.toDate(timeZone)) }));
+		if (isUnavailable) errors.push(formatter.format("unavailableDate"));
+	}
+	return {
+		isInvalid,
+		validationDetails: {
+			badInput: isUnavailable,
+			customError: false,
+			patternMismatch: false,
+			rangeOverflow,
+			rangeUnderflow,
+			stepMismatch: false,
+			tooLong: false,
+			tooShort: false,
+			typeMismatch: false,
+			valid: !isInvalid,
+			valueMissing: false
+		},
+		validationErrors: errors
+	};
+}
+function getRangeValidationResult(value, minValue, maxValue, isDateUnavailable, options) {
+	const startValidation = getValidationResult(value?.start ?? null, minValue, maxValue, isDateUnavailable, options);
+	const endValidation = getValidationResult(value?.end ?? null, minValue, maxValue, isDateUnavailable, options);
+	let result = mergeValidation(startValidation, endValidation);
+	if (value?.end !== null && value?.end !== void 0 && value.start !== null && value.start !== void 0 && value.end.compare(value.start) < 0) {
+		const strings = LocalizedStringDictionary.getGlobalDictionaryForPackage("@react-stately/datepicker") ?? dictionary;
+		result = mergeValidation(result, {
+			isInvalid: true,
+			validationDetails: {
+				...VALID_VALIDITY_STATE,
+				rangeOverflow: true,
+				rangeUnderflow: true,
+				valid: false
+			},
+			validationErrors: [strings.getStringForLocale("rangeReversed", getLocale())]
+		});
+	}
+	return result;
+}
+const DEFAULT_FIELD_OPTIONS = {
+	day: "numeric",
+	hour: "numeric",
+	minute: "2-digit",
+	month: "numeric",
+	second: "2-digit",
+	year: "numeric"
+};
+const TWO_DIGIT_FIELD_OPTIONS = {
+	day: "2-digit",
+	hour: "2-digit",
+	minute: "2-digit",
+	month: "2-digit",
+	second: "2-digit",
+	year: "numeric"
+};
+function getFormatOptions(initialFieldOptions, options) {
+	let fieldOptions = initialFieldOptions;
+	fieldOptions = {
+		...options.shouldForceLeadingZeros === true ? TWO_DIGIT_FIELD_OPTIONS : DEFAULT_FIELD_OPTIONS,
+		...fieldOptions
+	};
+	const granularity = options.granularity ?? "minute";
+	const keys = [
+		"year",
+		"month",
+		"day",
+		"hour",
+		"minute",
+		"second"
+	];
+	let startIdx = keys.indexOf(options.maxGranularity ?? "year");
+	if (startIdx < 0) startIdx = 0;
+	let endIdx = keys.indexOf(granularity);
+	if (endIdx < 0) endIdx = 2;
+	if (startIdx > endIdx) throw new Error("maxGranularity must be greater than granularity");
+	const opts = {};
+	for (const key of keys.slice(startIdx, endIdx + 1)) Object.assign(opts, { [key]: fieldOptions[key] });
+	if (options.hourCycle !== null && options.hourCycle !== void 0) opts.hour12 = options.hourCycle === 12;
+	opts.timeZone = options.timeZone ?? "UTC";
+	if ((granularity === "hour" || granularity === "minute" || granularity === "second") && options.timeZone !== void 0 && options.timeZone !== "" && !(options.hideTimeZone === true)) opts.timeZoneName = "short";
+	if (options.showEra === true && startIdx === 0) opts.era = "short";
+	return opts;
+}
+function getPlaceholderTime(placeholderValue) {
+	if (placeholderValue && "hour" in placeholderValue) return placeholderValue;
+	return new Time();
+}
+function convertValue(value, calendar) {
+	if (value === null) return null;
+	if (!value) return;
+	return toCalendar(value, calendar);
+}
+function createPlaceholderDate(placeholderValue, granularity, calendar, timeZone) {
+	if (placeholderValue) return toCalendar(placeholderValue, calendar);
+	const date = toCalendar(now(timeZone ?? getLocalTimeZone()).set({
+		hour: 0,
+		millisecond: 0,
+		minute: 0,
+		second: 0
+	}), calendar);
+	if (granularity === "year" || granularity === "month" || granularity === "day") return toCalendarDate(date);
+	if (timeZone === void 0 || timeZone === "") return toCalendarDateTime(date);
+	return date;
+}
+function createDefaultProps(value, granularity) {
+	let last = ["day", void 0];
+	return createMemo(() => {
+		const v = value();
+		const requested = granularity();
+		if (v && requested && !(requested in v)) throw new Error(`Invalid granularity ${requested} for value ${v.toString()}`);
+		if (v) last = ["minute" in v ? "minute" : "day", "timeZone" in v ? v.timeZone : void 0];
+		return [requested ?? last[0], last[1]];
+	});
+}
+function compareDateBoundary(value, boundary) {
+	return value !== null && boundary !== null && boundary !== void 0 ? value.compare(boundary) : null;
+}
+export { convertValue, createDefaultProps, createPlaceholderDate, getFormatOptions, getPlaceholderTime, getRangeValidationResult, getValidationResult };
+
+//# sourceMappingURL=utils.js.map

package/dist/datepicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["i18nMessages"],"sources":["../../src/datepicker/utils.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/datepicker/utils.ts.\n * Modified for Solid Aria: adapted reactive state, getters, imports, and 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 {\n  DateFormatter,\n  getLocalTimeZone,\n  now,\n  Time,\n  toCalendar,\n  toCalendarDate,\n  toCalendarDateTime,\n} from \"@internationalized/date\";\nimport type { Calendar } from \"@internationalized/date\";\nimport {\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n} from \"@internationalized/string\";\nimport type { RangeValue, ValidationResult } from \"@solid2-aria/types-shared\";\nimport { createMemo } from \"solid-js\";\n\nimport i18nMessages from \"../../intl/datepicker/index\";\nimport {\n  mergeValidation,\n  VALID_VALIDITY_STATE,\n} from \"../form/create-form-validation-state\";\nimport type {\n  DatePickerProps,\n  DateValue,\n  Granularity,\n  TimeValue,\n} from \"./types\";\n\nconst dictionary = new LocalizedStringDictionary(i18nMessages);\n\nfunction getLocale() {\n  // Match browser language setting here, NOT react-aria's I18nProvider, so that we match other browser-provided\n  // validation messages, which to not respect our provider's language.\n  let locale =\n    (typeof navigator !== \"undefined\" &&\n      (navigator.language ||\n        (\"userLanguage\" in navigator ? String(navigator.userLanguage) : \"\"))) ||\n    \"en-US\";\n\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch {\n    locale = \"en-US\";\n  }\n\n  return locale;\n}\n\nexport function getValidationResult(\n  value: DateValue | null,\n  minValue: DateValue | null | undefined,\n  maxValue: DateValue | null | undefined,\n  isDateUnavailable: ((v: DateValue) => boolean) | undefined,\n  options: FormatterOptions\n): ValidationResult {\n  const maximumComparison = compareDateBoundary(value, maxValue);\n  const minimumComparison = compareDateBoundary(value, minValue);\n  const rangeOverflow = maximumComparison !== null && maximumComparison > 0;\n  const rangeUnderflow = minimumComparison !== null && minimumComparison < 0;\n\n  const isUnavailable = (value !== null && isDateUnavailable?.(value)) ?? false;\n\n  const isInvalid = rangeOverflow || rangeUnderflow || isUnavailable;\n  const errors: string[] = [];\n\n  if (isInvalid) {\n    const locale = getLocale();\n\n    const strings =\n      LocalizedStringDictionary.getGlobalDictionaryForPackage(\n        \"@react-stately/datepicker\"\n      ) ?? dictionary;\n\n    const formatter = new LocalizedStringFormatter(locale, strings);\n\n    const dateFormatter = new DateFormatter(\n      locale,\n      getFormatOptions({}, options)\n    );\n\n    const { timeZone } = dateFormatter.resolvedOptions();\n\n    if (rangeUnderflow && minValue !== null && minValue !== undefined) {\n      errors.push(\n        formatter.format(\"rangeUnderflow\", {\n          minValue: dateFormatter.format(minValue.toDate(timeZone)),\n        })\n      );\n    }\n\n    if (rangeOverflow && maxValue !== null && maxValue !== undefined) {\n      errors.push(\n        formatter.format(\"rangeOverflow\", {\n          maxValue: dateFormatter.format(maxValue.toDate(timeZone)),\n        })\n      );\n    }\n\n    if (isUnavailable) {\n      errors.push(formatter.format(\"unavailableDate\"));\n    }\n  }\n\n  return {\n    isInvalid,\n    validationDetails: {\n      badInput: isUnavailable,\n      customError: false,\n      patternMismatch: false,\n      rangeOverflow,\n      rangeUnderflow,\n      stepMismatch: false,\n      tooLong: false,\n      tooShort: false,\n      typeMismatch: false,\n      valid: !isInvalid,\n      valueMissing: false,\n    },\n    validationErrors: errors,\n  };\n}\n\nexport function getRangeValidationResult(\n  value: RangeValue<DateValue | null> | null,\n  minValue: DateValue | null | undefined,\n  maxValue: DateValue | null | undefined,\n  isDateUnavailable: ((v: DateValue) => boolean) | undefined,\n  options: FormatterOptions\n): ValidationResult {\n  const startValidation = getValidationResult(\n    value?.start ?? null,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    options\n  );\n\n  const endValidation = getValidationResult(\n    value?.end ?? null,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    options\n  );\n\n  let result = mergeValidation(startValidation, endValidation);\n\n  if (\n    value?.end !== null &&\n    value?.end !== undefined &&\n    value.start !== null &&\n    value.start !== undefined &&\n    value.end.compare(value.start) < 0\n  ) {\n    const strings =\n      LocalizedStringDictionary.getGlobalDictionaryForPackage(\n        \"@react-stately/datepicker\"\n      ) ?? dictionary;\n\n    result = mergeValidation(result, {\n      isInvalid: true,\n      validationDetails: {\n        // oxlint-disable-next-line typescript/no-misused-spread -- The DOM interface describes a plain object of validation flags here.\n        ...VALID_VALIDITY_STATE,\n        rangeOverflow: true,\n        rangeUnderflow: true,\n        valid: false,\n      },\n      validationErrors: [\n        strings.getStringForLocale(\"rangeReversed\", getLocale()),\n      ],\n    });\n  }\n\n  return result;\n}\n\nexport type FieldOptions = Pick<\n  Intl.DateTimeFormatOptions,\n  \"year\" | \"month\" | \"day\" | \"hour\" | \"minute\" | \"second\"\n>;\n\nexport interface FormatterOptions {\n  timeZone?: string;\n  hideTimeZone?: boolean;\n  granularity?: DatePickerProps<DateValue>[\"granularity\"];\n  maxGranularity?: \"year\" | \"month\" | DatePickerProps<DateValue>[\"granularity\"];\n  hourCycle?: 12 | 24;\n  showEra?: boolean;\n  shouldForceLeadingZeros?: boolean;\n}\n\nconst DEFAULT_FIELD_OPTIONS: FieldOptions = {\n  day: \"numeric\",\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  month: \"numeric\",\n  second: \"2-digit\",\n  year: \"numeric\",\n};\n\nconst TWO_DIGIT_FIELD_OPTIONS: FieldOptions = {\n  day: \"2-digit\",\n  hour: \"2-digit\",\n  minute: \"2-digit\",\n  month: \"2-digit\",\n  second: \"2-digit\",\n  year: \"numeric\",\n};\n\nexport function getFormatOptions(\n  initialFieldOptions: FieldOptions,\n  options: FormatterOptions\n): Intl.DateTimeFormatOptions {\n  let fieldOptions = initialFieldOptions;\n\n  const defaultFieldOptions =\n    options.shouldForceLeadingZeros === true\n      ? TWO_DIGIT_FIELD_OPTIONS\n      : DEFAULT_FIELD_OPTIONS;\n\n  fieldOptions = { ...defaultFieldOptions, ...fieldOptions };\n  const granularity = options.granularity ?? \"minute\";\n\n  const keys: (keyof FieldOptions)[] = [\n    \"year\",\n    \"month\",\n    \"day\",\n    \"hour\",\n    \"minute\",\n    \"second\",\n  ];\n\n  let startIdx = keys.indexOf(options.maxGranularity ?? \"year\");\n\n  if (startIdx < 0) {\n    startIdx = 0;\n  }\n\n  let endIdx = keys.indexOf(granularity);\n\n  if (endIdx < 0) {\n    endIdx = 2;\n  }\n\n  if (startIdx > endIdx) {\n    throw new Error(\"maxGranularity must be greater than granularity\");\n  }\n\n  const opts: Intl.DateTimeFormatOptions = {};\n\n  for (const key of keys.slice(startIdx, endIdx + 1)) {\n    Object.assign(opts, { [key]: fieldOptions[key] });\n  }\n\n  if (options.hourCycle !== null && options.hourCycle !== undefined) {\n    opts.hour12 = options.hourCycle === 12;\n  }\n\n  opts.timeZone = options.timeZone ?? \"UTC\";\n\n  const hasTime =\n    granularity === \"hour\" ||\n    granularity === \"minute\" ||\n    granularity === \"second\";\n\n  if (\n    hasTime &&\n    options.timeZone !== undefined &&\n    options.timeZone !== \"\" &&\n    !(options.hideTimeZone === true)\n  ) {\n    opts.timeZoneName = \"short\";\n  }\n\n  if (options.showEra === true && startIdx === 0) {\n    opts.era = \"short\";\n  }\n\n  return opts;\n}\n\nexport function getPlaceholderTime(\n  placeholderValue: DateValue | null | undefined\n): TimeValue {\n  if (placeholderValue && \"hour\" in placeholderValue) {\n    return placeholderValue;\n  }\n\n  return new Time();\n}\n\nexport function convertValue(\n  value: DateValue | null | undefined,\n  calendar: Calendar\n): DateValue | null | undefined {\n  if (value === null) {\n    return null;\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  return toCalendar(value, calendar);\n}\n\nexport function createPlaceholderDate(\n  placeholderValue: DateValue | null | undefined,\n  granularity: string,\n  calendar: Calendar,\n  timeZone: string | undefined\n): DateValue {\n  if (placeholderValue) {\n    return toCalendar(placeholderValue, calendar);\n  }\n\n  const date = toCalendar(\n    now(timeZone ?? getLocalTimeZone()).set({\n      hour: 0,\n      millisecond: 0,\n      minute: 0,\n      second: 0,\n    }),\n    calendar\n  );\n\n  if (\n    granularity === \"year\" ||\n    granularity === \"month\" ||\n    granularity === \"day\"\n  ) {\n    return toCalendarDate(date);\n  }\n\n  if (timeZone === undefined || timeZone === \"\") {\n    return toCalendarDateTime(date);\n  }\n\n  return date;\n}\n\nexport function createDefaultProps(\n  value: () => DateValue | null,\n  granularity: () => Granularity | undefined\n): () => [Granularity, string | undefined] {\n  let last: [Granularity, string | undefined] = [\"day\", undefined];\n\n  return createMemo(() => {\n    const v = value();\n    const requested = granularity();\n\n    if (v && requested && !(requested in v)) {\n      throw new Error(\n        `Invalid granularity ${requested} for value ${v.toString()}`\n      );\n    }\n\n    if (v) {\n      last = [\n        \"minute\" in v ? \"minute\" : \"day\",\n        \"timeZone\" in v ? v.timeZone : undefined,\n      ];\n    }\n\n    return [requested ?? last[0], last[1]];\n  });\n}\n\nfunction compareDateBoundary(\n  value: DateValue | null,\n  boundary: DateValue | null | undefined\n): number | null {\n  return value !== null && boundary !== null && boundary !== undefined\n    ? value.compare(boundary)\n    : null;\n}\n"],"mappings":"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"}

package/dist/disclosure/create-disclosure-group-state.d.ts

@@ -0,0 +1,47 @@
+/*
+ * Copyright 2024 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/disclosure/useDisclosureGroupState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { Key } from "@solid2-aria/types-shared";
+export interface DisclosureGroupProps {
+  /** Whether multiple items can be expanded at the same time. */
+  allowsMultipleExpanded?: boolean;
+  /** Whether all items are disabled. */
+  isDisabled?: boolean;
+  /** The currently expanded keys in the group (controlled). */
+  expandedKeys?: Iterable<Key>;
+  /** The initial expanded keys in the group (uncontrolled). */
+  defaultExpandedKeys?: Iterable<Key>;
+  /** Handler that is called when items are expanded or collapsed. */
+  onExpandedChange?: (keys: Set<Key>) => void;
+}
+export interface DisclosureGroupState {
+  /** Whether multiple items can be expanded at the same time. */
+  readonly allowsMultipleExpanded: boolean;
+  /** Whether all items are disabled. */
+  readonly isDisabled: boolean;
+  /** A set of keys for items that are expanded. */
+  readonly expandedKeys: Set<Key>;
+  /** Toggles the expanded state for an item by its key. */
+  toggleKey: (key: Key) => void;
+  /** Replaces the set of expanded keys. */
+  setExpandedKeys: (keys: Set<Key>) => void;
+}
+/**
+ * Manages state for a group of disclosures, e.g. an accordion.
+ * It supports both single and multiple expanded items.
+ */
+export declare function createDisclosureGroupState(props: DisclosureGroupProps): DisclosureGroupState;
+//# sourceMappingURL=create-disclosure-group-state.d.ts.map

package/dist/disclosure/create-disclosure-group-state.js

@@ -0,0 +1,62 @@
+/*
+ * Copyright 2024 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/disclosure/useDisclosureGroupState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and 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 { createMemo, createRenderEffect, untrack } from "solid-js";
+// src/disclosure/create-disclosure-group-state.ts
+/**
+* Manages state for a group of disclosures, e.g. an accordion.
+* It supports both single and multiple expanded items.
+*/
+function createDisclosureGroupState(props) {
+	const allowsMultipleExpanded = createMemo(() => props.allowsMultipleExpanded ?? false);
+	const isDisabled = createMemo(() => props.isDisabled ?? false);
+	const controlledKeys = createMemo(() => props.expandedKeys ? new Set(props.expandedKeys) : void 0);
+	const [expandedKeys, setExpandedKeys] = createControlledSignal(controlledKeys, untrack(() => new Set(props.defaultExpandedKeys)), (keys) => props.onExpandedChange?.(keys));
+	createRenderEffect(() => ({
+		allowsMultipleExpanded: allowsMultipleExpanded(),
+		expandedKeys: expandedKeys()
+	}), (current) => {
+		if (!current.allowsMultipleExpanded && current.expandedKeys.size > 1) {
+			const firstKey = current.expandedKeys.values().next().value;
+			if (firstKey !== void 0) setExpandedKeys(/* @__PURE__ */ new Set([firstKey]));
+		}
+	});
+	return {
+		get allowsMultipleExpanded() {
+			return allowsMultipleExpanded();
+		},
+		get expandedKeys() {
+			return expandedKeys();
+		},
+		get isDisabled() {
+			return isDisabled();
+		},
+		setExpandedKeys,
+		toggleKey(key) {
+			setExpandedKeys((previous) => {
+				if (!allowsMultipleExpanded()) return new Set(previous.has(key) ? [] : [key]);
+				const keys = new Set(previous);
+				if (keys.has(key)) keys.delete(key);
+				else keys.add(key);
+				return keys;
+			});
+		}
+	};
+}
+export { createDisclosureGroupState };
+
+//# sourceMappingURL=create-disclosure-group-state.js.map

package/dist/disclosure/create-disclosure-group-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-disclosure-group-state.js","names":[],"sources":["../../src/disclosure/create-disclosure-group-state.ts"],"sourcesContent":["/*\n * Copyright 2024 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/disclosure/useDisclosureGroupState.ts.\n * Modified for Solid Aria: adapted reactive state, getters, imports, and 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 { createMemo, createRenderEffect, untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\n\nexport interface DisclosureGroupProps {\n  /** Whether multiple items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean;\n  /** Whether all items are disabled. */\n  isDisabled?: boolean;\n  /** The currently expanded keys in the group (controlled). */\n  expandedKeys?: Iterable<Key>;\n  /** The initial expanded keys in the group (uncontrolled). */\n  defaultExpandedKeys?: Iterable<Key>;\n  /** Handler that is called when items are expanded or collapsed. */\n  onExpandedChange?: (keys: Set<Key>) => void;\n}\n\nexport interface DisclosureGroupState {\n  /** Whether multiple items can be expanded at the same time. */\n  readonly allowsMultipleExpanded: boolean;\n  /** Whether all items are disabled. */\n  readonly isDisabled: boolean;\n  /** A set of keys for items that are expanded. */\n  readonly expandedKeys: Set<Key>;\n  /** Toggles the expanded state for an item by its key. */\n  toggleKey: (key: Key) => void;\n  /** Replaces the set of expanded keys. */\n  setExpandedKeys: (keys: Set<Key>) => void;\n}\n\n/**\n * Manages state for a group of disclosures, e.g. an accordion.\n * It supports both single and multiple expanded items.\n */\nexport function createDisclosureGroupState(\n  props: DisclosureGroupProps\n): DisclosureGroupState {\n  const allowsMultipleExpanded = createMemo(\n    () => props.allowsMultipleExpanded ?? false\n  );\n\n  const isDisabled = createMemo(() => props.isDisabled ?? false);\n\n  const controlledKeys = createMemo(() =>\n    props.expandedKeys ? new Set(props.expandedKeys) : undefined\n  );\n\n  const [expandedKeys, setExpandedKeys] = createControlledSignal(\n    controlledKeys,\n    untrack(() => new Set<Key>(props.defaultExpandedKeys)),\n    (keys) => props.onExpandedChange?.(keys)\n  );\n\n  createRenderEffect(\n    () => ({\n      allowsMultipleExpanded: allowsMultipleExpanded(),\n      expandedKeys: expandedKeys(),\n    }),\n    (current) => {\n      if (!current.allowsMultipleExpanded && current.expandedKeys.size > 1) {\n        const firstKey = current.expandedKeys.values().next().value;\n\n        if (firstKey !== undefined) {\n          setExpandedKeys(new Set([firstKey]));\n        }\n      }\n    }\n  );\n\n  return {\n    get allowsMultipleExpanded() {\n      return allowsMultipleExpanded();\n    },\n    get expandedKeys() {\n      return expandedKeys();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    setExpandedKeys,\n    toggleKey(key) {\n      setExpandedKeys((previous) => {\n        if (!allowsMultipleExpanded()) {\n          return new Set(previous.has(key) ? [] : [key]);\n        }\n\n        const keys = new Set(previous);\n\n        if (keys.has(key)) {\n          keys.delete(key);\n        } else {\n          keys.add(key);\n        }\n\n        return keys;\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoDA,SAAgB,2BACd,OACsB;CACtB,MAAM,yBAAyB,iBACvB,MAAM,0BAA0B,KACxC;CAEA,MAAM,aAAa,iBAAiB,MAAM,cAAc,KAAK;CAE7D,MAAM,iBAAiB,iBACrB,MAAM,eAAe,IAAI,IAAI,MAAM,YAAY,IAAI,KAAA,CACrD;CAEA,MAAM,CAAC,cAAc,mBAAmB,uBACtC,gBACA,cAAc,IAAI,IAAS,MAAM,mBAAmB,CAAC,IACpD,SAAS,MAAM,mBAAmB,IAAI,CACzC;CAEA,0BACS;EACL,wBAAwB,uBAAuB;EAC/C,cAAc,aAAa;CAC7B,KACC,YAAY;EACX,IAAI,CAAC,QAAQ,0BAA0B,QAAQ,aAAa,OAAO,GAAG;GACpE,MAAM,WAAW,QAAQ,aAAa,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;GAEtD,IAAI,aAAa,KAAA,GACf,gCAAgB,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;EAEvC;CACF,CACF;CAEA,OAAO;EACL,IAAI,yBAAyB;GAC3B,OAAO,uBAAuB;EAChC;EACA,IAAI,eAAe;GACjB,OAAO,aAAa;EACtB;EACA,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA;EACA,UAAU,KAAK;GACb,iBAAiB,aAAa;IAC5B,IAAI,CAAC,uBAAuB,GAC1B,OAAO,IAAI,IAAI,SAAS,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IAG/C,MAAM,OAAO,IAAI,IAAI,QAAQ;IAE7B,IAAI,KAAK,IAAI,GAAG,GACd,KAAK,OAAO,GAAG;SAEf,KAAK,IAAI,GAAG;IAGd,OAAO;GACT,CAAC;EACH;CACF;AACF"}

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

@@ -0,0 +1,42 @@
+/*
+ * Copyright 2024 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/disclosure/useDisclosureState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+export interface DisclosureProps {
+  /** Whether the disclosure is expanded (controlled). */
+  isExpanded?: boolean;
+  /** Whether the disclosure is expanded by default (uncontrolled). */
+  defaultExpanded?: boolean;
+  /** Handler that is called when the disclosure expanded state changes. */
+  onExpandedChange?: (isExpanded: boolean) => void;
+}
+export interface DisclosureState {
+  /** Whether the disclosure is currently expanded. */
+  readonly isExpanded: boolean;
+  /** Sets whether the disclosure is expanded. */
+  setExpanded: (isExpanded: boolean) => void;
+  /** Expand the disclosure. */
+  expand: () => void;
+  /** Collapse the disclosure. */
+  collapse: () => void;
+  /** Toggles the disclosure's visibility. */
+  toggle: () => void;
+}
+/**
+ * Manages state for a disclosure widget. Tracks whether the disclosure is expanded, and provides
+ * methods to toggle this state.
+ */
+export declare function createDisclosureState(props: DisclosureProps): DisclosureState;
+//# sourceMappingURL=create-disclosure-state.d.ts.map

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

@@ -0,0 +1,49 @@
+/*
+ * Copyright 2024 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/disclosure/useDisclosureState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and 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 { untrack } from "solid-js";
+// src/disclosure/create-disclosure-state.ts
+/**
+* Manages state for a disclosure widget. Tracks whether the disclosure is expanded, and provides
+* methods to toggle this state.
+*/
+function createDisclosureState(props) {
+	const [isExpanded, setExpanded] = createControlledSignal(() => props.isExpanded, untrack(() => props.defaultExpanded ?? false), (value) => {
+		props.onExpandedChange?.(value);
+	});
+	const expand = () => {
+		setExpanded(true);
+	};
+	const collapse = () => {
+		setExpanded(false);
+	};
+	const toggle = () => {
+		setExpanded((previous) => !previous);
+	};
+	return {
+		collapse,
+		expand,
+		get isExpanded() {
+			return isExpanded();
+		},
+		setExpanded,
+		toggle
+	};
+}
+export { createDisclosureState };
+
+//# sourceMappingURL=create-disclosure-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-disclosure-state.js","names":[],"sources":["../../src/disclosure/create-disclosure-state.ts"],"sourcesContent":["/*\n * Copyright 2024 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/disclosure/useDisclosureState.ts.\n * Modified for Solid Aria: adapted reactive state, getters, imports, and 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 { untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\n\nexport interface DisclosureProps {\n  /** Whether the disclosure is expanded (controlled). */\n  isExpanded?: boolean;\n  /** Whether the disclosure is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean;\n  /** Handler that is called when the disclosure expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void;\n}\n\nexport interface DisclosureState {\n  /** Whether the disclosure is currently expanded. */\n  readonly isExpanded: boolean;\n  /** Sets whether the disclosure is expanded. */\n  setExpanded: (isExpanded: boolean) => void;\n  /** Expand the disclosure. */\n  expand: () => void;\n  /** Collapse the disclosure. */\n  collapse: () => void;\n  /** Toggles the disclosure's visibility. */\n  toggle: () => void;\n}\n\n/**\n * Manages state for a disclosure widget. Tracks whether the disclosure is expanded, and provides\n * methods to toggle this state.\n */\nexport function createDisclosureState(props: DisclosureProps): DisclosureState {\n  const [isExpanded, setExpanded] = createControlledSignal(\n    () => props.isExpanded,\n    untrack(() => props.defaultExpanded ?? false),\n    (value) => {\n      props.onExpandedChange?.(value);\n    }\n  );\n\n  const expand = () => {\n    setExpanded(true);\n  };\n\n  const collapse = () => {\n    setExpanded(false);\n  };\n\n  const toggle = () => {\n    setExpanded((previous) => !previous);\n  };\n\n  return {\n    collapse,\n    expand,\n    get isExpanded() {\n      return isExpanded();\n    },\n    setExpanded,\n    toggle,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,sBAAsB,OAAyC;CAC7E,MAAM,CAAC,YAAY,eAAe,6BAC1B,MAAM,YACZ,cAAc,MAAM,mBAAmB,KAAK,IAC3C,UAAU;EACT,MAAM,mBAAmB,KAAK;CAChC,CACF;CAEA,MAAM,eAAe;EACnB,YAAY,IAAI;CAClB;CAEA,MAAM,iBAAiB;EACrB,YAAY,KAAK;CACnB;CAEA,MAAM,eAAe;EACnB,aAAa,aAAa,CAAC,QAAQ;CACrC;CAEA,OAAO;EACL;EACA;EACA,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA;EACA;CACF;AACF"}

package/dist/dnd/create-draggable-collection-state.d.ts

@@ -0,0 +1,63 @@
+/*
+ * 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/dnd/useDraggableCollectionState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { MultipleSelectionManager } from "../selection/types.js";
+import { Accessor } from "solid-js";
+import { Collection, DragItem, DragMoveEvent, DragPreviewRenderer, DragStartEvent, DraggableCollectionEndEvent, DraggableCollectionProps, DropOperation, Key, Node } from "@solid2-aria/types-shared";
+export interface DraggableCollectionStateOptions<T = object> extends DraggableCollectionProps<T> {
+  /** A collection of items. */
+  collection: Collection<Node<T>>;
+  /** An interface for reading and updating multiple selection state. */
+  selectionManager: MultipleSelectionManager;
+  /** Whether the drag events should be disabled. */
+  isDisabled?: boolean;
+}
+export interface DraggableCollectionState {
+  /** A collection of items. */
+  collection: Collection<Node<unknown>>;
+  /** An interface for reading and updating multiple selection state. */
+  selectionManager: MultipleSelectionManager;
+  /** The key of the item that initiated a drag. */
+  draggedKey: Key | null;
+  /** The keys of the items that are currently being dragged. */
+  draggingKeys: Set<Key>;
+  /** Whether drag events are disabled. */
+  isDisabled?: boolean;
+  /** Returns whether the given key is currently being dragged. */
+  isDragging: (key: Key) => boolean;
+  /** Returns the keys of the items that will be dragged with the given key (e.g. selected items). */
+  getKeysForDrag: (key: Key) => Set<Key>;
+  /** Returns the items to drag for the given key. */
+  getItems: (key: Key) => DragItem[];
+  /** The ref of the element that will be rendered as the drag preview while dragging. */
+  preview?: Accessor<DragPreviewRenderer | null>;
+  /**
+   * Function that returns the drop operations that are allowed for the dragged items. If not
+   * provided, all drop operations are allowed.
+   */
+  getAllowedDropOperations?: () => DropOperation[];
+  /** Begins a drag for the given key. This triggers the onDragStart event. */
+  startDrag: (key: Key, event: DragStartEvent) => void;
+  /** Triggers an onDragMove event. */
+  moveDrag: (event: DragMoveEvent) => void;
+  /** Ends the current drag, and emits an onDragEnd event. */
+  endDrag: (event: DraggableCollectionEndEvent) => void;
+}
+/**
+ * Manages state for a draggable collection.
+ */
+export declare function createDraggableCollectionState<T = object>(props: DraggableCollectionStateOptions<T>): DraggableCollectionState;
+//# sourceMappingURL=create-draggable-collection-state.d.ts.map