@sprawlify/primitives 0.1.7 → 0.1.8

package/dist/machines/accordion/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/accordion/accordion.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "itemIndicator" | "itemContent" | "itemTrigger">;
 //#endregion
 //#region src/machines/accordion/accordion.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/accordion/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/accordion/accordion.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "itemIndicator" | "itemContent" | "itemTrigger">;
 //#endregion
 //#region src/machines/accordion/accordion.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/angle-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/angle-slider/angle-slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "track" | "label" | "thumb" | "valueText" | "control" | "markerGroup" | "marker">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "valueText" | "control" | "marker" | "thumb" | "markerGroup">;
 //#endregion
 //#region src/machines/angle-slider/angle-slider.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/angle-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/angle-slider/angle-slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "track" | "label" | "thumb" | "valueText" | "control" | "markerGroup" | "marker">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "valueText" | "control" | "marker" | "thumb" | "markerGroup">;
 //#endregion
 //#region src/machines/angle-slider/angle-slider.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/carousel/index.cjs

@@ -38,22 +38,23 @@ function connect(service, normalize) {
 	const autoSize = prop("autoSize");
 	const pageSnapPoints = Array.from(context.get("pageSnapPoints"));
 	const page = context.get("page");
+	const activePage = pageSnapPoints.length ? require_utils.clampValue(page, 0, pageSnapPoints.length - 1) : 0;
 	const slidesPerPage = prop("slidesPerPage");
 	const padding = prop("padding");
 	const translations = prop("translations");
 	return {
 		isPlaying,
 		isDragging,
-		page,
+		page: activePage,
 		pageSnapPoints,
 		canScrollNext,
 		canScrollPrev,
 		getProgress() {
-			return page / pageSnapPoints.length;
+			return activePage / pageSnapPoints.length;
 		},
 		getProgressText() {
 			const details = {
-				page: page + 1,
+				page: activePage + 1,
 				totalPages: pageSnapPoints.length
 			};
 			return translations.progressText?.(details) ?? "";
@@ -303,7 +304,7 @@ function connect(service, normalize) {
 				"data-orientation": prop("orientation"),
 				"data-index": props.index,
 				"data-readonly": require_dom_query.dataAttr(props.readOnly),
-				"data-current": require_dom_query.dataAttr(props.index === page),
+				"data-current": require_dom_query.dataAttr(props.index === activePage),
 				"aria-label": translations.indicator(props.index),
 				onClick(event) {
 					if (event.defaultPrevented) return;
@@ -444,7 +445,7 @@ const machine = require_core.createMachine({
 			target: "idle",
 			actions: ["clearScrollEndTimer", "setMatchingPage"]
 		},
-		"SNAP.REFRESH": { actions: ["setSnapPoints", "clampPage"] },
+		"SNAP.REFRESH": { actions: ["setSnapPoints"] },
 		"PAGE.SCROLL": { actions: ["scrollToPage"] }
 	},
 	effects: [
@@ -484,11 +485,36 @@ const machine = require_core.createMachine({
 			on: {
 				DRAGGING: { actions: ["scrollSlides", "invokeDragging"] },
 				"DRAGGING.END": {
-					target: "idle",
-					actions: ["endDragging", "invokeDraggingEnd"]
+					target: "settling",
+					actions: ["endDragging"]
 				}
 			}
 		},
+		settling: {
+			effects: ["trackSettlingScroll"],
+			on: {
+				"DRAGGING.START": {
+					target: "dragging",
+					actions: ["clearScrollEndTimer", "invokeDragStart"]
+				},
+				"SCROLL.END": [{
+					guard: "isFocused",
+					target: "focus",
+					actions: [
+						"clearScrollEndTimer",
+						"setClosestPage",
+						"invokeDraggingEnd"
+					]
+				}, {
+					target: "idle",
+					actions: [
+						"clearScrollEndTimer",
+						"setClosestPage",
+						"invokeDraggingEnd"
+					]
+				}]
+			}
+		},
 		userScroll: {
 			effects: ["trackScroll"],
 			on: {
@@ -553,7 +579,8 @@ const machine = require_core.createMachine({
 				return () => observer.disconnect();
 			},
 			trackSlideResize({ scope, send }) {
-				if (!getItemGroupEl(scope)) return;
+				const el = getItemGroupEl(scope);
+				if (!el) return;
 				const exec = () => {
 					send({
 						type: "SNAP.REFRESH",
@@ -571,7 +598,7 @@ const machine = require_core.createMachine({
 				});
 				const itemEls = getItemEls(scope);
 				itemEls.forEach(exec);
-				return require_utils.callAll(...itemEls.map((el) => require_dom_query.resizeObserverBorderBox.observe(el, exec)));
+				return require_utils.callAll(...[require_dom_query.resizeObserverBorderBox.observe(el, exec), ...itemEls.map((el) => require_dom_query.resizeObserverBorderBox.observe(el, exec))]);
 			},
 			trackSlideIntersections({ scope, prop, context }) {
 				const el = getItemGroupEl(scope);
@@ -602,6 +629,27 @@ const machine = require_core.createMachine({
 				};
 				return require_dom_query.addDomEvent(el, "scroll", onScroll, { passive: true });
 			},
+			trackSettlingScroll({ send, refs, scope }) {
+				const el = getItemGroupEl(scope);
+				if (!el) return;
+				const startTimer = () => {
+					clearTimeout(refs.get("timeoutRef"));
+					refs.set("timeoutRef", void 0);
+					refs.set("timeoutRef", setTimeout(() => {
+						send({ type: "SCROLL.END" });
+					}, 200));
+				};
+				startTimer();
+				const onScroll = () => {
+					startTimer();
+				};
+				const cleanup = require_dom_query.addDomEvent(el, "scroll", onScroll, { passive: true });
+				return () => {
+					cleanup();
+					clearTimeout(refs.get("timeoutRef"));
+					refs.set("timeoutRef", void 0);
+				};
+			},
 			trackDocumentVisibility({ scope, send }) {
 				const doc = scope.getDoc();
 				const onVisibilityChange = () => {
@@ -680,8 +728,11 @@ const machine = require_core.createMachine({
 				const el = getItemGroupEl(scope);
 				if (!el) return;
 				const scrollPosition = computed("isHorizontal") ? el.scrollLeft : el.scrollTop;
-				const page = context.get("pageSnapPoints").findIndex((point) => Math.abs(point - scrollPosition) < 1);
-				if (page === -1) return;
+				const snapPoints = context.get("pageSnapPoints");
+				if (!snapPoints.length) return;
+				const page = snapPoints.reduce((closestIndex, snapPoint, index) => {
+					return Math.abs(snapPoint - scrollPosition) < Math.abs(snapPoints[closestIndex] - scrollPosition) ? index : closestIndex;
+				}, 0);
 				context.set("page", page);
 			},
 			setNextPage({ context, prop, state }) {
@@ -706,15 +757,15 @@ const machine = require_core.createMachine({
 				const page = event.index ?? context.get("page");
 				context.set("page", page);
 			},
-			clampPage({ context }) {
-				const index = require_utils.clampValue(context.get("page"), 0, context.get("pageSnapPoints").length - 1);
-				context.set("page", index);
-			},
 			setSnapPoints({ context, computed, scope }) {
 				const el = getItemGroupEl(scope);
 				if (!el) return;
 				const scrollSnapPoints = require_scroll_snap.getScrollSnapPositions(el);
-				context.set("pageSnapPoints", computed("isHorizontal") ? scrollSnapPoints.x : scrollSnapPoints.y);
+				const pageSnapPoints = computed("isHorizontal") ? scrollSnapPoints.x : scrollSnapPoints.y;
+				context.set("pageSnapPoints", pageSnapPoints);
+				if (!pageSnapPoints.length) return;
+				const index = require_utils.clampValue(context.get("page"), 0, pageSnapPoints.length - 1);
+				context.set("page", index);
 			},
 			disableScrollSnap({ scope }) {
 				const el = getItemGroupEl(scope);
@@ -736,6 +787,7 @@ const machine = require_core.createMachine({
 				const isHorizontal = computed("isHorizontal");
 				const scrollPos = isHorizontal ? el.scrollLeft : el.scrollTop;
 				const snapPoints = context.get("pageSnapPoints");
+				if (!snapPoints.length) return;
 				const closest = snapPoints.reduce((closest, curr) => {
 					return Math.abs(curr - scrollPos) < Math.abs(closest - scrollPos) ? curr : closest;
 				}, snapPoints[0]);
@@ -745,7 +797,6 @@ const machine = require_core.createMachine({
 						top: isHorizontal ? el.scrollTop : closest,
 						behavior: "smooth"
 					});
-					context.set("page", snapPoints.indexOf(closest));
 					const scrollSnapType = el.dataset.scrollSnapType;
 					if (scrollSnapType) {
 						el.style.setProperty("scroll-snap-type", scrollSnapType);

package/dist/machines/carousel/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/carousel/carousel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "indicator" | "control" | "item" | "progressText" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "indicator" | "nextTrigger" | "prevTrigger" | "control" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
 //#endregion
 //#region src/machines/carousel/carousel.types.d.ts
 interface PageChangeDetails {
@@ -86,7 +86,7 @@ interface CarouselSchema {
   refs: {
     timeoutRef: any;
   };
-  state: "idle" | "dragging" | "autoplay" | "userScroll" | "focus";
+  state: "idle" | "dragging" | "settling" | "autoplay" | "userScroll" | "focus";
   effect: string;
   action: string;
   guard: string;

package/dist/machines/carousel/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/carousel/carousel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "indicator" | "control" | "item" | "progressText" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "indicator" | "nextTrigger" | "prevTrigger" | "control" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
 //#endregion
 //#region src/machines/carousel/carousel.types.d.ts
 interface PageChangeDetails {
@@ -86,7 +86,7 @@ interface CarouselSchema {
   refs: {
     timeoutRef: any;
   };
-  state: "idle" | "dragging" | "autoplay" | "userScroll" | "focus";
+  state: "idle" | "dragging" | "settling" | "autoplay" | "userScroll" | "focus";
   effect: string;
   action: string;
   guard: string;

package/dist/machines/carousel/index.mjs

@@ -37,22 +37,23 @@ function connect(service, normalize) {
 	const autoSize = prop("autoSize");
 	const pageSnapPoints = Array.from(context.get("pageSnapPoints"));
 	const page = context.get("page");
+	const activePage = pageSnapPoints.length ? clampValue(page, 0, pageSnapPoints.length - 1) : 0;
 	const slidesPerPage = prop("slidesPerPage");
 	const padding = prop("padding");
 	const translations = prop("translations");
 	return {
 		isPlaying,
 		isDragging,
-		page,
+		page: activePage,
 		pageSnapPoints,
 		canScrollNext,
 		canScrollPrev,
 		getProgress() {
-			return page / pageSnapPoints.length;
+			return activePage / pageSnapPoints.length;
 		},
 		getProgressText() {
 			const details = {
-				page: page + 1,
+				page: activePage + 1,
 				totalPages: pageSnapPoints.length
 			};
 			return translations.progressText?.(details) ?? "";
@@ -302,7 +303,7 @@ function connect(service, normalize) {
 				"data-orientation": prop("orientation"),
 				"data-index": props.index,
 				"data-readonly": dataAttr(props.readOnly),
-				"data-current": dataAttr(props.index === page),
+				"data-current": dataAttr(props.index === activePage),
 				"aria-label": translations.indicator(props.index),
 				onClick(event) {
 					if (event.defaultPrevented) return;
@@ -443,7 +444,7 @@ const machine = createMachine({
 			target: "idle",
 			actions: ["clearScrollEndTimer", "setMatchingPage"]
 		},
-		"SNAP.REFRESH": { actions: ["setSnapPoints", "clampPage"] },
+		"SNAP.REFRESH": { actions: ["setSnapPoints"] },
 		"PAGE.SCROLL": { actions: ["scrollToPage"] }
 	},
 	effects: [
@@ -483,11 +484,36 @@ const machine = createMachine({
 			on: {
 				DRAGGING: { actions: ["scrollSlides", "invokeDragging"] },
 				"DRAGGING.END": {
-					target: "idle",
-					actions: ["endDragging", "invokeDraggingEnd"]
+					target: "settling",
+					actions: ["endDragging"]
 				}
 			}
 		},
+		settling: {
+			effects: ["trackSettlingScroll"],
+			on: {
+				"DRAGGING.START": {
+					target: "dragging",
+					actions: ["clearScrollEndTimer", "invokeDragStart"]
+				},
+				"SCROLL.END": [{
+					guard: "isFocused",
+					target: "focus",
+					actions: [
+						"clearScrollEndTimer",
+						"setClosestPage",
+						"invokeDraggingEnd"
+					]
+				}, {
+					target: "idle",
+					actions: [
+						"clearScrollEndTimer",
+						"setClosestPage",
+						"invokeDraggingEnd"
+					]
+				}]
+			}
+		},
 		userScroll: {
 			effects: ["trackScroll"],
 			on: {
@@ -552,7 +578,8 @@ const machine = createMachine({
 				return () => observer.disconnect();
 			},
 			trackSlideResize({ scope, send }) {
-				if (!getItemGroupEl(scope)) return;
+				const el = getItemGroupEl(scope);
+				if (!el) return;
 				const exec = () => {
 					send({
 						type: "SNAP.REFRESH",
@@ -570,7 +597,7 @@ const machine = createMachine({
 				});
 				const itemEls = getItemEls(scope);
 				itemEls.forEach(exec);
-				return callAll(...itemEls.map((el) => resizeObserverBorderBox.observe(el, exec)));
+				return callAll(...[resizeObserverBorderBox.observe(el, exec), ...itemEls.map((el) => resizeObserverBorderBox.observe(el, exec))]);
 			},
 			trackSlideIntersections({ scope, prop, context }) {
 				const el = getItemGroupEl(scope);
@@ -601,6 +628,27 @@ const machine = createMachine({
 				};
 				return addDomEvent(el, "scroll", onScroll, { passive: true });
 			},
+			trackSettlingScroll({ send, refs, scope }) {
+				const el = getItemGroupEl(scope);
+				if (!el) return;
+				const startTimer = () => {
+					clearTimeout(refs.get("timeoutRef"));
+					refs.set("timeoutRef", void 0);
+					refs.set("timeoutRef", setTimeout(() => {
+						send({ type: "SCROLL.END" });
+					}, 200));
+				};
+				startTimer();
+				const onScroll = () => {
+					startTimer();
+				};
+				const cleanup = addDomEvent(el, "scroll", onScroll, { passive: true });
+				return () => {
+					cleanup();
+					clearTimeout(refs.get("timeoutRef"));
+					refs.set("timeoutRef", void 0);
+				};
+			},
 			trackDocumentVisibility({ scope, send }) {
 				const doc = scope.getDoc();
 				const onVisibilityChange = () => {
@@ -679,8 +727,11 @@ const machine = createMachine({
 				const el = getItemGroupEl(scope);
 				if (!el) return;
 				const scrollPosition = computed("isHorizontal") ? el.scrollLeft : el.scrollTop;
-				const page = context.get("pageSnapPoints").findIndex((point) => Math.abs(point - scrollPosition) < 1);
-				if (page === -1) return;
+				const snapPoints = context.get("pageSnapPoints");
+				if (!snapPoints.length) return;
+				const page = snapPoints.reduce((closestIndex, snapPoint, index) => {
+					return Math.abs(snapPoint - scrollPosition) < Math.abs(snapPoints[closestIndex] - scrollPosition) ? index : closestIndex;
+				}, 0);
 				context.set("page", page);
 			},
 			setNextPage({ context, prop, state }) {
@@ -705,15 +756,15 @@ const machine = createMachine({
 				const page = event.index ?? context.get("page");
 				context.set("page", page);
 			},
-			clampPage({ context }) {
-				const index = clampValue(context.get("page"), 0, context.get("pageSnapPoints").length - 1);
-				context.set("page", index);
-			},
 			setSnapPoints({ context, computed, scope }) {
 				const el = getItemGroupEl(scope);
 				if (!el) return;
 				const scrollSnapPoints = getScrollSnapPositions(el);
-				context.set("pageSnapPoints", computed("isHorizontal") ? scrollSnapPoints.x : scrollSnapPoints.y);
+				const pageSnapPoints = computed("isHorizontal") ? scrollSnapPoints.x : scrollSnapPoints.y;
+				context.set("pageSnapPoints", pageSnapPoints);
+				if (!pageSnapPoints.length) return;
+				const index = clampValue(context.get("page"), 0, pageSnapPoints.length - 1);
+				context.set("page", index);
 			},
 			disableScrollSnap({ scope }) {
 				const el = getItemGroupEl(scope);
@@ -735,6 +786,7 @@ const machine = createMachine({
 				const isHorizontal = computed("isHorizontal");
 				const scrollPos = isHorizontal ? el.scrollLeft : el.scrollTop;
 				const snapPoints = context.get("pageSnapPoints");
+				if (!snapPoints.length) return;
 				const closest = snapPoints.reduce((closest, curr) => {
 					return Math.abs(curr - scrollPos) < Math.abs(closest - scrollPos) ? curr : closest;
 				}, snapPoints[0]);
@@ -744,7 +796,6 @@ const machine = createMachine({
 						top: isHorizontal ? el.scrollTop : closest,
 						behavior: "smooth"
 					});
-					context.set("page", snapPoints.indexOf(closest));
 					const scrollSnapType = el.dataset.scrollSnapType;
 					if (scrollSnapType) {
 						el.style.setProperty("scroll-snap-type", scrollSnapType);

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

@@ -8,8 +8,8 @@ import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cj
 import { a as Point } from "../../types-CLXYEgfm.cjs";
 
 //#region src/machines/cascade-select/cascade-select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "indicator" | "label" | "valueText" | "control" | "item" | "itemIndicator" | "positioner" | "list" | "clearTrigger" | "itemText">;
-declare const parts: Record<"root" | "trigger" | "content" | "indicator" | "label" | "valueText" | "control" | "item" | "itemIndicator" | "positioner" | "list" | "clearTrigger" | "itemText", AnatomyPart>;
+declare const anatomy: AnatomyInstance<"root" | "list" | "item" | "trigger" | "indicator" | "content" | "label" | "valueText" | "control" | "clearTrigger" | "itemIndicator" | "itemText" | "positioner">;
+declare const parts: Record<"root" | "list" | "item" | "trigger" | "indicator" | "content" | "label" | "valueText" | "control" | "clearTrigger" | "itemIndicator" | "itemText" | "positioner", AnatomyPart>;
 //#endregion
 //#region src/machines/cascade-select/cascade-select.collection.d.ts
 declare const collection: {

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

@@ -8,8 +8,8 @@ import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mj
 import { a as Point } from "../../types-DU764tY_.mjs";
 
 //#region src/machines/cascade-select/cascade-select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "indicator" | "label" | "valueText" | "control" | "item" | "itemIndicator" | "positioner" | "list" | "clearTrigger" | "itemText">;
-declare const parts: Record<"root" | "trigger" | "content" | "indicator" | "label" | "valueText" | "control" | "item" | "itemIndicator" | "positioner" | "list" | "clearTrigger" | "itemText", AnatomyPart>;
+declare const anatomy: AnatomyInstance<"root" | "list" | "item" | "trigger" | "indicator" | "content" | "label" | "valueText" | "control" | "clearTrigger" | "itemIndicator" | "itemText" | "positioner">;
+declare const parts: Record<"root" | "list" | "item" | "trigger" | "indicator" | "content" | "label" | "valueText" | "control" | "clearTrigger" | "itemIndicator" | "itemText" | "positioner", AnatomyPart>;
 //#endregion
 //#region src/machines/cascade-select/cascade-select.collection.d.ts
 declare const collection: {

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine } from "../../types-u-LWCSDE.cjs";
 import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/collapsible/collapsible.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "indicator">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "content">;
 //#endregion
 //#region src/machines/collapsible/collapsible.types.d.ts
 interface OpenChangeDetails {

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

@@ -3,7 +3,7 @@ import { b as Service, p as Machine } from "../../types-DvUmCWsb.mjs";
 import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/collapsible/collapsible.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "indicator">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "content">;
 //#endregion
 //#region src/machines/collapsible/collapsible.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/color-picker/index.d.cts

@@ -6,7 +6,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { d as PositioningOptions } from "../../types-CZAtqGqH.cjs";
 
 //#region src/machines/color-picker/color-picker.anatomy.d.ts
-declare const anatomy: Anatomy<"root" | "trigger" | "content" | "label" | "valueText" | "control" | "positioner" | "area" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const anatomy: Anatomy<"root" | "trigger" | "content" | "label" | "valueText" | "control" | "area" | "positioner" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
 //#endregion
 //#region src/machines/color-picker/color-picker.types.d.ts
 type ExtendedColorChannel = ColorChannel | "hex" | "css";

package/dist/machines/color-picker/index.d.mts

@@ -6,7 +6,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { p as PositioningOptions } from "../../index-fMh0VDkR.mjs";
 
 //#region src/machines/color-picker/color-picker.anatomy.d.ts
-declare const anatomy: Anatomy<"root" | "trigger" | "content" | "label" | "valueText" | "control" | "positioner" | "area" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const anatomy: Anatomy<"root" | "trigger" | "content" | "label" | "valueText" | "control" | "area" | "positioner" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
 //#endregion
 //#region src/machines/color-picker/color-picker.types.d.ts
 type ExtendedColorChannel = ColorChannel | "hex" | "css";

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

@@ -7,7 +7,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/combobox/combobox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "label" | "control" | "item" | "itemIndicator" | "input" | "positioner" | "list" | "clearTrigger" | "itemText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "list" | "item" | "trigger" | "content" | "label" | "control" | "input" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner">;
 //#endregion
 //#region src/machines/combobox/combobox.collection.d.ts
 declare const collection: {

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

@@ -7,7 +7,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/combobox/combobox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "label" | "control" | "item" | "itemIndicator" | "input" | "positioner" | "list" | "clearTrigger" | "itemText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "list" | "item" | "trigger" | "content" | "label" | "control" | "input" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner">;
 //#endregion
 //#region src/machines/combobox/combobox.collection.d.ts
 declare const collection: {

package/dist/machines/date-picker/index.d.cts

@@ -8,7 +8,7 @@ import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cj
 import { Calendar, CalendarDate, CalendarDateTime, CalendarIdentifier, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
 
 //#region src/machines/date-picker/date-picker.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "label" | "control" | "input" | "positioner" | "table" | "view" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "nextTrigger" | "prevTrigger" | "label" | "view" | "control" | "input" | "table" | "clearTrigger" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 //#endregion
 //#region src/machines/date-picker/date-picker.types.d.ts
 type DateView = "day" | "month" | "year";

package/dist/machines/date-picker/index.d.mts

@@ -8,7 +8,7 @@ import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mj
 import { Calendar, CalendarDate, CalendarDateTime, CalendarIdentifier, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
 
 //#region src/machines/date-picker/date-picker.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "label" | "control" | "input" | "positioner" | "table" | "view" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "nextTrigger" | "prevTrigger" | "label" | "view" | "control" | "input" | "table" | "clearTrigger" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 //#endregion
 //#region src/machines/date-picker/date-picker.types.d.ts
 type DateView = "day" | "month" | "year";

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

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { r as PersistentElementOptions, t as DismissableElementHandlers } from "../../dismissable-layer-ZgyqN8AD.cjs";
 
 //#region src/machines/dialog/dialog.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "positioner" | "backdrop" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "positioner" | "backdrop" | "closeTrigger" | "description">;
 //#endregion
 //#region src/machines/dialog/dialog.types.d.ts
 interface OpenChangeDetails {

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

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { r as PersistentElementOptions, t as DismissableElementHandlers } from "../../dismissable-layer-h14gHVbJ.mjs";
 
 //#region src/machines/dialog/dialog.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "positioner" | "backdrop" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "positioner" | "backdrop" | "closeTrigger" | "description">;
 //#endregion
 //#region src/machines/dialog/dialog.types.d.ts
 interface OpenChangeDetails {

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

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { t as DismissableElementHandlers } from "../../dismissable-layer-ZgyqN8AD.cjs";
 
 //#region src/machines/drawer/drawer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "positioner" | "backdrop" | "closeTrigger" | "grabber" | "grabberIndicator" | "swipeArea">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "positioner" | "backdrop" | "closeTrigger" | "description" | "grabber" | "grabberIndicator" | "swipeArea">;
 //#endregion
 //#region src/machines/drawer/utils/session.d.ts
 type GestureAxis = "x" | "y";

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

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { t as DismissableElementHandlers } from "../../dismissable-layer-h14gHVbJ.mjs";
 
 //#region src/machines/drawer/drawer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "description" | "positioner" | "backdrop" | "closeTrigger" | "grabber" | "grabberIndicator" | "swipeArea">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "positioner" | "backdrop" | "closeTrigger" | "description" | "grabber" | "grabberIndicator" | "swipeArea">;
 //#endregion
 //#region src/machines/drawer/utils/session.d.ts
 type GestureAxis = "x" | "y";

package/dist/machines/dropdown-menu/index.d.cts

@@ -8,7 +8,7 @@ import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cj
 import { a as Point } from "../../types-CLXYEgfm.cjs";
 
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "item" | "itemIndicator" | "positioner" | "arrow" | "arrowTip" | "itemText" | "separator" | "itemGroup" | "itemGroupLabel" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"item" | "trigger" | "indicator" | "separator" | "content" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "arrow" | "arrowTip" | "triggerItem">;
 //#endregion
 //#region src/machines/dropdown-menu/dropdown-menu.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/dropdown-menu/index.d.mts

@@ -8,7 +8,7 @@ import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mj
 import { a as Point } from "../../types-DU764tY_.mjs";
 
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "indicator" | "item" | "itemIndicator" | "positioner" | "arrow" | "arrowTip" | "itemText" | "separator" | "itemGroup" | "itemGroupLabel" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"item" | "trigger" | "indicator" | "separator" | "content" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "arrow" | "arrowTip" | "triggerItem">;
 //#endregion
 //#region src/machines/dropdown-menu/dropdown-menu.types.d.ts
 interface OpenChangeDetails {