@wirekyt/dom 0.0.1 → 0.0.2

package/dist/list-collection-D_eNKrot.d.cts

@@ -0,0 +1,60 @@
+import { i as CollectionSearchOptions, r as CollectionOptions, t as CollectionItem } from "./types-CczqoQLL.cjs";
+//#region src/common/collection/list-collection.d.ts
+declare class ListCollection<T extends CollectionItem = CollectionItem> {
+  private options;
+  items: T[];
+  private indexMap;
+  constructor(options: CollectionOptions<T>);
+  copy: (items?: T[]) => ListCollection<T>;
+  isEqual: (other: ListCollection<T>) => boolean;
+  setItems: (items: T[]) => ListCollection<T>;
+  getValues: (items?: T[]) => string[];
+  find: (value: string | null | undefined) => T | null;
+  findMany: (values: string[]) => T[];
+  at: (index: number) => T | null;
+  private sortFn;
+  sort: (values: string[]) => string[];
+  getItemValue: (item: T | null | undefined) => string | null;
+  getItemDisabled: (item: T | null) => boolean;
+  stringifyItem: (item: T | null) => string | null;
+  stringify: (value: string | null) => string | null;
+  stringifyItems: (items: T[], separator?: string) => string;
+  stringifyMany: (value: string[], separator?: string) => string;
+  has: (value: string | null) => boolean;
+  hasItem: (item: T | null) => boolean;
+  get size(): number;
+  group: () => [string, T[]][];
+  get firstValue(): string | null;
+  get lastValue(): string | null;
+  getNextValue: (value: string, step?: number, clamp?: boolean) => string | null;
+  getPreviousValue: (value: string, step?: number, clamp?: boolean) => string | null;
+  indexOf: (value: string | null) => number;
+  private getByText;
+  search: (queryString: string, options: CollectionSearchOptions) => string | null;
+  [Symbol.iterator](): Generator<T, void, unknown>;
+  update: (value: string, item: T) => ListCollection<T>;
+  upsert: (value: string, item: T, mode?: "append" | "prepend") => ListCollection<T>;
+  insert: (index: number, ...items: T[]) => ListCollection<T>;
+  insertBefore: (value: string, ...items: T[]) => ListCollection<T>;
+  insertAfter: (value: string, ...items: T[]) => ListCollection<T>;
+  prepend: (...items: T[]) => ListCollection<T>;
+  append: (...items: T[]) => ListCollection<T>;
+  filter: (fn: (itemString: string, index: number, item: T) => boolean) => ListCollection<T>;
+  remove: (...itemsOrValues: Array<T | string>) => ListCollection<T>;
+  move: (value: string, toIndex: number) => ListCollection<T>;
+  moveBefore: (value: string, ...values: string[]) => ListCollection<T>;
+  moveAfter: (value: string, ...values: string[]) => ListCollection<T>;
+  reorder: (fromIndex: number, toIndex: number) => ListCollection<T>;
+  compareValue: (a: string, b: string) => 1 | 0 | -1;
+  private range;
+  getValueRange: (from: string | null, to: string | null) => string[];
+  toString: () => string;
+  toJSON: () => {
+    size: number;
+    first: string | null;
+    last: string | null;
+  };
+}
+declare function isListCollection(v: unknown): v is ListCollection<any>;
+//#endregion
+export { isListCollection as n, ListCollection as t };

package/dist/list-collection-RqYEWHb4.d.ts

