@sprawlify/primitives 0.1.6 → 0.1.8

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-import { _ as PropFn, a as BindableParams, b as Transition, c as ComputedFn, d as GuardFn, f as INIT_STATE, g as Params, h as MachineStatus, i as BindableFn, l as EffectsOrFn, m as MachineSchema, n as Bindable, o as BindableRefs, p as Machine, r as BindableContext, s as ChooseFn, t as ActionsOrFn, u as EventObject, v as Scope, x as ValueOrFn, y as Service } from "./types-B24gMTKq.cjs";
+import { C as TransitionMatch, S as TransitionMap, T as ValueOrFn, _ as Params, a as BindableParams, b as Service, c as ComputedFn, d as GuardFn, f as INIT_STATE, g as MachineStatus, h as MachineState, i as BindableFn, l as EffectsOrFn, m as MachineSchema, n as Bindable, o as BindableRefs, p as Machine, r as BindableContext, s as ChooseFn, t as ActionsOrFn, u as EventObject, v as PropFn, w as TransitionSet, x as Transition, y as Scope } from "./types-u-LWCSDE.cjs";
 import { l as isActiveElement } from "./node--dRqVsA-.cjs";
 
 //#region src/shared/core/merge-props.d.ts
@@ -34,6 +34,29 @@ declare function setup<T extends MachineSchema>(): {
   }: Params<T>) => T["action"][] | undefined;
 };
 //#endregion
+//#region src/shared/core/state.d.ts
+declare function ensureStateIndex<T extends MachineSchema>(machine: Machine<T>): Map<string, MachineState<T, string>>;
+type StateChain<T extends MachineSchema> = Array<{
+  path: string;
+  state: MachineState<T>;
+}>;
+declare function getStateChain<T extends MachineSchema>(machine: Machine<T>, state: T["state"] | undefined): StateChain<T>;
+declare function resolveStateValue<T extends MachineSchema>(machine: Machine<T>, value: T["state"] | string, source?: string): T["state"];
+declare function getStateDefinition<T extends MachineSchema>(machine: Machine<T>, state: T["state"]): MachineState<T, string>;
+declare function findTransition<T extends MachineSchema>(machine: Machine<T>, state: T["state"], eventType: string): TransitionMatch<T>;
+declare function getExitEnterStates<T extends MachineSchema>(machine: Machine<T>, prevState: T["state"] | undefined, nextState: T["state"], reenter?: boolean): {
+  exiting: {
+    path: string;
+    state: MachineState<T, string>;
+  }[];
+  entering: {
+    path: string;
+    state: MachineState<T, string>;
+  }[];
+};
+declare function matchesState(current: string | undefined, value: string): boolean;
+declare function hasTag<T extends MachineSchema>(machine: Machine<T>, state: T["state"], tag: T["tag"]): boolean;
+//#endregion
 //#region src/shared/core/scope.d.ts
 declare function createScope(props: Pick<Scope, "id" | "ids" | "getRootNode">): {
   getRootNode: () => Document | ShadowRoot;
@@ -46,4 +69,4 @@ declare function createScope(props: Pick<Scope, "id" | "ids" | "getRootNode">):
   id?: string | undefined | undefined;
 };
 //#endregion
-export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineStatus, Params, PropFn, Scope, Service, Transition, ValueOrFn, createGuards, createMachine, createScope, memo, mergeProps, setup };
+export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineState, MachineStatus, Params, PropFn, Scope, Service, Transition, TransitionMap, TransitionMatch, TransitionSet, ValueOrFn, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/core.d.mts

@@ -1,4 +1,4 @@
-import { _ as PropFn, a as BindableParams, b as Transition, c as ComputedFn, d as GuardFn, f as INIT_STATE, g as Params, h as MachineStatus, i as BindableFn, l as EffectsOrFn, m as MachineSchema, n as Bindable, o as BindableRefs, p as Machine, r as BindableContext, s as ChooseFn, t as ActionsOrFn, u as EventObject, v as Scope, x as ValueOrFn, y as Service } from "./types-DUM9rzfD.mjs";
+import { C as TransitionMatch, S as TransitionMap, T as ValueOrFn, _ as Params, a as BindableParams, b as Service, c as ComputedFn, d as GuardFn, f as INIT_STATE, g as MachineStatus, h as MachineState, i as BindableFn, l as EffectsOrFn, m as MachineSchema, n as Bindable, o as BindableRefs, p as Machine, r as BindableContext, s as ChooseFn, t as ActionsOrFn, u as EventObject, v as PropFn, w as TransitionSet, x as Transition, y as Scope } from "./types-DvUmCWsb.mjs";
 import { l as isActiveElement } from "./node-DkWL2ywA.mjs";
 
 //#region src/shared/core/merge-props.d.ts
@@ -34,6 +34,29 @@ declare function setup<T extends MachineSchema>(): {
   }: Params<T>) => T["action"][] | undefined;
 };
 //#endregion
+//#region src/shared/core/state.d.ts
+declare function ensureStateIndex<T extends MachineSchema>(machine: Machine<T>): Map<string, MachineState<T, string>>;
+type StateChain<T extends MachineSchema> = Array<{
+  path: string;
+  state: MachineState<T>;
+}>;
+declare function getStateChain<T extends MachineSchema>(machine: Machine<T>, state: T["state"] | undefined): StateChain<T>;
+declare function resolveStateValue<T extends MachineSchema>(machine: Machine<T>, value: T["state"] | string, source?: string): T["state"];
+declare function getStateDefinition<T extends MachineSchema>(machine: Machine<T>, state: T["state"]): MachineState<T, string>;
+declare function findTransition<T extends MachineSchema>(machine: Machine<T>, state: T["state"], eventType: string): TransitionMatch<T>;
+declare function getExitEnterStates<T extends MachineSchema>(machine: Machine<T>, prevState: T["state"] | undefined, nextState: T["state"], reenter?: boolean): {
+  exiting: {
+    path: string;
+    state: MachineState<T, string>;
+  }[];
+  entering: {
+    path: string;
+    state: MachineState<T, string>;
+  }[];
+};
+declare function matchesState(current: string | undefined, value: string): boolean;
+declare function hasTag<T extends MachineSchema>(machine: Machine<T>, state: T["state"], tag: T["tag"]): boolean;
+//#endregion
 //#region src/shared/core/scope.d.ts
 declare function createScope(props: Pick<Scope, "id" | "ids" | "getRootNode">): {
   getRootNode: () => Document | ShadowRoot;
@@ -46,4 +69,4 @@ declare function createScope(props: Pick<Scope, "id" | "ids" | "getRootNode">):
   id?: string | undefined | undefined;
 };
 //#endregion
-export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineStatus, Params, PropFn, Scope, Service, Transition, ValueOrFn, createGuards, createMachine, createScope, memo, mergeProps, setup };
+export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineState, MachineStatus, Params, PropFn, Scope, Service, Transition, TransitionMap, TransitionMatch, TransitionSet, ValueOrFn, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/core.mjs

@@ -1,4 +1,4 @@
 import "./dom-query-BFuRs3l4.mjs";
 import "./utils-VVoZ_v29.mjs";
-import { a as createMachine, c as mergeProps, i as createGuards, n as INIT_STATE, o as setup, r as MachineStatus, s as memo, t as createScope } from "./core-Ci9Yu6QI.mjs";
-export { INIT_STATE, MachineStatus, createGuards, createMachine, createScope, memo, mergeProps, setup };
+import { a as createMachine, c as findTransition, d as getStateDefinition, f as hasTag, g as mergeProps, h as memo, i as createGuards, l as getExitEnterStates, m as resolveStateValue, n as INIT_STATE, o as setup, p as matchesState, r as MachineStatus, s as ensureStateIndex, t as createScope, u as getStateChain } from "./core-CTtbW9qh.mjs";
+export { INIT_STATE, MachineStatus, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/machines/accordion/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_core = require("../../core-DwdPztGA.cjs");
+const require_core = require("../../core-Bw_czdwX.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/accordion/accordion.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator");

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

@@ -1,9 +1,9 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMTKq.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";
 
 //#region src/machines/accordion/accordion.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "itemContent" | "itemTrigger" | "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

@@ -1,9 +1,9 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rzfD.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";
 
 //#region src/machines/accordion/accordion.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "itemContent" | "itemTrigger" | "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.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
 import { C as queryAll, Vt as isSafari, b as nextById, ft as getEventKey, x as prevById, xn as dataAttr } from "../../dom-query-BFuRs3l4.mjs";
 import { At as remove, i as warn, pt as add, u as createSplitProps, vt as first, wt as last } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine, i as createGuards } from "../../core-Ci9Yu6QI.mjs";
+import { a as createMachine, i as createGuards } from "../../core-CTtbW9qh.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/accordion/accordion.anatomy.ts
 const anatomy = createAnatomy("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator");

