@sprawlify/primitives 0.1.10 → 0.1.12

package/dist/machines/password-input/index.d.cts

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCS
 import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/password-input/password-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "indicator" | "visibilityTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "input" | "visibilityTrigger">;
 //#endregion
 //#region src/machines/password-input/password-input.types.d.ts
 interface VisibilityChangeDetails {

package/dist/machines/password-input/index.d.mts

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCW
 import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/password-input/password-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "indicator" | "visibilityTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "input" | "visibilityTrigger">;
 //#endregion
 //#region src/machines/password-input/password-input.types.d.ts
 interface VisibilityChangeDetails {

package/dist/machines/pin-input/index.d.cts

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

package/dist/machines/pin-input/index.d.mts

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

package/dist/machines/popover/index.cjs

@@ -6,7 +6,7 @@ const require_utils = require("../../utils-ByNiZU8f.cjs");
 const require_core = require("../../core-Bw_czdwX.cjs");
 require("../../interact-outside-Bg-QSXqp.cjs");
 const require_dismissable = require("../../dismissable-DxjbwsOf.cjs");
-const require_focus_trap = require("../../focus-trap-BewqTQFt.cjs");
+const require_focus_trap = require("../../focus-trap-BbU9QXMe.cjs");
 const require_popper = require("../../popper-viCrafLC.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 const require_remove_scroll = require("../../remove-scroll-D4CMJmU2.cjs");

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

@@ -6,7 +6,7 @@ import { r as PersistentElementOptions, t as DismissableElementHandlers } from "
 import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cjs";
 
 //#region src/machines/popover/popover.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "indicator" | "content" | "title" | "positioner" | "arrow" | "description" | "closeTrigger" | "anchor" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"content" | "trigger" | "indicator" | "title" | "description" | "closeTrigger" | "arrow" | "arrowTip" | "positioner" | "anchor">;
 //#endregion
 //#region src/machines/popover/popover.types.d.ts
 interface OpenChangeDetails {

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

@@ -6,7 +6,7 @@ import { r as PersistentElementOptions, t as DismissableElementHandlers } from "
 import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mjs";
 
 //#region src/machines/popover/popover.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "indicator" | "content" | "title" | "positioner" | "arrow" | "description" | "closeTrigger" | "anchor" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"content" | "trigger" | "indicator" | "title" | "description" | "closeTrigger" | "arrow" | "arrowTip" | "positioner" | "anchor">;
 //#endregion
 //#region src/machines/popover/popover.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/popover/index.mjs

@@ -5,7 +5,7 @@ import { u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
 import { a as createMachine } from "../../core-CTtbW9qh.mjs";
 import "../../interact-outside-Ba50N1a5.mjs";
 import { n as trackDismissableElement } from "../../dismissable-B9k5K6f9.mjs";
-import { t as trapFocus } from "../../focus-trap-Do8IUXYh.mjs";
+import { t as trapFocus } from "../../focus-trap-CzhQ01j4.mjs";
 import { n as getPlacement, t as getPlacementStyles } from "../../popper-BlgbmdAn.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 import { t as preventBodyScroll } from "../../remove-scroll-D55GZoBb.mjs";

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCS
 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" | "circle" | "view" | "valueText" | "range" | "circleTrack" | "circleRange">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "track" | "circle" | "view" | "range" | "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 { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCW
 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" | "circle" | "view" | "valueText" | "range" | "circleTrack" | "circleRange">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "track" | "circle" | "view" | "range" | "circleTrack" | "circleRange">;
 //#endregion
 //#region src/machines/progress/progress.types.d.ts
 type ProgressState = "indeterminate" | "loading" | "complete";

package/dist/machines/select/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
 const require_dom_query = require("../../dom-query-BUO7rGsg.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_collection = require("../../collection-BBgC8xCb.cjs");
+const require_collection = require("../../collection-D0Abtxc0.cjs");
 const require_core = require("../../core-Bw_czdwX.cjs");
 require("../../interact-outside-Bg-QSXqp.cjs");
 const require_dismissable = require("../../dismissable-DxjbwsOf.cjs");
@@ -56,7 +56,7 @@ function connect(service, normalize) {
 	const focused = state.matches("focused");
 	const highlightedValue = context.get("highlightedValue");
 	const highlightedItem = context.get("highlightedItem");
-	const selectedItems = context.get("selectedItems");
+	const selectedItems = computed("selectedItems");
 	const currentPlacement = context.get("currentPlacement");
 	const isTypingAhead = computed("isTypingAhead");
 	const interactive = computed("isInteractive");
@@ -508,17 +508,32 @@ const machine = require_core.createMachine({
 			}
 		};
 	},
-	context({ prop, bindable }) {
+	context({ prop, bindable, getContext }) {
+		const initialValue = prop("value") ?? prop("defaultValue") ?? [];
+		const initialSelectedItems = prop("collection").findMany(initialValue);
 		return {
 			value: bindable(() => ({
 				defaultValue: prop("defaultValue"),
 				value: prop("value"),
 				isEqual: require_utils.isEqual,
 				onChange(value) {
-					const items = prop("collection").findMany(value);
+					const context = getContext();
+					const collection = prop("collection");
+					const proposed = require_collection.deriveSelectionState({
+						values: value,
+						collection,
+						selectedItemMap: context.get("selectedItemMap")
+					});
+					const effectiveValue = prop("value") ?? value;
+					const effective = effectiveValue === value ? proposed : require_collection.deriveSelectionState({
+						values: effectiveValue,
+						collection,
+						selectedItemMap: proposed.nextSelectedItemMap
+					});
+					context.set("selectedItemMap", effective.nextSelectedItemMap);
 					return prop("onValueChange")?.({
 						value,
-						items
+						items: proposed.selectedItems
 					});
 				}
 			})),
@@ -536,9 +551,11 @@ const machine = require_core.createMachine({
 			currentPlacement: bindable(() => ({ defaultValue: void 0 })),
 			fieldsetDisabled: bindable(() => ({ defaultValue: false })),
 			highlightedItem: bindable(() => ({ defaultValue: null })),
-			selectedItems: bindable(() => {
-				const value = prop("value") ?? prop("defaultValue") ?? [];
-				return { defaultValue: prop("collection").findMany(value) };
+			selectedItemMap: bindable(() => {
+				return { defaultValue: require_collection.createSelectedItemMap({
+					selectedItems: initialSelectedItems,
+					collection: prop("collection")
+				}) };
 			})
 		};
 	},
@@ -550,7 +567,12 @@ const machine = require_core.createMachine({
 		isTypingAhead: ({ refs }) => refs.get("typeahead").keysSoFar !== "",
 		isDisabled: ({ prop, context }) => !!prop("disabled") || !!context.get("fieldsetDisabled"),
 		isInteractive: ({ prop }) => !(prop("disabled") || prop("readOnly")),
-		valueAsString: ({ context, prop }) => prop("collection").stringifyItems(context.get("selectedItems"))
+		selectedItems: ({ context, prop }) => require_collection.resolveSelectedItems({
+			values: context.get("value"),
+			collection: prop("collection"),
+			selectedItemMap: context.get("selectedItemMap")
+		}),
+		valueAsString: ({ computed, prop }) => prop("collection").stringifyItems(computed("selectedItems"))
 	},
 	initialState({ prop }) {
 		return prop("open") || prop("defaultOpen") ? "open" : "idle";
@@ -883,7 +905,7 @@ const machine = require_core.createMachine({
 				const exec = (immediate) => {
 					const highlightedValue = context.get("highlightedValue");
 					if (highlightedValue == null) return;
-					if (require_focus_visible.getInteractionModality() !== "keyboard") return;
+					if (require_focus_visible.getInteractionModality() === "pointer") return;
 					const contentEl = getContentEl(scope);
 					const scrollToIndexFn = prop("scrollToIndexFn");
 					if (scrollToIndexFn) {
@@ -900,7 +922,10 @@ const machine = require_core.createMachine({
 						block: "nearest"
 					});
 				};
-				require_dom_query.raf(() => exec(true));
+				require_dom_query.raf(() => {
+					require_focus_visible.setInteractionModality("virtual");
+					exec(true);
+				});
 				const contentEl = () => getContentEl(scope);
 				return require_dom_query.observeAttributes(contentEl, {
 					defer: true,
@@ -1085,16 +1110,20 @@ const machine = require_core.createMachine({
 				const collection = prop("collection");
 				const highlightedItem = collection.find(context.get("highlightedValue"));
 				if (highlightedItem) context.set("highlightedItem", highlightedItem);
-				const selectedItems = collection.findMany(context.get("value"));
-				context.set("selectedItems", selectedItems);
+				const next = require_collection.deriveSelectionState({
+					values: context.get("value"),
+					collection,
+					selectedItemMap: context.get("selectedItemMap")
+				});
+				context.set("selectedItemMap", next.nextSelectedItemMap);
 			},
 			syncSelectedItems({ context, prop }) {
-				const collection = prop("collection");
-				const prevSelectedItems = context.get("selectedItems");
-				const selectedItems = context.get("value").map((value) => {
-					return prevSelectedItems.find((item) => collection.getItemValue(item) === value) || collection.find(value);
+				const next = require_collection.deriveSelectionState({
+					values: context.get("value"),
+					collection: prop("collection"),
+					selectedItemMap: context.get("selectedItemMap")
 				});
-				context.set("selectedItems", selectedItems);
+				context.set("selectedItemMap", next.nextSelectedItemMap);
 			},
 			syncHighlightedItem({ context, prop }) {
 				const collection = prop("collection");

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-B_8BN0XB.cjs";
+import { t as ListCollection } from "../../list-collection-Cjgbx_9l.cjs";
 import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCSDE.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-CZAtqGqH.cjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "trigger" | "indicator" | "content" | "item" | "itemIndicator" | "itemGroup" | "valueText" | "itemText" | "clearTrigger" | "positioner" | "list" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "label" | "valueText" | "control" | "trigger" | "indicator" | "item" | "itemIndicator" | "itemText" | "list" | "positioner" | "itemGroup" | "itemGroupLabel" | "clearTrigger">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {
@@ -89,13 +89,14 @@ interface SelectSchema<T extends CollectionItem = CollectionItem> {
     highlightedValue: string | null;
     fieldsetDisabled: boolean;
     highlightedItem: T | null;
-    selectedItems: T[];
+    selectedItemMap: Map<string, T>;
   };
   computed: {
     hasSelectedItems: boolean;
     isTypingAhead: boolean;
     isInteractive: boolean;
     isDisabled: boolean;
+    selectedItems: T[];
     valueAsString: string;
   };
   refs: {

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-DkRA5LOq.mjs";
+import { t as ListCollection } from "../../list-collection-IF510iNl.mjs";
 import { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCWsb.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-fMh0VDkR.mjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "trigger" | "indicator" | "content" | "item" | "itemIndicator" | "itemGroup" | "valueText" | "itemText" | "clearTrigger" | "positioner" | "list" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "label" | "valueText" | "control" | "trigger" | "indicator" | "item" | "itemIndicator" | "itemText" | "list" | "positioner" | "itemGroup" | "itemGroupLabel" | "clearTrigger">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {
@@ -89,13 +89,14 @@ interface SelectSchema<T extends CollectionItem = CollectionItem> {
     highlightedValue: string | null;
     fieldsetDisabled: boolean;
     highlightedItem: T | null;
-    selectedItems: T[];
+    selectedItemMap: Map<string, T>;
   };
   computed: {
     hasSelectedItems: boolean;
     isTypingAhead: boolean;
     isInteractive: boolean;
     isDisabled: boolean;
+    selectedItems: T[];
     valueAsString: string;
   };
   refs: {

package/dist/machines/select/index.mjs

@@ -1,11 +1,11 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.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-BFuRs3l4.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 createSelectedItemMap, d as ListCollection, o as deriveSelectionState, s as resolveSelectedItems } from "../../collection-GSpaYJ2f.mjs";
 import { a as createMachine, i as createGuards } from "../../core-CTtbW9qh.mjs";
 import "../../interact-outside-Ba50N1a5.mjs";
 import { n as trackDismissableElement } from "../../dismissable-B9k5K6f9.mjs";
-import { o as trackFocusVisible, t as getInteractionModality } from "../../focus-visible-BuLf8M9F.mjs";
+import { a as setInteractionModality, o as trackFocusVisible, t as getInteractionModality } from "../../focus-visible-BuLf8M9F.mjs";
 import { n as getPlacement, t as getPlacementStyles } from "../../popper-BlgbmdAn.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/select/select.anatomy.ts
@@ -55,7 +55,7 @@ function connect(service, normalize) {
 	const focused = state.matches("focused");
 	const highlightedValue = context.get("highlightedValue");
 	const highlightedItem = context.get("highlightedItem");
-	const selectedItems = context.get("selectedItems");
+	const selectedItems = computed("selectedItems");
 	const currentPlacement = context.get("currentPlacement");
 	const isTypingAhead = computed("isTypingAhead");
 	const interactive = computed("isInteractive");
@@ -507,17 +507,32 @@ const machine = createMachine({
 			}
 		};
 	},
-	context({ prop, bindable }) {
+	context({ prop, bindable, getContext }) {
+		const initialValue = prop("value") ?? prop("defaultValue") ?? [];
+		const initialSelectedItems = prop("collection").findMany(initialValue);
 		return {
 			value: bindable(() => ({
 				defaultValue: prop("defaultValue"),
 				value: prop("value"),
 				isEqual,
 				onChange(value) {
-					const items = prop("collection").findMany(value);
+					const context = getContext();
+					const collection = prop("collection");
+					const proposed = deriveSelectionState({
+						values: value,
+						collection,
+						selectedItemMap: context.get("selectedItemMap")
+					});
+					const effectiveValue = prop("value") ?? value;
+					const effective = effectiveValue === value ? proposed : deriveSelectionState({
+						values: effectiveValue,
+						collection,
+						selectedItemMap: proposed.nextSelectedItemMap
+					});
+					context.set("selectedItemMap", effective.nextSelectedItemMap);
 					return prop("onValueChange")?.({
 						value,
-						items
+						items: proposed.selectedItems
 					});
 				}
 			})),
@@ -535,9 +550,11 @@ const machine = createMachine({
 			currentPlacement: bindable(() => ({ defaultValue: void 0 })),
 			fieldsetDisabled: bindable(() => ({ defaultValue: false })),
 			highlightedItem: bindable(() => ({ defaultValue: null })),
-			selectedItems: bindable(() => {
-				const value = prop("value") ?? prop("defaultValue") ?? [];
-				return { defaultValue: prop("collection").findMany(value) };
+			selectedItemMap: bindable(() => {
+				return { defaultValue: createSelectedItemMap({
+					selectedItems: initialSelectedItems,
+					collection: prop("collection")
+				}) };
 			})
 		};
 	},
@@ -549,7 +566,12 @@ const machine = createMachine({
 		isTypingAhead: ({ refs }) => refs.get("typeahead").keysSoFar !== "",
 		isDisabled: ({ prop, context }) => !!prop("disabled") || !!context.get("fieldsetDisabled"),
 		isInteractive: ({ prop }) => !(prop("disabled") || prop("readOnly")),
-		valueAsString: ({ context, prop }) => prop("collection").stringifyItems(context.get("selectedItems"))
+		selectedItems: ({ context, prop }) => resolveSelectedItems({
+			values: context.get("value"),
+			collection: prop("collection"),
+			selectedItemMap: context.get("selectedItemMap")
+		}),
+		valueAsString: ({ computed, prop }) => prop("collection").stringifyItems(computed("selectedItems"))
 	},
 	initialState({ prop }) {
 		return prop("open") || prop("defaultOpen") ? "open" : "idle";
@@ -882,7 +904,7 @@ const machine = createMachine({
 				const exec = (immediate) => {
 					const highlightedValue = context.get("highlightedValue");
 					if (highlightedValue == null) return;
-					if (getInteractionModality() !== "keyboard") return;
+					if (getInteractionModality() === "pointer") return;
 					const contentEl = getContentEl(scope);
 					const scrollToIndexFn = prop("scrollToIndexFn");
 					if (scrollToIndexFn) {
@@ -899,7 +921,10 @@ const machine = createMachine({
 						block: "nearest"
 					});
 				};
-				raf(() => exec(true));
+				raf(() => {
+					setInteractionModality("virtual");
+					exec(true);
+				});
 				const contentEl = () => getContentEl(scope);
 				return observeAttributes(contentEl, {
 					defer: true,
@@ -1084,16 +1109,20 @@ const machine = createMachine({
 				const collection = prop("collection");
 				const highlightedItem = collection.find(context.get("highlightedValue"));
 				if (highlightedItem) context.set("highlightedItem", highlightedItem);
-				const selectedItems = collection.findMany(context.get("value"));
-				context.set("selectedItems", selectedItems);
+				const next = deriveSelectionState({
+					values: context.get("value"),
+					collection,
+					selectedItemMap: context.get("selectedItemMap")
+				});
+				context.set("selectedItemMap", next.nextSelectedItemMap);
 			},
 			syncSelectedItems({ context, prop }) {
-				const collection = prop("collection");
-				const prevSelectedItems = context.get("selectedItems");
-				const selectedItems = context.get("value").map((value) => {
-					return prevSelectedItems.find((item) => collection.getItemValue(item) === value) || collection.find(value);
+				const next = deriveSelectionState({
+					values: context.get("value"),
+					collection: prop("collection"),
+					selectedItemMap: context.get("selectedItemMap")
 				});
-				context.set("selectedItems", selectedItems);
+				context.set("selectedItemMap", next.nextSelectedItemMap);
 			},
 			syncHighlightedItem({ context, prop }) {
 				const collection = prop("collection");

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" | "label" | "control" | "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" | "label" | "control" | "segment" | "segmentPath" | "guide" | "clearTrigger">;
 //#endregion
 //#region src/machines/signature-pad/signature-pad.types.d.ts
 interface Point {

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCS
 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" | "track" | "control" | "marker" | "thumb" | "valueText" | "markerGroup" | "range" | "draggingIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "thumb" | "valueText" | "control" | "track" | "markerGroup" | "marker" | "range" | "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 { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCW
 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" | "track" | "control" | "marker" | "thumb" | "valueText" | "markerGroup" | "range" | "draggingIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "thumb" | "valueText" | "control" | "track" | "markerGroup" | "marker" | "range" | "draggingIndicator">;
 //#endregion
 //#region src/machines/slider/slider.types.d.ts
 type ThumbCollisionBehavior = "none" | "push" | "swap";

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCS
 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" | "trigger" | "indicator" | "content" | "item" | "nextTrigger" | "prevTrigger" | "progress" | "list" | "separator">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "trigger" | "indicator" | "item" | "separator" | "list" | "progress" | "nextTrigger" | "prevTrigger">;
 //#endregion
 //#region src/machines/steps/steps.types.d.ts
 interface StepChangeDetails {

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCS
 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/tabs/tabs.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "content" | "list">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "trigger" | "indicator" | "list">;
 //#endregion
 //#region src/machines/tabs/tabs.types.d.ts
 interface ValueChangeDetails {

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCW
 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/tabs/tabs.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "content" | "list">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "trigger" | "indicator" | "list">;
 //#endregion
 //#region src/machines/tabs/tabs.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/tags-input/index.d.cts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { t as LiveRegion } from "../../index-BO-Z3fhz.cjs";
 
 //#region src/machines/tags-input/tags-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "item" | "itemText" | "clearTrigger" | "itemPreview" | "itemInput" | "itemDeleteTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "item" | "input" | "itemText" | "clearTrigger" | "itemDeleteTrigger" | "itemPreview" | "itemInput">;
 //#endregion
 //#region src/machines/tags-input/tags-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/tags-input/index.d.mts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { t as LiveRegion } from "../../index-1L40UHp8.mjs";
 
 //#region src/machines/tags-input/tags-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "item" | "itemText" | "clearTrigger" | "itemPreview" | "itemInput" | "itemDeleteTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "item" | "input" | "itemText" | "clearTrigger" | "itemDeleteTrigger" | "itemPreview" | "itemInput">;
 //#endregion
 //#region src/machines/tags-input/tags-input.types.d.ts
 interface ValueChangeDetails {

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCS
 import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/timer/timer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "area" | "itemLabel" | "actionTrigger" | "itemValue" | "separator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "itemLabel" | "actionTrigger" | "area" | "itemValue" | "separator">;
 //#endregion
 //#region src/machines/timer/timer.types.d.ts
 interface Time<T = number> {

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCW
 import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/timer/timer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "area" | "itemLabel" | "actionTrigger" | "itemValue" | "separator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "itemLabel" | "actionTrigger" | "area" | "itemValue" | "separator">;
 //#endregion
 //#region src/machines/timer/timer.types.d.ts
 interface Time<T = number> {

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

@@ -175,7 +175,7 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
 declare function groupConnect<T extends PropTypes, O = any>(service: Service<ToastGroupSchema>, normalize: NormalizeProps<T>): ToastGroupApi<T, O>;
 //#endregion
 //#region src/machines/toast/toast.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "title" | "group" | "description" | "actionTrigger" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "group" | "title" | "description" | "actionTrigger" | "closeTrigger">;
 //#endregion
 //#region src/machines/toast/toast.connect.d.ts
 declare function connect<T extends PropTypes, O>(service: Service<ToastSchema<O>>, normalize: NormalizeProps<T>): ToastApi<T, O>;

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

@@ -175,7 +175,7 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
 declare function groupConnect<T extends PropTypes, O = any>(service: Service<ToastGroupSchema>, normalize: NormalizeProps<T>): ToastGroupApi<T, O>;
 //#endregion
 //#region src/machines/toast/toast.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "title" | "group" | "description" | "actionTrigger" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "group" | "title" | "description" | "actionTrigger" | "closeTrigger">;
 //#endregion
 //#region src/machines/toast/toast.connect.d.ts
 declare function connect<T extends PropTypes, O>(service: Service<ToastSchema<O>>, normalize: NormalizeProps<T>): ToastApi<T, O>;