@sprawlify/primitives 0.0.4 → 0.0.6

package/dist/machines/angle-slider/index.mjs

@@ -0,0 +1,381 @@
+import { t as createAnatomy } from "../../create-anatomy-Df7y5SsP.mjs";
+import { T as trackPointerMove, U as raf, at as setElementValue, dt as getEventStep, pt as getNativeEvent, ut as getEventPoint, vn as dataAttr, yt as isLeftClick } from "../../dom-query-DlipWdON.mjs";
+import { B as snapValueToStep, u as createSplitProps } from "../../utils-BxXp67XU.mjs";
+import { a as createMachine } from "../../core-C77LsUvk.mjs";
+import { R as createRect, q as getPointAngle } from "../../rect-utils-BENI97My.mjs";
+import { t as createProps } from "../../create-props-BML_gpX0.mjs";
+
+//#region src/machines/angle-slider/angle-slider.anatomy.ts
+const anatomy = createAnatomy("angle-slider").parts("root", "label", "thumb", "valueText", "control", "track", "markerGroup", "marker");
+const parts = anatomy.build();
+
+//#endregion
+//#region src/machines/angle-slider/angle-slider.dom.ts
+const getRootId = (ctx) => ctx.ids?.root ?? `angle-slider:${ctx.id}`;
+const getThumbId = (ctx) => ctx.ids?.thumb ?? `angle-slider:${ctx.id}:thumb`;
+const getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `angle-slider:${ctx.id}:input`;
+const getControlId = (ctx) => ctx.ids?.control ?? `angle-slider:${ctx.id}:control`;
+const getValueTextId = (ctx) => ctx.ids?.valueText ?? `angle-slider:${ctx.id}:value-text`;
+const getLabelId = (ctx) => ctx.ids?.label ?? `angle-slider:${ctx.id}:label`;
+const getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));
+const getControlEl = (ctx) => ctx.getById(getControlId(ctx));
+const getThumbEl = (ctx) => ctx.getById(getThumbId(ctx));
+
+//#endregion
+//#region src/machines/angle-slider/angle-slider.utils.ts
+const MIN_VALUE = 0;
+const MAX_VALUE = 359;
+function getAngle(controlEl, point, angularOffset) {
+	const angle = getPointAngle(createRect(controlEl.getBoundingClientRect()), point);
+	if (angularOffset != null) return angle - angularOffset;
+	return angle;
+}
+function clampAngle(degree) {
+	return Math.min(Math.max(degree, MIN_VALUE), MAX_VALUE);
+}
+function constrainAngle(degree, step) {
+	const clampedDegree = clampAngle(degree);
+	const upperStep = Math.ceil(clampedDegree / step);
+	const nearestStep = Math.round(clampedDegree / step);
+	return upperStep >= clampedDegree / step ? upperStep * step === MAX_VALUE ? MIN_VALUE : upperStep * step : nearestStep * step;
+}
+function snapAngleToStep(value, step) {
+	return snapValueToStep(value, MIN_VALUE, MAX_VALUE, step);
+}
+
+//#endregion
+//#region src/machines/angle-slider/angle-slider.connect.ts
+function connect(service, normalize) {
+	const { state, send, context, prop, computed, scope } = service;
+	const dragging = state.matches("dragging");
+	const value = context.get("value");
+	const valueAsDegree = computed("valueAsDegree");
+	const disabled = prop("disabled");
+	const invalid = prop("invalid");
+	const readOnly = prop("readOnly");
+	const interactive = computed("interactive");
+	const ariaLabel = prop("aria-label");
+	const ariaLabelledBy = prop("aria-labelledby");
+	return {
+		value,
+		valueAsDegree,
+		dragging,
+		setValue(value$1) {
+			send({
+				type: "VALUE.SET",
+				value: value$1
+			});
+		},
+		getRootProps() {
+			return normalize.element({
+				...parts.root.attrs,
+				id: getRootId(scope),
+				"data-disabled": dataAttr(disabled),
+				"data-invalid": dataAttr(invalid),
+				"data-readonly": dataAttr(readOnly),
+				style: {
+					"--value": value,
+					"--angle": valueAsDegree
+				}
+			});
+		},
+		getLabelProps() {
+			return normalize.label({
+				...parts.label.attrs,
+				id: getLabelId(scope),
+				htmlFor: getHiddenInputId(scope),
+				"data-disabled": dataAttr(disabled),
+				"data-invalid": dataAttr(invalid),
+				"data-readonly": dataAttr(readOnly),
+				onClick(event) {
+					if (!interactive) return;
+					event.preventDefault();
+					getThumbEl(scope)?.focus();
+				}
+			});
+		},
+		getHiddenInputProps() {
+			return normalize.element({
+				type: "hidden",
+				value,
+				name: prop("name"),
+				id: getHiddenInputId(scope)
+			});
+		},
+		getControlProps() {
+			return normalize.element({
+				...parts.control.attrs,
+				role: "presentation",
+				id: getControlId(scope),
+				"data-disabled": dataAttr(disabled),
+				"data-invalid": dataAttr(invalid),
+				"data-readonly": dataAttr(readOnly),
+				onPointerDown(event) {
+					if (!interactive) return;
+					if (!isLeftClick(event)) return;
+					const point = getEventPoint(event);
+					const controlEl = event.currentTarget;
+					const thumbEl = getThumbEl(scope);
+					const composedPath = getNativeEvent(event).composedPath();
+					const isOverThumb = thumbEl && composedPath.includes(thumbEl);
+					let angularOffset = null;
+					if (isOverThumb) angularOffset = getAngle(controlEl, point) - value;
+					send({
+						type: "CONTROL.POINTER_DOWN",
+						point,
+						angularOffset
+					});
+					event.stopPropagation();
+				},
+				style: {
+					touchAction: "none",
+					userSelect: "none",
+					WebkitUserSelect: "none"
+				}
+			});
+		},
+		getThumbProps() {
+			return normalize.element({
+				...parts.thumb.attrs,
+				id: getThumbId(scope),
+				role: "slider",
+				"aria-label": ariaLabel,
+				"aria-labelledby": ariaLabelledBy ?? getLabelId(scope),
+				"aria-valuemax": 360,
+				"aria-valuemin": 0,
+				"aria-valuenow": value,
+				tabIndex: readOnly || interactive ? 0 : void 0,
+				"data-disabled": dataAttr(disabled),
+				"data-invalid": dataAttr(invalid),
+				"data-readonly": dataAttr(readOnly),
+				onFocus() {
+					send({ type: "THUMB.FOCUS" });
+				},
+				onBlur() {
+					send({ type: "THUMB.BLUR" });
+				},
+				onKeyDown(event) {
+					if (!interactive) return;
+					const step = getEventStep(event) * prop("step");
+					switch (event.key) {
+						case "ArrowLeft":
+						case "ArrowUp":
+							event.preventDefault();
+							send({
+								type: "THUMB.ARROW_DEC",
+								step
+							});
+							break;
+						case "ArrowRight":
+						case "ArrowDown":
+							event.preventDefault();
+							send({
+								type: "THUMB.ARROW_INC",
+								step
+							});
+							break;
+						case "Home":
+							event.preventDefault();
+							send({ type: "THUMB.HOME" });
+							break;
+						case "End":
+							event.preventDefault();
+							send({ type: "THUMB.END" });
+							break;
+						default: break;
+					}
+				},
+				style: { rotate: `var(--angle)` }
+			});
+		},
+		getValueTextProps() {
+			return normalize.element({
+				...parts.valueText.attrs,
+				id: getValueTextId(scope)
+			});
+		},
+		getMarkerGroupProps() {
+			return normalize.element({ ...parts.markerGroup.attrs });
+		},
+		getMarkerProps(props$1) {
+			let markerState;
+			if (props$1.value < value) markerState = "under-value";
+			else if (props$1.value > value) markerState = "over-value";
+			else markerState = "at-value";
+			return normalize.element({
+				...parts.marker.attrs,
+				"data-value": props$1.value,
+				"data-state": markerState,
+				"data-disabled": dataAttr(disabled),
+				style: {
+					"--marker-value": props$1.value,
+					rotate: `calc(var(--marker-value) * 1deg)`
+				}
+			});
+		}
+	};
+}
+
+//#endregion
+//#region src/machines/angle-slider/angle-slider.machine.ts
+const machine = createMachine({
+	props({ props: props$1 }) {
+		return {
+			step: 1,
+			defaultValue: 0,
+			...props$1
+		};
+	},
+	context({ prop, bindable }) {
+		return { value: bindable(() => ({
+			defaultValue: prop("defaultValue"),
+			value: prop("value"),
+			onChange(value) {
+				prop("onValueChange")?.({
+					value,
+					valueAsDegree: `${value}deg`
+				});
+			}
+		})) };
+	},
+	refs() {
+		return { thumbDragOffset: null };
+	},
+	computed: {
+		interactive: ({ prop }) => !(prop("disabled") || prop("readOnly")),
+		valueAsDegree: ({ context }) => `${context.get("value")}deg`
+	},
+	watch({ track, context, action }) {
+		track([() => context.get("value")], () => {
+			action(["syncInputElement"]);
+		});
+	},
+	initialState() {
+		return "idle";
+	},
+	on: { "VALUE.SET": { actions: ["setValue"] } },
+	states: {
+		idle: { on: {
+			"CONTROL.POINTER_DOWN": {
+				target: "dragging",
+				actions: [
+					"setThumbDragOffset",
+					"setPointerValue",
+					"focusThumb"
+				]
+			},
+			"THUMB.FOCUS": { target: "focused" }
+		} },
+		focused: { on: {
+			"CONTROL.POINTER_DOWN": {
+				target: "dragging",
+				actions: [
+					"setThumbDragOffset",
+					"setPointerValue",
+					"focusThumb"
+				]
+			},
+			"THUMB.ARROW_DEC": { actions: ["decrementValue", "invokeOnChangeEnd"] },
+			"THUMB.ARROW_INC": { actions: ["incrementValue", "invokeOnChangeEnd"] },
+			"THUMB.HOME": { actions: ["setValueToMin", "invokeOnChangeEnd"] },
+			"THUMB.END": { actions: ["setValueToMax", "invokeOnChangeEnd"] },
+			"THUMB.BLUR": { target: "idle" }
+		} },
+		dragging: {
+			entry: ["focusThumb"],
+			effects: ["trackPointerMove"],
+			on: {
+				"DOC.POINTER_UP": {
+					target: "focused",
+					actions: ["invokeOnChangeEnd", "clearThumbDragOffset"]
+				},
+				"DOC.POINTER_MOVE": { actions: ["setPointerValue"] }
+			}
+		}
+	},
+	implementations: {
+		effects: { trackPointerMove({ scope, send }) {
+			return trackPointerMove(scope.getDoc(), {
+				onPointerMove(info) {
+					send({
+						type: "DOC.POINTER_MOVE",
+						point: info.point
+					});
+				},
+				onPointerUp() {
+					send({ type: "DOC.POINTER_UP" });
+				}
+			});
+		} },
+		actions: {
+			syncInputElement({ scope, context }) {
+				setElementValue(getHiddenInputEl(scope), context.get("value").toString());
+			},
+			invokeOnChangeEnd({ context, prop, computed }) {
+				prop("onValueChangeEnd")?.({
+					value: context.get("value"),
+					valueAsDegree: computed("valueAsDegree")
+				});
+			},
+			setPointerValue({ scope, event, context, prop, refs }) {
+				const controlEl = getControlEl(scope);
+				if (!controlEl) return;
+				const angularOffset = refs.get("thumbDragOffset");
+				const deg = getAngle(controlEl, event.point, angularOffset);
+				context.set("value", constrainAngle(deg, prop("step")));
+			},
+			setValueToMin({ context }) {
+				context.set("value", MIN_VALUE);
+			},
+			setValueToMax({ context }) {
+				context.set("value", MAX_VALUE);
+			},
+			setValue({ context, event }) {
+				context.set("value", clampAngle(event.value));
+			},
+			decrementValue({ context, event, prop }) {
+				const value = snapAngleToStep(context.get("value") - event.step, event.step ?? prop("step"));
+				context.set("value", value);
+			},
+			incrementValue({ context, event, prop }) {
+				const value = snapAngleToStep(context.get("value") + event.step, event.step ?? prop("step"));
+				context.set("value", value);
+			},
+			focusThumb({ scope }) {
+				raf(() => {
+					getThumbEl(scope)?.focus({ preventScroll: true });
+				});
+			},
+			setThumbDragOffset({ refs, event }) {
+				refs.set("thumbDragOffset", event.angularOffset ?? null);
+			},
+			clearThumbDragOffset({ refs }) {
+				refs.set("thumbDragOffset", null);
+			}
+		}
+	}
+});
+
+//#endregion
+//#region src/machines/angle-slider/angle-slider.props.ts
+const props = createProps()([
+	"aria-label",
+	"aria-labelledby",
+	"dir",
+	"disabled",
+	"getRootNode",
+	"id",
+	"ids",
+	"invalid",
+	"name",
+	"onValueChange",
+	"onValueChangeEnd",
+	"readOnly",
+	"step",
+	"value",
+	"defaultValue"
+]);
+const splitProps = createSplitProps(props);
+
+//#endregion
+export { anatomy, connect, machine, props, splitProps };

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