@@ -0,0 +1,60 @@
+import { i as CollectionSearchOptions, r as CollectionOptions, t as CollectionItem } from "./types-CczqoQLL.js";
+//#region src/common/collection/list-collection.d.ts
+declare class ListCollection<T extends CollectionItem = CollectionItem> {
+  private options;
+  items: T[];
+  private indexMap;
+  constructor(options: CollectionOptions<T>);
+  copy: (items?: T[]) => ListCollection<T>;
+  isEqual: (other: ListCollection<T>) => boolean;
+  setItems: (items: T[]) => ListCollection<T>;
+  getValues: (items?: T[]) => string[];
+  find: (value: string | null | undefined) => T | null;
+  findMany: (values: string[]) => T[];
+  at: (index: number) => T | null;
+  private sortFn;
+  sort: (values: string[]) => string[];
+  getItemValue: (item: T | null | undefined) => string | null;
+  getItemDisabled: (item: T | null) => boolean;
+  stringifyItem: (item: T | null) => string | null;
+  stringify: (value: string | null) => string | null;
+  stringifyItems: (items: T[], separator?: string) => string;
+  stringifyMany: (value: string[], separator?: string) => string;
+  has: (value: string | null) => boolean;
+  hasItem: (item: T | null) => boolean;
+  get size(): number;
+  group: () => [string, T[]][];
+  get firstValue(): string | null;
+  get lastValue(): string | null;
+  getNextValue: (value: string, step?: number, clamp?: boolean) => string | null;
+  getPreviousValue: (value: string, step?: number, clamp?: boolean) => string | null;
+  indexOf: (value: string | null) => number;
+  private getByText;
+  search: (queryString: string, options: CollectionSearchOptions) => string | null;
+  [Symbol.iterator](): Generator<T, void, unknown>;
+  update: (value: string, item: T) => ListCollection<T>;
+  upsert: (value: string, item: T, mode?: "append" | "prepend") => ListCollection<T>;
+  insert: (index: number, ...items: T[]) => ListCollection<T>;
+  insertBefore: (value: string, ...items: T[]) => ListCollection<T>;
+  insertAfter: (value: string, ...items: T[]) => ListCollection<T>;
+  prepend: (...items: T[]) => ListCollection<T>;
+  append: (...items: T[]) => ListCollection<T>;
+  filter: (fn: (itemString: string, index: number, item: T) => boolean) => ListCollection<T>;
+  remove: (...itemsOrValues: Array<T | string>) => ListCollection<T>;
+  move: (value: string, toIndex: number) => ListCollection<T>;
+  moveBefore: (value: string, ...values: string[]) => ListCollection<T>;
+  moveAfter: (value: string, ...values: string[]) => ListCollection<T>;
+  reorder: (fromIndex: number, toIndex: number) => ListCollection<T>;
+  compareValue: (a: string, b: string) => 1 | 0 | -1;
+  private range;
+  getValueRange: (from: string | null, to: string | null) => string[];
+  toString: () => string;
+  toJSON: () => {
+    size: number;
+    first: string | null;
+    last: string | null;
+  };
+}
+declare function isListCollection(v: unknown): v is ListCollection<any>;
+//#endregion
+export { isListCollection as n, ListCollection as t };

package/dist/live-region-BD0OgmrH.cjs

