@sprawlify/primitives 0.0.98 → 0.0.100

package/dist/machines/progress/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-require("../../dom-query-6Wt-Tikf.cjs");
+require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/progress/progress.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("progress").parts("root", "label", "track", "range", "valueText", "view", "circle", "circleTrack", "circleRange");

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

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/progress/progress.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "valueText" | "circle" | "range" | "view" | "circleTrack" | "circleRange">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "track" | "range" | "circle" | "view" | "circleTrack" | "circleRange">;
 //#endregion
 //#region src/machines/progress/progress.types.d.ts
 type ProgressState = "indeterminate" | "loading" | "complete";

package/dist/machines/progress/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/progress/progress.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "valueText" | "circle" | "range" | "view" | "circleTrack" | "circleRange">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "track" | "range" | "circle" | "view" | "circleTrack" | "circleRange">;
 //#endregion
 //#region src/machines/progress/progress.types.d.ts
 type ProgressState = "indeterminate" | "loading" | "complete";

package/dist/machines/progress/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import "../../dom-query-dX8Dakb4.mjs";
+import "../../dom-query-s2ESLR2U.mjs";
 import { T as getValuePercent, st as isNumber, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine, s as memo } from "../../core-DfVajPnu.mjs";
+import { a as createMachine, s as memo } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/progress/progress.anatomy.ts
 const anatomy = createAnatomy("progress").parts("root", "label", "track", "range", "valueText", "view", "circle", "circleTrack", "circleRange");

package/dist/machines/qr-code/index.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../chunk-CKQMccvm.cjs");
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 let uqr = require("uqr");
 //#region src/machines/qr-code/qr-code.anatomy.ts

package/dist/machines/qr-code/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { Ht as getDataUrl } from "../../dom-query-dX8Dakb4.mjs";
+import { Wt as getDataUrl } from "../../dom-query-s2ESLR2U.mjs";
 import { u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine, s as memo } from "../../core-DfVajPnu.mjs";
+import { a as createMachine, s as memo } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 import { encode } from "uqr";
 //#region src/machines/qr-code/qr-code.anatomy.ts

