@sprawlify/primitives 0.0.38 → 0.0.40

package/dist/machines/popover/index.cjs

@@ -1,14 +1,14 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
-const require_aria_hidden = require('../../aria-hidden-BvgZzsAL.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
+const require_aria_hidden = require('../../aria-hidden-Qw_HHlVH.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
-require('../../interact-outside-mZW1FIf5.cjs');
-const require_dismissable = require('../../dismissable-oSXyfI9I.cjs');
-const require_focus_trap = require('../../focus-trap-BRP__9iJ.cjs');
-const require_popper = require('../../popper-CfnxH2_q.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
+require('../../interact-outside-C1SI9b6g.cjs');
+const require_dismissable = require('../../dismissable-Chb3G5-M.cjs');
+const require_focus_trap = require('../../focus-trap-ROjmlZib.cjs');
+const require_popper = require('../../popper-DpxOCdXo.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
-const require_remove_scroll = require('../../remove-scroll-CArAGldl.cjs');
+const require_remove_scroll = require('../../remove-scroll-CgRTMz8o.cjs');
 
 //#region src/machines/popover/popover.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("popover").parts("arrow", "arrowTip", "anchor", "trigger", "indicator", "positioner", "content", "title", "description", "closeTrigger");

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

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

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

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

package/dist/machines/popover/index.mjs

@@ -1,14 +1,14 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { C as proxyTabFocus, Rt as isSafari, U as raf, W as getInitialFocus, _n as ariaAttr, vn as dataAttr, yt as isLeftClick } from "../../dom-query-CmBiBVLQ.mjs";
-import { t as ariaHidden } from "../../aria-hidden-wBl-ydCt.mjs";
+import { C as proxyTabFocus, Rt as isSafari, U as raf, W as getInitialFocus, _n as ariaAttr, vn as dataAttr, yt as isLeftClick } from "../../dom-query-lSknXAK2.mjs";
+import { t as ariaHidden } from "../../aria-hidden-Dsgzcqqs.mjs";
 import { u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-C5T2xAtS.mjs";
-import "../../interact-outside-DRtM9Nss.mjs";
-import { n as trackDismissableElement } from "../../dismissable-DzGf_m8e.mjs";
-import { t as trapFocus } from "../../focus-trap-C5OuWDZw.mjs";
-import { n as getPlacement, t as getPlacementStyles } from "../../popper-Ckr_W9Yk.mjs";
+import { a as createMachine } from "../../core-CDOTMAS_.mjs";
+import "../../interact-outside-C60P6JkZ.mjs";
+import { n as trackDismissableElement } from "../../dismissable-CWN_cpDT.mjs";
+import { t as trapFocus } from "../../focus-trap-pQ6X3hbA.mjs";
+import { n as getPlacement, t as getPlacementStyles } from "../../popper-CjF4zHDX.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
-import { t as preventBodyScroll } from "../../remove-scroll-QEuUIozE.mjs";
+import { t as preventBodyScroll } from "../../remove-scroll-CrGSKwL7.mjs";
 
 //#region src/machines/popover/popover.anatomy.ts
 const anatomy = createAnatomy("popover").parts("arrow", "arrowTip", "anchor", "trigger", "indicator", "positioner", "content", "title", "description", "closeTrigger");

package/dist/machines/presence/index.cjs

@@ -1,6 +1,6 @@
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/presence/presence.connect.ts

package/dist/machines/presence/index.mjs

@@ -1,6 +1,6 @@
-import { U as raf, V as nextTick, Yt as getComputedStyle, ft as getEventTarget, l as setStyle, rn as getWindow } from "../../dom-query-CmBiBVLQ.mjs";
+import { U as raf, V as nextTick, Yt as getComputedStyle, ft as getEventTarget, l as setStyle, rn as getWindow } from "../../dom-query-lSknXAK2.mjs";
 import "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/presence/presence.connect.ts

package/dist/machines/progress/index.cjs

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-require('../../dom-query-sJjCgg-g.cjs');
+require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/progress/progress.anatomy.ts

package/dist/machines/progress/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import "../../dom-query-CmBiBVLQ.mjs";
+import "../../dom-query-lSknXAK2.mjs";
 import { T as getValuePercent, st as isNumber, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine, s as memo } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine, s as memo } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/progress/progress.anatomy.ts

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

@@ -1,8 +1,8 @@
 const require_chunk = require('../../chunk-CbDLau6x.cjs');
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 let uqr = require("uqr");
 

package/dist/machines/qr-code/index.d.cts

@@ -5,7 +5,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { QrCodeGenerateOptions, QrCodeGenerateOptions as QrCodeGenerateOptions$1, QrCodeGenerateResult, QrCodeGenerateResult as QrCodeGenerateResult$1 } from "uqr";
 
 //#region src/machines/qr-code/qr-code.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger">;
 //#endregion
 //#region src/machines/qr-code/qr-code.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/qr-code/index.d.mts

@@ -5,7 +5,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { QrCodeGenerateOptions, QrCodeGenerateOptions as QrCodeGenerateOptions$1, QrCodeGenerateResult, QrCodeGenerateResult as QrCodeGenerateResult$1 } from "uqr";
 
 //#region src/machines/qr-code/qr-code.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger">;
 //#endregion
 //#region src/machines/qr-code/qr-code.types.d.ts
 interface ValueChangeDetails {

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

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { Vt as getDataUrl } from "../../dom-query-CmBiBVLQ.mjs";
+import { Vt as getDataUrl } from "../../dom-query-lSknXAK2.mjs";
 import { u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine, s as memo } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine, s as memo } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 import { encode } from "uqr";
 

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

@@ -1,8 +1,8 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
-const require_focus_visible = require('../../focus-visible-ZrhnzqqT.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
+const require_focus_visible = require('../../focus-visible-BtxmnYG0.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/radio-group/radio-group.anatomy.ts

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { Rt as isSafari, S as queryAll, i as visuallyHiddenStyle, nt as dispatchInputCheckedEvent, ot as trackFormControl, p as resizeObserverBorderBox, vn as dataAttr, yt as isLeftClick } from "../../dom-query-CmBiBVLQ.mjs";
+import { Rt as isSafari, S as queryAll, i as visuallyHiddenStyle, nt as dispatchInputCheckedEvent, ot as trackFormControl, p as resizeObserverBorderBox, vn as dataAttr, yt as isLeftClick } from "../../dom-query-lSknXAK2.mjs";
 import { H as toPx, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine, i as createGuards } from "../../core-C5T2xAtS.mjs";
-import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-uWtBxami.mjs";
+import { a as createMachine, i as createGuards } from "../../core-CDOTMAS_.mjs";
+import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-BV5-b3O7.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/radio-group/radio-group.anatomy.ts

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

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/rating-group/rating-group.anatomy.ts

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { U as raf, _n as ariaAttr, k as getRelativePoint, lt as getEventKey, ot as trackFormControl, rt as dispatchInputValueEvent, ut as getEventPoint, vn as dataAttr, x as query, yt as isLeftClick } from "../../dom-query-CmBiBVLQ.mjs";
+import { U as raf, _n as ariaAttr, k as getRelativePoint, lt as getEventKey, ot as trackFormControl, rt as dispatchInputValueEvent, ut as getEventPoint, vn as dataAttr, x as query, yt as isLeftClick } from "../../dom-query-lSknXAK2.mjs";
 import { u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/rating-group/rating-group.anatomy.ts

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

@@ -1,8 +1,8 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_defineProperty = require('../../defineProperty-xA1FicUs.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/scroll-area/scroll-area.anatomy.ts
@@ -633,6 +633,21 @@ const machine = require_core.createMachine({
 					if (require_utils.isEqual(prev, next)) return prev;
 					return next;
 				});
+				const maxScrollTop = Math.max(0, scrollableContentHeight - viewportHeight);
+				const maxScrollLeft = Math.max(0, scrollableContentWidth - viewportWidth);
+				let scrollLeftFromStart = 0;
+				let scrollLeftFromEnd = 0;
+				if (!scrollbarXHidden) {
+					if (prop("dir") === "rtl") scrollLeftFromStart = require_utils.clampValue(-scrollLeft, 0, maxScrollLeft);
+					else scrollLeftFromStart = require_utils.clampValue(scrollLeft, 0, maxScrollLeft);
+					scrollLeftFromEnd = maxScrollLeft - scrollLeftFromStart;
+				}
+				const scrollTopFromStart = !scrollbarYHidden ? require_utils.clampValue(scrollTop, 0, maxScrollTop) : 0;
+				const scrollTopFromEnd = !scrollbarYHidden ? maxScrollTop - scrollTopFromStart : 0;
+				require_dom_query.setStyleProperty(viewportEl, "--scroll-area-overflow-x-start", `${scrollLeftFromStart}px`);
+				require_dom_query.setStyleProperty(viewportEl, "--scroll-area-overflow-x-end", `${scrollLeftFromEnd}px`);
+				require_dom_query.setStyleProperty(viewportEl, "--scroll-area-overflow-y-start", `${scrollTopFromStart}px`);
+				require_dom_query.setStyleProperty(viewportEl, "--scroll-area-overflow-y-end", `${scrollTopFromEnd}px`);
 			},
 			checkHovering({ scope, context }) {
 				if (getViewportEl(scope)?.matches(":hover")) context.set("hovering", true);

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { T as trackPointerMove, Xt as contains, Yt as getComputedStyle, ft as getEventTarget, st as addDomEvent, ut as getEventPoint, vn as dataAttr, x as query } from "../../dom-query-CmBiBVLQ.mjs";
+import { T as trackPointerMove, Xt as contains, Yt as getComputedStyle, ft as getEventTarget, st as addDomEvent, u as setStyleProperty, ut as getEventPoint, vn as dataAttr, x as query } from "../../dom-query-lSknXAK2.mjs";
 import { t as _defineProperty } from "../../defineProperty-bTDhmYM0.mjs";
 import { H as toPx, W as callAll, ft as isEqual, g as clampValue, l as compact, n as ensureProps, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/scroll-area/scroll-area.anatomy.ts
@@ -633,6 +633,21 @@ const machine = createMachine({
 					if (isEqual(prev, next)) return prev;
 					return next;
 				});
+				const maxScrollTop = Math.max(0, scrollableContentHeight - viewportHeight);
+				const maxScrollLeft = Math.max(0, scrollableContentWidth - viewportWidth);
+				let scrollLeftFromStart = 0;
+				let scrollLeftFromEnd = 0;
+				if (!scrollbarXHidden) {
+					if (prop("dir") === "rtl") scrollLeftFromStart = clampValue(-scrollLeft, 0, maxScrollLeft);
+					else scrollLeftFromStart = clampValue(scrollLeft, 0, maxScrollLeft);
+					scrollLeftFromEnd = maxScrollLeft - scrollLeftFromStart;
+				}
+				const scrollTopFromStart = !scrollbarYHidden ? clampValue(scrollTop, 0, maxScrollTop) : 0;
+				const scrollTopFromEnd = !scrollbarYHidden ? maxScrollTop - scrollTopFromStart : 0;
+				setStyleProperty(viewportEl, "--scroll-area-overflow-x-start", `${scrollLeftFromStart}px`);
+				setStyleProperty(viewportEl, "--scroll-area-overflow-x-end", `${scrollLeftFromEnd}px`);
+				setStyleProperty(viewportEl, "--scroll-area-overflow-y-start", `${scrollTopFromStart}px`);
+				setStyleProperty(viewportEl, "--scroll-area-overflow-y-end", `${scrollTopFromEnd}px`);
 			},
 			checkHovering({ scope, context }) {
 				if (getViewportEl(scope)?.matches(":hover")) context.set("hovering", true);

package/dist/machines/select/index.cjs

@@ -1,11 +1,11 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
 const require_collection = require('../../collection-C5tUixCe.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
-require('../../interact-outside-mZW1FIf5.cjs');
-const require_dismissable = require('../../dismissable-oSXyfI9I.cjs');
-const require_popper = require('../../popper-CfnxH2_q.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
+require('../../interact-outside-C1SI9b6g.cjs');
+const require_dismissable = require('../../dismissable-Chb3G5-M.cjs');
+const require_popper = require('../../popper-DpxOCdXo.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/select/select.anatomy.ts

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

@@ -1,6 +1,6 @@
 import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-CADkcKtr.cjs";
-import { t as ListCollection } from "../../list-collection-BvMwDNHf.cjs";
+import { t as ListCollection } from "../../list-collection-DettiQL3.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 TypeaheadState } from "../../typeahead-BdNwVP09.cjs";
@@ -8,7 +8,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { c as Placement, d as PositioningOptions } from "../../types-D5ziaMrd.cjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "valueText" | "content" | "list" | "trigger" | "indicator" | "item" | "itemIndicator" | "itemText" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemIndicator" | "itemText" | "control" | "valueText" | "clearTrigger" | "list" | "trigger" | "indicator" | "content" | "positioner" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {

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

@@ -1,6 +1,6 @@
 import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-Df8ZhdY-.mjs";
-import { t as ListCollection } from "../../list-collection-CTt1eong.mjs";
+import { t as ListCollection } from "../../list-collection-BbgocToA.mjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 import { n as TypeaheadState } from "../../typeahead-DMSwLv1e.mjs";
@@ -8,7 +8,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { p as PositioningOptions, u as Placement } from "../../index-BTi1wETB.mjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "valueText" | "content" | "list" | "trigger" | "indicator" | "item" | "itemIndicator" | "itemText" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemIndicator" | "itemText" | "control" | "valueText" | "clearTrigger" | "list" | "trigger" | "indicator" | "content" | "positioner" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {

package/dist/machines/select/index.mjs

@@ -1,11 +1,11 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { F as scrollIntoView, G as isValidTabEvent, R as observeAttributes, U as raf, W as getInitialFocus, Xt as contains, _n as ariaAttr, ft as getEventTarget, i as visuallyHiddenStyle, lt as getEventKey, o as getByTypeahead, ot as trackFormControl, sn as isEditableElement, vn as dataAttr } from "../../dom-query-CmBiBVLQ.mjs";
+import { F as scrollIntoView, G as isValidTabEvent, R as observeAttributes, U as raf, W as getInitialFocus, Xt as contains, _n as ariaAttr, ft as getEventTarget, i as visuallyHiddenStyle, lt as getEventKey, o as getByTypeahead, ot as trackFormControl, sn as isEditableElement, vn as dataAttr } from "../../dom-query-lSknXAK2.mjs";
 import { ft as isEqual, mt as addOrRemove, t as ensure, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
 import { s as ListCollection } from "../../collection-C85P2ZDW.mjs";
-import { a as createMachine, i as createGuards } from "../../core-C5T2xAtS.mjs";
-import "../../interact-outside-DRtM9Nss.mjs";
-import { n as trackDismissableElement } from "../../dismissable-DzGf_m8e.mjs";
-import { n as getPlacement, t as getPlacementStyles } from "../../popper-Ckr_W9Yk.mjs";
+import { a as createMachine, i as createGuards } from "../../core-CDOTMAS_.mjs";
+import "../../interact-outside-C60P6JkZ.mjs";
+import { n as trackDismissableElement } from "../../dismissable-CWN_cpDT.mjs";
+import { n as getPlacement, t as getPlacementStyles } from "../../popper-CjF4zHDX.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/select/select.anatomy.ts

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

@@ -1,8 +1,8 @@
 const require_chunk = require('../../chunk-CbDLau6x.cjs');
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 let perfect_freehand = require("perfect-freehand");
 perfect_freehand = require_chunk.__toESM(perfect_freehand);

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

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { T as trackPointerMove, Vt as getDataUrl$1, bt as isModifierKey, ft as getEventTarget, k as getRelativePoint, vn as dataAttr, x as query, yt as isLeftClick } from "../../dom-query-CmBiBVLQ.mjs";
+import { T as trackPointerMove, Vt as getDataUrl$1, bt as isModifierKey, ft as getEventTarget, k as getRelativePoint, vn as dataAttr, x as query, yt as isLeftClick } from "../../dom-query-lSknXAK2.mjs";
 import { u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 import getStroke from "perfect-freehand";
 

package/dist/machines/slider/index.cjs

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/slider/slider.anatomy.ts

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

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

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

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

package/dist/machines/slider/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { S as queryAll, T as trackPointerMove, U as raf, _n as ariaAttr, at as setElementValue, bt as isModifierKey, dt as getEventStep, lt as getEventKey, ot as trackFormControl, p as resizeObserverBorderBox, rt as dispatchInputValueEvent, ut as getEventPoint, vn as dataAttr, yt as isLeftClick } from "../../dom-query-CmBiBVLQ.mjs";
+import { S as queryAll, T as trackPointerMove, U as raf, _n as ariaAttr, at as setElementValue, bt as isModifierKey, dt as getEventStep, lt as getEventKey, ot as trackFormControl, p as resizeObserverBorderBox, rt as dispatchInputValueEvent, ut as getEventPoint, vn as dataAttr, yt as isLeftClick } from "../../dom-query-lSknXAK2.mjs";
 import { B as snapValueToStep, C as getPercentValue, E as getValueRanges, H as toPx, N as isValueWithinRange, O as getValueTransformer, S as getNextStepValue, T as getValuePercent, W as callAll, ft as isEqual, g as clampValue, h as clampPercent, p as pick, u as createSplitProps, vt as first, w as getPreviousStepValue, wt as last, z as setValueAtIndex } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine, s as memo } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine, s as memo } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/slider/slider.anatomy.ts

package/dist/machines/splitter/index.cjs

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/splitter/splitter.anatomy.ts

package/dist/machines/splitter/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { S as queryAll, T as trackPointerMove, lt as getEventKey, ut as getEventPoint, vn as dataAttr, yt as isLeftClick } from "../../dom-query-CmBiBVLQ.mjs";
+import { S as queryAll, T as trackPointerMove, lt as getEventKey, ut as getEventPoint, vn as dataAttr, yt as isLeftClick } from "../../dom-query-lSknXAK2.mjs";
 import { Ot as prev, Tt as next, ft as isEqual, n as ensureProps, s as setRafTimeout, t as ensure, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/splitter/splitter.anatomy.ts

package/dist/machines/steps/index.cjs

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/steps/steps.anatomy.ts

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

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

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

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

package/dist/machines/steps/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { vn as dataAttr } from "../../dom-query-CmBiBVLQ.mjs";
+import { vn as dataAttr } from "../../dom-query-lSknXAK2.mjs";
 import { N as isValueWithinRange, bt as fromLength, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine, s as memo } from "../../core-C5T2xAtS.mjs";
+import { a as createMachine, s as memo } from "../../core-CDOTMAS_.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
 //#region src/machines/steps/steps.anatomy.ts

package/dist/machines/switch/index.cjs

@@ -1,8 +1,8 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-sJjCgg-g.cjs');
+const require_dom_query = require('../../dom-query-Cw3Vjazl.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-BKy77dr-.cjs');
-const require_focus_visible = require('../../focus-visible-ZrhnzqqT.cjs');
+const require_core = require('../../core-BdTUDxaE.cjs');
+const require_focus_visible = require('../../focus-visible-BtxmnYG0.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/switch/switch.anatomy.ts

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

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

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

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