@@ -0,0 +1,68 @@
+//#region src/common/live-region/index.ts
+const ID = "__live-region__";
+const DEBUG_ID = "__live-region-debug__";
+const DEBUG_STYLES = "position:fixed;inset-inline:0;bottom:0;z-index:2147483647;padding:12px 16px;background:black;color:white;font-size:14px;line-height:20px;text-align:center;pointer-events:none;";
+function createLiveRegion(opts = {}) {
+	const { level = "polite", document: doc = document, root, delay: _delay = 0, debug = false } = opts;
+	const win = doc.defaultView ?? window;
+	const parent = root ?? doc.body;
+	function getDebugRegion() {
+		if (!debug) return;
+		let region = doc.getElementById(DEBUG_ID);
+		if (region) return region;
+		region = doc.createElement("div");
+		region.id = DEBUG_ID;
+		region.dataset.liveAnnouncerDebug = "true";
+		region.setAttribute("aria-hidden", "true");
+		region.style.cssText = DEBUG_STYLES;
+		parent.appendChild(region);
+		return region;
+	}
+	function announce(message, delay) {
+		doc.getElementById(ID)?.remove();
+		delay = delay ?? _delay;
+		const region = doc.createElement("span");
+		region.id = ID;
+		region.dataset.liveAnnouncer = "true";
+		const role = level !== "assertive" ? "status" : "alert";
+		region.setAttribute("aria-live", level);
+		region.setAttribute("role", role);
+		Object.assign(region.style, {
+			border: "0",
+			clip: "rect(0 0 0 0)",
+			height: "1px",
+			margin: "-1px",
+			overflow: "hidden",
+			padding: "0",
+			position: "absolute",
+			width: "1px",
+			whiteSpace: "nowrap",
+			wordWrap: "normal"
+		});
+		parent.appendChild(region);
+		win.setTimeout(() => {
+			if (!region.isConnected) return;
+			region.textContent = message;
+			const debugRegion = getDebugRegion();
+			if (debugRegion) debugRegion.textContent = message;
+		}, delay);
+	}
+	function destroy() {
+		doc.getElementById(ID)?.remove();
+		doc.getElementById(DEBUG_ID)?.remove();
+	}
+	return {
+		announce,
+		destroy,
+		toJSON() {
+			return ID;
+		}
+	};
+}
+//#endregion
+Object.defineProperty(exports, "createLiveRegion", {
+	enumerable: true,
+	get: function() {
+		return createLiveRegion;
+	}
+});

package/dist/live-region-F8YMmbrY.js

@@ -0,0 +1,63 @@
+//#region src/common/live-region/index.ts
+const ID = "__live-region__";
+const DEBUG_ID = "__live-region-debug__";
+const DEBUG_STYLES = "position:fixed;inset-inline:0;bottom:0;z-index:2147483647;padding:12px 16px;background:black;color:white;font-size:14px;line-height:20px;text-align:center;pointer-events:none;";
+function createLiveRegion(opts = {}) {
+	const { level = "polite", document: doc = document, root, delay: _delay = 0, debug = false } = opts;
+	const win = doc.defaultView ?? window;
+	const parent = root ?? doc.body;
+	function getDebugRegion() {
+		if (!debug) return;
+		let region = doc.getElementById(DEBUG_ID);
+		if (region) return region;
+		region = doc.createElement("div");
+		region.id = DEBUG_ID;
+		region.dataset.liveAnnouncerDebug = "true";
+		region.setAttribute("aria-hidden", "true");
+		region.style.cssText = DEBUG_STYLES;
+		parent.appendChild(region);
+		return region;
+	}
+	function announce(message, delay) {
+		doc.getElementById(ID)?.remove();
+		delay = delay ?? _delay;
+		const region = doc.createElement("span");
+		region.id = ID;
+		region.dataset.liveAnnouncer = "true";
+		const role = level !== "assertive" ? "status" : "alert";
+		region.setAttribute("aria-live", level);
+		region.setAttribute("role", role);
+		Object.assign(region.style, {
+			border: "0",
+			clip: "rect(0 0 0 0)",
+			height: "1px",
+			margin: "-1px",
+			overflow: "hidden",
+			padding: "0",
+			position: "absolute",
+			width: "1px",
+			whiteSpace: "nowrap",
+			wordWrap: "normal"
+		});
+		parent.appendChild(region);
+		win.setTimeout(() => {
+			if (!region.isConnected) return;
+			region.textContent = message;
+			const debugRegion = getDebugRegion();
+			if (debugRegion) debugRegion.textContent = message;
+		}, delay);
+	}
+	function destroy() {
+		doc.getElementById(ID)?.remove();
+		doc.getElementById(DEBUG_ID)?.remove();
+	}
+	return {
+		announce,
+		destroy,
+		toJSON() {
+			return ID;
+		}
+	};
+}
+//#endregion
+export { createLiveRegion as t };

package/dist/live-region.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_live_region = require("./live-region-BD0OgmrH.cjs");
+exports.createLiveRegion = require_live_region.createLiveRegion;

package/dist/live-region.d.cts