package/dist/machines/angle-slider/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_core = require("../../core-DwdPztGA.cjs");
+const require_core = require("../../core-Bw_czdwX.cjs");
 const require_rect_utils = require("../../rect-utils-D3RkAaHK.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/angle-slider/angle-slider.anatomy.ts

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

@@ -1,9 +1,9 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMTKq.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";
 
 //#region src/machines/angle-slider/angle-slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "track" | "thumb" | "valueText" | "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

@@ -1,9 +1,9 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rzfD.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";
 
 //#region src/machines/angle-slider/angle-slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "track" | "thumb" | "valueText" | "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.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
 import { E as trackPointerMove, St as isLeftClick, W as raf, ct as setElementValue, ft as getEventKey, gt as getNativeEvent, mt as getEventStep, pt as getEventPoint, xn as dataAttr } from "../../dom-query-BFuRs3l4.mjs";
 import { B as snapValueToStep, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-Ci9Yu6QI.mjs";
+import { a as createMachine } from "../../core-CTtbW9qh.mjs";
 import { R as createRect, q as getPointAngle } from "../../rect-utils-B5xqFvKC.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/angle-slider/angle-slider.anatomy.ts

package/dist/machines/aspect-ratio/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
 require("../../dom-query-BUO7rGsg.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-DwdPztGA.cjs");
+const require_core = require("../../core-Bw_czdwX.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/aspect-ratio/aspect-ratio.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("aspect-ratio").parts("root", "content");

package/dist/machines/aspect-ratio/index.d.cts

@@ -1,5 +1,5 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
-import { p as Machine, y as Service } from "../../types-B24gMTKq.cjs";
+import { b as Service, p as Machine } from "../../types-u-LWCSDE.cjs";
 import { b as NormalizeProps, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/aspect-ratio/aspect-ratio.anatomy.d.ts

package/dist/machines/aspect-ratio/index.d.mts

@@ -1,5 +1,5 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
-import { p as Machine, y as Service } from "../../types-DUM9rzfD.mjs";
+import { b as Service, p as Machine } from "../../types-DvUmCWsb.mjs";
 import { b as NormalizeProps, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/aspect-ratio/aspect-ratio.anatomy.d.ts

package/dist/machines/aspect-ratio/index.mjs

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

package/dist/machines/async-list/index.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../dom-query-BUO7rGsg.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
-const require_core = require("../../core-DwdPztGA.cjs");
+const require_core = require("../../core-Bw_czdwX.cjs");
 //#region src/machines/async-list/async-list.connect.ts
 function connect(service) {
 	const { state, context, send } = service;

package/dist/machines/async-list/index.d.cts

@@ -1,4 +1,4 @@
-import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMTKq.cjs";
+import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCSDE.cjs";
 
 //#region src/machines/async-list/async-list.types.d.ts
 type SortDirection = "ascending" | "descending";

package/dist/machines/async-list/index.d.mts

@@ -1,4 +1,4 @@
-import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rzfD.mjs";
+import { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCWsb.mjs";
 
 //#region src/machines/async-list/async-list.types.d.ts
 type SortDirection = "ascending" | "descending";

package/dist/machines/async-list/index.mjs

@@ -1,6 +1,6 @@
 import "../../dom-query-BFuRs3l4.mjs";
 import { n as ensureProps, t as ensure } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-Ci9Yu6QI.mjs";
+import { a as createMachine } from "../../core-CTtbW9qh.mjs";
 //#region src/machines/async-list/async-list.connect.ts
 function connect(service) {
 	const { state, context, send } = service;

package/dist/machines/avatar/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_core = require("../../core-DwdPztGA.cjs");
+const require_core = require("../../core-Bw_czdwX.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/avatar/avatar.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("avatar").parts("root", "image", "fallback");

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

@@ -1,5 +1,5 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
-import { p as Machine, y as Service } from "../../types-B24gMTKq.cjs";
+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/avatar/avatar.anatomy.d.ts

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

@@ -1,5 +1,5 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
-import { p as Machine, y as Service } from "../../types-DUM9rzfD.mjs";
+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/avatar/avatar.anatomy.d.ts

package/dist/machines/avatar/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
 import { B as observeChildren, z as observeAttributes } from "../../dom-query-BFuRs3l4.mjs";
 import { u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
-import { a as createMachine } from "../../core-Ci9Yu6QI.mjs";
+import { a as createMachine } from "../../core-CTtbW9qh.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/avatar/avatar.anatomy.ts
 const anatomy = createAnatomy("avatar").parts("root", "image", "fallback");

package/dist/machines/carousel/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_core = require("../../core-DwdPztGA.cjs");
+const require_core = require("../../core-Bw_czdwX.cjs");
 const require_scroll_snap = require("../../scroll-snap-vZ2q6dcN.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/carousel/carousel.anatomy.ts
@@ -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

@@ -1,9 +1,9 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMTKq.cjs";
+import { b as Service, p as Machine, u as EventObject } from "../../types-u-LWCSDE.cjs";
 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" | "item" | "control" | "indicator" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
+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

@@ -1,9 +1,9 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rzfD.mjs";
+import { b as Service, p as Machine, u as EventObject } from "../../types-DvUmCWsb.mjs";
 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" | "item" | "control" | "indicator" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
+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;