package/dist/machines/radio-group/index.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
-const require_focus_visible = require("../../focus-visible-CqHoOOjw.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
+const require_focus_visible = require("../../focus-visible-75XTctXf.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/radio-group/radio-group.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("radio-group").parts("root", "label", "item", "itemText", "itemControl", "indicator");

package/dist/machines/radio-group/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, m as Rect, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/radio-group/radio-group.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "indicator" | "itemText" | "itemControl">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "indicator" | "item" | "itemControl" | "itemText">;
 //#endregion
 //#region src/machines/radio-group/radio-group.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/radio-group/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, m as Rect, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/radio-group/radio-group.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "indicator" | "itemText" | "itemControl">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "indicator" | "item" | "itemControl" | "itemText">;
 //#endregion
 //#region src/machines/radio-group/radio-group.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/radio-group/index.mjs

@@ -1,8 +1,8 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { C as queryAll, a as visuallyHiddenStyle, bt as isLeftClick, m as resizeObserverBorderBox, rt as dispatchInputCheckedEvent, st as trackFormControl, yn as dataAttr, zt as isSafari } from "../../dom-query-dX8Dakb4.mjs";
+import { C as queryAll, St as isLeftClick, Vt as isSafari, a as visuallyHiddenStyle, lt as trackFormControl, m as resizeObserverBorderBox, rt as dispatchInputCheckedEvent, xn as dataAttr } from "../../dom-query-s2ESLR2U.mjs";
 import { H as toPx, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine, i as createGuards } from "../../core-DfVajPnu.mjs";
-import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-CSuBQ5QZ.mjs";
+import { a as createMachine, i as createGuards } from "../../core-BmIEKqtP.mjs";
+import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-D5qBaAOn.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/radio-group/radio-group.anatomy.ts
 const anatomy = createAnatomy("radio-group").parts("root", "label", "item", "itemText", "itemControl", "indicator");

package/dist/machines/rating-group/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/rating-group/rating-group.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("rating-group").parts("root", "label", "item", "control");

package/dist/machines/rating-group/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/rating-group/rating-group.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "control">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "item">;
 //#endregion
 //#region src/machines/rating-group/rating-group.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/rating-group/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/rating-group/rating-group.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "control">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "item">;
 //#endregion
 //#region src/machines/rating-group/rating-group.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/rating-group/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { A as getRelativePoint, S as query, W as raf, bt as isLeftClick, dt as getEventPoint, it as dispatchInputValueEvent, st as trackFormControl, ut as getEventKey, vn as ariaAttr, yn as dataAttr } from "../../dom-query-dX8Dakb4.mjs";
+import { A as getRelativePoint, S as query, St as isLeftClick, W as raf, bn as ariaAttr, ft as getEventKey, it as dispatchInputValueEvent, lt as trackFormControl, pt as getEventPoint, xn as dataAttr } from "../../dom-query-s2ESLR2U.mjs";
 import { u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-DfVajPnu.mjs";
+import { a as createMachine } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/rating-group/rating-group.anatomy.ts
 const anatomy = createAnatomy("rating-group").parts("root", "label", "item", "control");

package/dist/machines/scroll-area/index.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_defineProperty = require("../../defineProperty-8IOBQ1i_.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/scroll-area/scroll-area.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("scroll-area").parts("root", "viewport", "content", "scrollbar", "thumb", "corner");

package/dist/machines/scroll-area/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { _ as Size, b as NormalizeProps, d as Orientation, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/scroll-area/scroll-area.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "content" | "thumb" | "viewport" | "scrollbar" | "corner">;
+declare const anatomy: AnatomyInstance<"root" | "thumb" | "content" | "viewport" | "scrollbar" | "corner">;
 //#endregion
 //#region src/machines/scroll-area/utils/timeout.d.ts
 declare class Timeout {

package/dist/machines/scroll-area/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { _ as Size, b as NormalizeProps, d as Orientation, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/scroll-area/scroll-area.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "content" | "thumb" | "viewport" | "scrollbar" | "corner">;
+declare const anatomy: AnatomyInstance<"root" | "thumb" | "content" | "viewport" | "scrollbar" | "corner">;
 //#endregion
 //#region src/machines/scroll-area/utils/timeout.d.ts
 declare class Timeout {

package/dist/machines/scroll-area/index.mjs

@@ -1,8 +1,8 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { E as trackPointerMove, S as query, Xt as getComputedStyle, Zt as contains, ct as addDomEvent, d as setStyleProperty, dt as getEventPoint, pt as getEventTarget, yn as dataAttr } from "../../dom-query-dX8Dakb4.mjs";
+import { $t as contains, E as trackPointerMove, Qt as getComputedStyle, S as query, d as setStyleProperty, ht as getEventTarget, pt as getEventPoint, ut as addDomEvent, xn as dataAttr } from "../../dom-query-s2ESLR2U.mjs";
 import { t as _defineProperty } from "../../defineProperty-D5oW_HU_.mjs";
 import { H as toPx, W as callAll, ft as isEqual, g as clampValue, l as compact, n as ensureProps, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-DfVajPnu.mjs";
+import { a as createMachine } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/scroll-area/scroll-area.anatomy.ts
 const anatomy = createAnatomy("scroll-area").parts("root", "viewport", "content", "scrollbar", "thumb", "corner");

package/dist/machines/select/index.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
 const require_collection = require("../../collection-BBgC8xCb.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
-require("../../interact-outside-DRaFGdMg.cjs");
-const require_dismissable = require("../../dismissable-DPXx0m0m.cjs");
-const require_popper = require("../../popper-zq1F_iY8.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
+require("../../interact-outside-Cx4J0EBf.cjs");
+const require_dismissable = require("../../dismissable-ChwcJMHk.cjs");
+const require_popper = require("../../popper-Bca_O70s.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/select/select.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("select").parts("label", "positioner", "trigger", "indicator", "clearTrigger", "item", "itemText", "itemIndicator", "itemGroup", "itemGroupLabel", "list", "content", "root", "control", "valueText");
@@ -63,7 +63,7 @@ function connect(service, normalize) {
 	function getItemState(props) {
 		const _disabled = collection.getItemDisabled(props.item);
 		const value = collection.getItemValue(props.item);
-		require_utils.ensure(value, () => `[sprawlify-js] No value found for item ${JSON.stringify(props.item)}`);
+		require_utils.ensure(value, () => `[zag-js] No value found for item ${JSON.stringify(props.item)}`);
 		return {
 			value,
 			disabled: Boolean(disabled || _disabled),
@@ -371,6 +371,13 @@ function connect(service, normalize) {
 		getHiddenSelectProps() {
 			const value = context.get("value");
 			const defaultValue = prop("multiple") ? value : value?.[0];
+			const handleChange = (e) => {
+				if (require_dom_query.isInternalChangeEvent(require_dom_query.getNativeEvent(e))) return;
+				send({
+					type: "VALUE.SET",
+					value: getSelectedValues(e.currentTarget)
+				});
+			};
 			return normalize.select({
 				name: prop("name"),
 				form: prop("form"),
@@ -382,6 +389,9 @@ function connect(service, normalize) {
 				defaultValue,
 				style: require_dom_query.visuallyHiddenStyle,
 				tabIndex: -1,
+				autoComplete: prop("autoComplete"),
+				onChange: handleChange,
+				onInput: handleChange,
 				onFocus() {
 					getTriggerEl(scope)?.focus({ preventScroll: true });
 				},
@@ -475,6 +485,9 @@ function connect(service, normalize) {
 		}
 	};
 }
+const getSelectedValues = (el) => {
+	return el.multiple ? Array.from(el.selectedOptions, (o) => o.value) : el.value ? [el.value] : [];
+};
 //#endregion
 //#region src/machines/select/select.machine.ts
 const { and, not, or } = require_core.createGuards();
@@ -1088,11 +1101,11 @@ const machine = require_core.createMachine({
 				queueMicrotask(() => {
 					const node = getHiddenSelectEl(scope);
 					if (!node) return;
-					const changeEvent = new (scope.getWin()).Event("change", {
+					const evt = new (scope.getWin()).Event("change", {
 						bubbles: true,
 						composed: true
 					});
-					node.dispatchEvent(changeEvent);
+					node.dispatchEvent(require_dom_query.markAsInternalChangeEvent(evt));
 				});
 			}
 		}
@@ -1105,6 +1118,7 @@ function restoreFocusFn(event) {
 //#endregion
 //#region src/machines/select/select.props.ts
 const props = require_create_props.createProps()([
+	"autoComplete",
 	"closeOnSelect",
 	"collection",
 	"composite",

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

@@ -1,6 +1,6 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-D-7AMgSE.cjs";
-import { t as ListCollection } from "../../list-collection-C0swT4Wu.cjs";
+import { t as ListCollection } from "../../list-collection-B_8BN0XB.cjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMTKq.cjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 import { n as TypeaheadState } from "../../typeahead-DMooWbbX.cjs";
@@ -8,7 +8,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { c as Placement, d as PositioningOptions } from "../../types-DEn9MoSw.cjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "control" | "list" | "trigger" | "indicator" | "content" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "valueText" | "clearTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "clearTrigger" | "valueText" | "indicator" | "item" | "trigger" | "positioner" | "content" | "list" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {
@@ -56,6 +56,7 @@ interface SelectProps<T extends CollectionItem = CollectionItem> extends Directi
   ids?: ElementIds | undefined;
   name?: string | undefined;
   form?: string | undefined;
+  autoComplete?: string | undefined;
   disabled?: boolean | undefined;
   invalid?: boolean | undefined;
   readOnly?: boolean | undefined;

package/dist/machines/select/index.d.mts

@@ -1,6 +1,6 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-9uw8LHpE.mjs";
-import { t as ListCollection } from "../../list-collection-AgReIMJ0.mjs";
+import { t as ListCollection } from "../../list-collection-DkRA5LOq.mjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rzfD.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 import { n as TypeaheadState } from "../../typeahead-Bbeb1fAR.mjs";
@@ -8,7 +8,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { p as PositioningOptions, u as Placement } from "../../index-DHp3-EkH.mjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "control" | "list" | "trigger" | "indicator" | "content" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "valueText" | "clearTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "clearTrigger" | "valueText" | "indicator" | "item" | "trigger" | "positioner" | "content" | "list" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {
@@ -56,6 +56,7 @@ interface SelectProps<T extends CollectionItem = CollectionItem> extends Directi
   ids?: ElementIds | undefined;
   name?: string | undefined;
   form?: string | undefined;
+  autoComplete?: string | undefined;
   disabled?: boolean | undefined;
   invalid?: boolean | undefined;
   readOnly?: boolean | undefined;

package/dist/machines/select/index.mjs

@@ -1,11 +1,11 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { G as getInitialFocus, I as scrollIntoView, K as isValidTabEvent, W as raf, Zt as contains, a as visuallyHiddenStyle, cn as isEditableElement, pt as getEventTarget, s as getByTypeahead, st as trackFormControl, ut as getEventKey, vn as ariaAttr, yn as dataAttr, z as observeAttributes } from "../../dom-query-dX8Dakb4.mjs";
+import { $t as contains, G as getInitialFocus, I as scrollIntoView, K as isValidTabEvent, W as raf, a as visuallyHiddenStyle, at as isInternalChangeEvent, bn as ariaAttr, ft as getEventKey, gt as getNativeEvent, ht as getEventTarget, lt as trackFormControl, ot as markAsInternalChangeEvent, s as getByTypeahead, un as isEditableElement, xn as dataAttr, z as observeAttributes } from "../../dom-query-s2ESLR2U.mjs";
 import { ft as isEqual, mt as addOrRemove, t as ensure, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
 import { s as ListCollection } from "../../collection-DgzidRvr.mjs";
-import { a as createMachine, i as createGuards } from "../../core-DfVajPnu.mjs";
-import "../../interact-outside-C-8lOhpV.mjs";
-import { n as trackDismissableElement } from "../../dismissable-BAYaXwxZ.mjs";
-import { n as getPlacement, t as getPlacementStyles } from "../../popper-CfOHZlHP.mjs";
+import { a as createMachine, i as createGuards } from "../../core-BmIEKqtP.mjs";
+import "../../interact-outside-2qkUnl4N.mjs";
+import { n as trackDismissableElement } from "../../dismissable-DWfZGIA7.mjs";
+import { n as getPlacement, t as getPlacementStyles } from "../../popper-3Bdh0pfy.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/select/select.anatomy.ts
 const anatomy = createAnatomy("select").parts("label", "positioner", "trigger", "indicator", "clearTrigger", "item", "itemText", "itemIndicator", "itemGroup", "itemGroupLabel", "list", "content", "root", "control", "valueText");
@@ -62,7 +62,7 @@ function connect(service, normalize) {
 	function getItemState(props) {
 		const _disabled = collection.getItemDisabled(props.item);
 		const value = collection.getItemValue(props.item);
-		ensure(value, () => `[sprawlify-js] No value found for item ${JSON.stringify(props.item)}`);
+		ensure(value, () => `[zag-js] No value found for item ${JSON.stringify(props.item)}`);
 		return {
 			value,
 			disabled: Boolean(disabled || _disabled),
@@ -370,6 +370,13 @@ function connect(service, normalize) {
 		getHiddenSelectProps() {
 			const value = context.get("value");
 			const defaultValue = prop("multiple") ? value : value?.[0];
+			const handleChange = (e) => {
+				if (isInternalChangeEvent(getNativeEvent(e))) return;
+				send({
+					type: "VALUE.SET",
+					value: getSelectedValues(e.currentTarget)
+				});
+			};
 			return normalize.select({
 				name: prop("name"),
 				form: prop("form"),
@@ -381,6 +388,9 @@ function connect(service, normalize) {
 				defaultValue,
 				style: visuallyHiddenStyle,
 				tabIndex: -1,
+				autoComplete: prop("autoComplete"),
+				onChange: handleChange,
+				onInput: handleChange,
 				onFocus() {
 					getTriggerEl(scope)?.focus({ preventScroll: true });
 				},
@@ -474,6 +484,9 @@ function connect(service, normalize) {
 		}
 	};
 }
+const getSelectedValues = (el) => {
+	return el.multiple ? Array.from(el.selectedOptions, (o) => o.value) : el.value ? [el.value] : [];
+};
 //#endregion
 //#region src/machines/select/select.machine.ts
 const { and, not, or } = createGuards();
@@ -1087,11 +1100,11 @@ const machine = createMachine({
 				queueMicrotask(() => {
 					const node = getHiddenSelectEl(scope);
 					if (!node) return;
-					const changeEvent = new (scope.getWin()).Event("change", {
+					const evt = new (scope.getWin()).Event("change", {
 						bubbles: true,
 						composed: true
 					});
-					node.dispatchEvent(changeEvent);
+					node.dispatchEvent(markAsInternalChangeEvent(evt));
 				});
 			}
 		}
@@ -1104,6 +1117,7 @@ function restoreFocusFn(event) {
 //#endregion
 //#region src/machines/select/select.props.ts
 const props = createProps()([
+	"autoComplete",
 	"closeOnSelect",
 	"collection",
 	"composite",

package/dist/machines/separator/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-require("../../dom-query-6Wt-Tikf.cjs");
+require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/separator/separator.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("separator").parts("root");

package/dist/machines/separator/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import "../../dom-query-dX8Dakb4.mjs";
+import "../../dom-query-s2ESLR2U.mjs";
 import { u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-DfVajPnu.mjs";
+import { a as createMachine } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/separator/separator.anatomy.ts
 const anatomy = createAnatomy("separator").parts("root");

package/dist/machines/signature-pad/index.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("../../chunk-CKQMccvm.cjs");
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 let perfect_freehand = require("perfect-freehand");
 perfect_freehand = require_chunk.__toESM(perfect_freehand);

package/dist/machines/signature-pad/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { StrokeOptions } from "perfect-freehand";
 
 //#region src/machines/signature-pad/signature-pad.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "clearTrigger" | "segment" | "segmentPath" | "guide">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "segment" | "segmentPath" | "guide" | "clearTrigger">;
 //#endregion
 //#region src/machines/signature-pad/signature-pad.types.d.ts
 interface Point {

package/dist/machines/signature-pad/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { StrokeOptions } from "perfect-freehand";
 
 //#region src/machines/signature-pad/signature-pad.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "clearTrigger" | "segment" | "segmentPath" | "guide">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "segment" | "segmentPath" | "guide" | "clearTrigger">;
 //#endregion
 //#region src/machines/signature-pad/signature-pad.types.d.ts
 interface Point {

package/dist/machines/signature-pad/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { A as getRelativePoint, E as trackPointerMove, Ht as getDataUrl$1, S as query, bt as isLeftClick, pt as getEventTarget, xt as isModifierKey, yn as dataAttr } from "../../dom-query-dX8Dakb4.mjs";
+import { A as getRelativePoint, Ct as isModifierKey, E as trackPointerMove, S as query, St as isLeftClick, Wt as getDataUrl$1, ht as getEventTarget, xn as dataAttr } from "../../dom-query-s2ESLR2U.mjs";
 import { u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-DfVajPnu.mjs";
+import { a as createMachine } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 import getStroke from "perfect-freehand";
 //#region src/machines/signature-pad/signature-pad.anatomy.ts

package/dist/machines/slider/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/slider/slider.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("slider").parts("root", "label", "thumb", "valueText", "track", "range", "control", "markerGroup", "marker", "draggingIndicator");

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

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/slider/slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "track" | "valueText" | "thumb" | "markerGroup" | "marker" | "range" | "draggingIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "thumb" | "valueText" | "track" | "range" | "markerGroup" | "marker" | "draggingIndicator">;
 //#endregion
 //#region src/machines/slider/slider.types.d.ts
 type ThumbCollisionBehavior = "none" | "push" | "swap";

package/dist/machines/slider/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/slider/slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "track" | "valueText" | "thumb" | "markerGroup" | "marker" | "range" | "draggingIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "thumb" | "valueText" | "track" | "range" | "markerGroup" | "marker" | "draggingIndicator">;
 //#endregion
 //#region src/machines/slider/slider.types.d.ts
 type ThumbCollisionBehavior = "none" | "push" | "swap";

package/dist/machines/slider/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { C as queryAll, E as trackPointerMove, W as raf, bt as isLeftClick, dt as getEventPoint, ft as getEventStep, it as dispatchInputValueEvent, m as resizeObserverBorderBox, ot as setElementValue, st as trackFormControl, ut as getEventKey, vn as ariaAttr, xt as isModifierKey, yn as dataAttr } from "../../dom-query-dX8Dakb4.mjs";
+import { C as queryAll, Ct as isModifierKey, E as trackPointerMove, St as isLeftClick, W as raf, bn as ariaAttr, ct as setElementValue, ft as getEventKey, it as dispatchInputValueEvent, lt as trackFormControl, m as resizeObserverBorderBox, mt as getEventStep, pt as getEventPoint, xn as dataAttr } from "../../dom-query-s2ESLR2U.mjs";
 import { B as snapValueToStep, C as getPercentValue, E as getValueRanges, H as toPx, N as isValueWithinRange, O as getValueTransformer, S as getNextStepValue, T as getValuePercent, W as callAll, ft as isEqual, g as clampValue, h as clampPercent, p as pick, u as createSplitProps, vt as first, w as getPreviousStepValue, wt as last, z as setValueAtIndex } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine, s as memo } from "../../core-DfVajPnu.mjs";
+import { a as createMachine, s as memo } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/slider/slider.anatomy.ts
 const anatomy = createAnatomy("slider").parts("root", "label", "thumb", "valueText", "track", "range", "control", "markerGroup", "marker", "draggingIndicator");

package/dist/machines/splitter/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/splitter/splitter.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("splitter").parts("root", "panel", "resizeTrigger", "resizeTriggerIndicator");

package/dist/machines/splitter/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
-import { C as queryAll, E as trackPointerMove, bt as isLeftClick, dt as getEventPoint, ut as getEventKey, yn as dataAttr } from "../../dom-query-dX8Dakb4.mjs";
+import { C as queryAll, E as trackPointerMove, St as isLeftClick, ft as getEventKey, pt as getEventPoint, xn as dataAttr } from "../../dom-query-s2ESLR2U.mjs";
 import { Ot as prev, Tt as next, ft as isEqual, n as ensureProps, s as setRafTimeout, t as ensure, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-DfVajPnu.mjs";
+import { a as createMachine } from "../../core-BmIEKqtP.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/splitter/splitter.anatomy.ts
 const anatomy = createAnatomy("splitter").parts("root", "panel", "resizeTrigger", "resizeTriggerIndicator");

package/dist/machines/steps/index.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
-const require_dom_query = require("../../dom-query-6Wt-Tikf.cjs");
+const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-BiGlJ-4W.cjs");
+const require_core = require("../../core-nBg9RC_y.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/steps/steps.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("steps").parts("root", "list", "item", "trigger", "indicator", "separator", "content", "nextTrigger", "prevTrigger", "progress");

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

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/steps/steps.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "separator" | "list" | "trigger" | "indicator" | "content" | "nextTrigger" | "prevTrigger" | "progress">;
+declare const anatomy: AnatomyInstance<"root" | "progress" | "indicator" | "item" | "trigger" | "content" | "separator" | "list" | "nextTrigger" | "prevTrigger">;
 //#endregion
 //#region src/machines/steps/steps.types.d.ts
 interface StepChangeDetails {