@@ -0,0 +1,2 @@
+import { n as LiveRegionOptions, r as createLiveRegion, t as LiveRegion } from "./index-BMtpmaRD.cjs";
+export { LiveRegion, LiveRegionOptions, createLiveRegion };

package/dist/live-region.d.ts

@@ -0,0 +1,2 @@
+import { n as LiveRegionOptions, r as createLiveRegion, t as LiveRegion } from "./index-BMtpmaRD.js";
+export { LiveRegion, LiveRegionOptions, createLiveRegion };

package/dist/live-region.js

@@ -0,0 +1,2 @@
+import { t as createLiveRegion } from "./live-region-F8YMmbrY.js";
+export { createLiveRegion };

package/dist/machines/accordion/index.cjs

@@ -0,0 +1,328 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_create_anatomy = require("../../create-anatomy-BwDn25ph.cjs");
+const require_dom_query = require("../../dom-query-CQzY93XU.cjs");
+const require_platform = require("../../platform-BZS-dkZN.cjs");
+const require_event = require("../../event-DDz-mMhM.cjs");
+const require_array = require("../../array-BGtygd0o.cjs");
+const require_utils = require("../../utils-BH-oBBz2.cjs");
+const require_warning = require("../../warning-HAmFXLHm.cjs");
+const require_core = require("../../core-BNMw-JId.cjs");
+const require_create_props = require("../../create-props-CjLx2oS8.cjs");
+//#region src/machines/accordion/anatomy.ts
+const anatomy = require_create_anatomy.createAnatomy("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator");
+const parts = anatomy.build();
+//#endregion
+//#region src/machines/accordion/dom.ts
+const getRootId = (ctx) => ctx.ids?.root ?? `accordion:${ctx.id}`;
+const getItemId = (ctx, value) => ctx.ids?.item?.(value) ?? `accordion:${ctx.id}:item:${value}`;
+const getItemContentId = (ctx, value) => ctx.ids?.itemContent?.(value) ?? `accordion:${ctx.id}:content:${value}`;
+const getItemTriggerId = (ctx, value) => ctx.ids?.itemTrigger?.(value) ?? `accordion:${ctx.id}:trigger:${value}`;
+const getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+const getTriggerEls = (ctx) => {
+	const selector = `[data-controls][data-ownedby='${CSS.escape(getRootId(ctx))}']:not([disabled])`;
+	return require_dom_query.queryAll(getRootEl(ctx), selector);
+};
+const getFirstTriggerEl = (ctx) => require_array.first(getTriggerEls(ctx));
+const getLastTriggerEl = (ctx) => require_array.last(getTriggerEls(ctx));
+const getNextTriggerEl = (ctx, id) => require_dom_query.nextById(getTriggerEls(ctx), getItemTriggerId(ctx, id));
+const getPrevTriggerEl = (ctx, id) => require_dom_query.prevById(getTriggerEls(ctx), getItemTriggerId(ctx, id));
+//#endregion
+//#region src/machines/accordion/connect.ts
+function connect(service, normalize) {
+	const { send, context, prop, scope, computed } = service;
+	const focusedValue = context.get("focusedValue");
+	const value = context.get("value");
+	const multiple = prop("multiple");
+	function setValue(value) {
+		let nextValue = value;
+		if (!multiple && nextValue.length > 1) nextValue = [nextValue[0]];
+		send({
+			type: "VALUE.SET",
+			value: nextValue
+		});
+	}
+	function getItemState(props) {
+		return {
+			expanded: value.includes(props.value),
+			focused: focusedValue === props.value,
+			disabled: Boolean(props.disabled ?? prop("disabled"))
+		};
+	}
+	return {
+		focusedValue,
+		value,
+		setValue,
+		getItemState,
+		getRootProps() {
+			return normalize.element({
+				...parts.root.attrs,
+				dir: prop("dir"),
+				id: getRootId(scope),
+				"data-orientation": prop("orientation")
+			});
+		},
+		getItemProps(props) {
+			const itemState = getItemState(props);
+			return normalize.element({
+				...parts.item.attrs,
+				dir: prop("dir"),
+				id: getItemId(scope, props.value),
+				"data-state": itemState.expanded ? "open" : "closed",
+				"data-focus": require_dom_query.dataAttr(itemState.focused),
+				"data-disabled": require_dom_query.dataAttr(itemState.disabled),
+				"data-orientation": prop("orientation")
+			});
+		},
+		getItemContentProps(props) {
+			const itemState = getItemState(props);
+			return normalize.element({
+				...parts.itemContent.attrs,
+				dir: prop("dir"),
+				role: "region",
+				id: getItemContentId(scope, props.value),
+				"aria-labelledby": getItemTriggerId(scope, props.value),
+				hidden: !itemState.expanded,
+				"data-state": itemState.expanded ? "open" : "closed",
+				"data-disabled": require_dom_query.dataAttr(itemState.disabled),
+				"data-focus": require_dom_query.dataAttr(itemState.focused),
+				"data-orientation": prop("orientation")
+			});
+		},
+		getItemIndicatorProps(props) {
+			const itemState = getItemState(props);
+			return normalize.element({
+				...parts.itemIndicator.attrs,
+				dir: prop("dir"),
+				"aria-hidden": true,
+				"data-state": itemState.expanded ? "open" : "closed",
+				"data-disabled": require_dom_query.dataAttr(itemState.disabled),
+				"data-focus": require_dom_query.dataAttr(itemState.focused),
+				"data-orientation": prop("orientation")
+			});
+		},
+		getItemTriggerProps(props) {
+			const { value } = props;
+			const itemState = getItemState(props);
+			return normalize.button({
+				...parts.itemTrigger.attrs,
+				type: "button",
+				dir: prop("dir"),
+				id: getItemTriggerId(scope, value),
+				"aria-controls": getItemContentId(scope, value),
+				"data-controls": getItemContentId(scope, value),
+				"aria-expanded": itemState.expanded,
+				disabled: itemState.disabled,
+				"data-orientation": prop("orientation"),
+				"data-state": itemState.expanded ? "open" : "closed",
+				"data-focus": require_dom_query.dataAttr(itemState.focused),
+				"data-ownedby": getRootId(scope),
+				onFocus() {
+					if (itemState.disabled) return;
+					send({
+						type: "TRIGGER.FOCUS",
+						value
+					});
+				},
+				onBlur() {
+					if (itemState.disabled) return;
+					send({ type: "TRIGGER.BLUR" });
+				},
+				onClick(event) {
+					if (itemState.disabled) return;
+					if (require_platform.isSafari()) event.currentTarget.focus();
+					send({
+						type: "TRIGGER.CLICK",
+						value
+					});
+				},
+				onKeyDown(event) {
+					if (event.defaultPrevented) return;
+					if (itemState.disabled) return;
+					const exec = {
+						ArrowDown() {
+							if (computed("isHorizontal")) return;
+							send({
+								type: "GOTO.NEXT",
+								value
+							});
+						},
+						ArrowUp() {
+							if (computed("isHorizontal")) return;
+							send({
+								type: "GOTO.PREV",
+								value
+							});
+						},
+						ArrowRight() {
+							if (!computed("isHorizontal")) return;
+							send({
+								type: "GOTO.NEXT",
+								value
+							});
+						},
+						ArrowLeft() {
+							if (!computed("isHorizontal")) return;
+							send({
+								type: "GOTO.PREV",
+								value
+							});
+						},
+						Home() {
+							send({
+								type: "GOTO.FIRST",
+								value
+							});
+						},
+						End() {
+							send({
+								type: "GOTO.LAST",
+								value
+							});
+						}
+					}[require_event.getEventKey(event, {
+						dir: prop("dir"),
+						orientation: prop("orientation")
+					})];
+					if (exec) {
+						exec(event);
+						event.preventDefault();
+					}
+				}
+			});
+		}
+	};
+}
+//#endregion
+//#region src/machines/accordion/machine.ts
+const { and, not } = require_core.createGuards();
+const machine = require_core.createMachine({
+	props({ props }) {
+		return {
+			collapsible: false,
+			multiple: false,
+			orientation: "vertical",
+			defaultValue: [],
+			...props
+		};
+	},
+	initialState() {
+		return "idle";
+	},
+	context({ prop, bindable }) {
+		return {
+			focusedValue: bindable(() => ({
+				defaultValue: null,
+				sync: true,
+				onChange(value) {
+					prop("onFocusChange")?.({ value });
+				}
+			})),
+			value: bindable(() => ({
+				defaultValue: prop("defaultValue"),
+				value: prop("value"),
+				onChange(value) {
+					prop("onValueChange")?.({ value });
+				}
+			}))
+		};
+	},
+	computed: { isHorizontal: ({ prop }) => prop("orientation") === "horizontal" },
+	on: { "VALUE.SET": { actions: ["setValue"] } },
+	states: {
+		idle: { on: { "TRIGGER.FOCUS": {
+			target: "focused",
+			actions: ["setFocusedValue"]
+		} } },
+		focused: { on: {
+			"GOTO.NEXT": { actions: ["focusNextTrigger"] },
+			"GOTO.PREV": { actions: ["focusPrevTrigger"] },
+			"TRIGGER.CLICK": [{
+				guard: and("isExpanded", "canToggle"),
+				actions: ["collapse"]
+			}, {
+				guard: not("isExpanded"),
+				actions: ["expand"]
+			}],
+			"GOTO.FIRST": { actions: ["focusFirstTrigger"] },
+			"GOTO.LAST": { actions: ["focusLastTrigger"] },
+			"TRIGGER.BLUR": {
+				target: "idle",
+				actions: ["clearFocusedValue"]
+			}
+		} }
+	},
+	implementations: {
+		guards: {
+			canToggle: ({ prop }) => !!prop("collapsible") || !!prop("multiple"),
+			isExpanded: ({ context, event }) => context.get("value").includes(event.value)
+		},
+		actions: {
+			collapse({ context, prop, event }) {
+				const next = prop("multiple") ? require_array.remove(context.get("value"), event.value) : [];
+				context.set("value", next);
+			},
+			expand({ context, prop, event }) {
+				const next = prop("multiple") ? require_array.add(context.get("value"), event.value) : [event.value];
+				context.set("value", next);
+			},
+			focusFirstTrigger({ scope }) {
+				getFirstTriggerEl(scope)?.focus();
+			},
+			focusLastTrigger({ scope }) {
+				getLastTriggerEl(scope)?.focus();
+			},
+			focusNextTrigger({ context, scope }) {
+				const focusedValue = context.get("focusedValue");
+				if (!focusedValue) return;
+				getNextTriggerEl(scope, focusedValue)?.focus();
+			},
+			focusPrevTrigger({ context, scope }) {
+				const focusedValue = context.get("focusedValue");
+				if (!focusedValue) return;
+				getPrevTriggerEl(scope, focusedValue)?.focus();
+			},
+			setFocusedValue({ context, event }) {
+				context.set("focusedValue", event.value);
+			},
+			clearFocusedValue({ context }) {
+				context.set("focusedValue", null);
+			},
+			setValue({ context, event }) {
+				context.set("value", event.value);
+			},
+			coarseValue({ context, prop }) {
+				if (!prop("multiple") && context.get("value").length > 1) {
+					require_warning.warn(`The value of accordion should be a single value when multiple is false.`);
+					context.set("value", [context.get("value")[0]]);
+				}
+			}
+		}
+	}
+});
+//#endregion
+//#region src/machines/accordion/props.ts
+const props = require_create_props.createProps()([
+	"collapsible",
+	"dir",
+	"disabled",
+	"getRootNode",
+	"id",
+	"ids",
+	"multiple",
+	"onFocusChange",
+	"onValueChange",
+	"orientation",
+	"value",
+	"defaultValue"
+]);
+const splitProps = require_utils.createSplitProps(props);
+const itemProps = require_create_props.createProps()(["value", "disabled"]);
+const splitItemProps = require_utils.createSplitProps(itemProps);
+//#endregion
+exports.anatomy = anatomy;
+exports.connect = connect;
+exports.itemProps = itemProps;
+exports.machine = machine;
+exports.props = props;
+exports.splitItemProps = splitItemProps;
+exports.splitProps = splitProps;