@@ -1,4 +1,4 @@
-import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BrAcjFWl.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-DDTcG99l.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-D9XpvNCK.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-DFCRhyj1.mjs";
-import { n as ensureProps, t as ensure } from "../../utils-BZyrxWWR.mjs";
-import { a as createMachine } from "../../core-DCFNMTZF.mjs";
+import "../../dom-query-DlipWdON.mjs";
+import { n as ensureProps, t as ensure } from "../../utils-BxXp67XU.mjs";
+import { a as createMachine } from "../../core-C77LsUvk.mjs";
 
 //#region src/machines/async-list/async-list.connect.ts
 function connect(service) {

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

@@ -1,6 +1,6 @@
-import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
-import { p as Machine, y as Service } from "../../types-DejIu60O.cjs";
-import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B1eclDhe.cjs";
+import { p as Machine, y as Service } from "../../types-BrAcjFWl.cjs";
+import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-PMpGStDQ.cjs";
 
 //#region src/machines/avatar/avatar.anatomy.d.ts
 declare const anatomy: AnatomyInstance<"root" | "image" | "fallback">;

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

@@ -1,6 +1,6 @@
-import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
-import { p as Machine, y as Service } from "../../types-DDTcG99l.mjs";
-import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-C0MKXQmE.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B9oniNA9.mjs";
+import { p as Machine, y as Service } from "../../types-D9XpvNCK.mjs";
+import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CuONGeOw.mjs";
 
 //#region src/machines/avatar/avatar.anatomy.d.ts
 declare const anatomy: AnatomyInstance<"root" | "image" | "fallback">;

package/dist/machines/avatar/index.mjs

@@ -1,8 +1,8 @@
-import { t as createAnatomy } from "../../create-anatomy-BbDZbHpC.mjs";
-import { R as observeAttributes, z as observeChildren } from "../../dom-query-DFCRhyj1.mjs";
-import { u as createSplitProps } from "../../utils-BZyrxWWR.mjs";
-import { a as createMachine } from "../../core-DCFNMTZF.mjs";
-import { t as createProps } from "../../create-props-BnF_vl-E.mjs";
+import { t as createAnatomy } from "../../create-anatomy-Df7y5SsP.mjs";
+import { R as observeAttributes, z as observeChildren } from "../../dom-query-DlipWdON.mjs";
+import { u as createSplitProps } from "../../utils-BxXp67XU.mjs";
+import { a as createMachine } from "../../core-C77LsUvk.mjs";
+import { t as createProps } from "../../create-props-BML_gpX0.mjs";
 
 //#region src/machines/avatar/avatar.anatomy.ts
 const anatomy = createAnatomy("avatar").parts("root", "image", "fallback");

package/dist/machines/bottom-sheet/index.d.cts

@@ -1,11 +1,11 @@
-import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
-import { b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
-import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-C9-feK5c.cjs";
-import { t as DismissableElementHandlers } from "../../dismissable-layer-C7pZU2wi.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B1eclDhe.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BrAcjFWl.cjs";
+import { b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-PMpGStDQ.cjs";
+import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DvpM-Mfi.cjs";
+import { t as DismissableElementHandlers } from "../../dismissable-layer-BHdxdWFo.cjs";
 
 //#region src/machines/bottom-sheet/bottom-sheet.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "title" | "trigger" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator">;
 //#endregion
 //#region src/machines/bottom-sheet/utils/drag-manager.d.ts
 declare class DragManager {

package/dist/machines/bottom-sheet/index.d.mts

@@ -1,11 +1,11 @@
-import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DDTcG99l.mjs";
-import { b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-C0MKXQmE.mjs";
-import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-BkzYij2j.mjs";
-import { t as DismissableElementHandlers } from "../../dismissable-layer-t_b0fk-p.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B9oniNA9.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-D9XpvNCK.mjs";
+import { b as NormalizeProps, g as RequiredBy, p as Point, r as DirectionProperty, s as MaybeElement, t as CommonProperties, x as PropTypes } from "../../index-CuONGeOw.mjs";
+import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CefB9yps.mjs";
+import { t as DismissableElementHandlers } from "../../dismissable-layer-DwFMEm4o.mjs";
 
 //#region src/machines/bottom-sheet/bottom-sheet.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"content" | "title" | "trigger" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "title" | "closeTrigger" | "backdrop" | "grabber" | "grabberIndicator">;
 //#endregion
 //#region src/machines/bottom-sheet/utils/drag-manager.d.ts
 declare class DragManager {

package/dist/machines/bottom-sheet/index.mjs

@@ -1,14 +1,14 @@
-import { t as createAnatomy } from "../../create-anatomy-BbDZbHpC.mjs";
-import { U as raf, ft as getEventTarget, p as resizeObserverBorderBox, st as addDomEvent, ut as getEventPoint, yt as isLeftClick } from "../../dom-query-DFCRhyj1.mjs";
-import { t as _defineProperty } from "../../defineProperty-DrXfyjd4.mjs";
-import { t as ariaHidden } from "../../aria-hidden-DqYx0f_y.mjs";
-import { H as toPx, u as createSplitProps } from "../../utils-BZyrxWWR.mjs";
-import { a as createMachine } from "../../core-DCFNMTZF.mjs";
-import "../../interact-outside-BplxR9cR.mjs";
-import { n as trackDismissableElement } from "../../dismissable-DDrx0xnH.mjs";
-import { t as trapFocus } from "../../focus-trap-D-bypQEJ.mjs";
-import { t as createProps } from "../../create-props-BnF_vl-E.mjs";
-import { t as preventBodyScroll } from "../../remove-scroll-Lrfv79X_.mjs";
+import { t as createAnatomy } from "../../create-anatomy-Df7y5SsP.mjs";
+import { U as raf, ft as getEventTarget, p as resizeObserverBorderBox, st as addDomEvent, ut as getEventPoint, yt as isLeftClick } from "../../dom-query-DlipWdON.mjs";
+import { t as _defineProperty } from "../../defineProperty-DxNiKPNe.mjs";
+import { t as ariaHidden } from "../../aria-hidden-Dvvxh8vn.mjs";
+import { H as toPx, u as createSplitProps } from "../../utils-BxXp67XU.mjs";
+import { a as createMachine } from "../../core-C77LsUvk.mjs";
+import "../../interact-outside-JTrDIgHe.mjs";
+import { n as trackDismissableElement } from "../../dismissable-WpM6GqPg.mjs";
+import { t as trapFocus } from "../../focus-trap-BY0WXiLZ.mjs";
+import { t as createProps } from "../../create-props-BML_gpX0.mjs";
+import { t as preventBodyScroll } from "../../remove-scroll-BL1SJPHq.mjs";
 
 //#region src/machines/bottom-sheet/bottom-sheet.anatomy.ts
 const anatomy = createAnatomy("bottom-sheet").parts("content", "title", "trigger", "backdrop", "grabber", "grabberIndicator", "closeTrigger");

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

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.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-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B1eclDhe.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BrAcjFWl.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-PMpGStDQ.cjs";
 
 //#region src/machines/carousel/carousel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "control" | "indicator" | "prevTrigger" | "nextTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
+declare const anatomy: AnatomyInstance<"root" | "indicator" | "item" | "control" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
 //#endregion
 //#region src/machines/carousel/carousel.types.d.ts
 interface PageChangeDetails {

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

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DDTcG99l.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-C0MKXQmE.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B9oniNA9.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-D9XpvNCK.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-CuONGeOw.mjs";
 
 //#region src/machines/carousel/carousel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "control" | "indicator" | "prevTrigger" | "nextTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
+declare const anatomy: AnatomyInstance<"root" | "indicator" | "item" | "control" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText">;
 //#endregion
 //#region src/machines/carousel/carousel.types.d.ts
 interface PageChangeDetails {

package/dist/machines/carousel/index.mjs

@@ -1,9 +1,9 @@
-import { t as createAnatomy } from "../../create-anatomy-BbDZbHpC.mjs";
-import { $ as getTabbables, S as queryAll, T as trackPointerMove, U as raf, Xt as contains, _n as ariaAttr, et as isFocusable, ft as getEventTarget, lt as getEventKey, p as resizeObserverBorderBox, st as addDomEvent, vn as dataAttr, yt as isLeftClick } from "../../dom-query-DFCRhyj1.mjs";
-import { Mt as uniq, Ot as prevIndex, Tt as nextIndex, W as callAll, Z as throttle, ft as add, g as clampValue, kt as remove, n as ensureProps, st as isObject, u as createSplitProps } from "../../utils-BZyrxWWR.mjs";
-import { a as createMachine } from "../../core-DCFNMTZF.mjs";
-import { n as getScrollSnapPositions, t as findSnapPoint } from "../../scroll-snap-CrTmQRzA.mjs";
-import { t as createProps } from "../../create-props-BnF_vl-E.mjs";
+import { t as createAnatomy } from "../../create-anatomy-Df7y5SsP.mjs";
+import { $ as getTabbables, S as queryAll, T as trackPointerMove, U as raf, Xt as contains, _n as ariaAttr, et as isFocusable, ft as getEventTarget, lt as getEventKey, p as resizeObserverBorderBox, st as addDomEvent, vn as dataAttr, yt as isLeftClick } from "../../dom-query-DlipWdON.mjs";
+import { Mt as uniq, Ot as prevIndex, Tt as nextIndex, W as callAll, Z as throttle, ft as add, g as clampValue, kt as remove, n as ensureProps, st as isObject, u as createSplitProps } from "../../utils-BxXp67XU.mjs";
+import { a as createMachine } from "../../core-C77LsUvk.mjs";
+import { n as getScrollSnapPositions, t as findSnapPoint } from "../../scroll-snap-D-BtyzPh.mjs";
+import { t as createProps } from "../../create-props-BML_gpX0.mjs";
 
 //#region src/machines/carousel/carousel.anatomy.ts
 const anatomy = createAnatomy("carousel").parts("root", "itemGroup", "item", "control", "nextTrigger", "prevTrigger", "indicatorGroup", "indicator", "autoplayTrigger", "progressText");

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

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
-import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B1eclDhe.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BrAcjFWl.cjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-PMpGStDQ.cjs";
 
 //#region src/machines/checkbox/checkbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "indicator">;
+declare const anatomy: AnatomyInstance<"root" | "indicator" | "label" | "control">;
 //#endregion
 //#region src/machines/checkbox/checkbox.types.d.ts
 type CheckedState = boolean | "indeterminate";

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

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DDTcG99l.mjs";
-import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-C0MKXQmE.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B9oniNA9.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-D9XpvNCK.mjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CuONGeOw.mjs";
 
 //#region src/machines/checkbox/checkbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "indicator">;
+declare const anatomy: AnatomyInstance<"root" | "indicator" | "label" | "control">;
 //#endregion
 //#region src/machines/checkbox/checkbox.types.d.ts
 type CheckedState = boolean | "indeterminate";

package/dist/machines/checkbox/index.mjs

@@ -1,9 +1,9 @@
-import { t as createAnatomy } from "../../create-anatomy-BbDZbHpC.mjs";
-import { ft as getEventTarget, i as visuallyHiddenStyle, it as setElementChecked, nt as dispatchInputCheckedEvent, ot as trackFormControl, vn as dataAttr, w as trackPress } from "../../dom-query-DFCRhyj1.mjs";
-import { u as createSplitProps } from "../../utils-BZyrxWWR.mjs";
-import { a as createMachine, i as createGuards } from "../../core-DCFNMTZF.mjs";
-import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-irppYatv.mjs";
-import { t as createProps } from "../../create-props-BnF_vl-E.mjs";
+import { t as createAnatomy } from "../../create-anatomy-Df7y5SsP.mjs";
+import { ft as getEventTarget, i as visuallyHiddenStyle, it as setElementChecked, nt as dispatchInputCheckedEvent, ot as trackFormControl, vn as dataAttr, w as trackPress } from "../../dom-query-DlipWdON.mjs";
+import { u as createSplitProps } from "../../utils-BxXp67XU.mjs";
+import { a as createMachine, i as createGuards } from "../../core-C77LsUvk.mjs";
+import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-C8Gu5QYM.mjs";
+import { t as createProps } from "../../create-props-BML_gpX0.mjs";
 
 //#region src/machines/checkbox/checkbox.anatomy.ts
 const anatomy = createAnatomy("checkbox").parts("root", "label", "control", "indicator");

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

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
-import { p as Machine, y as Service } from "../../types-DejIu60O.cjs";
-import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B1eclDhe.cjs";
+import { p as Machine, y as Service } from "../../types-BrAcjFWl.cjs";
+import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-PMpGStDQ.cjs";
 
 //#region src/machines/clipboard/clipboard.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "input" | "control" | "trigger" | "indicator">;
+declare const anatomy: AnatomyInstance<"trigger" | "input" | "root" | "indicator" | "label" | "control">;
 //#endregion
 //#region src/machines/clipboard/clipboard.types.d.ts
 interface CopyStatusDetails {

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

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
-import { p as Machine, y as Service } from "../../types-DDTcG99l.mjs";
-import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-C0MKXQmE.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-B9oniNA9.mjs";
+import { p as Machine, y as Service } from "../../types-D9XpvNCK.mjs";
+import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-CuONGeOw.mjs";
 
 //#region src/machines/clipboard/clipboard.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "input" | "control" | "trigger" | "indicator">;
+declare const anatomy: AnatomyInstance<"trigger" | "input" | "root" | "indicator" | "label" | "control">;
 //#endregion
 //#region src/machines/clipboard/clipboard.types.d.ts
 interface CopyStatusDetails {