@zag-js/slider 0.0.0-dev-20220406144843

package/README.md

@@ -0,0 +1,21 @@
+# @zag-js/slider
+
+Core logic for the slider widget implemented as a state machine
+
+## Installation
+
+```sh
+yarn add  @zag-js/slider
+# or
+npm i  @zag-js/slider
+```
+
+## Contribution
+
+Yes please! See the [contributing guidelines](https://github.com/chakra-ui/ui-machines/blob/main/CONTRIBUTING.md) for
+details.
+
+## Licence
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/chakra-ui/ui-machines/blob/main/LICENSE).

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { dom as unstable__dom } from "./slider.dom";
+export { connect } from "./slider.connect";
+export { machine } from "./slider.machine";
+export type { MachineContext, MachineState } from "./slider.types";
+export { unstable__dom };

package/dist/index.js

@@ -0,0 +1,2 @@
+var S=Object.defineProperty,dt=Object.defineProperties,ft=Object.getOwnPropertyDescriptor,pt=Object.getOwnPropertyDescriptors,mt=Object.getOwnPropertyNames,H=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable;var j=(t,e,n)=>e in t?S(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,O=(t,e)=>{for(var n in e||(e={}))_.call(e,n)&&j(t,n,e[n]);if(H)for(var n of H(e))ht.call(e,n)&&j(t,n,e[n]);return t},R=(t,e)=>dt(t,pt(e)),gt=t=>S(t,"__esModule",{value:!0});var vt=(t,e)=>{for(var n in e)S(t,n,{get:e[n],enumerable:!0})},yt=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of mt(e))!_.call(t,o)&&(n||o!=="default")&&S(t,o,{get:()=>e[o],enumerable:!(r=ft(e,o))||r.enumerable});return t};var bt=(t=>(e,n)=>t&&t.get(e)||(n=yt(gt({}),e,1),t&&t.set(e,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var ce={};vt(ce,{connect:()=>ut,machine:()=>st,unstable__dom:()=>i});var U=Math.pow,c=t=>t?"":void 0;function V(t){let e=new Set;function n(r){let o=globalThis.requestAnimationFrame(r);e.add(()=>globalThis.cancelAnimationFrame(o))}return n(()=>n(t)),function(){e.forEach(function(r){r()})}}function Y(t){let e=globalThis.requestAnimationFrame(t);return function(){globalThis.cancelAnimationFrame(e)}}var wt=()=>{},xt=(...t)=>e=>t.reduce((n,r)=>r(n),e),fe=(()=>{let t=0;return()=>(t++,t.toString(36))})(),D=t=>Et()&&t.test(navigator.platform),Et=()=>typeof window!="undefined",Tt=()=>D(/^Mac/),Pt=()=>D(/^iPhone/),St=()=>D(/^iPad/)||Tt()&&navigator.maxTouchPoints>1,$=()=>Pt()||St(),kt=t=>Array.isArray(t),Mt=t=>!(t==null||typeof t!="object"||kt(t)),At=t=>Mt(t)&&"button"in t,Lt=t=>t.button===0,b=new Map,v=new Map;function Ct(t,e,n,r){var o;if(!t)return wt;let a=JSON.stringify({type:e,options:r}),d=b.get(t);if(b.has(t))(d==null?void 0:d.has(a))?(o=d==null?void 0:d.get(a))==null||o.add(n):d==null||d.set(a,new Set([n]));else{let u=new Map([[a,new Set([n])]]);b.set(t,u)}function x(u){var m,f;function g(p){var l;let s=b.get(u);(l=s==null?void 0:s.get(a))==null||l.forEach(h=>h(p))}if(!(v==null?void 0:v.has(u))){v.set(u,new Map([[a,g]])),u.addEventListener(e,g,r);return}((m=v==null?void 0:v.get(u))==null?void 0:m.has(a))||((f=v.get(u))==null||f.set(a,g),u.addEventListener(e,g,r))}return x(t),function(){var u,m,f,g;if(!b.has(t))return;let p=b.get(t);if((u=p==null?void 0:p.get(a))==null||u.delete(n),((m=p==null?void 0:p.get(a))==null?void 0:m.size)===0){let l=(f=v.get(t))==null?void 0:f.get(a);t.removeEventListener(e,l,r),p==null||p.delete(a),(g=v.get(t))==null||g.delete(a),(p==null?void 0:p.size)===0&&(b.delete(t),v.delete(t))}}}var N=t=>Object.prototype.toString.call(t).slice(8,-1),It=t=>N(t)==="Object"&&"current"in t,Ot=t=>N(t)==="Function"?t():t,Rt=t=>N(t)==="Object"&&!!t.touches,Vt={pageX:0,pageY:0,clientX:0,clientY:0};function Dt(t,e="page"){let n=Rt(t)?t.touches[0]||t.changedTouches[0]||Vt:t;return{point:{x:n[`${e}X`],y:n[`${e}Y`]}}}function Nt(t,e,n,r){let o=It(t)?t.current:Ot(t);return Ct(o,e,n,r)}function k(t,e,n,r){var o;let a=(o=Yt(e))!=null?o:e;return Nt(t,a,Ft(n,e==="pointerdown"),r)}function Ft(t,e=!1){let n=r=>{t(r,Dt(r))};return e?Wt(n):n}function Wt(t){return e=>{var n;let r=(n=e.view)!=null?n:window,o=e instanceof r.MouseEvent;(!o||o&&e.button===0)&&t(e)}}var zt=()=>typeof window!="undefined"&&window.onpointerdown===null,Ht=()=>typeof window!="undefined"&&window.ontouchstart===null,_t=()=>typeof window!="undefined"&&window.onmousedown===null,jt={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},Ut={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function Yt(t){return zt()?t:Ht()?Ut[t]:_t()?jt[t]:t}function X(t){var e;return(e=t==null?void 0:t.ownerDocument.defaultView)!=null?e:window}function B(t){var e;return(e=t.nativeEvent)!=null?e:t}function $t(t,e="input"){var n;let r=X(t)[e==="input"?"HTMLInputElement":"HTMLTextAreaElement"].prototype;return(n=Object.getOwnPropertyDescriptor(r,"value"))!=null?n:{}}function q(t,e){var n;let r=X(t);if(!(t instanceof r.HTMLInputElement))return;t.type="text",t.hidden=!0,(n=$t(t).set)==null||n.call(t,e);let o=new r.Event("input",{bubbles:!0});t.dispatchEvent(o),t.type="hidden",t.hidden=!1}var pe=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");var K={ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft",Home:"End",End:"Home"},Xt={Up:"ArrowUp",Down:"ArrowDown",Esc:"Escape"," ":"Space",",":"Comma",Left:"ArrowLeft",Right:"ArrowRight"};function G(t,e={}){var n;let{dir:r="ltr",orientation:o="horizontal"}=e,{key:a}=t;return a=(n=Xt[a])!=null?n:a,r==="rtl"&&o==="horizontal"&&a in K&&(a=K[a]),a}var Bt=new Set(["PageUp","PageDown"]),qt=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);function J(t){return t.ctrlKey||t.metaKey?.1:Bt.has(t.key)||t.shiftKey&&qt.has(t.key)?10:1}var E="default",F="",M=new WeakMap;function Kt({target:t,doc:e}={}){let n=e!=null?e:document;return $()?(E==="default"&&(F=n.documentElement.style.webkitUserSelect,n.documentElement.style.webkitUserSelect="none"),E="disabled"):t&&(M.set(t,t.style.userSelect),t.style.userSelect="none"),()=>Gt({target:t,doc:n})}function Gt({target:t,doc:e}={}){let n=e!=null?e:document;if($()){if(E!=="disabled")return;E="restoring",setTimeout(()=>{V(()=>{E==="restoring"&&(n.documentElement.style.webkitUserSelect==="none"&&(n.documentElement.style.webkitUserSelect=F||""),F="",E="default")})},300)}else if(t&&M.has(t)){let r=M.get(t);t.style.userSelect==="none"&&(t.style.userSelect=r!=null?r:""),t.getAttribute("style")===""&&t.removeAttribute("style"),M.delete(t)}}function Z(t){let{onPointerMove:e,onPointerUp:n,ctx:r}=t,{doc:o=document,threshold:a=5}=r;return xt(k(o,"pointermove",(d,x)=>{let{point:u}=x;if(!(Math.sqrt(U(u.x,2)+U(u.y,2))<a)){if(At(d)&&Lt(d)){n();return}e(x,d)}},!1),k(o,"pointerup",n,!1),k(o,"pointercancel",n,!1),k(o,"contextmenu",n,!1),Kt({doc:o}))}var Jt=Math.pow;var Q=new Intl.NumberFormat("en-US",{style:"decimal"});function W(t){return parseFloat(Q.format(t))}function Zt(t,e){let n=y(t),r=Jt(10,e!=null?e:10);return n=Math.round(n*r)/r,e?n.toFixed(e):t.toString()}var T=(t,e)=>(y(t)-e.min)*100/(e.max-e.min),A=(t,e)=>e.min+(e.max-e.min)*y(t);function w(t,e){return Math.min(Math.max(y(t),e.min),e.max)}function Qt(t){var e,n;return(n=(e=Q.formatToParts(t).find(r=>r.type==="fraction"))==null?void 0:e.value.length)!=null?n:0}var tt=(t,e)=>W(y(t)+e),et=(t,e)=>W(y(t)-e),nt=(t,e)=>W(y(t)*e);function P(t,e){let n=y(t),r=Qt(e),o=Math.round(n/e)*e;return Zt(o,r)}function y(t){if(typeof t=="number")return t;let e=parseFloat(t.toString().replace(/[^\w.-]+/g,""));return Number.isNaN(e)?0:e}var L=(t,e)=>{let n={min:t[0],max:t[1]},r={min:e[0],max:e[1]};return o=>{if(n.min===n.max||r.min===r.max)return r.min;let a=(r.max-r.min)/(n.max-n.min);return r.min+a*(o-n.min)}};var ge=(()=>{let t=0;return()=>(t++,t.toString(36))})(),te=t=>Array.isArray(t),ee=t=>!(t==null||typeof t!="object"||te(t)),ne=t=>ee(t)&&"touches"in t;var re={pageX:0,pageY:0,clientX:0,clientY:0};function rt(t,e="page"){let n=ne(t)?t.touches[0]||t.changedTouches[0]||re:t;return{x:n[`${e}X`],y:n[`${e}Y`]}}function ot(t,e){let n=t.x-e.offsetLeft-e.clientLeft+e.scrollLeft,r=t.y-e.offsetTop-e.clientTop+e.scrollTop;return{point:{x:n,y:r},progress:{x:n/e.offsetWidth,y:r/e.offsetHeight}}}function oe(t){let{height:e}=t.thumbSize,n=L([t.min,t.max],[-e/2,e/2]);return parseFloat(n(t.value).toFixed(2))}function ie(t){let{width:e}=t.thumbSize;if(t.isRtl){let r=L([t.max,t.min],[-e*1.5,-e/2]);return-1*parseFloat(r(t.value).toFixed(2))}let n=L([t.min,t.max],[-e/2,e/2]);return parseFloat(n(t.value).toFixed(2))}function ae(t){let e=T(t.value,t),n=t.isVertical?oe(t):ie(t),r={position:"absolute",transform:"var(--slider-thumb-transform)","--slider-thumb-placement":`calc(${e}% - ${n}px)`};return t.isVertical?r.bottom="var(--slider-thumb-placement)":r[t.isRtl?"right":"left"]="var(--slider-thumb-placement)",r}function le(t){let e=T(t.value,t),n={position:"absolute"},r="0%",o=`${100-e}%`;if(t.origin==="center"){let a=e<50;r=a?`${e}%`:"50%",o=a?"50%":o}return t.isVertical?R(O({},n),{bottom:r,top:o}):R(O({},n),{[t.isRtl?"right":"left"]:r,[t.isRtl?"left":"right"]:o})}function ue(t){return{touchAction:"none",userSelect:"none","--slider-thumb-transform":t.isVertical?"translateY(50%)":"translateX(-50%)",position:"relative"}}var i={getDoc:t=>{var e;return(e=t.doc)!=null?e:document},getRootId:t=>`slider-${t.uid}`,getThumbId:t=>`slider-${t.uid}-thumb`,getControlId:t=>`slider-${t.uid}-control`,getInputId:t=>`slider-${t.uid}-input`,getOutputId:t=>`slider-${t.uid}-output`,getTrackId:t=>`slider--${t.uid}track`,getRangeId:t=>`slider-${t.uid}-range`,getLabelId:t=>`slider-${t.uid}-label`,getMarkerId:(t,e)=>`slider-${t.uid}-marker-${e}`,getThumbEl:t=>i.getDoc(t).getElementById(i.getThumbId(t)),getControlEl:t=>i.getDoc(t).getElementById(i.getControlId(t)),getInputEl:t=>i.getDoc(t).getElementById(i.getInputId(t)),getControlStyle:ue,getThumbStyle:ae,getRangeStyle:le,getTrackStyle:()=>({position:"relative"}),getValueFromPoint(t,e){let n=i.getControlEl(t);if(!n)return;let{progress:r}=ot(e,n),o;return t.isHorizontal?o=t.isRtl?1-r.x:r.x:o=1-r.y,o=w(o,{min:0,max:1}),parseFloat(P(A(o,t),t.step))},dispatchChangeEvent(t){let e=i.getInputEl(t);!e||q(e,t.value)},getMarkerStyle(t,e){let n={position:"absolute",pointerEvents:"none"};return t.isHorizontal?(e=t.isRtl?100-e:e,n.left=`${e}%`):n.bottom=`${e}%`,n}};function se(t){return{button:t,label:t,input:t,output:t,element:t}}var it=se(t=>t);var Te=(()=>{let t=0;return()=>(t++,t.toString(36))})();var at=t=>t.button===0;var lt=t=>t.ctrlKey||t.altKey||t.metaKey||t.shiftKey;function ut(t,e,n=it){var g,p;let r=t.context["aria-label"],o=t.context["aria-labelledby"],a=(p=(g=t.context).getAriaValueText)==null?void 0:p.call(g,t.context.value),d=t.matches("focus"),x=t.matches("dragging"),u=t.context.disabled,m=t.context.isInteractive,f=t.context.invalid;return{isFocused:d,isDragging:x,value:t.context.value,percent:T(t.context.value,t.context),setValue(l){e({type:"SET_VALUE",value:l})},getPercentValue(l){return A(l,t.context)},focus(){var l;(l=i.getThumbEl(t.context))==null||l.focus()},increment(){e("INCREMENT")},decrement(){e("DECREMENT")},rootProps:n.element({"data-part":"root","data-disabled":c(u),"data-orientation":t.context.orientation,id:i.getRootId(t.context),dir:t.context.dir}),labelProps:n.label({"data-part":"label","data-disabled":c(u),"data-invalid":c(f),id:i.getLabelId(t.context),htmlFor:i.getInputId(t.context),onClick(l){var s;!m||(l.preventDefault(),(s=i.getThumbEl(t.context))==null||s.focus())},style:{userSelect:"none"}}),thumbProps:n.element({"data-part":"thumb",id:i.getThumbId(t.context),"data-disabled":c(u),"data-orientation":t.context.orientation,"data-focus":c(d),draggable:!1,"aria-invalid":f||void 0,"data-invalid":c(f),"aria-disabled":u||void 0,"aria-label":r,"aria-labelledby":r?void 0:o!=null?o:i.getLabelId(t.context),"aria-orientation":t.context.orientation,"aria-valuemax":t.context.max,"aria-valuemin":t.context.min,"aria-valuenow":t.context.value,"aria-valuetext":a,role:"slider",tabIndex:u?void 0:0,onBlur(){!m||e("BLUR")},onFocus(){!m||e("FOCUS")},onKeyDown(l){if(!m)return;let s=nt(J(l),t.context.step),h=!0,I={ArrowUp(){e({type:"ARROW_UP",step:s}),h=t.context.isVertical},ArrowDown(){e({type:"ARROW_DOWN",step:s}),h=t.context.isVertical},ArrowLeft(){e({type:"ARROW_LEFT",step:s}),h=t.context.isHorizontal},ArrowRight(){e({type:"ARROW_RIGHT",step:s}),h=t.context.isHorizontal},PageUp(){e({type:"PAGE_UP",step:s})},PageDown(){e({type:"PAGE_DOWN",step:s})},Home(){e("HOME")},End(){e("END")}},ct=G(l,t.context),z=I[ct];!z||(z(l),h&&(l.preventDefault(),l.stopPropagation()))},style:i.getThumbStyle(t.context)}),inputProps:n.input({"data-part":"input",type:"hidden",defaultValue:t.context.value,name:t.context.name,id:i.getInputId(t.context)}),outputProps:n.output({"data-part":"output","data-disabled":c(u),"data-invalid":c(f),id:i.getOutputId(t.context),htmlFor:i.getInputId(t.context),"aria-live":"off"}),trackProps:n.element({"data-part":"track",id:i.getTrackId(t.context),"data-disabled":c(u),"data-invalid":c(f),"data-orientation":t.context.orientation,"data-focus":c(d),style:i.getTrackStyle()}),rangeProps:n.element({"data-part":"range",id:i.getRangeId(t.context),"data-invalid":c(f),"data-disabled":c(u),"data-orientation":t.context.orientation,style:i.getRangeStyle(t.context)}),controlProps:n.element({"data-part":"control",id:i.getControlId(t.context),"data-disabled":c(u),"data-invalid":c(f),"data-orientation":t.context.orientation,"data-focus":c(d),onPointerDown(l){if(!m)return;let s=B(l);if(!at(s)||lt(s))return;let h=rt(s);e({type:"POINTER_DOWN",point:h}),l.preventDefault(),l.stopPropagation()},style:i.getControlStyle(t.context)}),markerGroupProps:n.element({"data-part":"marker-group",role:"presentation","aria-hidden":!0,"data-orientation":t.context.orientation,style:{userSelect:"none",pointerEvents:"none",position:"relative"}}),getMarkerProps({value:l}){let s=T(l,t.context),h=i.getMarkerStyle(t.context,s),I=l>t.context.value?"over-value":l<t.context.value?"under-value":"at-value";return n.element({"data-part":"marker","data-orientation":t.context.orientation,id:i.getMarkerId(t.context,l),"data-value":l,"data-disabled":c(u),"data-state":I,style:h})}}}var C=require("@zag-js/core");var st=(0,C.createMachine)({id:"slider-machine",initial:"unknown",context:{thumbSize:{width:0,height:0},uid:"",disabled:!1,threshold:5,dir:"ltr",origin:"start",orientation:"horizontal",value:0,step:1,min:0,max:100},computed:{isHorizontal:t=>t.orientation==="horizontal",isVertical:t=>t.orientation==="vertical",isRtl:t=>t.orientation==="horizontal"&&t.dir==="rtl",isInteractive:t=>!(t.disabled||t.readonly)},watch:{value:["invokeOnChange","dispatchChangeEvent"]},states:{unknown:{on:{SETUP:{target:"idle",actions:["setupDocument","setThumbSize"]}}},idle:{on:{POINTER_DOWN:{target:"dragging",actions:["setPointerValue","invokeOnChangeStart","focusThumb"]},FOCUS:"focus"}},focus:{entry:"focusThumb",on:{POINTER_DOWN:{target:"dragging",actions:["setPointerValue","invokeOnChangeStart","focusThumb"]},ARROW_LEFT:{guard:"isHorizontal",actions:["decrement"]},ARROW_RIGHT:{guard:"isHorizontal",actions:["increment"]},ARROW_UP:{guard:"isVertical",actions:["increment"]},ARROW_DOWN:{guard:"isVertical",actions:["decrement"]},PAGE_UP:{actions:["increment"]},PAGE_DOWN:{actions:["decrement"]},HOME:{actions:["setToMin"]},END:{actions:["setToMax"]},BLUR:"idle"}},dragging:{entry:"focusThumb",activities:"trackPointerMove",on:{POINTER_UP:{target:"focus",actions:"invokeOnChangeEnd"},POINTER_MOVE:{actions:"setPointerValue"}}}}},{guards:{isHorizontal:t=>t.isHorizontal,isVertical:t=>t.isVertical},activities:{trackPointerMove(t,e,{send:n}){return Z({ctx:t,onPointerMove(r){n({type:"POINTER_MOVE",point:r.point})},onPointerUp(){n("POINTER_UP")}})}},actions:{setupDocument(t,e){e.doc&&(t.doc=(0,C.ref)(e.doc)),t.uid=e.id},invokeOnChangeStart(t){var e;(e=t.onChangeStart)==null||e.call(t,t.value)},invokeOnChangeEnd(t){var e;(e=t.onChangeEnd)==null||e.call(t,t.value)},invokeOnChange(t){var e;(e=t.onChange)==null||e.call(t,t.value)},dispatchChangeEvent(t){i.dispatchChangeEvent(t)},setThumbSize(t){Y(()=>{let e=i.getThumbEl(t);!e||(t.thumbSize.width=e.offsetWidth,t.thumbSize.height=e.offsetHeight)})},setPointerValue(t,e){let n=i.getValueFromPoint(t,e.point);n!=null&&(t.value=w(n,t))},focusThumb(t){V(()=>{var e;return(e=i.getThumbEl(t))==null?void 0:e.focus()})},decrement(t,e){var r;let n=et(t.value,(r=e.step)!=null?r:t.step);n=parseFloat(P(n,t.step)),t.value=w(n,t)},increment(t,e){var r;let n=tt(t.value,(r=e.step)!=null?r:t.step);n=parseFloat(P(n,t.step)),t.value=w(n,t)},setToMin(t){t.value=t.min},setToMax(t){t.value=t.max},setValue(t,e){t.value=w(e.value,t)}}});module.exports=bt(ce);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/wait.ts", "../../../utilities/number/src/number-format.ts", "../../../utilities/number/src/number.ts", "../../../utilities/number/src/rangy.ts", "../../../utilities/number/src/transform.ts", "../../../utilities/rect/src/rect.ts", "../../../utilities/rect/src/computed-style.ts", "../../../utilities/rect/src/from-element.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/rect/src/point.ts", "../../../utilities/rect/src/operations.ts", "../../../utilities/rect/src/polygon.ts", "../src/slider.dom.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/slider.connect.ts", "../src/slider.machine.ts"],
+  "sourcesContent": ["import { dom as unstable__dom } from \"./slider.dom\"\n\nexport { connect } from \"./slider.connect\"\nexport { machine } from \"./slider.machine\"\nexport type { MachineContext, MachineState } from \"./slider.types\"\nexport { unstable__dom }\n", "type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? true : undefined\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nconst styleCache: WeakMap<HTMLElement, Styles> = new WeakMap()\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  let style: Styles | undefined = styleCache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    styleCache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey)\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype El = HTMLElement | Document | VisualViewport | Window\ntype Handler = (event: Event) => void\ntype Group = Map<string, Set<Handler>>\ntype Option = boolean | AddEventListenerOptions\n\nconst listenerElements: Map<El, Group> = new Map()\nconst listenerCache: Map<El, Map<string, Handler>> = new Map()\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n  if (!node) return noop\n\n  // unique identifier for the event listener\n  const hash = JSON.stringify({ type, options })\n\n  // Subscribe pattern\n\n  const group = listenerElements.get(node)\n\n  if (!listenerElements.has(node)) {\n    // create group of listeners per hash\n    const group: Group = new Map([[hash, new Set([handler])]])\n    listenerElements.set(node, group)\n  } else if (group?.has(hash)) {\n    group?.get(hash)?.add(handler)\n  } else {\n    group?.set(hash, new Set([handler]))\n  }\n\n  // add the event listener to the node or register it in the cache\n  function attach(node: El) {\n    // Publish pattern\n    function listener(event: Event) {\n      const group = listenerElements.get(node)\n      group?.get(hash)?.forEach((fn) => fn(event))\n    }\n\n    if (!listenerCache?.has(node)) {\n      listenerCache.set(node, new Map([[hash, listener]]))\n      node.addEventListener(type, listener, options)\n      return\n    }\n\n    if (!listenerCache?.get(node)?.has(hash)) {\n      listenerCache.get(node)?.set(hash, listener)\n      node.addEventListener(type, listener, options)\n    }\n  }\n\n  attach(node)\n\n  return function remove() {\n    if (!listenerElements.has(node)) return\n\n    const group = listenerElements.get(node)\n    group?.get(hash)?.delete(handler)\n\n    if (group?.get(hash)?.size === 0) {\n      const listener = listenerCache.get(node)?.get(hash)!\n      node.removeEventListener(type, listener, options)\n      group?.delete(hash)\n      listenerCache.get(node)?.delete(hash)\n\n      if (group?.size === 0) {\n        listenerElements.delete(node)\n        listenerCache.delete(node)\n      }\n    }\n  }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n  AnyPointerEvent,\n  DOMEventTarget,\n  EventMap,\n  PointerEventInfo,\n  PointerNameMap,\n  RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n  return {\n    point: {\n      x: point[`${type}X`],\n      y: point[`${type}Y`],\n    },\n  }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K]) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const node = isRef(target) ? target.current : runIfFn(target)\n  return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K], info: PointerEventInfo) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const type = getEventName(event) ?? event\n  return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n  fn: (event: E, info: PointerEventInfo) => void,\n  filter = false,\n) {\n  const listener: EventListener = (event: any) => {\n    fn(event, extractInfo(event))\n  }\n  return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n  return (event: Event) => {\n    const win = ((event as UIEvent).view ?? window) as typeof window\n    const isMouseEvent = event instanceof win.MouseEvent\n    const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n    if (isPrimary) fn(event)\n  }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n  return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n  pointerdown: \"mousedown\",\n  pointermove: \"mousemove\",\n  pointerup: \"mouseup\",\n  pointercancel: \"mousecancel\",\n  pointerover: \"mouseover\",\n  pointerout: \"mouseout\",\n  pointerenter: \"mouseenter\",\n  pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n  pointerdown: \"touchstart\",\n  pointermove: \"touchmove\",\n  pointerup: \"touchend\",\n  pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n  if (supportsPointerEvent()) return evt\n  if (supportsTouchEvent()) return touchEventNames[evt]\n  if (supportsMouseEvent()) return mouseEventNames[evt]\n  return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n  disabled: boolean\n  document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n  const { disabled = false, document: docProp } = opts\n  const doc: Document = docProp || document\n\n  let isTouchOrPenPressed = false\n  let isLeftClickPressed = false\n\n  function listen() {\n    const onPointerDown = (event: PointerEvent) => {\n      const isMouse = event.pointerType === \"mouse\"\n      isTouchOrPenPressed = !isMouse\n      isLeftClickPressed = isMouse && isLeftClick(event)\n    }\n\n    const onPointerUp = () => {\n      isTouchOrPenPressed = false\n      isLeftClickPressed = false\n    }\n\n    // prettier-ignore\n    return pipe(\n        addDomEvent(doc, \"pointerdown\", onPointerDown),\n        addDomEvent(doc,\"pointerup\", onPointerUp)\n      )\n  }\n\n  function reset() {\n    changeCount--\n    if (changeCount === 0) {\n      doc.body.style.pointerEvents = originalBodyPointerEvents\n    }\n    if (el) {\n      el.style.pointerEvents = \"\"\n    }\n  }\n\n  function apply() {\n    if (disabled) return\n\n    if (changeCount === 0) {\n      originalBodyPointerEvents = doc.body.style.pointerEvents\n    }\n\n    doc.body.style.pointerEvents = \"none\"\n    if (el) {\n      el.style.pointerEvents = \"auto\"\n    }\n\n    changeCount++\n\n    return function () {\n      if (isTouchOrPenPressed) {\n        addDomEvent(doc, \"click\", reset, { once: true })\n      } else if (isLeftClickPressed) {\n        addDomEvent(doc, \"pointerup\", reset, { once: true })\n      } else {\n        reset()\n      }\n    }\n  }\n\n  const cleanups: Array<VoidFunction | undefined> = []\n  cleanups.push(apply())\n  nextTick(() => {\n    cleanups.push(listen())\n  })\n\n  return function () {\n    cleanups.forEach((cleanup) => cleanup?.())\n  }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n  disabled?: boolean\n  allowPinchZoom?: boolean\n  document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n  const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n  const doc = docProp ?? document\n  const win = doc?.defaultView ?? window\n\n  const viewport = isDom() ? win.visualViewport : null\n  const docEl = doc.documentElement\n\n  function preventScrollStandard() {\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n    )\n    return () => fn?.()\n  }\n\n  function preventScrollMobileSafari() {\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function getNativeEvent<E>(\n  event: E,\n): React.ChangeEvent<any> extends E ? InputEvent : E extends React.SyntheticEvent<any, infer T> ? T : never {\n  return (event as any).nativeEvent ?? event\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el)\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n  if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n    return getOwnerDocument(el).body\n  }\n\n  if (isHTMLElement(el) && isScrollParent(el)) {\n    return el\n  }\n\n  return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n  const scrollParent = getScrollParent(el)\n  const isBody = scrollParent === getOwnerDocument(el).body\n  const win = getOwnerWindow(scrollParent)\n\n  const target = isBody\n    ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n    : scrollParent\n\n  const parents = list.concat(target)\n  if (isBody) return parents\n\n  return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n  if (isWindow(el)) {\n    return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n  }\n\n  return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\nfunction descriptor(el: HTMLElement, type: \"input\" | \"textarea\" = \"input\") {\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, \"value\") ?? {}\n}\n\nexport function dispatchEvent(el: HTMLElement, name: string, options: CustomEventInit) {\n  const win = getOwnerWindow(el)\n  const evt = new win.CustomEvent(name, options)\n  el.dispatchEvent(evt)\n  return evt\n}\n\nexport function dispatchInputEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n\n  el.type = \"text\"\n  el.hidden = true\n\n  descriptor(el).set?.call(el, value)\n\n  const evt = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(evt)\n\n  el.type = \"hidden\"\n  el.hidden = false\n}\n\nexport function onElementValueChange(el: HTMLInputElement, fn?: (value: string) => void) {\n  if (!fn) return\n\n  const { get, set } = descriptor(el)\n\n  let run = true\n\n  Object.defineProperty(el, \"value\", {\n    get() {\n      return get?.call(this)\n    },\n    set(value: string) {\n      if (run) fn(value)\n      return set?.call(this, value)\n    },\n  })\n\n  return function () {\n    run = false\n  }\n}\n", "/**\n * Determine if the blur event within an element is valid\n */\nexport function validateBlur(event: Event, opts: Options) {\n  const exclude = Array.isArray(opts.exclude) ? opts.exclude : [opts.exclude]\n  const relatedTarget = (event.relatedTarget ?? opts.fallback) as HTMLElement\n  return exclude.every((el) => !el?.contains(relatedTarget))\n}\n\ntype MaybeArray<T> = T | T[]\n\ntype Options = {\n  exclude: MaybeArray<HTMLElement | null>\n  fallback?: HTMLElement | null\n}\n\ntype Event = Pick<FocusEvent, \"relatedTarget\">\n", "import { getComputedStyle } from \"./computed-style\"\nimport { isDisabled, isHTMLElement } from \"./query\"\n\nexport const focusableSelector = /*#__PURE__*/ [\n  \"input:not([disabled]):not([type=hidden])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"embed\",\n  \"iframe\",\n  \"object\",\n  \"a[href]\",\n  \"area[href]\",\n  \"[tabindex]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"*[tabindex]:not([aria-disabled])\",\n  \"[contenteditable]:not([contenteditable=false])\",\n  \"details > summary:first-of-type\",\n].join(\",\")\n\nexport function isHidden(el: HTMLElement | null, until?: HTMLElement) {\n  const style = getComputedStyle(el)\n  if (!el || style.getPropertyValue(\"visibility\") === \"hidden\") return true\n  while (el) {\n    if (until != null && el === until) return false\n    if (style.getPropertyValue(\"display\") === \"none\") return true\n    el = el.parentElement\n  }\n  return false\n}\n\n/**\n * Returns the focusable elements within the element\n */\nexport const getFocusables = (el: HTMLElement | Document | null, includeContainer = false) => {\n  if (!el) return []\n  let els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  if (includeContainer && isHTMLElement(el)) {\n    els.unshift(el)\n  }\n  return els.filter((el) => isFocusable(el) && !isHidden(el))\n}\n\n/**\n * Whether this element is focusable\n */\nexport const isFocusable = (el: HTMLElement | null) => {\n  if (!isHTMLElement(el) || isHidden(el) || isDisabled(el)) return false\n  return el?.matches(focusableSelector)\n}\n\n/**\n * Returns the tabbable elements within the element\n */\nexport const getTabbables = (el: HTMLElement | Document, includeContainer = false) => {\n  return getFocusables(el, includeContainer).filter(isTabbable)\n}\n\n/**\n * Whether this element is tabbable\n */\nexport const isTabbable = (el: HTMLElement | null) => {\n  return isFocusable(el) && !isDisabled(el) && !isHidden(el)\n}\n", "import type { KeyboardEvent } from \"react\"\n\ntype EventKey =\n  | \"ArrowDown\"\n  | \"ArrowUp\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"Space\"\n  | \"Enter\"\n  | \"Comma\"\n  | \"Escape\"\n  | \"Backspace\"\n  | \"Delete\"\n  | \"Home\"\n  | \"End\"\n  | \"Tab\"\n  | \"PageUp\"\n  | \"PageDown\"\n  | (string & {})\n\nexport type EventKeyMap = Partial<Record<EventKey, (event: React.KeyboardEvent) => void>>\n\nconst rtlKeyMap = {\n  ArrowLeft: \"ArrowRight\",\n  ArrowRight: \"ArrowLeft\",\n  Home: \"End\",\n  End: \"Home\",\n}\n\nconst sameKeyMap = {\n  Up: \"ArrowUp\",\n  Down: \"ArrowDown\",\n  Esc: \"Escape\",\n  \" \": \"Space\",\n  \",\": \"Comma\",\n  Left: \"ArrowLeft\",\n  Right: \"ArrowRight\",\n}\n\ntype EventKeyOptions = {\n  dir?: \"ltr\" | \"rtl\"\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\n/**\n * Determine the event key based on text direction.\n */\nexport function getEventKey(event: KeyboardEvent, options: EventKeyOptions = {}) {\n  const { dir = \"ltr\", orientation = \"horizontal\" } = options\n\n  let { key } = event\n  key = sameKeyMap[key] ?? key // normalize key\n\n  const isRtl = dir === \"rtl\" && orientation === \"horizontal\"\n\n  if (isRtl && key in rtlKeyMap) {\n    key = rtlKeyMap[key]\n  }\n\n  return key\n}\n\nconst PAGE_KEYS = new Set([\"PageUp\", \"PageDown\"])\nconst ARROW_KEYS = new Set([\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"])\n\n/**\n * Determine the step factor for keyboard events\n */\nexport function getEventStep(event: KeyboardEvent) {\n  if (event.ctrlKey || event.metaKey) {\n    return 0.1\n  } else {\n    const isPageKey = PAGE_KEYS.has(event.key)\n    const isSkipKey = isPageKey || (event.shiftKey && ARROW_KEYS.has(event.key))\n    return isSkipKey ? 10 : 1\n  }\n}\n", "export const visuallyHiddenStyle = {\n  border: \"0\",\n  clip: \"rect(0 0 0 0)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0\",\n  position: \"absolute\",\n  width: \"1px\",\n  whiteSpace: \"nowrap\",\n  wordWrap: \"normal\",\n} as const\n\nexport function setVisuallyHidden(el: HTMLElement) {\n  Object.assign(el.style, visuallyHiddenStyle)\n}\n", "import { setVisuallyHidden } from \"./visually-hidden\"\n\nexport type LiveRegionOptions = {\n  level: \"polite\" | \"assertive\"\n  doc?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", doc: ownerDocument, root, delay: rootDelay = 0 } = opts\n\n  const doc = ownerDocument ?? document\n  const win = doc.defaultView ?? window\n\n  const parent = root ?? doc.body\n\n  function announce(msg: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    if (!!oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n\n    // Did an override level get set?\n    delay = delay ?? rootDelay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n\n    // Determine redundant role\n    var role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region!.textContent = msg\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    if (oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n  }\n\n  return { announce, destroy }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback, subtree = false) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree })\n\n  return () => obs.disconnect()\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n  return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n  const item = itemById(v, id)\n  return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n  return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  if (idx === -1) return loop ? v[v.length - 1] : null\n  idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n  return v[idx]\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const filtered = v.filter((item) => {\n    const str = item.dataset.valuetext ?? item.textContent\n    return !!str?.toLowerCase().startsWith(text.toLowerCase())\n  })\n  return currentId ? nextById(filtered, currentId) : null\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n  return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state === \"default\") {\n      savedUserSelect = _document.documentElement.style.webkitUserSelect\n      _document.documentElement.style.webkitUserSelect = \"none\"\n    }\n\n    state = \"disabled\"\n  } else if (target) {\n    modifiedElementMap.set(target, target.style.userSelect)\n    target.style.userSelect = \"none\"\n  }\n\n  return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state !== \"disabled\") return\n    state = \"restoring\"\n\n    setTimeout(() => {\n      nextTick(() => {\n        if (state === \"restoring\") {\n          if (_document.documentElement.style.webkitUserSelect === \"none\") {\n            _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n          }\n\n          savedUserSelect = \"\"\n          state = \"default\"\n        }\n      })\n    }, 300)\n  } else {\n    if (target && modifiedElementMap.has(target)) {\n      let targetOldUserSelect = modifiedElementMap.get(target)\n\n      if (target.style.userSelect === \"none\") {\n        target.style.userSelect = targetOldUserSelect ?? \"\"\n      }\n\n      if (target.getAttribute(\"style\") === \"\") {\n        target.removeAttribute(\"style\")\n      }\n      modifiedElementMap.delete(target)\n    }\n  }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n  const win = doc.defaultView ?? window\n  const fn = (event: PointerEvent) => {\n    if (event.target instanceof win.HTMLElement) {\n      onPointerDown(event.target)\n    }\n  }\n  return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n  ctx: { doc?: Document; threshold?: number }\n  onPointerUp: VoidFunction\n  onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n  const { onPointerMove, onPointerUp, ctx } = opts\n  const { doc = document, threshold = 5 } = ctx\n\n  const handlePointerMove: Listener = (event, info) => {\n    const { point: p } = info\n    const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n    if (distance < threshold) return\n\n    // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n    if (isMouseEvent(event) && isLeftClick(event)) {\n      onPointerUp()\n      return\n    }\n\n    onPointerMove(info, event)\n  }\n\n  return pipe(\n    addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n    addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n    addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n    addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n    disableTextSelection({ doc }),\n  )\n}\n", "type PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  doc.addEventListener(\"webkitpointerlockchange\", fn, false)\n  doc.addEventListener(\"mozpointerlockchange\", fn, false)\n  doc.addEventListener(\"pointerlockchange\", fn, false)\n  return function cleaup() {\n    doc.removeEventListener(\"mozpointerlockchange\", fn, false)\n    doc.removeEventListener(\"pointerlockchange\", fn, false)\n  }\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"webkitpointerlockerror\", fn, false)\n  doc.addEventListener(\"mozpointerlockerror\", fn, false)\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"webkitpointerlockerror\", fn, false)\n    doc.removeEventListener(\"mozpointerlockerror\", fn, false)\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nfunction getPointerlockFunc(el: HTMLElement) {\n  return el.requestPointerLock || (el as any).mozRequestPointerLock || (el as any).webkitRequestPointerLock\n}\n\nfunction getRemovePointerlockFunc(doc: Document) {\n  return doc.exitPointerLock || (doc as any).mozExitPointerLock || (doc as any).webkitExitPointerLock\n}\n\nexport function getPointerlockElement(doc: Document) {\n  return doc.pointerLockElement || (doc as any).mozPointerLockElement || (doc as any).webkitPointerLockElement\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  function isSupported() {\n    return \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc || \"webkitPointerLockElement\" in doc\n  }\n\n  function hasLockElement() {\n    return !!doc.pointerLockElement\n  }\n\n  function onPointerChange() {\n    if (hasLockElement()) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    const isLocked = hasLockElement()\n    if (isLocked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock = getRemovePointerlockFunc(doc)\n    doc.exitPointerLock()\n  }\n\n  const cleanups: Set<Function> = new Set()\n\n  function addEventListeners() {\n    cleanups.add(addPointerlockChangeListener(doc, onPointerChange))\n    cleanups.add(addPointerlockErrorListener(doc, onPointerError))\n  }\n\n  function dispose() {\n    if (!isSupported()) return\n    cleanups.forEach((fn) => fn())\n    cleanups.clear()\n    exit()\n  }\n\n  function setup() {\n    if (!isSupported()) return\n    body.requestPointerLock = getPointerlockFunc(body)\n    body.requestPointerLock()\n    addEventListeners()\n  }\n\n  setup()\n  return dispose\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nconst observedElements: Map<Measurable, ObservedData> = new Map()\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n  const data = observedElements.get(el)\n\n  if (!data) {\n    observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n    if (observedElements.size === 1) {\n      rafId = requestAnimationFrame(runLoop)\n    }\n  } else {\n    data.callbacks.push(fn)\n    fn(el.getBoundingClientRect())\n  }\n\n  return function unobserve() {\n    const data = observedElements.get(el)\n    if (!data) return\n\n    const index = data.callbacks.indexOf(fn)\n    if (index > -1) {\n      data.callbacks.splice(index, 1)\n    }\n\n    if (data.callbacks.length === 0) {\n      observedElements.delete(el)\n\n      if (observedElements.size === 0) {\n        cancelAnimationFrame(rafId)\n      }\n    }\n  }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n  const changedRectsData: Array<ObservedData> = []\n\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect()\n\n    if (!isEqual(data.rect, newRect)) {\n      data.rect = newRect\n      changedRectsData.push(data)\n    }\n  })\n\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect))\n  })\n\n  rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  )\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n  const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n  return addDomEvent(doc, \"visibilitychange\", () => {\n    const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n    callback(!!hidden)\n  })\n}\n", "export function waitUntil(predicate: () => boolean) {\n  if (predicate()) return Promise.resolve(true)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      if (predicate()) {\n        globalThis.clearInterval(id)\n        resolve(true)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "export const nf = new Intl.NumberFormat(\"en-US\", { style: \"decimal\" })\n\nexport function formatter(n: number) {\n  return parseFloat(nf.format(n))\n}\n", "import { formatter, nf } from \"./number-format\"\n\nexport type Num<T extends string> = Record<T, number>\n\nexport function wrap(num: number, max: number): number {\n  return ((num % max) + max) % max\n}\n\nexport function round(v: number | string, t?: number) {\n  let num = valueOf(v)\n  const p = 10 ** (t ?? 10)\n  num = Math.round(num * p) / p\n  return t ? num.toFixed(t) : v.toString()\n}\n\nexport function roundToPx(num: number) {\n  if (typeof window === \"undefined\") return Math.round(num)\n  const dp = window.devicePixelRatio\n  return Math.floor(num * dp + 0.5) / dp\n}\n\nexport const valueToPercent = (v: number | string, r: Num<\"step\" | \"min\" | \"max\">) =>\n  ((valueOf(v) - r.min) * 100) / (r.max - r.min)\n\nexport const percentToValue = (v: number | string, r: Num<\"min\" | \"max\">) => r.min + (r.max - r.min) * valueOf(v)\n\nexport function clamp(v: number | string, o: Num<\"min\" | \"max\">) {\n  return Math.min(Math.max(valueOf(v), o.min), o.max)\n}\n\nexport function countDecimals(v: number | undefined) {\n  return nf.formatToParts(v).find((p) => p.type === \"fraction\")?.value.length ?? 0\n}\n\nexport const increment = (v: number | string, s: number) => formatter(valueOf(v) + s)\n\nexport const decrement = (v: number | string, s: number) => formatter(valueOf(v) - s)\n\nexport const multiply = (v: number | string, s: number) => formatter(valueOf(v) * s)\n\nexport function snapToStep(value: number | string, step: number) {\n  const num = valueOf(value)\n  const p = countDecimals(step)\n  const v = Math.round(num / step) * step\n  return round(v, p)\n}\n\nexport function valueOf(v: string | number) {\n  if (typeof v === \"number\") return v\n  const num = parseFloat(v.toString().replace(/[^\\w.-]+/g, \"\"))\n  return !Number.isNaN(num) ? num : 0\n}\n\ntype PrecisionOptions = {\n  value: string | number\n  precision?: number\n  step: number\n}\n\nexport function getMaxPrecision(o: PrecisionOptions) {\n  const stepPrecision = countDecimals(o.step)\n  const val = valueOf(o.value)\n  const valuePrecision = Number.isNaN(val) ? stepPrecision : Math.max(countDecimals(val), stepPrecision)\n  return Math.max(valuePrecision, o.precision ?? 0)\n}\n\nexport function roundToPrecision(v: number | string, o: Omit<PrecisionOptions, \"value\">) {\n  return round(v, getMaxPrecision({ ...o, value: v }))\n}\n\nexport function isAtMax(v: number | string, o: Num<\"max\">) {\n  const val = valueOf(v)\n  return val >= o.max\n}\n\nexport function isAtMin(v: number | string, o: Num<\"min\">) {\n  const val = valueOf(v)\n  return val <= o.min\n}\n\nexport function isWithinRange(v: number | string, o: Num<\"min\" | \"max\">) {\n  const val = valueOf(v)\n  return val >= o.min && val <= o.max\n}\n", "import {\n  clamp,\n  decrement,\n  getMaxPrecision,\n  increment,\n  isAtMax,\n  isAtMin,\n  isWithinRange,\n  Num,\n  percentToValue,\n  roundToPrecision,\n  snapToStep,\n  valueOf,\n  valueToPercent,\n} from \"./number\"\n\nexport type RangeOptions<T = string | number> = Num<\"min\" | \"max\"> & {\n  step: number\n  precision?: number\n  value: T\n}\n\nexport function rangy(o: RangeOptions) {\n  const wrap = (v: string | number) => rangy({ ...o, value: v })\n  return {\n    isInRange: isWithinRange(o.value, o),\n    isAtMax: isAtMax(o.value, o),\n    isAtMin: isAtMin(o.value, o),\n    percent: valueToPercent(o.value, o),\n    valueAsNumber: valueOf(o.value),\n    value: roundToPrecision(o.value, o),\n    precision: getMaxPrecision(o),\n    snapToStep: () => wrap(snapToStep(o.value, o.step)),\n    increment: (s?: number) => wrap(increment(o.value, s || o.step)),\n    decrement: (s?: number) => wrap(decrement(o.value, s || o.step)),\n    toMax: () => wrap(o.max),\n    toMin: () => wrap(o.min),\n    fromPercent: (p: number) => wrap(percentToValue(p, o)),\n    clamp: () => wrap(clamp(o.value, o)),\n  }\n}\n", "import { formatter } from \"./number-format\"\n\ntype Num<T extends string> = Record<T, number>\n\nexport const transform = (a: [number, number], b: [number, number]) => {\n  const i = { min: a[0], max: a[1] }\n  const o = { min: b[0], max: b[1] }\n  return (v: number) => {\n    if (i.min === i.max || o.min === o.max) return o.min\n    const ratio = (o.max - o.min) / (i.max - i.min)\n    return o.min + ratio * (v - i.min)\n  }\n}\n\nexport function toRanges(o: Num<\"min\" | \"max\"> & { value: number[]; spacing: number }) {\n  const spacing = o.spacing ?? 0\n  return o.value.map((v, i) => {\n    const min = i === 0 ? o.min : o.value[i - 1] + spacing\n    const max = i === o.value.length - 1 ? o.max : o.value[i + 1] - spacing\n    return { min, max, value: v }\n  })\n}\n\nexport function toRangeArray(o: Num<\"min\" | \"max\" | \"step\">): number[] {\n  let i = o.min\n  const range: number[] = []\n  while (i <= o.max) {\n    range.push(i)\n    i = formatter(i + o.step)\n  }\n  return range\n}\n", "import { RectEdge, RectValue } from \"./types\"\n\nconst point = (x: number, y: number) => ({ x, y })\n\nexport class Rect {\n  static create(v: RectValue) {\n    return new Rect(v)\n  }\n  protected constructor(private v: RectValue) {}\n  set(n: Partial<RectValue>) {\n    return new Rect(Object.assign({}, this.v, n))\n  }\n  clone() {\n    return new Rect(this.v)\n  }\n  get x() {\n    return this.v.x\n  }\n  get y() {\n    return this.v.y\n  }\n  get width() {\n    return this.v.width\n  }\n  get height() {\n    return this.v.height\n  }\n  get minX() {\n    return this.v.x\n  }\n  get midX() {\n    return this.v.x + this.v.width / 2\n  }\n  get maxX() {\n    return this.v.x + this.v.width\n  }\n  get minY() {\n    return this.v.y\n  }\n  get midY() {\n    return this.v.y + this.v.height / 2\n  }\n  get maxY() {\n    return this.v.y + this.v.height\n  }\n  get center() {\n    return point(this.midX, this.midY)\n  }\n  get centers() {\n    const top = point(this.midX, this.minY)\n    const right = point(this.maxX, this.midY)\n    const bottom = point(this.midX, this.maxY)\n    const left = point(this.minX, this.midY)\n    return { top, right, bottom, left }\n  }\n  get corners() {\n    const top = point(this.minX, this.minY)\n    const right = point(this.maxX, this.minY)\n    const bottom = point(this.maxX, this.maxY)\n    const left = point(this.minX, this.maxY)\n    return { top, right, bottom, left }\n  }\n\n  get edges() {\n    const c = this.corners\n    const top: RectEdge = [c.top, c.right]\n    const right: RectEdge = [c.right, c.bottom]\n    const bottom: RectEdge = [c.left, c.bottom]\n    const left: RectEdge = [c.top, c.left]\n    return { top, right, bottom, left }\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nconst styleCache: WeakMap<HTMLElement, Styles> = new WeakMap()\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  let style: Styles | undefined = styleCache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    styleCache.set(el, style)\n  }\n  return style\n}\n", "import { Rect } from \"./rect\"\nimport { getComputedStyle } from \"./computed-style\"\n\nexport function getElementRect(el: HTMLElement, opts: ElementRectOptions = {}): Rect {\n  return Rect.create(getClientRect(el, opts))\n}\n\nexport type ElementRectOptions = {\n  /**\n   * Whether to exclude the element's scrollbar size from the calculation.\n   */\n  excludeScrollbar?: boolean\n  /**\n   * Whether to exclude the element's borders from the calculation.\n   */\n  excludeBorders?: boolean\n}\n\nfunction getClientRect(el: HTMLElement, opts: ElementRectOptions = {}) {\n  const { excludeScrollbar = false, excludeBorders = false } = opts\n\n  const { x, y, width, height } = el.getBoundingClientRect()\n  const r = { x, y, width, height }\n\n  const style = getComputedStyle(el)\n\n  const { borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth } = style\n\n  const borderXWidth = sum(borderLeftWidth, borderRightWidth)\n  const borderYWidth = sum(borderTopWidth, borderBottomWidth)\n\n  if (excludeBorders) {\n    r.width -= borderXWidth\n    r.height -= borderYWidth\n    r.x += px(borderLeftWidth)\n    r.y += px(borderTopWidth)\n  }\n\n  if (excludeScrollbar) {\n    const scrollbarWidth = el.offsetWidth - el.clientWidth - borderXWidth\n    const scrollbarHeight = el.offsetHeight - el.clientHeight - borderYWidth\n    r.width -= scrollbarWidth\n    r.height -= scrollbarHeight\n  }\n\n  return r\n}\n\nconst px = (v: string) => parseFloat(v.replace(\"px\", \"\"))\n\nconst sum = (...vals: string[]) => vals.reduce((sum, v) => sum + (v ? px(v) : 0), 0)\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey)\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import { isTouchEvent } from \"@zag-js/utils\"\nimport { Point } from \"./types\"\n\nexport function distance(a: Point, b: Point = { x: 0, y: 0 }): number {\n  return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2))\n}\n\nexport function closest(...pts: Point[]) {\n  return (a: Point): Point => {\n    const ds = pts.map((b) => distance(b, a))\n    const c = Math.min.apply(Math, ds)\n    return pts[ds.indexOf(c)]\n  }\n}\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function getEventPoint(e: AnyPointerEvent, t: PointType = \"page\"): Point {\n  const p = isTouchEvent(e) ? e.touches[0] || e.changedTouches[0] || fallback : e\n  return { x: p[`${t}X`], y: p[`${t}Y`] }\n}\n\nexport function relativeToNode(p: Point, el: HTMLElement): RelativeValue {\n  const dx = p.x - el.offsetLeft - el.clientLeft + el.scrollLeft\n  const dy = p.y - el.offsetTop - el.clientTop + el.scrollTop\n  return {\n    point: { x: dx, y: dy },\n    progress: { x: dx / el.offsetWidth, y: dy / el.offsetHeight },\n  }\n}\n\ntype AnyPointerEvent = MouseEvent | TouchEvent | PointerEvent\n\ntype RelativeValue = {\n  point: Point\n  progress: { x: number; y: number }\n}\n\ntype PointType = \"page\" | \"client\"\n", "import { Rect } from \"./rect\"\nimport type { Point, RectInset, SymmetricRectInset } from \"./types\"\n\nexport const isSymmetric = (v: any): v is SymmetricRectInset => \"dx\" in v || \"dy\" in v\n\nexport function inset(r: Rect, i: RectInset | SymmetricRectInset): Rect {\n  const v = isSymmetric(i) ? { left: i.dx, right: i.dx, top: i.dy, bottom: i.dy } : i\n  const { top = 0, right = 0, bottom = 0, left = 0 } = v\n  return Rect.create({ x: r.x + left, y: r.y + top, width: r.width - left - right, height: r.height - top - bottom })\n}\n\nexport function expand(r: Rect, v: number | SymmetricRectInset): Rect {\n  const value = typeof v === \"number\" ? { dx: -v, dy: -v } : v\n  return inset(r, value)\n}\n\nexport function shrink(r: Rect, v: number | SymmetricRectInset): Rect {\n  const value = typeof v === \"number\" ? { dx: -v, dy: -v } : v\n  return inset(r, value)\n}\n\nexport function shift(r: Rect, o: Partial<Point>): Rect {\n  const { x = 0, y = 0 } = o\n  return Rect.create({ x: r.x + x, y: r.y + y, width: r.width, height: r.height })\n}\n", "import { Point } from \"./types\"\n\nexport function withinPolygon(polygon: Point[], point: Point) {\n  const { x, y } = point\n  let c = false\n\n  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n    const xi = polygon[i].x\n    const yi = polygon[i].y\n    const xj = polygon[j].x\n    const yj = polygon[j].y\n\n    if (yi > y !== yj > y && x < ((xj - xi) * (y - yi)) / (yj - yi) + xi) {\n      c = !c\n    }\n  }\n  return c\n}\n\nfunction createPolygonElement() {\n  const id = \"debug-polygon\"\n  const existingPolygon = document.getElementById(id)\n  if (existingPolygon) {\n    return existingPolygon\n  }\n  const svg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\")\n  Object.assign(svg.style, {\n    top: \"0\",\n    left: \"0\",\n    width: \"100%\",\n    height: \"100%\",\n    opacity: \"0.15\",\n    position: \"fixed\",\n    pointerEvents: \"none\",\n  })\n\n  const polygon = document.createElementNS(\"http://www.w3.org/2000/svg\", \"polygon\")\n  polygon.setAttribute(\"id\", id)\n  polygon.setAttribute(\"points\", \"0,0 0,0\")\n  svg.appendChild(polygon)\n  document.body.appendChild(svg)\n  return polygon\n}\n\nexport function debugPolygon(polygon: Point[]) {\n  const el = createPolygonElement()\n  const points = polygon.map((point) => `${point.x},${point.y}`).join(\" \")\n  el.setAttribute(\"points\", points)\n}\n", "import { dispatchInputEvent } from \"@zag-js/dom-utils\"\nimport { clamp, percentToValue, snapToStep, transform, valueToPercent } from \"@zag-js/number-utils\"\nimport type { Point } from \"@zag-js/rect-utils\"\nimport { relativeToNode } from \"@zag-js/rect-utils\"\nimport type { Style } from \"@zag-js/types\"\nimport type { SharedContext, MachineContext as Ctx } from \"./slider.types\"\n\n/**\n * To ensure the slider thumb is always within the track (on the y-axis)\n */\nfunction getVerticalThumbOffset(ctx: SharedContext) {\n  const { height } = ctx.thumbSize\n  const getValue = transform([ctx.min, ctx.max], [-height / 2, height / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\n/**\n * To ensure the slider thumb is always within the track (on the x-axis)\n */\nfunction getHorizontalThumbOffset(ctx: SharedContext) {\n  const { width } = ctx.thumbSize\n\n  if (ctx.isRtl) {\n    const getValue = transform([ctx.max, ctx.min], [-width * 1.5, -width / 2])\n    return -1 * parseFloat(getValue(ctx.value).toFixed(2))\n  }\n\n  const getValue = transform([ctx.min, ctx.max], [-width / 2, width / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getThumbStyle(ctx: SharedContext): Style {\n  const percent = valueToPercent(ctx.value, ctx)\n  const offset = ctx.isVertical ? getVerticalThumbOffset(ctx) : getHorizontalThumbOffset(ctx)\n\n  const style: Style = {\n    position: \"absolute\",\n    transform: \"var(--slider-thumb-transform)\",\n    \"--slider-thumb-placement\": `calc(${percent}% - ${offset}px)`,\n  }\n\n  if (ctx.isVertical) {\n    style.bottom = \"var(--slider-thumb-placement)\"\n  } else {\n    style[ctx.isRtl ? \"right\" : \"left\"] = \"var(--slider-thumb-placement)\"\n  }\n\n  return style\n}\n\nfunction getRangeStyle(ctx: Ctx): Style {\n  const percent = valueToPercent(ctx.value, ctx)\n\n  const style: Style = {\n    position: \"absolute\",\n  }\n\n  let startValue = \"0%\"\n  let endValue = `${100 - percent}%`\n\n  if (ctx.origin === \"center\") {\n    const isNegative = percent < 50\n    startValue = isNegative ? `${percent}%` : \"50%\"\n    endValue = isNegative ? \"50%\" : endValue\n  }\n\n  if (ctx.isVertical) {\n    return {\n      ...style,\n      bottom: startValue,\n      top: endValue,\n    }\n  }\n\n  return {\n    ...style,\n    [ctx.isRtl ? \"right\" : \"left\"]: startValue,\n    [ctx.isRtl ? \"left\" : \"right\"]: endValue,\n  }\n}\n\nfunction getControlStyle(ctx: Pick<Ctx, \"isVertical\">): Style {\n  return {\n    touchAction: \"none\",\n    userSelect: \"none\",\n    \"--slider-thumb-transform\": ctx.isVertical ? \"translateY(50%)\" : \"translateX(-50%)\",\n    position: \"relative\",\n  }\n}\n\nexport const dom = {\n  getDoc: (ctx: Ctx) => ctx.doc ?? document,\n\n  getRootId: (ctx: Ctx) => `slider-${ctx.uid}`,\n  getThumbId: (ctx: Ctx) => `slider-${ctx.uid}-thumb`,\n  getControlId: (ctx: Ctx) => `slider-${ctx.uid}-control`,\n  getInputId: (ctx: Ctx) => `slider-${ctx.uid}-input`,\n  getOutputId: (ctx: Ctx) => `slider-${ctx.uid}-output`,\n  getTrackId: (ctx: Ctx) => `slider--${ctx.uid}track`,\n  getRangeId: (ctx: Ctx) => `slider-${ctx.uid}-range`,\n  getLabelId: (ctx: Ctx) => `slider-${ctx.uid}-label`,\n  getMarkerId: (ctx: Ctx, value: number) => `slider-${ctx.uid}-marker-${value}`,\n\n  getThumbEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getThumbId(ctx)),\n  getControlEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getControlId(ctx)),\n  getInputEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getInputId(ctx)),\n\n  getControlStyle,\n  getThumbStyle,\n  getRangeStyle,\n  getTrackStyle: (): Style => ({\n    position: \"relative\",\n  }),\n\n  getValueFromPoint(ctx: Ctx, point: Point): number | undefined {\n    // get the slider root element\n    const control = dom.getControlEl(ctx)\n    if (!control) return\n\n    // get the position/progress % of the point relative to the root's width/height\n    const { progress } = relativeToNode(point, control)\n\n    // get the progress % depending on the orientation\n    let percent: number\n\n    if (ctx.isHorizontal) {\n      percent = ctx.isRtl ? 1 - progress.x : progress.x\n    } else {\n      percent = 1 - progress.y\n    }\n\n    // clamp the progress % between 0 and 1\n    percent = clamp(percent, { min: 0, max: 1 })\n\n    // get the computed value from the progress %\n    return parseFloat(snapToStep(percentToValue(percent, ctx), ctx.step))\n  },\n\n  dispatchChangeEvent(ctx: Ctx) {\n    const input = dom.getInputEl(ctx)\n    if (!input) return\n    dispatchInputEvent(input, ctx.value)\n  },\n\n  getMarkerStyle(ctx: Ctx, percent: number): Style {\n    const style: Style = {\n      position: \"absolute\",\n      pointerEvents: \"none\",\n    }\n\n    if (ctx.isHorizontal) {\n      percent = ctx.isRtl ? 100 - percent : percent\n      style.left = `${percent}%`\n    } else {\n      style.bottom = `${percent}%`\n    }\n\n    return style\n  },\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n  style?: T[\"style\"] & {\n    [prop: string]: string | number | undefined\n  }\n}\n\ntype DataAttr = {\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-type\"?: string\n  \"data-value\"?: string | number\n  \"data-valuetext\"?: string\n  \"data-open\"?: Booleanish\n  \"data-placement\"?: string\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n  \"data-label\"?: string\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-state\"?: string | null\n  \"data-half\"?: Booleanish\n  \"data-count\"?: number\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-index\"?: number\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n  button: JSXButtonAttributes\n  label: JSXLabelAttributes\n  input: JSXInputAttributes\n  output: JSXOutputAttributes\n  element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n  button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n  label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n  input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n  output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n  element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n  return { button: fn, label: fn, input: fn, output: fn, element: fn }\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n  | { type: \"boolean\"; label?: string; defaultValue: boolean }\n  | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n  | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n  | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n  | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n  [K in keyof T]: T[K] extends { type: \"boolean\" }\n    ? boolean\n    : T[K] extends { type: \"string\" }\n    ? string\n    : T[K] extends { type: \"select\" }\n    ? T[K][\"options\"][number]\n    : T[K] extends { type: \"multiselect\" }\n    ? T[K][\"options\"][number][]\n    : T[K] extends { type: \"number\" }\n    ? number\n    : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n  return config\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey)\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import type { StateMachine as S } from \"@zag-js/core\"\nimport { dataAttr, EventKeyMap, getEventKey, getEventStep, getNativeEvent } from \"@zag-js/dom-utils\"\nimport { multiply, percentToValue, valueToPercent } from \"@zag-js/number-utils\"\nimport { getEventPoint } from \"@zag-js/rect-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { isLeftClick, isModifiedEvent } from \"@zag-js/utils\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineContext, MachineState } from \"./slider.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(\n  state: S.State<MachineContext, MachineState>,\n  send: (event: S.Event<S.AnyEventObject>) => void,\n  normalize = normalizeProp,\n) {\n  const ariaLabel = state.context[\"aria-label\"]\n  const ariaLabelledBy = state.context[\"aria-labelledby\"]\n  const ariaValueText = state.context.getAriaValueText?.(state.context.value)\n  const isFocused = state.matches(\"focus\")\n  const isDragging = state.matches(\"dragging\")\n  const isDisabled = state.context.disabled\n  const isInteractive = state.context.isInteractive\n  const isInvalid = state.context.invalid\n\n  return {\n    isFocused,\n    isDragging,\n    value: state.context.value,\n    percent: valueToPercent(state.context.value, state.context),\n    setValue(value: number) {\n      send({ type: \"SET_VALUE\", value })\n    },\n    getPercentValue(percent: number) {\n      return percentToValue(percent, state.context)\n    },\n    focus() {\n      dom.getThumbEl(state.context)?.focus()\n    },\n    increment() {\n      send(\"INCREMENT\")\n    },\n    decrement() {\n      send(\"DECREMENT\")\n    },\n\n    rootProps: normalize.element<T>({\n      \"data-part\": \"root\",\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-orientation\": state.context.orientation,\n      id: dom.getRootId(state.context),\n      dir: state.context.dir,\n    }),\n\n    labelProps: normalize.label<T>({\n      \"data-part\": \"label\",\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      id: dom.getLabelId(state.context),\n      htmlFor: dom.getInputId(state.context),\n      onClick(event) {\n        if (!isInteractive) return\n        event.preventDefault()\n        dom.getThumbEl(state.context)?.focus()\n      },\n      style: {\n        userSelect: \"none\",\n      },\n    }),\n\n    thumbProps: normalize.element<T>({\n      \"data-part\": \"thumb\",\n      id: dom.getThumbId(state.context),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(isFocused),\n      draggable: false,\n      \"aria-invalid\": isInvalid || undefined,\n      \"data-invalid\": dataAttr(isInvalid),\n      \"aria-disabled\": isDisabled || undefined,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabel ? undefined : ariaLabelledBy ?? dom.getLabelId(state.context),\n      \"aria-orientation\": state.context.orientation,\n      \"aria-valuemax\": state.context.max,\n      \"aria-valuemin\": state.context.min,\n      \"aria-valuenow\": state.context.value,\n      \"aria-valuetext\": ariaValueText,\n      role: \"slider\",\n      tabIndex: isDisabled ? undefined : 0,\n      onBlur() {\n        if (!isInteractive) return\n        send(\"BLUR\")\n      },\n      onFocus() {\n        if (!isInteractive) return\n        send(\"FOCUS\")\n      },\n      onKeyDown(event) {\n        if (!isInteractive) return\n        const step = multiply(getEventStep(event), state.context.step)\n        let prevent = true\n        const keyMap: EventKeyMap = {\n          ArrowUp() {\n            send({ type: \"ARROW_UP\", step })\n            prevent = state.context.isVertical\n          },\n          ArrowDown() {\n            send({ type: \"ARROW_DOWN\", step })\n            prevent = state.context.isVertical\n          },\n          ArrowLeft() {\n            send({ type: \"ARROW_LEFT\", step })\n            prevent = state.context.isHorizontal\n          },\n          ArrowRight() {\n            send({ type: \"ARROW_RIGHT\", step })\n            prevent = state.context.isHorizontal\n          },\n          PageUp() {\n            send({ type: \"PAGE_UP\", step })\n          },\n          PageDown() {\n            send({ type: \"PAGE_DOWN\", step })\n          },\n          Home() {\n            send(\"HOME\")\n          },\n          End() {\n            send(\"END\")\n          },\n        }\n\n        const key = getEventKey(event, state.context)\n        const exec = keyMap[key]\n\n        if (!exec) return\n        exec(event)\n\n        if (prevent) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n      },\n      style: dom.getThumbStyle(state.context),\n    }),\n\n    inputProps: normalize.input<T>({\n      \"data-part\": \"input\",\n      type: \"hidden\",\n      defaultValue: state.context.value,\n      name: state.context.name,\n      id: dom.getInputId(state.context),\n    }),\n\n    outputProps: normalize.output<T>({\n      \"data-part\": \"output\",\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      id: dom.getOutputId(state.context),\n      htmlFor: dom.getInputId(state.context),\n      \"aria-live\": \"off\",\n    }),\n\n    trackProps: normalize.element<T>({\n      \"data-part\": \"track\",\n      id: dom.getTrackId(state.context),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(isFocused),\n      style: dom.getTrackStyle(),\n    }),\n\n    rangeProps: normalize.element<T>({\n      \"data-part\": \"range\",\n      id: dom.getRangeId(state.context),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-orientation\": state.context.orientation,\n      style: dom.getRangeStyle(state.context),\n    }),\n\n    controlProps: normalize.element<T>({\n      \"data-part\": \"control\",\n      id: dom.getControlId(state.context),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(isFocused),\n      onPointerDown(event) {\n        if (!isInteractive) return\n\n        const evt = getNativeEvent(event)\n        if (!isLeftClick(evt) || isModifiedEvent(evt)) return\n\n        const point = getEventPoint(evt)\n        send({ type: \"POINTER_DOWN\", point })\n\n        event.preventDefault()\n        event.stopPropagation()\n      },\n      style: dom.getControlStyle(state.context),\n    }),\n\n    markerGroupProps: normalize.element<T>({\n      \"data-part\": \"marker-group\",\n      role: \"presentation\",\n      \"aria-hidden\": true,\n      \"data-orientation\": state.context.orientation,\n      style: {\n        userSelect: \"none\",\n        pointerEvents: \"none\",\n        position: \"relative\",\n      },\n    }),\n\n    getMarkerProps({ value }: { value: number }) {\n      const percent = valueToPercent(value, state.context)\n      const style = dom.getMarkerStyle(state.context, percent)\n      const markerState =\n        value > state.context.value ? \"over-value\" : value < state.context.value ? \"under-value\" : \"at-value\"\n\n      return normalize.element<T>({\n        \"data-part\": \"marker\",\n        \"data-orientation\": state.context.orientation,\n        id: dom.getMarkerId(state.context, value),\n        \"data-value\": value,\n        \"data-disabled\": dataAttr(isDisabled),\n        \"data-state\": markerState,\n        style,\n      })\n    },\n  }\n}\n", "import { createMachine, ref } from \"@zag-js/core\"\nimport { nextTick, raf, trackPointerMove } from \"@zag-js/dom-utils\"\nimport { clamp, decrement, increment, snapToStep } from \"@zag-js/number-utils\"\nimport { dom } from \"./slider.dom\"\nimport { MachineContext, MachineState } from \"./slider.types\"\n\nexport const machine = createMachine<MachineContext, MachineState>(\n  {\n    id: \"slider-machine\",\n    initial: \"unknown\",\n    context: {\n      thumbSize: { width: 0, height: 0 },\n      uid: \"\",\n      disabled: false,\n      threshold: 5,\n      dir: \"ltr\",\n      origin: \"start\",\n      orientation: \"horizontal\",\n      value: 0,\n      step: 1,\n      min: 0,\n      max: 100,\n    },\n\n    computed: {\n      isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n      isVertical: (ctx) => ctx.orientation === \"vertical\",\n      isRtl: (ctx) => ctx.orientation === \"horizontal\" && ctx.dir === \"rtl\",\n      isInteractive: (ctx) => !(ctx.disabled || ctx.readonly),\n    },\n\n    watch: {\n      value: [\"invokeOnChange\", \"dispatchChangeEvent\"],\n    },\n\n    states: {\n      unknown: {\n        on: {\n          SETUP: {\n            target: \"idle\",\n            actions: [\"setupDocument\", \"setThumbSize\"],\n          },\n        },\n      },\n\n      idle: {\n        on: {\n          POINTER_DOWN: {\n            target: \"dragging\",\n            actions: [\"setPointerValue\", \"invokeOnChangeStart\", \"focusThumb\"],\n          },\n          FOCUS: \"focus\",\n        },\n      },\n\n      focus: {\n        entry: \"focusThumb\",\n        on: {\n          POINTER_DOWN: {\n            target: \"dragging\",\n            actions: [\"setPointerValue\", \"invokeOnChangeStart\", \"focusThumb\"],\n          },\n          ARROW_LEFT: {\n            guard: \"isHorizontal\",\n            actions: [\"decrement\"],\n          },\n          ARROW_RIGHT: {\n            guard: \"isHorizontal\",\n            actions: [\"increment\"],\n          },\n          ARROW_UP: {\n            guard: \"isVertical\",\n            actions: [\"increment\"],\n          },\n          ARROW_DOWN: {\n            guard: \"isVertical\",\n            actions: [\"decrement\"],\n          },\n          PAGE_UP: {\n            actions: [\"increment\"],\n          },\n          PAGE_DOWN: {\n            actions: [\"decrement\"],\n          },\n          HOME: {\n            actions: [\"setToMin\"],\n          },\n          END: {\n            actions: [\"setToMax\"],\n          },\n          BLUR: \"idle\",\n        },\n      },\n\n      dragging: {\n        entry: \"focusThumb\",\n        activities: \"trackPointerMove\",\n        on: {\n          POINTER_UP: {\n            target: \"focus\",\n            actions: \"invokeOnChangeEnd\",\n          },\n          POINTER_MOVE: {\n            actions: \"setPointerValue\",\n          },\n        },\n      },\n    },\n  },\n  {\n    guards: {\n      isHorizontal: (ctx) => ctx.isHorizontal,\n      isVertical: (ctx) => ctx.isVertical,\n    },\n    activities: {\n      trackPointerMove(ctx, _evt, { send }) {\n        return trackPointerMove({\n          ctx,\n          onPointerMove(info) {\n            send({ type: \"POINTER_MOVE\", point: info.point })\n          },\n          onPointerUp() {\n            send(\"POINTER_UP\")\n          },\n        })\n      },\n    },\n    actions: {\n      setupDocument(ctx, evt) {\n        if (evt.doc) ctx.doc = ref(evt.doc)\n        ctx.uid = evt.id\n      },\n      invokeOnChangeStart(ctx) {\n        ctx.onChangeStart?.(ctx.value)\n      },\n      invokeOnChangeEnd(ctx) {\n        ctx.onChangeEnd?.(ctx.value)\n      },\n      invokeOnChange(ctx) {\n        ctx.onChange?.(ctx.value)\n      },\n      dispatchChangeEvent(ctx) {\n        dom.dispatchChangeEvent(ctx)\n      },\n      setThumbSize(ctx) {\n        raf(() => {\n          const thumb = dom.getThumbEl(ctx)\n          if (!thumb) return\n          ctx.thumbSize.width = thumb.offsetWidth\n          ctx.thumbSize.height = thumb.offsetHeight\n        })\n      },\n      setPointerValue(ctx, evt) {\n        const value = dom.getValueFromPoint(ctx, evt.point)\n        if (value == null) return\n        ctx.value = clamp(value, ctx)\n      },\n      focusThumb(ctx) {\n        nextTick(() => dom.getThumbEl(ctx)?.focus())\n      },\n      decrement(ctx, evt) {\n        let value = decrement(ctx.value, evt.step ?? ctx.step)\n        value = parseFloat(snapToStep(value, ctx.step))\n        ctx.value = clamp(value, ctx)\n      },\n      increment(ctx, evt) {\n        let value = increment(ctx.value, evt.step ?? ctx.step)\n        value = parseFloat(snapToStep(value, ctx.step))\n        ctx.value = clamp(value, ctx)\n      },\n      setToMin(ctx) {\n        ctx.value = ctx.min\n      },\n      setToMax(ctx) {\n        ctx.value = ctx.max\n      },\n      setValue(ctx, evt) {\n        ctx.value = clamp(evt.value, ctx)\n      },\n    },\n  },\n)\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+var at=Object.defineProperty,lt=Object.defineProperties;var ut=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var st=Object.prototype.hasOwnProperty,ct=Object.prototype.propertyIsEnumerable;var z=(t,e,n)=>e in t?at(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,C=(t,e)=>{for(var n in e||(e={}))st.call(e,n)&&z(t,n,e[n]);if(W)for(var n of W(e))ct.call(e,n)&&z(t,n,e[n]);return t},I=(t,e)=>lt(t,ut(e));var H=Math.pow,c=t=>t?"":void 0;function O(t){let e=new Set;function n(r){let o=globalThis.requestAnimationFrame(r);e.add(()=>globalThis.cancelAnimationFrame(o))}return n(()=>n(t)),function(){e.forEach(function(r){r()})}}function _(t){let e=globalThis.requestAnimationFrame(t);return function(){globalThis.cancelAnimationFrame(e)}}var dt=()=>{},ft=(...t)=>e=>t.reduce((n,r)=>r(n),e),ae=(()=>{let t=0;return()=>(t++,t.toString(36))})(),R=t=>pt()&&t.test(navigator.platform),pt=()=>typeof window!="undefined",mt=()=>R(/^Mac/),ht=()=>R(/^iPhone/),gt=()=>R(/^iPad/)||mt()&&navigator.maxTouchPoints>1,j=()=>ht()||gt(),vt=t=>Array.isArray(t),yt=t=>!(t==null||typeof t!="object"||vt(t)),bt=t=>yt(t)&&"button"in t,wt=t=>t.button===0,b=new Map,v=new Map;function xt(t,e,n,r){var o;if(!t)return dt;let a=JSON.stringify({type:e,options:r}),d=b.get(t);if(b.has(t))(d==null?void 0:d.has(a))?(o=d==null?void 0:d.get(a))==null||o.add(n):d==null||d.set(a,new Set([n]));else{let u=new Map([[a,new Set([n])]]);b.set(t,u)}function x(u){var m,f;function g(p){var l;let s=b.get(u);(l=s==null?void 0:s.get(a))==null||l.forEach(h=>h(p))}if(!(v==null?void 0:v.has(u))){v.set(u,new Map([[a,g]])),u.addEventListener(e,g,r);return}((m=v==null?void 0:v.get(u))==null?void 0:m.has(a))||((f=v.get(u))==null||f.set(a,g),u.addEventListener(e,g,r))}return x(t),function(){var u,m,f,g;if(!b.has(t))return;let p=b.get(t);if((u=p==null?void 0:p.get(a))==null||u.delete(n),((m=p==null?void 0:p.get(a))==null?void 0:m.size)===0){let l=(f=v.get(t))==null?void 0:f.get(a);t.removeEventListener(e,l,r),p==null||p.delete(a),(g=v.get(t))==null||g.delete(a),(p==null?void 0:p.size)===0&&(b.delete(t),v.delete(t))}}}var V=t=>Object.prototype.toString.call(t).slice(8,-1),Et=t=>V(t)==="Object"&&"current"in t,Tt=t=>V(t)==="Function"?t():t,Pt=t=>V(t)==="Object"&&!!t.touches,St={pageX:0,pageY:0,clientX:0,clientY:0};function kt(t,e="page"){let n=Pt(t)?t.touches[0]||t.changedTouches[0]||St:t;return{point:{x:n[`${e}X`],y:n[`${e}Y`]}}}function Mt(t,e,n,r){let o=Et(t)?t.current:Tt(t);return xt(o,e,n,r)}function S(t,e,n,r){var o;let a=(o=Dt(e))!=null?o:e;return Mt(t,a,At(n,e==="pointerdown"),r)}function At(t,e=!1){let n=r=>{t(r,kt(r))};return e?Lt(n):n}function Lt(t){return e=>{var n;let r=(n=e.view)!=null?n:window,o=e instanceof r.MouseEvent;(!o||o&&e.button===0)&&t(e)}}var Ct=()=>typeof window!="undefined"&&window.onpointerdown===null,It=()=>typeof window!="undefined"&&window.ontouchstart===null,Ot=()=>typeof window!="undefined"&&window.onmousedown===null,Rt={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},Vt={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function Dt(t){return Ct()?t:It()?Vt[t]:Ot()?Rt[t]:t}function U(t){var e;return(e=t==null?void 0:t.ownerDocument.defaultView)!=null?e:window}function Y(t){var e;return(e=t.nativeEvent)!=null?e:t}function Nt(t,e="input"){var n;let r=U(t)[e==="input"?"HTMLInputElement":"HTMLTextAreaElement"].prototype;return(n=Object.getOwnPropertyDescriptor(r,"value"))!=null?n:{}}function $(t,e){var n;let r=U(t);if(!(t instanceof r.HTMLInputElement))return;t.type="text",t.hidden=!0,(n=Nt(t).set)==null||n.call(t,e);let o=new r.Event("input",{bubbles:!0});t.dispatchEvent(o),t.type="hidden",t.hidden=!1}var le=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");var X={ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft",Home:"End",End:"Home"},Ft={Up:"ArrowUp",Down:"ArrowDown",Esc:"Escape"," ":"Space",",":"Comma",Left:"ArrowLeft",Right:"ArrowRight"};function B(t,e={}){var n;let{dir:r="ltr",orientation:o="horizontal"}=e,{key:a}=t;return a=(n=Ft[a])!=null?n:a,r==="rtl"&&o==="horizontal"&&a in X&&(a=X[a]),a}var Wt=new Set(["PageUp","PageDown"]),zt=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);function q(t){return t.ctrlKey||t.metaKey?.1:Wt.has(t.key)||t.shiftKey&&zt.has(t.key)?10:1}var E="default",D="",k=new WeakMap;function Ht({target:t,doc:e}={}){let n=e!=null?e:document;return j()?(E==="default"&&(D=n.documentElement.style.webkitUserSelect,n.documentElement.style.webkitUserSelect="none"),E="disabled"):t&&(k.set(t,t.style.userSelect),t.style.userSelect="none"),()=>_t({target:t,doc:n})}function _t({target:t,doc:e}={}){let n=e!=null?e:document;if(j()){if(E!=="disabled")return;E="restoring",setTimeout(()=>{O(()=>{E==="restoring"&&(n.documentElement.style.webkitUserSelect==="none"&&(n.documentElement.style.webkitUserSelect=D||""),D="",E="default")})},300)}else if(t&&k.has(t)){let r=k.get(t);t.style.userSelect==="none"&&(t.style.userSelect=r!=null?r:""),t.getAttribute("style")===""&&t.removeAttribute("style"),k.delete(t)}}function K(t){let{onPointerMove:e,onPointerUp:n,ctx:r}=t,{doc:o=document,threshold:a=5}=r;return ft(S(o,"pointermove",(d,x)=>{let{point:u}=x;if(!(Math.sqrt(H(u.x,2)+H(u.y,2))<a)){if(bt(d)&&wt(d)){n();return}e(x,d)}},!1),S(o,"pointerup",n,!1),S(o,"pointercancel",n,!1),S(o,"contextmenu",n,!1),Ht({doc:o}))}var jt=Math.pow;var G=new Intl.NumberFormat("en-US",{style:"decimal"});function N(t){return parseFloat(G.format(t))}function Ut(t,e){let n=y(t),r=jt(10,e!=null?e:10);return n=Math.round(n*r)/r,e?n.toFixed(e):t.toString()}var T=(t,e)=>(y(t)-e.min)*100/(e.max-e.min),M=(t,e)=>e.min+(e.max-e.min)*y(t);function w(t,e){return Math.min(Math.max(y(t),e.min),e.max)}function Yt(t){var e,n;return(n=(e=G.formatToParts(t).find(r=>r.type==="fraction"))==null?void 0:e.value.length)!=null?n:0}var J=(t,e)=>N(y(t)+e),Z=(t,e)=>N(y(t)-e),Q=(t,e)=>N(y(t)*e);function P(t,e){let n=y(t),r=Yt(e),o=Math.round(n/e)*e;return Ut(o,r)}function y(t){if(typeof t=="number")return t;let e=parseFloat(t.toString().replace(/[^\w.-]+/g,""));return Number.isNaN(e)?0:e}var A=(t,e)=>{let n={min:t[0],max:t[1]},r={min:e[0],max:e[1]};return o=>{if(n.min===n.max||r.min===r.max)return r.min;let a=(r.max-r.min)/(n.max-n.min);return r.min+a*(o-n.min)}};var ce=(()=>{let t=0;return()=>(t++,t.toString(36))})(),$t=t=>Array.isArray(t),Xt=t=>!(t==null||typeof t!="object"||$t(t)),Bt=t=>Xt(t)&&"touches"in t;var qt={pageX:0,pageY:0,clientX:0,clientY:0};function tt(t,e="page"){let n=Bt(t)?t.touches[0]||t.changedTouches[0]||qt:t;return{x:n[`${e}X`],y:n[`${e}Y`]}}function et(t,e){let n=t.x-e.offsetLeft-e.clientLeft+e.scrollLeft,r=t.y-e.offsetTop-e.clientTop+e.scrollTop;return{point:{x:n,y:r},progress:{x:n/e.offsetWidth,y:r/e.offsetHeight}}}function Kt(t){let{height:e}=t.thumbSize,n=A([t.min,t.max],[-e/2,e/2]);return parseFloat(n(t.value).toFixed(2))}function Gt(t){let{width:e}=t.thumbSize;if(t.isRtl){let r=A([t.max,t.min],[-e*1.5,-e/2]);return-1*parseFloat(r(t.value).toFixed(2))}let n=A([t.min,t.max],[-e/2,e/2]);return parseFloat(n(t.value).toFixed(2))}function Jt(t){let e=T(t.value,t),n=t.isVertical?Kt(t):Gt(t),r={position:"absolute",transform:"var(--slider-thumb-transform)","--slider-thumb-placement":`calc(${e}% - ${n}px)`};return t.isVertical?r.bottom="var(--slider-thumb-placement)":r[t.isRtl?"right":"left"]="var(--slider-thumb-placement)",r}function Zt(t){let e=T(t.value,t),n={position:"absolute"},r="0%",o=`${100-e}%`;if(t.origin==="center"){let a=e<50;r=a?`${e}%`:"50%",o=a?"50%":o}return t.isVertical?I(C({},n),{bottom:r,top:o}):I(C({},n),{[t.isRtl?"right":"left"]:r,[t.isRtl?"left":"right"]:o})}function Qt(t){return{touchAction:"none",userSelect:"none","--slider-thumb-transform":t.isVertical?"translateY(50%)":"translateX(-50%)",position:"relative"}}var i={getDoc:t=>{var e;return(e=t.doc)!=null?e:document},getRootId:t=>`slider-${t.uid}`,getThumbId:t=>`slider-${t.uid}-thumb`,getControlId:t=>`slider-${t.uid}-control`,getInputId:t=>`slider-${t.uid}-input`,getOutputId:t=>`slider-${t.uid}-output`,getTrackId:t=>`slider--${t.uid}track`,getRangeId:t=>`slider-${t.uid}-range`,getLabelId:t=>`slider-${t.uid}-label`,getMarkerId:(t,e)=>`slider-${t.uid}-marker-${e}`,getThumbEl:t=>i.getDoc(t).getElementById(i.getThumbId(t)),getControlEl:t=>i.getDoc(t).getElementById(i.getControlId(t)),getInputEl:t=>i.getDoc(t).getElementById(i.getInputId(t)),getControlStyle:Qt,getThumbStyle:Jt,getRangeStyle:Zt,getTrackStyle:()=>({position:"relative"}),getValueFromPoint(t,e){let n=i.getControlEl(t);if(!n)return;let{progress:r}=et(e,n),o;return t.isHorizontal?o=t.isRtl?1-r.x:r.x:o=1-r.y,o=w(o,{min:0,max:1}),parseFloat(P(M(o,t),t.step))},dispatchChangeEvent(t){let e=i.getInputEl(t);!e||$(e,t.value)},getMarkerStyle(t,e){let n={position:"absolute",pointerEvents:"none"};return t.isHorizontal?(e=t.isRtl?100-e:e,n.left=`${e}%`):n.bottom=`${e}%`,n}};function te(t){return{button:t,label:t,input:t,output:t,element:t}}var nt=te(t=>t);var ve=(()=>{let t=0;return()=>(t++,t.toString(36))})();var rt=t=>t.button===0;var ot=t=>t.ctrlKey||t.altKey||t.metaKey||t.shiftKey;function ee(t,e,n=nt){var g,p;let r=t.context["aria-label"],o=t.context["aria-labelledby"],a=(p=(g=t.context).getAriaValueText)==null?void 0:p.call(g,t.context.value),d=t.matches("focus"),x=t.matches("dragging"),u=t.context.disabled,m=t.context.isInteractive,f=t.context.invalid;return{isFocused:d,isDragging:x,value:t.context.value,percent:T(t.context.value,t.context),setValue(l){e({type:"SET_VALUE",value:l})},getPercentValue(l){return M(l,t.context)},focus(){var l;(l=i.getThumbEl(t.context))==null||l.focus()},increment(){e("INCREMENT")},decrement(){e("DECREMENT")},rootProps:n.element({"data-part":"root","data-disabled":c(u),"data-orientation":t.context.orientation,id:i.getRootId(t.context),dir:t.context.dir}),labelProps:n.label({"data-part":"label","data-disabled":c(u),"data-invalid":c(f),id:i.getLabelId(t.context),htmlFor:i.getInputId(t.context),onClick(l){var s;!m||(l.preventDefault(),(s=i.getThumbEl(t.context))==null||s.focus())},style:{userSelect:"none"}}),thumbProps:n.element({"data-part":"thumb",id:i.getThumbId(t.context),"data-disabled":c(u),"data-orientation":t.context.orientation,"data-focus":c(d),draggable:!1,"aria-invalid":f||void 0,"data-invalid":c(f),"aria-disabled":u||void 0,"aria-label":r,"aria-labelledby":r?void 0:o!=null?o:i.getLabelId(t.context),"aria-orientation":t.context.orientation,"aria-valuemax":t.context.max,"aria-valuemin":t.context.min,"aria-valuenow":t.context.value,"aria-valuetext":a,role:"slider",tabIndex:u?void 0:0,onBlur(){!m||e("BLUR")},onFocus(){!m||e("FOCUS")},onKeyDown(l){if(!m)return;let s=Q(q(l),t.context.step),h=!0,L={ArrowUp(){e({type:"ARROW_UP",step:s}),h=t.context.isVertical},ArrowDown(){e({type:"ARROW_DOWN",step:s}),h=t.context.isVertical},ArrowLeft(){e({type:"ARROW_LEFT",step:s}),h=t.context.isHorizontal},ArrowRight(){e({type:"ARROW_RIGHT",step:s}),h=t.context.isHorizontal},PageUp(){e({type:"PAGE_UP",step:s})},PageDown(){e({type:"PAGE_DOWN",step:s})},Home(){e("HOME")},End(){e("END")}},it=B(l,t.context),F=L[it];!F||(F(l),h&&(l.preventDefault(),l.stopPropagation()))},style:i.getThumbStyle(t.context)}),inputProps:n.input({"data-part":"input",type:"hidden",defaultValue:t.context.value,name:t.context.name,id:i.getInputId(t.context)}),outputProps:n.output({"data-part":"output","data-disabled":c(u),"data-invalid":c(f),id:i.getOutputId(t.context),htmlFor:i.getInputId(t.context),"aria-live":"off"}),trackProps:n.element({"data-part":"track",id:i.getTrackId(t.context),"data-disabled":c(u),"data-invalid":c(f),"data-orientation":t.context.orientation,"data-focus":c(d),style:i.getTrackStyle()}),rangeProps:n.element({"data-part":"range",id:i.getRangeId(t.context),"data-invalid":c(f),"data-disabled":c(u),"data-orientation":t.context.orientation,style:i.getRangeStyle(t.context)}),controlProps:n.element({"data-part":"control",id:i.getControlId(t.context),"data-disabled":c(u),"data-invalid":c(f),"data-orientation":t.context.orientation,"data-focus":c(d),onPointerDown(l){if(!m)return;let s=Y(l);if(!rt(s)||ot(s))return;let h=tt(s);e({type:"POINTER_DOWN",point:h}),l.preventDefault(),l.stopPropagation()},style:i.getControlStyle(t.context)}),markerGroupProps:n.element({"data-part":"marker-group",role:"presentation","aria-hidden":!0,"data-orientation":t.context.orientation,style:{userSelect:"none",pointerEvents:"none",position:"relative"}}),getMarkerProps({value:l}){let s=T(l,t.context),h=i.getMarkerStyle(t.context,s),L=l>t.context.value?"over-value":l<t.context.value?"under-value":"at-value";return n.element({"data-part":"marker","data-orientation":t.context.orientation,id:i.getMarkerId(t.context,l),"data-value":l,"data-disabled":c(u),"data-state":L,style:h})}}}import{createMachine as ne,ref as re}from"@zag-js/core";var oe=ne({id:"slider-machine",initial:"unknown",context:{thumbSize:{width:0,height:0},uid:"",disabled:!1,threshold:5,dir:"ltr",origin:"start",orientation:"horizontal",value:0,step:1,min:0,max:100},computed:{isHorizontal:t=>t.orientation==="horizontal",isVertical:t=>t.orientation==="vertical",isRtl:t=>t.orientation==="horizontal"&&t.dir==="rtl",isInteractive:t=>!(t.disabled||t.readonly)},watch:{value:["invokeOnChange","dispatchChangeEvent"]},states:{unknown:{on:{SETUP:{target:"idle",actions:["setupDocument","setThumbSize"]}}},idle:{on:{POINTER_DOWN:{target:"dragging",actions:["setPointerValue","invokeOnChangeStart","focusThumb"]},FOCUS:"focus"}},focus:{entry:"focusThumb",on:{POINTER_DOWN:{target:"dragging",actions:["setPointerValue","invokeOnChangeStart","focusThumb"]},ARROW_LEFT:{guard:"isHorizontal",actions:["decrement"]},ARROW_RIGHT:{guard:"isHorizontal",actions:["increment"]},ARROW_UP:{guard:"isVertical",actions:["increment"]},ARROW_DOWN:{guard:"isVertical",actions:["decrement"]},PAGE_UP:{actions:["increment"]},PAGE_DOWN:{actions:["decrement"]},HOME:{actions:["setToMin"]},END:{actions:["setToMax"]},BLUR:"idle"}},dragging:{entry:"focusThumb",activities:"trackPointerMove",on:{POINTER_UP:{target:"focus",actions:"invokeOnChangeEnd"},POINTER_MOVE:{actions:"setPointerValue"}}}}},{guards:{isHorizontal:t=>t.isHorizontal,isVertical:t=>t.isVertical},activities:{trackPointerMove(t,e,{send:n}){return K({ctx:t,onPointerMove(r){n({type:"POINTER_MOVE",point:r.point})},onPointerUp(){n("POINTER_UP")}})}},actions:{setupDocument(t,e){e.doc&&(t.doc=re(e.doc)),t.uid=e.id},invokeOnChangeStart(t){var e;(e=t.onChangeStart)==null||e.call(t,t.value)},invokeOnChangeEnd(t){var e;(e=t.onChangeEnd)==null||e.call(t,t.value)},invokeOnChange(t){var e;(e=t.onChange)==null||e.call(t,t.value)},dispatchChangeEvent(t){i.dispatchChangeEvent(t)},setThumbSize(t){_(()=>{let e=i.getThumbEl(t);!e||(t.thumbSize.width=e.offsetWidth,t.thumbSize.height=e.offsetHeight)})},setPointerValue(t,e){let n=i.getValueFromPoint(t,e.point);n!=null&&(t.value=w(n,t))},focusThumb(t){O(()=>{var e;return(e=i.getThumbEl(t))==null?void 0:e.focus()})},decrement(t,e){var r;let n=Z(t.value,(r=e.step)!=null?r:t.step);n=parseFloat(P(n,t.step)),t.value=w(n,t)},increment(t,e){var r;let n=J(t.value,(r=e.step)!=null?r:t.step);n=parseFloat(P(n,t.step)),t.value=w(n,t)},setToMin(t){t.value=t.min},setToMax(t){t.value=t.max},setValue(t,e){t.value=w(e.value,t)}}});export{ee as connect,oe as machine,i as unstable__dom};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/wait.ts", "../../../utilities/number/src/number-format.ts", "../../../utilities/number/src/number.ts", "../../../utilities/number/src/rangy.ts", "../../../utilities/number/src/transform.ts", "../../../utilities/rect/src/rect.ts", "../../../utilities/rect/src/computed-style.ts", "../../../utilities/rect/src/from-element.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/rect/src/point.ts", "../../../utilities/rect/src/operations.ts", "../../../utilities/rect/src/polygon.ts", "../src/slider.dom.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/slider.connect.ts", "../src/slider.machine.ts"],
+  "sourcesContent": ["type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? true : undefined\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nconst styleCache: WeakMap<HTMLElement, Styles> = new WeakMap()\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  let style: Styles | undefined = styleCache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    styleCache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey)\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype El = HTMLElement | Document | VisualViewport | Window\ntype Handler = (event: Event) => void\ntype Group = Map<string, Set<Handler>>\ntype Option = boolean | AddEventListenerOptions\n\nconst listenerElements: Map<El, Group> = new Map()\nconst listenerCache: Map<El, Map<string, Handler>> = new Map()\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n  if (!node) return noop\n\n  // unique identifier for the event listener\n  const hash = JSON.stringify({ type, options })\n\n  // Subscribe pattern\n\n  const group = listenerElements.get(node)\n\n  if (!listenerElements.has(node)) {\n    // create group of listeners per hash\n    const group: Group = new Map([[hash, new Set([handler])]])\n    listenerElements.set(node, group)\n  } else if (group?.has(hash)) {\n    group?.get(hash)?.add(handler)\n  } else {\n    group?.set(hash, new Set([handler]))\n  }\n\n  // add the event listener to the node or register it in the cache\n  function attach(node: El) {\n    // Publish pattern\n    function listener(event: Event) {\n      const group = listenerElements.get(node)\n      group?.get(hash)?.forEach((fn) => fn(event))\n    }\n\n    if (!listenerCache?.has(node)) {\n      listenerCache.set(node, new Map([[hash, listener]]))\n      node.addEventListener(type, listener, options)\n      return\n    }\n\n    if (!listenerCache?.get(node)?.has(hash)) {\n      listenerCache.get(node)?.set(hash, listener)\n      node.addEventListener(type, listener, options)\n    }\n  }\n\n  attach(node)\n\n  return function remove() {\n    if (!listenerElements.has(node)) return\n\n    const group = listenerElements.get(node)\n    group?.get(hash)?.delete(handler)\n\n    if (group?.get(hash)?.size === 0) {\n      const listener = listenerCache.get(node)?.get(hash)!\n      node.removeEventListener(type, listener, options)\n      group?.delete(hash)\n      listenerCache.get(node)?.delete(hash)\n\n      if (group?.size === 0) {\n        listenerElements.delete(node)\n        listenerCache.delete(node)\n      }\n    }\n  }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n  AnyPointerEvent,\n  DOMEventTarget,\n  EventMap,\n  PointerEventInfo,\n  PointerNameMap,\n  RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n  return {\n    point: {\n      x: point[`${type}X`],\n      y: point[`${type}Y`],\n    },\n  }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K]) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const node = isRef(target) ? target.current : runIfFn(target)\n  return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K], info: PointerEventInfo) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const type = getEventName(event) ?? event\n  return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n  fn: (event: E, info: PointerEventInfo) => void,\n  filter = false,\n) {\n  const listener: EventListener = (event: any) => {\n    fn(event, extractInfo(event))\n  }\n  return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n  return (event: Event) => {\n    const win = ((event as UIEvent).view ?? window) as typeof window\n    const isMouseEvent = event instanceof win.MouseEvent\n    const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n    if (isPrimary) fn(event)\n  }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n  return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n  pointerdown: \"mousedown\",\n  pointermove: \"mousemove\",\n  pointerup: \"mouseup\",\n  pointercancel: \"mousecancel\",\n  pointerover: \"mouseover\",\n  pointerout: \"mouseout\",\n  pointerenter: \"mouseenter\",\n  pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n  pointerdown: \"touchstart\",\n  pointermove: \"touchmove\",\n  pointerup: \"touchend\",\n  pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n  if (supportsPointerEvent()) return evt\n  if (supportsTouchEvent()) return touchEventNames[evt]\n  if (supportsMouseEvent()) return mouseEventNames[evt]\n  return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n  disabled: boolean\n  document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n  const { disabled = false, document: docProp } = opts\n  const doc: Document = docProp || document\n\n  let isTouchOrPenPressed = false\n  let isLeftClickPressed = false\n\n  function listen() {\n    const onPointerDown = (event: PointerEvent) => {\n      const isMouse = event.pointerType === \"mouse\"\n      isTouchOrPenPressed = !isMouse\n      isLeftClickPressed = isMouse && isLeftClick(event)\n    }\n\n    const onPointerUp = () => {\n      isTouchOrPenPressed = false\n      isLeftClickPressed = false\n    }\n\n    // prettier-ignore\n    return pipe(\n        addDomEvent(doc, \"pointerdown\", onPointerDown),\n        addDomEvent(doc,\"pointerup\", onPointerUp)\n      )\n  }\n\n  function reset() {\n    changeCount--\n    if (changeCount === 0) {\n      doc.body.style.pointerEvents = originalBodyPointerEvents\n    }\n    if (el) {\n      el.style.pointerEvents = \"\"\n    }\n  }\n\n  function apply() {\n    if (disabled) return\n\n    if (changeCount === 0) {\n      originalBodyPointerEvents = doc.body.style.pointerEvents\n    }\n\n    doc.body.style.pointerEvents = \"none\"\n    if (el) {\n      el.style.pointerEvents = \"auto\"\n    }\n\n    changeCount++\n\n    return function () {\n      if (isTouchOrPenPressed) {\n        addDomEvent(doc, \"click\", reset, { once: true })\n      } else if (isLeftClickPressed) {\n        addDomEvent(doc, \"pointerup\", reset, { once: true })\n      } else {\n        reset()\n      }\n    }\n  }\n\n  const cleanups: Array<VoidFunction | undefined> = []\n  cleanups.push(apply())\n  nextTick(() => {\n    cleanups.push(listen())\n  })\n\n  return function () {\n    cleanups.forEach((cleanup) => cleanup?.())\n  }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n  disabled?: boolean\n  allowPinchZoom?: boolean\n  document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n  const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n  const doc = docProp ?? document\n  const win = doc?.defaultView ?? window\n\n  const viewport = isDom() ? win.visualViewport : null\n  const docEl = doc.documentElement\n\n  function preventScrollStandard() {\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n    )\n    return () => fn?.()\n  }\n\n  function preventScrollMobileSafari() {\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function getNativeEvent<E>(\n  event: E,\n): React.ChangeEvent<any> extends E ? InputEvent : E extends React.SyntheticEvent<any, infer T> ? T : never {\n  return (event as any).nativeEvent ?? event\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el)\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n  if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n    return getOwnerDocument(el).body\n  }\n\n  if (isHTMLElement(el) && isScrollParent(el)) {\n    return el\n  }\n\n  return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n  const scrollParent = getScrollParent(el)\n  const isBody = scrollParent === getOwnerDocument(el).body\n  const win = getOwnerWindow(scrollParent)\n\n  const target = isBody\n    ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n    : scrollParent\n\n  const parents = list.concat(target)\n  if (isBody) return parents\n\n  return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n  if (isWindow(el)) {\n    return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n  }\n\n  return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\nfunction descriptor(el: HTMLElement, type: \"input\" | \"textarea\" = \"input\") {\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, \"value\") ?? {}\n}\n\nexport function dispatchEvent(el: HTMLElement, name: string, options: CustomEventInit) {\n  const win = getOwnerWindow(el)\n  const evt = new win.CustomEvent(name, options)\n  el.dispatchEvent(evt)\n  return evt\n}\n\nexport function dispatchInputEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n\n  el.type = \"text\"\n  el.hidden = true\n\n  descriptor(el).set?.call(el, value)\n\n  const evt = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(evt)\n\n  el.type = \"hidden\"\n  el.hidden = false\n}\n\nexport function onElementValueChange(el: HTMLInputElement, fn?: (value: string) => void) {\n  if (!fn) return\n\n  const { get, set } = descriptor(el)\n\n  let run = true\n\n  Object.defineProperty(el, \"value\", {\n    get() {\n      return get?.call(this)\n    },\n    set(value: string) {\n      if (run) fn(value)\n      return set?.call(this, value)\n    },\n  })\n\n  return function () {\n    run = false\n  }\n}\n", "/**\n * Determine if the blur event within an element is valid\n */\nexport function validateBlur(event: Event, opts: Options) {\n  const exclude = Array.isArray(opts.exclude) ? opts.exclude : [opts.exclude]\n  const relatedTarget = (event.relatedTarget ?? opts.fallback) as HTMLElement\n  return exclude.every((el) => !el?.contains(relatedTarget))\n}\n\ntype MaybeArray<T> = T | T[]\n\ntype Options = {\n  exclude: MaybeArray<HTMLElement | null>\n  fallback?: HTMLElement | null\n}\n\ntype Event = Pick<FocusEvent, \"relatedTarget\">\n", "import { getComputedStyle } from \"./computed-style\"\nimport { isDisabled, isHTMLElement } from \"./query\"\n\nexport const focusableSelector = /*#__PURE__*/ [\n  \"input:not([disabled]):not([type=hidden])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"embed\",\n  \"iframe\",\n  \"object\",\n  \"a[href]\",\n  \"area[href]\",\n  \"[tabindex]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"*[tabindex]:not([aria-disabled])\",\n  \"[contenteditable]:not([contenteditable=false])\",\n  \"details > summary:first-of-type\",\n].join(\",\")\n\nexport function isHidden(el: HTMLElement | null, until?: HTMLElement) {\n  const style = getComputedStyle(el)\n  if (!el || style.getPropertyValue(\"visibility\") === \"hidden\") return true\n  while (el) {\n    if (until != null && el === until) return false\n    if (style.getPropertyValue(\"display\") === \"none\") return true\n    el = el.parentElement\n  }\n  return false\n}\n\n/**\n * Returns the focusable elements within the element\n */\nexport const getFocusables = (el: HTMLElement | Document | null, includeContainer = false) => {\n  if (!el) return []\n  let els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  if (includeContainer && isHTMLElement(el)) {\n    els.unshift(el)\n  }\n  return els.filter((el) => isFocusable(el) && !isHidden(el))\n}\n\n/**\n * Whether this element is focusable\n */\nexport const isFocusable = (el: HTMLElement | null) => {\n  if (!isHTMLElement(el) || isHidden(el) || isDisabled(el)) return false\n  return el?.matches(focusableSelector)\n}\n\n/**\n * Returns the tabbable elements within the element\n */\nexport const getTabbables = (el: HTMLElement | Document, includeContainer = false) => {\n  return getFocusables(el, includeContainer).filter(isTabbable)\n}\n\n/**\n * Whether this element is tabbable\n */\nexport const isTabbable = (el: HTMLElement | null) => {\n  return isFocusable(el) && !isDisabled(el) && !isHidden(el)\n}\n", "import type { KeyboardEvent } from \"react\"\n\ntype EventKey =\n  | \"ArrowDown\"\n  | \"ArrowUp\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"Space\"\n  | \"Enter\"\n  | \"Comma\"\n  | \"Escape\"\n  | \"Backspace\"\n  | \"Delete\"\n  | \"Home\"\n  | \"End\"\n  | \"Tab\"\n  | \"PageUp\"\n  | \"PageDown\"\n  | (string & {})\n\nexport type EventKeyMap = Partial<Record<EventKey, (event: React.KeyboardEvent) => void>>\n\nconst rtlKeyMap = {\n  ArrowLeft: \"ArrowRight\",\n  ArrowRight: \"ArrowLeft\",\n  Home: \"End\",\n  End: \"Home\",\n}\n\nconst sameKeyMap = {\n  Up: \"ArrowUp\",\n  Down: \"ArrowDown\",\n  Esc: \"Escape\",\n  \" \": \"Space\",\n  \",\": \"Comma\",\n  Left: \"ArrowLeft\",\n  Right: \"ArrowRight\",\n}\n\ntype EventKeyOptions = {\n  dir?: \"ltr\" | \"rtl\"\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\n/**\n * Determine the event key based on text direction.\n */\nexport function getEventKey(event: KeyboardEvent, options: EventKeyOptions = {}) {\n  const { dir = \"ltr\", orientation = \"horizontal\" } = options\n\n  let { key } = event\n  key = sameKeyMap[key] ?? key // normalize key\n\n  const isRtl = dir === \"rtl\" && orientation === \"horizontal\"\n\n  if (isRtl && key in rtlKeyMap) {\n    key = rtlKeyMap[key]\n  }\n\n  return key\n}\n\nconst PAGE_KEYS = new Set([\"PageUp\", \"PageDown\"])\nconst ARROW_KEYS = new Set([\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"])\n\n/**\n * Determine the step factor for keyboard events\n */\nexport function getEventStep(event: KeyboardEvent) {\n  if (event.ctrlKey || event.metaKey) {\n    return 0.1\n  } else {\n    const isPageKey = PAGE_KEYS.has(event.key)\n    const isSkipKey = isPageKey || (event.shiftKey && ARROW_KEYS.has(event.key))\n    return isSkipKey ? 10 : 1\n  }\n}\n", "export const visuallyHiddenStyle = {\n  border: \"0\",\n  clip: \"rect(0 0 0 0)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0\",\n  position: \"absolute\",\n  width: \"1px\",\n  whiteSpace: \"nowrap\",\n  wordWrap: \"normal\",\n} as const\n\nexport function setVisuallyHidden(el: HTMLElement) {\n  Object.assign(el.style, visuallyHiddenStyle)\n}\n", "import { setVisuallyHidden } from \"./visually-hidden\"\n\nexport type LiveRegionOptions = {\n  level: \"polite\" | \"assertive\"\n  doc?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", doc: ownerDocument, root, delay: rootDelay = 0 } = opts\n\n  const doc = ownerDocument ?? document\n  const win = doc.defaultView ?? window\n\n  const parent = root ?? doc.body\n\n  function announce(msg: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    if (!!oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n\n    // Did an override level get set?\n    delay = delay ?? rootDelay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n\n    // Determine redundant role\n    var role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region!.textContent = msg\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    if (oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n  }\n\n  return { announce, destroy }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback, subtree = false) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree })\n\n  return () => obs.disconnect()\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n  return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n  const item = itemById(v, id)\n  return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n  return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  if (idx === -1) return loop ? v[v.length - 1] : null\n  idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n  return v[idx]\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const filtered = v.filter((item) => {\n    const str = item.dataset.valuetext ?? item.textContent\n    return !!str?.toLowerCase().startsWith(text.toLowerCase())\n  })\n  return currentId ? nextById(filtered, currentId) : null\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n  return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state === \"default\") {\n      savedUserSelect = _document.documentElement.style.webkitUserSelect\n      _document.documentElement.style.webkitUserSelect = \"none\"\n    }\n\n    state = \"disabled\"\n  } else if (target) {\n    modifiedElementMap.set(target, target.style.userSelect)\n    target.style.userSelect = \"none\"\n  }\n\n  return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state !== \"disabled\") return\n    state = \"restoring\"\n\n    setTimeout(() => {\n      nextTick(() => {\n        if (state === \"restoring\") {\n          if (_document.documentElement.style.webkitUserSelect === \"none\") {\n            _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n          }\n\n          savedUserSelect = \"\"\n          state = \"default\"\n        }\n      })\n    }, 300)\n  } else {\n    if (target && modifiedElementMap.has(target)) {\n      let targetOldUserSelect = modifiedElementMap.get(target)\n\n      if (target.style.userSelect === \"none\") {\n        target.style.userSelect = targetOldUserSelect ?? \"\"\n      }\n\n      if (target.getAttribute(\"style\") === \"\") {\n        target.removeAttribute(\"style\")\n      }\n      modifiedElementMap.delete(target)\n    }\n  }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n  const win = doc.defaultView ?? window\n  const fn = (event: PointerEvent) => {\n    if (event.target instanceof win.HTMLElement) {\n      onPointerDown(event.target)\n    }\n  }\n  return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n  ctx: { doc?: Document; threshold?: number }\n  onPointerUp: VoidFunction\n  onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n  const { onPointerMove, onPointerUp, ctx } = opts\n  const { doc = document, threshold = 5 } = ctx\n\n  const handlePointerMove: Listener = (event, info) => {\n    const { point: p } = info\n    const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n    if (distance < threshold) return\n\n    // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n    if (isMouseEvent(event) && isLeftClick(event)) {\n      onPointerUp()\n      return\n    }\n\n    onPointerMove(info, event)\n  }\n\n  return pipe(\n    addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n    addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n    addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n    addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n    disableTextSelection({ doc }),\n  )\n}\n", "type PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  doc.addEventListener(\"webkitpointerlockchange\", fn, false)\n  doc.addEventListener(\"mozpointerlockchange\", fn, false)\n  doc.addEventListener(\"pointerlockchange\", fn, false)\n  return function cleaup() {\n    doc.removeEventListener(\"mozpointerlockchange\", fn, false)\n    doc.removeEventListener(\"pointerlockchange\", fn, false)\n  }\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"webkitpointerlockerror\", fn, false)\n  doc.addEventListener(\"mozpointerlockerror\", fn, false)\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"webkitpointerlockerror\", fn, false)\n    doc.removeEventListener(\"mozpointerlockerror\", fn, false)\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nfunction getPointerlockFunc(el: HTMLElement) {\n  return el.requestPointerLock || (el as any).mozRequestPointerLock || (el as any).webkitRequestPointerLock\n}\n\nfunction getRemovePointerlockFunc(doc: Document) {\n  return doc.exitPointerLock || (doc as any).mozExitPointerLock || (doc as any).webkitExitPointerLock\n}\n\nexport function getPointerlockElement(doc: Document) {\n  return doc.pointerLockElement || (doc as any).mozPointerLockElement || (doc as any).webkitPointerLockElement\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  function isSupported() {\n    return \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc || \"webkitPointerLockElement\" in doc\n  }\n\n  function hasLockElement() {\n    return !!doc.pointerLockElement\n  }\n\n  function onPointerChange() {\n    if (hasLockElement()) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    const isLocked = hasLockElement()\n    if (isLocked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock = getRemovePointerlockFunc(doc)\n    doc.exitPointerLock()\n  }\n\n  const cleanups: Set<Function> = new Set()\n\n  function addEventListeners() {\n    cleanups.add(addPointerlockChangeListener(doc, onPointerChange))\n    cleanups.add(addPointerlockErrorListener(doc, onPointerError))\n  }\n\n  function dispose() {\n    if (!isSupported()) return\n    cleanups.forEach((fn) => fn())\n    cleanups.clear()\n    exit()\n  }\n\n  function setup() {\n    if (!isSupported()) return\n    body.requestPointerLock = getPointerlockFunc(body)\n    body.requestPointerLock()\n    addEventListeners()\n  }\n\n  setup()\n  return dispose\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nconst observedElements: Map<Measurable, ObservedData> = new Map()\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n  const data = observedElements.get(el)\n\n  if (!data) {\n    observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n    if (observedElements.size === 1) {\n      rafId = requestAnimationFrame(runLoop)\n    }\n  } else {\n    data.callbacks.push(fn)\n    fn(el.getBoundingClientRect())\n  }\n\n  return function unobserve() {\n    const data = observedElements.get(el)\n    if (!data) return\n\n    const index = data.callbacks.indexOf(fn)\n    if (index > -1) {\n      data.callbacks.splice(index, 1)\n    }\n\n    if (data.callbacks.length === 0) {\n      observedElements.delete(el)\n\n      if (observedElements.size === 0) {\n        cancelAnimationFrame(rafId)\n      }\n    }\n  }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n  const changedRectsData: Array<ObservedData> = []\n\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect()\n\n    if (!isEqual(data.rect, newRect)) {\n      data.rect = newRect\n      changedRectsData.push(data)\n    }\n  })\n\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect))\n  })\n\n  rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  )\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n  const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n  return addDomEvent(doc, \"visibilitychange\", () => {\n    const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n    callback(!!hidden)\n  })\n}\n", "export function waitUntil(predicate: () => boolean) {\n  if (predicate()) return Promise.resolve(true)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      if (predicate()) {\n        globalThis.clearInterval(id)\n        resolve(true)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "export const nf = new Intl.NumberFormat(\"en-US\", { style: \"decimal\" })\n\nexport function formatter(n: number) {\n  return parseFloat(nf.format(n))\n}\n", "import { formatter, nf } from \"./number-format\"\n\nexport type Num<T extends string> = Record<T, number>\n\nexport function wrap(num: number, max: number): number {\n  return ((num % max) + max) % max\n}\n\nexport function round(v: number | string, t?: number) {\n  let num = valueOf(v)\n  const p = 10 ** (t ?? 10)\n  num = Math.round(num * p) / p\n  return t ? num.toFixed(t) : v.toString()\n}\n\nexport function roundToPx(num: number) {\n  if (typeof window === \"undefined\") return Math.round(num)\n  const dp = window.devicePixelRatio\n  return Math.floor(num * dp + 0.5) / dp\n}\n\nexport const valueToPercent = (v: number | string, r: Num<\"step\" | \"min\" | \"max\">) =>\n  ((valueOf(v) - r.min) * 100) / (r.max - r.min)\n\nexport const percentToValue = (v: number | string, r: Num<\"min\" | \"max\">) => r.min + (r.max - r.min) * valueOf(v)\n\nexport function clamp(v: number | string, o: Num<\"min\" | \"max\">) {\n  return Math.min(Math.max(valueOf(v), o.min), o.max)\n}\n\nexport function countDecimals(v: number | undefined) {\n  return nf.formatToParts(v).find((p) => p.type === \"fraction\")?.value.length ?? 0\n}\n\nexport const increment = (v: number | string, s: number) => formatter(valueOf(v) + s)\n\nexport const decrement = (v: number | string, s: number) => formatter(valueOf(v) - s)\n\nexport const multiply = (v: number | string, s: number) => formatter(valueOf(v) * s)\n\nexport function snapToStep(value: number | string, step: number) {\n  const num = valueOf(value)\n  const p = countDecimals(step)\n  const v = Math.round(num / step) * step\n  return round(v, p)\n}\n\nexport function valueOf(v: string | number) {\n  if (typeof v === \"number\") return v\n  const num = parseFloat(v.toString().replace(/[^\\w.-]+/g, \"\"))\n  return !Number.isNaN(num) ? num : 0\n}\n\ntype PrecisionOptions = {\n  value: string | number\n  precision?: number\n  step: number\n}\n\nexport function getMaxPrecision(o: PrecisionOptions) {\n  const stepPrecision = countDecimals(o.step)\n  const val = valueOf(o.value)\n  const valuePrecision = Number.isNaN(val) ? stepPrecision : Math.max(countDecimals(val), stepPrecision)\n  return Math.max(valuePrecision, o.precision ?? 0)\n}\n\nexport function roundToPrecision(v: number | string, o: Omit<PrecisionOptions, \"value\">) {\n  return round(v, getMaxPrecision({ ...o, value: v }))\n}\n\nexport function isAtMax(v: number | string, o: Num<\"max\">) {\n  const val = valueOf(v)\n  return val >= o.max\n}\n\nexport function isAtMin(v: number | string, o: Num<\"min\">) {\n  const val = valueOf(v)\n  return val <= o.min\n}\n\nexport function isWithinRange(v: number | string, o: Num<\"min\" | \"max\">) {\n  const val = valueOf(v)\n  return val >= o.min && val <= o.max\n}\n", "import {\n  clamp,\n  decrement,\n  getMaxPrecision,\n  increment,\n  isAtMax,\n  isAtMin,\n  isWithinRange,\n  Num,\n  percentToValue,\n  roundToPrecision,\n  snapToStep,\n  valueOf,\n  valueToPercent,\n} from \"./number\"\n\nexport type RangeOptions<T = string | number> = Num<\"min\" | \"max\"> & {\n  step: number\n  precision?: number\n  value: T\n}\n\nexport function rangy(o: RangeOptions) {\n  const wrap = (v: string | number) => rangy({ ...o, value: v })\n  return {\n    isInRange: isWithinRange(o.value, o),\n    isAtMax: isAtMax(o.value, o),\n    isAtMin: isAtMin(o.value, o),\n    percent: valueToPercent(o.value, o),\n    valueAsNumber: valueOf(o.value),\n    value: roundToPrecision(o.value, o),\n    precision: getMaxPrecision(o),\n    snapToStep: () => wrap(snapToStep(o.value, o.step)),\n    increment: (s?: number) => wrap(increment(o.value, s || o.step)),\n    decrement: (s?: number) => wrap(decrement(o.value, s || o.step)),\n    toMax: () => wrap(o.max),\n    toMin: () => wrap(o.min),\n    fromPercent: (p: number) => wrap(percentToValue(p, o)),\n    clamp: () => wrap(clamp(o.value, o)),\n  }\n}\n", "import { formatter } from \"./number-format\"\n\ntype Num<T extends string> = Record<T, number>\n\nexport const transform = (a: [number, number], b: [number, number]) => {\n  const i = { min: a[0], max: a[1] }\n  const o = { min: b[0], max: b[1] }\n  return (v: number) => {\n    if (i.min === i.max || o.min === o.max) return o.min\n    const ratio = (o.max - o.min) / (i.max - i.min)\n    return o.min + ratio * (v - i.min)\n  }\n}\n\nexport function toRanges(o: Num<\"min\" | \"max\"> & { value: number[]; spacing: number }) {\n  const spacing = o.spacing ?? 0\n  return o.value.map((v, i) => {\n    const min = i === 0 ? o.min : o.value[i - 1] + spacing\n    const max = i === o.value.length - 1 ? o.max : o.value[i + 1] - spacing\n    return { min, max, value: v }\n  })\n}\n\nexport function toRangeArray(o: Num<\"min\" | \"max\" | \"step\">): number[] {\n  let i = o.min\n  const range: number[] = []\n  while (i <= o.max) {\n    range.push(i)\n    i = formatter(i + o.step)\n  }\n  return range\n}\n", "import { RectEdge, RectValue } from \"./types\"\n\nconst point = (x: number, y: number) => ({ x, y })\n\nexport class Rect {\n  static create(v: RectValue) {\n    return new Rect(v)\n  }\n  protected constructor(private v: RectValue) {}\n  set(n: Partial<RectValue>) {\n    return new Rect(Object.assign({}, this.v, n))\n  }\n  clone() {\n    return new Rect(this.v)\n  }\n  get x() {\n    return this.v.x\n  }\n  get y() {\n    return this.v.y\n  }\n  get width() {\n    return this.v.width\n  }\n  get height() {\n    return this.v.height\n  }\n  get minX() {\n    return this.v.x\n  }\n  get midX() {\n    return this.v.x + this.v.width / 2\n  }\n  get maxX() {\n    return this.v.x + this.v.width\n  }\n  get minY() {\n    return this.v.y\n  }\n  get midY() {\n    return this.v.y + this.v.height / 2\n  }\n  get maxY() {\n    return this.v.y + this.v.height\n  }\n  get center() {\n    return point(this.midX, this.midY)\n  }\n  get centers() {\n    const top = point(this.midX, this.minY)\n    const right = point(this.maxX, this.midY)\n    const bottom = point(this.midX, this.maxY)\n    const left = point(this.minX, this.midY)\n    return { top, right, bottom, left }\n  }\n  get corners() {\n    const top = point(this.minX, this.minY)\n    const right = point(this.maxX, this.minY)\n    const bottom = point(this.maxX, this.maxY)\n    const left = point(this.minX, this.maxY)\n    return { top, right, bottom, left }\n  }\n\n  get edges() {\n    const c = this.corners\n    const top: RectEdge = [c.top, c.right]\n    const right: RectEdge = [c.right, c.bottom]\n    const bottom: RectEdge = [c.left, c.bottom]\n    const left: RectEdge = [c.top, c.left]\n    return { top, right, bottom, left }\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nconst styleCache: WeakMap<HTMLElement, Styles> = new WeakMap()\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  let style: Styles | undefined = styleCache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    styleCache.set(el, style)\n  }\n  return style\n}\n", "import { Rect } from \"./rect\"\nimport { getComputedStyle } from \"./computed-style\"\n\nexport function getElementRect(el: HTMLElement, opts: ElementRectOptions = {}): Rect {\n  return Rect.create(getClientRect(el, opts))\n}\n\nexport type ElementRectOptions = {\n  /**\n   * Whether to exclude the element's scrollbar size from the calculation.\n   */\n  excludeScrollbar?: boolean\n  /**\n   * Whether to exclude the element's borders from the calculation.\n   */\n  excludeBorders?: boolean\n}\n\nfunction getClientRect(el: HTMLElement, opts: ElementRectOptions = {}) {\n  const { excludeScrollbar = false, excludeBorders = false } = opts\n\n  const { x, y, width, height } = el.getBoundingClientRect()\n  const r = { x, y, width, height }\n\n  const style = getComputedStyle(el)\n\n  const { borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth } = style\n\n  const borderXWidth = sum(borderLeftWidth, borderRightWidth)\n  const borderYWidth = sum(borderTopWidth, borderBottomWidth)\n\n  if (excludeBorders) {\n    r.width -= borderXWidth\n    r.height -= borderYWidth\n    r.x += px(borderLeftWidth)\n    r.y += px(borderTopWidth)\n  }\n\n  if (excludeScrollbar) {\n    const scrollbarWidth = el.offsetWidth - el.clientWidth - borderXWidth\n    const scrollbarHeight = el.offsetHeight - el.clientHeight - borderYWidth\n    r.width -= scrollbarWidth\n    r.height -= scrollbarHeight\n  }\n\n  return r\n}\n\nconst px = (v: string) => parseFloat(v.replace(\"px\", \"\"))\n\nconst sum = (...vals: string[]) => vals.reduce((sum, v) => sum + (v ? px(v) : 0), 0)\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey)\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import { isTouchEvent } from \"@zag-js/utils\"\nimport { Point } from \"./types\"\n\nexport function distance(a: Point, b: Point = { x: 0, y: 0 }): number {\n  return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2))\n}\n\nexport function closest(...pts: Point[]) {\n  return (a: Point): Point => {\n    const ds = pts.map((b) => distance(b, a))\n    const c = Math.min.apply(Math, ds)\n    return pts[ds.indexOf(c)]\n  }\n}\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function getEventPoint(e: AnyPointerEvent, t: PointType = \"page\"): Point {\n  const p = isTouchEvent(e) ? e.touches[0] || e.changedTouches[0] || fallback : e\n  return { x: p[`${t}X`], y: p[`${t}Y`] }\n}\n\nexport function relativeToNode(p: Point, el: HTMLElement): RelativeValue {\n  const dx = p.x - el.offsetLeft - el.clientLeft + el.scrollLeft\n  const dy = p.y - el.offsetTop - el.clientTop + el.scrollTop\n  return {\n    point: { x: dx, y: dy },\n    progress: { x: dx / el.offsetWidth, y: dy / el.offsetHeight },\n  }\n}\n\ntype AnyPointerEvent = MouseEvent | TouchEvent | PointerEvent\n\ntype RelativeValue = {\n  point: Point\n  progress: { x: number; y: number }\n}\n\ntype PointType = \"page\" | \"client\"\n", "import { Rect } from \"./rect\"\nimport type { Point, RectInset, SymmetricRectInset } from \"./types\"\n\nexport const isSymmetric = (v: any): v is SymmetricRectInset => \"dx\" in v || \"dy\" in v\n\nexport function inset(r: Rect, i: RectInset | SymmetricRectInset): Rect {\n  const v = isSymmetric(i) ? { left: i.dx, right: i.dx, top: i.dy, bottom: i.dy } : i\n  const { top = 0, right = 0, bottom = 0, left = 0 } = v\n  return Rect.create({ x: r.x + left, y: r.y + top, width: r.width - left - right, height: r.height - top - bottom })\n}\n\nexport function expand(r: Rect, v: number | SymmetricRectInset): Rect {\n  const value = typeof v === \"number\" ? { dx: -v, dy: -v } : v\n  return inset(r, value)\n}\n\nexport function shrink(r: Rect, v: number | SymmetricRectInset): Rect {\n  const value = typeof v === \"number\" ? { dx: -v, dy: -v } : v\n  return inset(r, value)\n}\n\nexport function shift(r: Rect, o: Partial<Point>): Rect {\n  const { x = 0, y = 0 } = o\n  return Rect.create({ x: r.x + x, y: r.y + y, width: r.width, height: r.height })\n}\n", "import { Point } from \"./types\"\n\nexport function withinPolygon(polygon: Point[], point: Point) {\n  const { x, y } = point\n  let c = false\n\n  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n    const xi = polygon[i].x\n    const yi = polygon[i].y\n    const xj = polygon[j].x\n    const yj = polygon[j].y\n\n    if (yi > y !== yj > y && x < ((xj - xi) * (y - yi)) / (yj - yi) + xi) {\n      c = !c\n    }\n  }\n  return c\n}\n\nfunction createPolygonElement() {\n  const id = \"debug-polygon\"\n  const existingPolygon = document.getElementById(id)\n  if (existingPolygon) {\n    return existingPolygon\n  }\n  const svg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\")\n  Object.assign(svg.style, {\n    top: \"0\",\n    left: \"0\",\n    width: \"100%\",\n    height: \"100%\",\n    opacity: \"0.15\",\n    position: \"fixed\",\n    pointerEvents: \"none\",\n  })\n\n  const polygon = document.createElementNS(\"http://www.w3.org/2000/svg\", \"polygon\")\n  polygon.setAttribute(\"id\", id)\n  polygon.setAttribute(\"points\", \"0,0 0,0\")\n  svg.appendChild(polygon)\n  document.body.appendChild(svg)\n  return polygon\n}\n\nexport function debugPolygon(polygon: Point[]) {\n  const el = createPolygonElement()\n  const points = polygon.map((point) => `${point.x},${point.y}`).join(\" \")\n  el.setAttribute(\"points\", points)\n}\n", "import { dispatchInputEvent } from \"@zag-js/dom-utils\"\nimport { clamp, percentToValue, snapToStep, transform, valueToPercent } from \"@zag-js/number-utils\"\nimport type { Point } from \"@zag-js/rect-utils\"\nimport { relativeToNode } from \"@zag-js/rect-utils\"\nimport type { Style } from \"@zag-js/types\"\nimport type { SharedContext, MachineContext as Ctx } from \"./slider.types\"\n\n/**\n * To ensure the slider thumb is always within the track (on the y-axis)\n */\nfunction getVerticalThumbOffset(ctx: SharedContext) {\n  const { height } = ctx.thumbSize\n  const getValue = transform([ctx.min, ctx.max], [-height / 2, height / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\n/**\n * To ensure the slider thumb is always within the track (on the x-axis)\n */\nfunction getHorizontalThumbOffset(ctx: SharedContext) {\n  const { width } = ctx.thumbSize\n\n  if (ctx.isRtl) {\n    const getValue = transform([ctx.max, ctx.min], [-width * 1.5, -width / 2])\n    return -1 * parseFloat(getValue(ctx.value).toFixed(2))\n  }\n\n  const getValue = transform([ctx.min, ctx.max], [-width / 2, width / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getThumbStyle(ctx: SharedContext): Style {\n  const percent = valueToPercent(ctx.value, ctx)\n  const offset = ctx.isVertical ? getVerticalThumbOffset(ctx) : getHorizontalThumbOffset(ctx)\n\n  const style: Style = {\n    position: \"absolute\",\n    transform: \"var(--slider-thumb-transform)\",\n    \"--slider-thumb-placement\": `calc(${percent}% - ${offset}px)`,\n  }\n\n  if (ctx.isVertical) {\n    style.bottom = \"var(--slider-thumb-placement)\"\n  } else {\n    style[ctx.isRtl ? \"right\" : \"left\"] = \"var(--slider-thumb-placement)\"\n  }\n\n  return style\n}\n\nfunction getRangeStyle(ctx: Ctx): Style {\n  const percent = valueToPercent(ctx.value, ctx)\n\n  const style: Style = {\n    position: \"absolute\",\n  }\n\n  let startValue = \"0%\"\n  let endValue = `${100 - percent}%`\n\n  if (ctx.origin === \"center\") {\n    const isNegative = percent < 50\n    startValue = isNegative ? `${percent}%` : \"50%\"\n    endValue = isNegative ? \"50%\" : endValue\n  }\n\n  if (ctx.isVertical) {\n    return {\n      ...style,\n      bottom: startValue,\n      top: endValue,\n    }\n  }\n\n  return {\n    ...style,\n    [ctx.isRtl ? \"right\" : \"left\"]: startValue,\n    [ctx.isRtl ? \"left\" : \"right\"]: endValue,\n  }\n}\n\nfunction getControlStyle(ctx: Pick<Ctx, \"isVertical\">): Style {\n  return {\n    touchAction: \"none\",\n    userSelect: \"none\",\n    \"--slider-thumb-transform\": ctx.isVertical ? \"translateY(50%)\" : \"translateX(-50%)\",\n    position: \"relative\",\n  }\n}\n\nexport const dom = {\n  getDoc: (ctx: Ctx) => ctx.doc ?? document,\n\n  getRootId: (ctx: Ctx) => `slider-${ctx.uid}`,\n  getThumbId: (ctx: Ctx) => `slider-${ctx.uid}-thumb`,\n  getControlId: (ctx: Ctx) => `slider-${ctx.uid}-control`,\n  getInputId: (ctx: Ctx) => `slider-${ctx.uid}-input`,\n  getOutputId: (ctx: Ctx) => `slider-${ctx.uid}-output`,\n  getTrackId: (ctx: Ctx) => `slider--${ctx.uid}track`,\n  getRangeId: (ctx: Ctx) => `slider-${ctx.uid}-range`,\n  getLabelId: (ctx: Ctx) => `slider-${ctx.uid}-label`,\n  getMarkerId: (ctx: Ctx, value: number) => `slider-${ctx.uid}-marker-${value}`,\n\n  getThumbEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getThumbId(ctx)),\n  getControlEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getControlId(ctx)),\n  getInputEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getInputId(ctx)),\n\n  getControlStyle,\n  getThumbStyle,\n  getRangeStyle,\n  getTrackStyle: (): Style => ({\n    position: \"relative\",\n  }),\n\n  getValueFromPoint(ctx: Ctx, point: Point): number | undefined {\n    // get the slider root element\n    const control = dom.getControlEl(ctx)\n    if (!control) return\n\n    // get the position/progress % of the point relative to the root's width/height\n    const { progress } = relativeToNode(point, control)\n\n    // get the progress % depending on the orientation\n    let percent: number\n\n    if (ctx.isHorizontal) {\n      percent = ctx.isRtl ? 1 - progress.x : progress.x\n    } else {\n      percent = 1 - progress.y\n    }\n\n    // clamp the progress % between 0 and 1\n    percent = clamp(percent, { min: 0, max: 1 })\n\n    // get the computed value from the progress %\n    return parseFloat(snapToStep(percentToValue(percent, ctx), ctx.step))\n  },\n\n  dispatchChangeEvent(ctx: Ctx) {\n    const input = dom.getInputEl(ctx)\n    if (!input) return\n    dispatchInputEvent(input, ctx.value)\n  },\n\n  getMarkerStyle(ctx: Ctx, percent: number): Style {\n    const style: Style = {\n      position: \"absolute\",\n      pointerEvents: \"none\",\n    }\n\n    if (ctx.isHorizontal) {\n      percent = ctx.isRtl ? 100 - percent : percent\n      style.left = `${percent}%`\n    } else {\n      style.bottom = `${percent}%`\n    }\n\n    return style\n  },\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n  style?: T[\"style\"] & {\n    [prop: string]: string | number | undefined\n  }\n}\n\ntype DataAttr = {\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-type\"?: string\n  \"data-value\"?: string | number\n  \"data-valuetext\"?: string\n  \"data-open\"?: Booleanish\n  \"data-placement\"?: string\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n  \"data-label\"?: string\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-state\"?: string | null\n  \"data-half\"?: Booleanish\n  \"data-count\"?: number\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-index\"?: number\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n  button: JSXButtonAttributes\n  label: JSXLabelAttributes\n  input: JSXInputAttributes\n  output: JSXOutputAttributes\n  element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n  button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n  label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n  input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n  output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n  element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n  return { button: fn, label: fn, input: fn, output: fn, element: fn }\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n  | { type: \"boolean\"; label?: string; defaultValue: boolean }\n  | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n  | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n  | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n  | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n  [K in keyof T]: T[K] extends { type: \"boolean\" }\n    ? boolean\n    : T[K] extends { type: \"string\" }\n    ? string\n    : T[K] extends { type: \"select\" }\n    ? T[K][\"options\"][number]\n    : T[K] extends { type: \"multiselect\" }\n    ? T[K][\"options\"][number][]\n    : T[K] extends { type: \"number\" }\n    ? number\n    : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n  return config\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey)\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import type { StateMachine as S } from \"@zag-js/core\"\nimport { dataAttr, EventKeyMap, getEventKey, getEventStep, getNativeEvent } from \"@zag-js/dom-utils\"\nimport { multiply, percentToValue, valueToPercent } from \"@zag-js/number-utils\"\nimport { getEventPoint } from \"@zag-js/rect-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { isLeftClick, isModifiedEvent } from \"@zag-js/utils\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineContext, MachineState } from \"./slider.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(\n  state: S.State<MachineContext, MachineState>,\n  send: (event: S.Event<S.AnyEventObject>) => void,\n  normalize = normalizeProp,\n) {\n  const ariaLabel = state.context[\"aria-label\"]\n  const ariaLabelledBy = state.context[\"aria-labelledby\"]\n  const ariaValueText = state.context.getAriaValueText?.(state.context.value)\n  const isFocused = state.matches(\"focus\")\n  const isDragging = state.matches(\"dragging\")\n  const isDisabled = state.context.disabled\n  const isInteractive = state.context.isInteractive\n  const isInvalid = state.context.invalid\n\n  return {\n    isFocused,\n    isDragging,\n    value: state.context.value,\n    percent: valueToPercent(state.context.value, state.context),\n    setValue(value: number) {\n      send({ type: \"SET_VALUE\", value })\n    },\n    getPercentValue(percent: number) {\n      return percentToValue(percent, state.context)\n    },\n    focus() {\n      dom.getThumbEl(state.context)?.focus()\n    },\n    increment() {\n      send(\"INCREMENT\")\n    },\n    decrement() {\n      send(\"DECREMENT\")\n    },\n\n    rootProps: normalize.element<T>({\n      \"data-part\": \"root\",\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-orientation\": state.context.orientation,\n      id: dom.getRootId(state.context),\n      dir: state.context.dir,\n    }),\n\n    labelProps: normalize.label<T>({\n      \"data-part\": \"label\",\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      id: dom.getLabelId(state.context),\n      htmlFor: dom.getInputId(state.context),\n      onClick(event) {\n        if (!isInteractive) return\n        event.preventDefault()\n        dom.getThumbEl(state.context)?.focus()\n      },\n      style: {\n        userSelect: \"none\",\n      },\n    }),\n\n    thumbProps: normalize.element<T>({\n      \"data-part\": \"thumb\",\n      id: dom.getThumbId(state.context),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(isFocused),\n      draggable: false,\n      \"aria-invalid\": isInvalid || undefined,\n      \"data-invalid\": dataAttr(isInvalid),\n      \"aria-disabled\": isDisabled || undefined,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabel ? undefined : ariaLabelledBy ?? dom.getLabelId(state.context),\n      \"aria-orientation\": state.context.orientation,\n      \"aria-valuemax\": state.context.max,\n      \"aria-valuemin\": state.context.min,\n      \"aria-valuenow\": state.context.value,\n      \"aria-valuetext\": ariaValueText,\n      role: \"slider\",\n      tabIndex: isDisabled ? undefined : 0,\n      onBlur() {\n        if (!isInteractive) return\n        send(\"BLUR\")\n      },\n      onFocus() {\n        if (!isInteractive) return\n        send(\"FOCUS\")\n      },\n      onKeyDown(event) {\n        if (!isInteractive) return\n        const step = multiply(getEventStep(event), state.context.step)\n        let prevent = true\n        const keyMap: EventKeyMap = {\n          ArrowUp() {\n            send({ type: \"ARROW_UP\", step })\n            prevent = state.context.isVertical\n          },\n          ArrowDown() {\n            send({ type: \"ARROW_DOWN\", step })\n            prevent = state.context.isVertical\n          },\n          ArrowLeft() {\n            send({ type: \"ARROW_LEFT\", step })\n            prevent = state.context.isHorizontal\n          },\n          ArrowRight() {\n            send({ type: \"ARROW_RIGHT\", step })\n            prevent = state.context.isHorizontal\n          },\n          PageUp() {\n            send({ type: \"PAGE_UP\", step })\n          },\n          PageDown() {\n            send({ type: \"PAGE_DOWN\", step })\n          },\n          Home() {\n            send(\"HOME\")\n          },\n          End() {\n            send(\"END\")\n          },\n        }\n\n        const key = getEventKey(event, state.context)\n        const exec = keyMap[key]\n\n        if (!exec) return\n        exec(event)\n\n        if (prevent) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n      },\n      style: dom.getThumbStyle(state.context),\n    }),\n\n    inputProps: normalize.input<T>({\n      \"data-part\": \"input\",\n      type: \"hidden\",\n      defaultValue: state.context.value,\n      name: state.context.name,\n      id: dom.getInputId(state.context),\n    }),\n\n    outputProps: normalize.output<T>({\n      \"data-part\": \"output\",\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      id: dom.getOutputId(state.context),\n      htmlFor: dom.getInputId(state.context),\n      \"aria-live\": \"off\",\n    }),\n\n    trackProps: normalize.element<T>({\n      \"data-part\": \"track\",\n      id: dom.getTrackId(state.context),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(isFocused),\n      style: dom.getTrackStyle(),\n    }),\n\n    rangeProps: normalize.element<T>({\n      \"data-part\": \"range\",\n      id: dom.getRangeId(state.context),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-orientation\": state.context.orientation,\n      style: dom.getRangeStyle(state.context),\n    }),\n\n    controlProps: normalize.element<T>({\n      \"data-part\": \"control\",\n      id: dom.getControlId(state.context),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(isFocused),\n      onPointerDown(event) {\n        if (!isInteractive) return\n\n        const evt = getNativeEvent(event)\n        if (!isLeftClick(evt) || isModifiedEvent(evt)) return\n\n        const point = getEventPoint(evt)\n        send({ type: \"POINTER_DOWN\", point })\n\n        event.preventDefault()\n        event.stopPropagation()\n      },\n      style: dom.getControlStyle(state.context),\n    }),\n\n    markerGroupProps: normalize.element<T>({\n      \"data-part\": \"marker-group\",\n      role: \"presentation\",\n      \"aria-hidden\": true,\n      \"data-orientation\": state.context.orientation,\n      style: {\n        userSelect: \"none\",\n        pointerEvents: \"none\",\n        position: \"relative\",\n      },\n    }),\n\n    getMarkerProps({ value }: { value: number }) {\n      const percent = valueToPercent(value, state.context)\n      const style = dom.getMarkerStyle(state.context, percent)\n      const markerState =\n        value > state.context.value ? \"over-value\" : value < state.context.value ? \"under-value\" : \"at-value\"\n\n      return normalize.element<T>({\n        \"data-part\": \"marker\",\n        \"data-orientation\": state.context.orientation,\n        id: dom.getMarkerId(state.context, value),\n        \"data-value\": value,\n        \"data-disabled\": dataAttr(isDisabled),\n        \"data-state\": markerState,\n        style,\n      })\n    },\n  }\n}\n", "import { createMachine, ref } from \"@zag-js/core\"\nimport { nextTick, raf, trackPointerMove } from \"@zag-js/dom-utils\"\nimport { clamp, decrement, increment, snapToStep } from \"@zag-js/number-utils\"\nimport { dom } from \"./slider.dom\"\nimport { MachineContext, MachineState } from \"./slider.types\"\n\nexport const machine = createMachine<MachineContext, MachineState>(\n  {\n    id: \"slider-machine\",\n    initial: \"unknown\",\n    context: {\n      thumbSize: { width: 0, height: 0 },\n      uid: \"\",\n      disabled: false,\n      threshold: 5,\n      dir: \"ltr\",\n      origin: \"start\",\n      orientation: \"horizontal\",\n      value: 0,\n      step: 1,\n      min: 0,\n      max: 100,\n    },\n\n    computed: {\n      isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n      isVertical: (ctx) => ctx.orientation === \"vertical\",\n      isRtl: (ctx) => ctx.orientation === \"horizontal\" && ctx.dir === \"rtl\",\n      isInteractive: (ctx) => !(ctx.disabled || ctx.readonly),\n    },\n\n    watch: {\n      value: [\"invokeOnChange\", \"dispatchChangeEvent\"],\n    },\n\n    states: {\n      unknown: {\n        on: {\n          SETUP: {\n            target: \"idle\",\n            actions: [\"setupDocument\", \"setThumbSize\"],\n          },\n        },\n      },\n\n      idle: {\n        on: {\n          POINTER_DOWN: {\n            target: \"dragging\",\n            actions: [\"setPointerValue\", \"invokeOnChangeStart\", \"focusThumb\"],\n          },\n          FOCUS: \"focus\",\n        },\n      },\n\n      focus: {\n        entry: \"focusThumb\",\n        on: {\n          POINTER_DOWN: {\n            target: \"dragging\",\n            actions: [\"setPointerValue\", \"invokeOnChangeStart\", \"focusThumb\"],\n          },\n          ARROW_LEFT: {\n            guard: \"isHorizontal\",\n            actions: [\"decrement\"],\n          },\n          ARROW_RIGHT: {\n            guard: \"isHorizontal\",\n            actions: [\"increment\"],\n          },\n          ARROW_UP: {\n            guard: \"isVertical\",\n            actions: [\"increment\"],\n          },\n          ARROW_DOWN: {\n            guard: \"isVertical\",\n            actions: [\"decrement\"],\n          },\n          PAGE_UP: {\n            actions: [\"increment\"],\n          },\n          PAGE_DOWN: {\n            actions: [\"decrement\"],\n          },\n          HOME: {\n            actions: [\"setToMin\"],\n          },\n          END: {\n            actions: [\"setToMax\"],\n          },\n          BLUR: \"idle\",\n        },\n      },\n\n      dragging: {\n        entry: \"focusThumb\",\n        activities: \"trackPointerMove\",\n        on: {\n          POINTER_UP: {\n            target: \"focus\",\n            actions: \"invokeOnChangeEnd\",\n          },\n          POINTER_MOVE: {\n            actions: \"setPointerValue\",\n          },\n        },\n      },\n    },\n  },\n  {\n    guards: {\n      isHorizontal: (ctx) => ctx.isHorizontal,\n      isVertical: (ctx) => ctx.isVertical,\n    },\n    activities: {\n      trackPointerMove(ctx, _evt, { send }) {\n        return trackPointerMove({\n          ctx,\n          onPointerMove(info) {\n            send({ type: \"POINTER_MOVE\", point: info.point })\n          },\n          onPointerUp() {\n            send(\"POINTER_UP\")\n          },\n        })\n      },\n    },\n    actions: {\n      setupDocument(ctx, evt) {\n        if (evt.doc) ctx.doc = ref(evt.doc)\n        ctx.uid = evt.id\n      },\n      invokeOnChangeStart(ctx) {\n        ctx.onChangeStart?.(ctx.value)\n      },\n      invokeOnChangeEnd(ctx) {\n        ctx.onChangeEnd?.(ctx.value)\n      },\n      invokeOnChange(ctx) {\n        ctx.onChange?.(ctx.value)\n      },\n      dispatchChangeEvent(ctx) {\n        dom.dispatchChangeEvent(ctx)\n      },\n      setThumbSize(ctx) {\n        raf(() => {\n          const thumb = dom.getThumbEl(ctx)\n          if (!thumb) return\n          ctx.thumbSize.width = thumb.offsetWidth\n          ctx.thumbSize.height = thumb.offsetHeight\n        })\n      },\n      setPointerValue(ctx, evt) {\n        const value = dom.getValueFromPoint(ctx, evt.point)\n        if (value == null) return\n        ctx.value = clamp(value, ctx)\n      },\n      focusThumb(ctx) {\n        nextTick(() => dom.getThumbEl(ctx)?.focus())\n      },\n      decrement(ctx, evt) {\n        let value = decrement(ctx.value, evt.step ?? ctx.step)\n        value = parseFloat(snapToStep(value, ctx.step))\n        ctx.value = clamp(value, ctx)\n      },\n      increment(ctx, evt) {\n        let value = increment(ctx.value, evt.step ?? ctx.step)\n        value = parseFloat(snapToStep(value, ctx.step))\n        ctx.value = clamp(value, ctx)\n      },\n      setToMin(ctx) {\n        ctx.value = ctx.min\n      },\n      setToMax(ctx) {\n        ctx.value = ctx.max\n      },\n      setValue(ctx, evt) {\n        ctx.value = clamp(evt.value, ctx)\n      },\n    },\n  },\n)\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/slider.connect.d.ts

@@ -0,0 +1,26 @@
+import type { StateMachine as S } from "@zag-js/core";
+import { PropTypes, ReactPropTypes } from "@zag-js/types";
+import type { MachineContext, MachineState } from "./slider.types";
+export declare function connect<T extends PropTypes = ReactPropTypes>(state: S.State<MachineContext, MachineState>, send: (event: S.Event<S.AnyEventObject>) => void, normalize?: import("@zag-js/types").NormalizeProps): {
+    isFocused: boolean;
+    isDragging: boolean;
+    value: number;
+    percent: number;
+    setValue(value: number): void;
+    getPercentValue(percent: number): number;
+    focus(): void;
+    increment(): void;
+    decrement(): void;
+    rootProps: T["element"];
+    labelProps: T["label"];
+    thumbProps: T["element"];
+    inputProps: T["input"];
+    outputProps: T["output"];
+    trackProps: T["element"];
+    rangeProps: T["element"];
+    controlProps: T["element"];
+    markerGroupProps: T["element"];
+    getMarkerProps({ value }: {
+        value: number;
+    }): T["element"];
+};

package/dist/slider.dom.d.ts

@@ -0,0 +1,29 @@
+import type { Point } from "@zag-js/rect-utils";
+import type { Style } from "@zag-js/types";
+import type { SharedContext, MachineContext as Ctx } from "./slider.types";
+declare function getThumbStyle(ctx: SharedContext): Style;
+declare function getRangeStyle(ctx: Ctx): Style;
+declare function getControlStyle(ctx: Pick<Ctx, "isVertical">): Style;
+export declare const dom: {
+    getDoc: (ctx: Ctx) => Document;
+    getRootId: (ctx: Ctx) => string;
+    getThumbId: (ctx: Ctx) => string;
+    getControlId: (ctx: Ctx) => string;
+    getInputId: (ctx: Ctx) => string;
+    getOutputId: (ctx: Ctx) => string;
+    getTrackId: (ctx: Ctx) => string;
+    getRangeId: (ctx: Ctx) => string;
+    getLabelId: (ctx: Ctx) => string;
+    getMarkerId: (ctx: Ctx, value: number) => string;
+    getThumbEl: (ctx: Ctx) => HTMLElement;
+    getControlEl: (ctx: Ctx) => HTMLElement;
+    getInputEl: (ctx: Ctx) => HTMLElement;
+    getControlStyle: typeof getControlStyle;
+    getThumbStyle: typeof getThumbStyle;
+    getRangeStyle: typeof getRangeStyle;
+    getTrackStyle: () => Style;
+    getValueFromPoint(ctx: Ctx, point: Point): number | undefined;
+    dispatchChangeEvent(ctx: Ctx): void;
+    getMarkerStyle(ctx: Ctx, percent: number): Style;
+};
+export {};

package/dist/slider.machine.d.ts

@@ -0,0 +1,2 @@
+import { MachineContext, MachineState } from "./slider.types";
+export declare const machine: import("@zag-js/core").Machine<MachineContext, MachineState, import("@zag-js/core").StateMachine.AnyEventObject>;

package/dist/slider.types.d.ts

@@ -0,0 +1,117 @@
+import { Context } from "@zag-js/types";
+export declare type MachineContext = Context<{
+    /**
+     * The value of the slider
+     */
+    value: number;
+    /**
+     * The name associated with the slider (when used in a form)
+     */
+    name?: string;
+    /**
+     * Whether the slider is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the slider is read-only
+     */
+    readonly?: boolean;
+    /**
+     * Whether the slider value is invalid
+     */
+    invalid?: boolean;
+    /**
+     * @computed Whether the slider is interactive
+     */
+    readonly isInteractive: boolean;
+    /**
+     * The minimum value of the slider
+     */
+    min: number;
+    /**
+     * The maximum value of the slider
+     */
+    max: number;
+    /**
+     * The step value of the slider
+     */
+    step: number;
+    /**
+     * @internal The move threshold of the slider thumb before it is considered to be moved
+     */
+    threshold: number;
+    /**
+     * The orientation of the slider
+     */
+    orientation?: "vertical" | "horizontal";
+    /**
+     * - "start": Useful when the value represents an absolute value
+     * - "center": Useful when the value represents an offset (relative)
+     */
+    origin?: "start" | "center";
+    /**
+     * The aria-label of the slider. Useful for providing an accessible name to the slider
+     */
+    "aria-label"?: string;
+    /**
+     * The `id` of the element that labels the slider. Useful for providing an accessible name to the slider
+     */
+    "aria-labelledby"?: string;
+    /**
+     * Whether to focus the slider thumb after interaction (scrub and keyboard)
+     */
+    focusThumbOnChange?: boolean;
+    /**
+     * Function that returns a human readable value for the slider
+     */
+    getAriaValueText?(value: number): string;
+    /**
+     * Function invoked when the value of the slider changes
+     */
+    onChange?(value: number): void;
+    /**
+     * Function invoked when the slider value change is done
+     */
+    onChangeEnd?(value: number): void;
+    /**
+     * Function invoked when the slider value change is started
+     */
+    onChangeStart?(value: number): void;
+    /**
+     * @internal The slider thumb dimensions
+     */
+    thumbSize: {
+        width: number;
+        height: number;
+    };
+    /**
+     * @computed Whether the slider is horizontal
+     */
+    readonly isHorizontal: boolean;
+    /**
+     * @computed Whether the slider is vertical
+     */
+    readonly isVertical: boolean;
+    /**
+     * @computed Whether the slider is in RTL mode
+     */
+    readonly isRtl: boolean;
+}>;
+export declare type SharedContext = {
+    min: number;
+    max: number;
+    step: number;
+    dir?: "ltr" | "rtl";
+    isRtl: boolean;
+    isVertical: boolean;
+    isHorizontal: boolean;
+    value: number;
+    thumbSize: {
+        width: number;
+        height: number;
+    };
+    orientation?: "horizontal" | "vertical";
+};
+export declare type MachineState = {
+    value: "unknown" | "idle" | "dragging" | "focus";
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@zag-js/slider",
+  "version": "0.0.0-dev-20220406144843",
+  "description": "Core logic for the slider widget implemented as a state machine",
+  "keywords": [
+    "js",
+    "machine",
+    "xstate",
+    "statechart",
+    "component",
+    "chakra-ui",
+    "slider"
+  ],
+  "author": "Segun Adebayo <sage@adebayosegun.com>",
+  "homepage": "https://github.com/chakra-ui/ui-machines#readme",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.mjs",
+  "repository": "https://github.com/chakra-ui/ui-machines/tree/main/packages/slider",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/chakra-ui/ui-machines/issues"
+  },
+  "dependencies": {
+    "@zag-js/core": "^0.0.0-dev-20220406144843",
+    "@zag-js/dom-utils": "^0.0.0-dev-20220406144843",
+    "@zag-js/number-utils": "^0.0.0-dev-20220406144843",
+    "@zag-js/rect-utils": "^0.0.0-dev-20220406144843",
+    "@zag-js/types": "^0.0.0-dev-20220406144843",
+    "@zag-js/utils": "^0.0.0-dev-20220406144843"
+  }
+}