package/dist/machines/accordion/index.d.cts

@@ -0,0 +1,83 @@
+import { n as AnatomyInstance } from "../../anatomy-DMuSMbOP.cjs";
+import { M as Service, S as EventObject, T as Machine } from "../../index-BKgxIVbE.cjs";
+import { b as PropTypes, g as RequiredBy, r as DirectionProperty, t as CommonProperties, y as NormalizeProps } from "../../index-BXfunVyD.cjs";
+import "../../index-BF6G2RiC.cjs";
+//#region src/machines/accordion/anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "itemIndicator" | "itemContent" | "itemTrigger">;
+//#endregion
+//#region src/machines/accordion/types.d.ts
+interface ValueChangeDetails {
+  value: string[];
+}
+interface FocusChangeDetails {
+  value: string | null;
+}
+type ElementIds = Partial<{
+  root: string;
+  item: (value: string) => string;
+  itemContent: (value: string) => string;
+  itemTrigger: (value: string) => string;
+}>;
+interface AccordionProps extends DirectionProperty, CommonProperties {
+  ids?: ElementIds | undefined;
+  multiple?: boolean | undefined;
+  collapsible?: boolean | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  disabled?: boolean | undefined;
+  onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+  onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
+  orientation?: "horizontal" | "vertical" | undefined;
+}
+type PropsWithDefault = "multiple" | "collapsible" | "orientation";
+type AccordionSchema = {
+  state: "idle" | "focused";
+  props: RequiredBy<AccordionProps, PropsWithDefault>;
+  context: {
+    value: string[];
+    focusedValue: string | null;
+  };
+  computed: {
+    isHorizontal: boolean;
+  };
+  action: string;
+  guard: string;
+  effect: string;
+  event: EventObject;
+};
+type AccordionService = Service<AccordionSchema>;
+type AccordionMachine = Machine<AccordionSchema>;
+interface ItemProps {
+  value: string;
+  disabled?: boolean | undefined;
+}
+interface ItemState {
+  expanded: boolean;
+  focused: boolean;
+  disabled: boolean;
+}
+interface AccordionApi<T extends PropTypes = PropTypes> {
+  focusedValue: string | null;
+  value: string[];
+  setValue: (value: string[]) => void;
+  getItemState: (props: ItemProps) => ItemState;
+  getRootProps: () => T["element"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getItemContentProps: (props: ItemProps) => T["element"];
+  getItemTriggerProps: (props: ItemProps) => T["button"];
+  getItemIndicatorProps: (props: ItemProps) => T["element"];
+}
+//#endregion
+//#region src/machines/accordion/connect.d.ts
+declare function connect<T extends PropTypes>(service: Service<AccordionSchema>, normalize: NormalizeProps<T>): AccordionApi<T>;
+//#endregion
+//#region src/machines/accordion/machine.d.ts
+declare const machine: Machine<AccordionSchema>;
+//#endregion
+//#region src/machines/accordion/props.d.ts
+declare const props: (keyof AccordionProps)[];
+declare const splitProps: <Props extends Partial<AccordionProps>>(props: Props) => [Partial<AccordionProps>, Omit<Props, keyof AccordionProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+//#endregion
+export { type AccordionApi as Api, type ElementIds, type FocusChangeDetails, type ItemProps, type ItemState, type AccordionMachine as Machine, type AccordionProps as Props, type AccordionService as Service, type ValueChangeDetails, anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };