ingred-ui 33.15.0 → 33.15.1

package/dist/components/Slider/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.es.js

@@ -5157,9 +5157,11 @@ object-assign
 `,rA=t.forwardRef((function({children:e,actions:n,mobileLeadingActions:r},i){const{isOpen:o,isFixed:a,isMobile:l,handleMobileMenuToggle:s}=h$(),c=l||o||a,d=t.Children.count(e)>0,u=t.createElement(dl,{color:"clear",size:"medium","aria-label":"メニューを閉じる",icon:t.createElement(le,{name:"close",color:"currentColor"}),onClick:s}),p=l?u:null!=n?n:t.createElement(O$,null),m=t.createElement(eA,{$showCustom:c,"data-testid":"navigation-rail-slot-custom"},e),h=null!=r;return l?t.createElement(J$,{ref:i,"data-testid":"navigation-rail-slot",$showCustom:c},t.createElement(U$,{$showCustom:c,$hasLeadingActions:h,"data-testid":"navigation-rail-slot-mobile-close"},h?t.createElement(Q$,{"data-testid":"navigation-rail-slot-mobile-leading"},r):null,t.createElement(q$,null,u)),d?t.createElement(K$,{$showCustom:c},m):null):t.createElement(K$,{ref:i,"data-testid":"navigation-rail-slot",$showCustom:c},m,t.createElement(tA,{$showCustom:c},p))})),iA=t.forwardRef((function({children:e,visibility:n="all"},r){return t.createElement(nA,{ref:r,$visibility:n,$passthrough:"all"===n},e)})),oA="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,aA=t.forwardRef((function(e,n){const{registerMobileMenuButton:r,unregisterMobileMenuButton:i}=h$();return oA((()=>(null==r||r(),()=>null==i?void 0:i())),[r,i]),t.createElement(I$,{ref:n})}));function lA(e){let n=!1;return t.Children.forEach(e,(e=>{!n&&t.isValidElement(e)&&(e.type!==rA?e.type===t.Fragment&&(n=lA(e.props.children)):n=!0)})),n}const sA=t.forwardRef((function({children:e},n){const{isOpen:r,isFixed:i,handleOpen:o,handleClose:a,isMobile:l,isMobileMenuOpen:s,handleMobileMenuToggle:c}=t.useContext(g$),d=lA(e),u=l&&!d?t.createElement(rA,null):null;return t.createElement(t.Fragment,null,t.createElement(m$,{isVisible:l&&s,"data-testid":"navigation-rail-overlay",onClick:c}),t.createElement(p$,{ref:n,isOpen:r,isFixed:i,isMobile:l,isMobileMenuOpen:s,onMouseEnter:()=>{l||null==o||o()},onMouseLeave:()=>{l||null==a||a()}},u,e))}));sA.Container=M$,sA.Header=$$,sA.Content=A$,sA.Footer=L$,sA.Menu=Z$,sA.ExpansionMenu=F$,sA.ExpansionMenuItem=X$,sA.Fixture=O$,sA.MainContent=H$,sA.Slot=rA,sA.SlotContent=iA,sA.MobileMenuButton=aA;const cA=e.forwardRef((function(t,n){var{title:r,description:i,slotContent:o,slotExpansion:a="whenChecked",disabled:l,error:s,checked:c,inputRef:d}=t,u=D(t,["title","description","slotContent","slotExpansion","disabled","error","checked","inputRef"]);const p=!!c,{controlWrapRef:m,assignInputRef:h,handleHeaderClick:g}=Oh(l,d),f=e.createElement(Vh,null,e.createElement(Lh,{ref:m},e.createElement(My,Object.assign({},u,{checked:c,disabled:l,error:s,inputRef:h}),r)),Dh(i)?e.createElement(Hh,{$disabled:!!l},i):null);return e.createElement(Sh,{ref:n,checked:p,disabled:l,header:f,slot:o,slotExpansion:a,onHeaderClick:g})})),dA=new Set(["height","maxHeight","minHeight"]),uA=v.div.withConfig({shouldForwardProp:e=>!dA.has(e)})`
   ${({height:e,maxHeight:t,minHeight:n})=>Jh({height:e,maxHeight:t,minHeight:n})}
 `,pA=e.forwardRef((function(t,n){var{height:r="auto",maxHeight:i="none",minHeight:o="none",children:a}=t,l=D(t,["height","maxHeight","minHeight","children"]);return e.createElement(uA,Object.assign({height:r,maxHeight:i,minHeight:o,tabIndex:0},l,{ref:n}),a)})),mA="24px",hA=v.div`
+  box-sizing: border-box;
   flex-direction: row;
   width: 100%;
   min-height: ${mA};
+  padding: 0 ${"9px"};
   display: flex;
   align-items: center;
   position: relative;
@@ -5173,7 +5175,7 @@ object-assign
   min-width: 100px;
   outline: none;
 
-  /* 見た目のトラック（4px）。クリック判定は親の min-height 全体 */
+  /* 見た目のトラック（4px）。クリック判定は親コンテナの左右余白を含む領域 */
   &::before {
     content: "";
     position: absolute;
@@ -5201,8 +5203,8 @@ object-assign
   `}
 `,bA=v.div`
   position: absolute;
-  width: 18px;
-  height: 18px;
+  width: ${18}px;
+  height: ${18}px;
   background-color: ${({theme:e,disabled:t})=>t?e.palette.divider:e.palette.primary.base};
   border: 2px solid white;
   border-radius: 50%;
@@ -5248,9 +5250,9 @@ object-assign
   transform: translate(-50%, -50%);
   background-color: ${({theme:e,isOnFill:t})=>t?e.palette.primary.base:e.palette.neutral.lighter};
 
-  width: 8px;
-  height: 8px;
-`,wA=(e,t,n)=>Math.max(t,Math.min(n,e)),CA=(e,t,n,r)=>void 0===e?r?[t,n]:t:Array.isArray(e)?[wA(e[0],t,n),wA(e[1],t,n)]:wA(e,t,n),EA=(e,t,n)=>(e-t)/(n-t)*100,IA=(e,t,n,r,i)=>{const o=n+(e-t.left)/t.width*100/100*(r-n),a=Math.round(o/i)*i;return wA(a,n,r)},kA=(e,t)=>{if(1===t.length)return 0;const[n,r]=t,i=Math.abs(e-n),o=Math.abs(e-r);if(i!==o)return i<o?0:1;return e>=(n+r)/2?1:0},MA=(e,t,n,r,i,o,a)=>{const l="PageUp"===t||"PageDown"===t?10*i:i;let s;if(o&&Array.isArray(e)){const i=null!=a?a:0,o=e[i];switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=wA(o-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=wA(o+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}const c=[...e];return c[i]=s,0===i?c[0]=Math.min(s,c[1]):c[1]=Math.max(s,c[0]),c}{const i=Array.isArray(e)?e[0]:e;switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=wA(i-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=wA(i+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}return s}},$A=()=>{document.body.style.userSelect="none"},AA=()=>{document.body.style.userSelect=""},LA=e=>{e.preventDefault()};function VA({value:t,defaultValue:n,onChange:r,min:i,max:o,step:a,disabled:l=!1}){const s=e.useCallback((e=>{const r=Array.isArray(t)||Array.isArray(n);return CA(e,i,o,r)}),[i,o,t,n]),[c,d]=e.useState(s(n)),[u,p]=e.useState(!1),[m,h]=e.useState(null),[g,f]=e.useState(new Map),[b,v]=e.useState(new Map),x=e.useRef(null),y=e.useRef(null);e.useEffect((()=>{if(void 0===t&&void 0!==n){const e=s(n);d(e)}}),[t,n,s]);const w=void 0!==t?t:c,C=e.useCallback((e=>{r?r(e):d(e)}),[r]),E=e.useCallback((e=>{if(!x.current)return i;const t=x.current.getBoundingClientRect();return IA(e,t,i,o,a)}),[i,o,a]),I=e.useCallback((e=>{if(l)return;e.preventDefault(),p(!0),$A(),document.addEventListener("wheel",LA,{passive:!1}),document.addEventListener("touchmove",LA,{passive:!1});const t=E(e.clientX);if(Array.isArray(w)){const e=kA(t,w);h(e);const n=[...w];n[e]=t,C(n)}else h(0),C(t)}),[l,E,w,C]),k=e.useCallback((e=>{if(!u||l)return;const t=E(e.clientX);if(Array.isArray(w)&&null!==m){const e=[...w];e[m]=t,0===m?e[0]=Math.min(t,e[1]):e[1]=Math.max(t,e[0]),C(e)}else Array.isArray(w)||C(t)}),[u,l,E,w,m,C]),M=e.useCallback((()=>{p(!1),h(null),AA(),document.removeEventListener("wheel",LA),document.removeEventListener("touchmove",LA)}),[]),$=e.useCallback((e=>{if(l)return;e.preventDefault(),p(!0),$A(),document.addEventListener("wheel",LA,{passive:!1}),document.addEventListener("touchmove",LA,{passive:!1});const t=new Map,n=new Map;Array.from(e.changedTouches).forEach((e=>{const r=E(e.clientX);if(t.set(e.identifier,e),Array.isArray(w)){const t=kA(r,w);n.set(e.identifier,t)}else n.set(e.identifier,0)})),f(t),v(n)}),[l,E,w]),A=e.useCallback((e=>{u&&!l&&(e.preventDefault(),Array.from(e.changedTouches).forEach((e=>{const t=b.get(e.identifier);if(void 0===t)return;const n=E(e.clientX);if(Array.isArray(w)){const e=[...w];e[t]=n,0===t?e[0]=Math.min(n,e[1]):e[1]=Math.max(n,e[0]),C(e)}else C(n)})))}),[u,l,E,w,b,C]),L=e.useCallback((e=>{const t=new Map(g),n=new Map(b);Array.from(e.changedTouches).forEach((e=>{t.delete(e.identifier),n.delete(e.identifier)})),f(t),v(n),0===t.size&&(p(!1),AA(),document.removeEventListener("wheel",LA),document.removeEventListener("touchmove",LA))}),[g,b]);return{currentValue:w,isDragging:u,trackRef:x,thumbRef:y,handleChange:C,handleMouseDown:I,handleMouseMove:k,handleMouseUp:M,handleTouchStart:$,handleTouchMove:A,handleTouchEnd:L}}function HA({showScale:t,min:n,max:r,step:i,currentValue:o}){const a=e.useCallback((()=>{if(!t)return[];const e=[];for(let t=n;t<=r;t+=i)e.push(t);return e}),[t,n,r,i]),l=e.useCallback((e=>Array.isArray(o)?e>=o[0]&&e<=o[1]:e<=o),[o]),s=e.useCallback((()=>{if(!t)return null;const i=a();return e.createElement(vA,{},i.map((t=>e.createElement(xA,{key:t,percentage:(t-n)/(r-n)*100},e.createElement(yA,{isOnFill:l(t)})))))}),[t,a,n,r,l]);return{getScaleValues:a,isScaleOnFill:l,renderScale:s}}let SA=0;const OA={min:0,max:100,step:1,disabled:!1,showScale:!1},DA=e.forwardRef((function(t,n){var{value:r,defaultValue:i,onChange:o,min:a=OA.min,max:l=OA.max,step:s=OA.step,disabled:c=OA.disabled,showScale:d=OA.showScale,id:u,className:p,style:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":f}=t,b=D(t,["value","defaultValue","onChange","min","max","step","disabled","showScale","id","className","style","aria-label","aria-labelledby","aria-describedby"]);const v=ne(),x=e.useId(),y=e.useMemo((()=>"slider-"+ ++SA),[]),w=u||x||y,{currentValue:C,isDragging:E,trackRef:I,thumbRef:k,handleChange:M,handleMouseDown:$,handleMouseMove:A,handleMouseUp:L,handleTouchStart:V,handleTouchMove:H,handleTouchEnd:S}=VA({value:r,defaultValue:i,onChange:o,min:a,max:l,step:s,disabled:c}),{renderScale:O}=HA({showScale:d,min:a,max:l,step:s,currentValue:C}),R=e.useCallback((e=>EA(e,a,l)),[a,l]),z=e.useCallback((e=>{if(c)return;const t=Array.isArray(C),n=MA(C,e.key,a,l,s,t,null);n!==C&&(e.preventDefault(),M(n))}),[c,C,a,l,s,M]),N=e.useCallback((e=>{const t=parseFloat(e.target.value);if(Array.isArray(C)){const e=[...C];e[0]=t,M(e)}else M(t)}),[C,M]),T=e.useCallback((e=>{if(!Array.isArray(C))return;const t=parseFloat(e.target.value),n=[...C];n[0]=Math.min(t,n[1]),M(n)}),[C,M]),Z=e.useCallback((e=>{if(!Array.isArray(C))return;const t=parseFloat(e.target.value),n=[...C];n[1]=Math.max(t,n[0]),M(n)}),[C,M]);return e.useEffect((()=>{if(E){document.addEventListener("mousemove",A),document.addEventListener("mouseup",L),document.addEventListener("touchmove",H),document.addEventListener("touchend",S);const e=e=>e.preventDefault();return document.addEventListener("contextmenu",e),()=>{document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",L),document.removeEventListener("touchmove",H),document.removeEventListener("touchend",S),document.removeEventListener("contextmenu",e)}}}),[E,A,L,H,S]),e.createElement(hA,Object.assign({ref:n,theme:v,disabled:c,className:p,style:m},b),e.createElement(gA,{ref:I,id:w,tabIndex:c?-1:0,role:"slider","aria-valuemin":a,"aria-valuemax":l,"aria-valuenow":Array.isArray(C)?C[0]:C,"aria-valuetext":Array.isArray(C)?`${C[0]} to ${C[1]}`:void 0,"aria-disabled":c,"aria-label":h,"aria-labelledby":g,"aria-describedby":f,onMouseDown:$,onTouchStart:V,onKeyDown:z},Array.isArray(C)?e.createElement(e.Fragment,null,e.createElement(fA,{percentage:R(C[1])-R(C[0]),isDragging:E,startPercentage:R(C[0]),disabled:c}),e.createElement(bA,{ref:k,percentage:R(C[0]),isDragging:E,disabled:c}),e.createElement(bA,{percentage:R(C[1]),isDragging:E,disabled:c})):e.createElement(e.Fragment,null,e.createElement(fA,{percentage:R(C),isDragging:E,disabled:c}),e.createElement(bA,{ref:k,percentage:R(C),isDragging:E,disabled:c})),O()),Array.isArray(C)?e.createElement(e.Fragment,null,e.createElement("input",{type:"range",min:a,max:l,step:s,value:C[0],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider minimum value","aria-labelledby":g,"aria-describedby":f,disabled:c,onChange:T}),e.createElement("input",{type:"range",min:a,max:l,step:s,value:C[1],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider maximum value","aria-labelledby":g,"aria-describedby":f,disabled:c,onChange:Z})):e.createElement("input",{type:"range",min:a,max:l,step:s,value:C,style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider input","aria-labelledby":g,"aria-describedby":f,disabled:c,onChange:N}))})),RA=s(null),zA=()=>{const e=c(RA);if(!e)throw new Error("SliderField components must be used within a SliderField");return e},NA=({children:e})=>{const n=r(),i={fieldId:n,sliderId:`${n}-slider`,outputId:`${n}-output`};return t.createElement(RA.Provider,{value:i},e)};NA.Slider=e=>{const{sliderId:n,outputId:r}=zA(),i=e.id||n,o=e["aria-describedby"]||r;return t.createElement(DA,Object.assign({},e,{id:i,"aria-describedby":o}))},NA.Output=e=>{var{children:n,id:r}=e,i=D(e,["children","id"]);const{outputId:o}=zA();return t.createElement("div",Object.assign({},i,{id:r||o}),n)};const TA=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},ZA="slide-transition",BA=v(pc)`
+  width: ${8}px;
+  height: ${8}px;
+`,wA=(e,t,n)=>Math.max(t,Math.min(n,e)),CA=(e,t,n,r)=>void 0===e?r?[t,n]:t:Array.isArray(e)?[wA(e[0],t,n),wA(e[1],t,n)]:wA(e,t,n),EA=(e,t,n)=>(e-t)/(n-t)*100,IA=(e,t,n,r,i)=>{const o=n+(e-t.left)/t.width*100/100*(r-n),a=Math.round(o/i)*i;return wA(a,n,r)},kA=(e,t)=>{if(1===t.length)return 0;const[n,r]=t,i=Math.abs(e-n),o=Math.abs(e-r);if(i!==o)return i<o?0:1;return e>=(n+r)/2?1:0},MA=(e,t,n,r,i,o,a)=>{const l="PageUp"===t||"PageDown"===t?10*i:i;let s;if(o&&Array.isArray(e)){const i=null!=a?a:0,o=e[i];switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=wA(o-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=wA(o+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}const c=[...e];return c[i]=s,0===i?c[0]=Math.min(s,c[1]):c[1]=Math.max(s,c[0]),c}{const i=Array.isArray(e)?e[0]:e;switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=wA(i-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=wA(i+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}return s}},$A=()=>{document.body.style.userSelect="none"},AA=()=>{document.body.style.userSelect=""},LA=e=>{e.preventDefault()};function VA({value:t,defaultValue:n,onChange:r,min:i,max:o,step:a,disabled:l=!1}){const s=e.useCallback((e=>{const r=Array.isArray(t)||Array.isArray(n);return CA(e,i,o,r)}),[i,o,t,n]),[c,d]=e.useState(s(n)),[u,p]=e.useState(!1),[m,h]=e.useState(null),[g,f]=e.useState(new Map),[b,v]=e.useState(new Map),x=e.useRef(null),y=e.useRef(null);e.useEffect((()=>{if(void 0===t&&void 0!==n){const e=s(n);d(e)}}),[t,n,s]);const w=void 0!==t?t:c,C=e.useCallback((e=>{r?r(e):d(e)}),[r]),E=e.useCallback((e=>{if(!x.current)return i;const t=x.current.getBoundingClientRect();return IA(e,t,i,o,a)}),[i,o,a]),I=e.useCallback((e=>{var t;if(l)return;e.preventDefault(),null===(t=x.current)||void 0===t||t.focus(),p(!0),$A(),document.addEventListener("wheel",LA,{passive:!1}),document.addEventListener("touchmove",LA,{passive:!1});const n=E(e.clientX);if(Array.isArray(w)){const e=kA(n,w);h(e);const t=[...w];t[e]=n,C(t)}else h(0),C(n)}),[l,E,w,C]),k=e.useCallback((e=>{if(!u||l)return;const t=E(e.clientX);if(Array.isArray(w)&&null!==m){const e=[...w];e[m]=t,0===m?e[0]=Math.min(t,e[1]):e[1]=Math.max(t,e[0]),C(e)}else Array.isArray(w)||C(t)}),[u,l,E,w,m,C]),M=e.useCallback((()=>{p(!1),h(null),AA(),document.removeEventListener("wheel",LA),document.removeEventListener("touchmove",LA)}),[]),$=e.useCallback((e=>{var t;if(l)return;e.preventDefault(),null===(t=x.current)||void 0===t||t.focus(),p(!0),$A(),document.addEventListener("wheel",LA,{passive:!1}),document.addEventListener("touchmove",LA,{passive:!1});const n=new Map,r=new Map;Array.from(e.changedTouches).forEach((e=>{const t=E(e.clientX);if(n.set(e.identifier,e),Array.isArray(w)){const n=kA(t,w);r.set(e.identifier,n)}else r.set(e.identifier,0)})),f(n),v(r)}),[l,E,w]),A=e.useCallback((e=>{u&&!l&&(e.preventDefault(),Array.from(e.changedTouches).forEach((e=>{const t=b.get(e.identifier);if(void 0===t)return;const n=E(e.clientX);if(Array.isArray(w)){const e=[...w];e[t]=n,0===t?e[0]=Math.min(n,e[1]):e[1]=Math.max(n,e[0]),C(e)}else C(n)})))}),[u,l,E,w,b,C]),L=e.useCallback((e=>{const t=new Map(g),n=new Map(b);Array.from(e.changedTouches).forEach((e=>{t.delete(e.identifier),n.delete(e.identifier)})),f(t),v(n),0===t.size&&(p(!1),AA(),document.removeEventListener("wheel",LA),document.removeEventListener("touchmove",LA))}),[g,b]);return{currentValue:w,isDragging:u,trackRef:x,thumbRef:y,handleChange:C,handleMouseDown:I,handleMouseMove:k,handleMouseUp:M,handleTouchStart:$,handleTouchMove:A,handleTouchEnd:L}}function HA({showScale:t,min:n,max:r,step:i,currentValue:o}){const a=e.useCallback((()=>{if(!t)return[];const e=[];for(let t=n;t<=r;t+=i)e.push(t);return e}),[t,n,r,i]),l=e.useCallback((e=>Array.isArray(o)?e>=o[0]&&e<=o[1]:e<=o),[o]),s=e.useCallback((()=>{if(!t)return null;const i=a();return e.createElement(vA,{},i.map((t=>e.createElement(xA,{key:t,percentage:(t-n)/(r-n)*100},e.createElement(yA,{isOnFill:l(t)})))))}),[t,a,n,r,l]);return{getScaleValues:a,isScaleOnFill:l,renderScale:s}}let SA=0;const OA={min:0,max:100,step:1,disabled:!1,showScale:!1},DA=e.forwardRef((function(t,n){var{value:r,defaultValue:i,onChange:o,min:a=OA.min,max:l=OA.max,step:s=OA.step,disabled:c=OA.disabled,showScale:d=OA.showScale,id:u,className:p,style:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":f}=t,b=D(t,["value","defaultValue","onChange","min","max","step","disabled","showScale","id","className","style","aria-label","aria-labelledby","aria-describedby"]);const v=ne(),x=e.useId(),y=e.useMemo((()=>"slider-"+ ++SA),[]),w=u||x||y,{currentValue:C,isDragging:E,trackRef:I,thumbRef:k,handleChange:M,handleMouseDown:$,handleMouseMove:A,handleMouseUp:L,handleTouchStart:V,handleTouchMove:H,handleTouchEnd:S}=VA({value:r,defaultValue:i,onChange:o,min:a,max:l,step:s,disabled:c}),{renderScale:O}=HA({showScale:d,min:a,max:l,step:s,currentValue:C}),R=e.useCallback((e=>EA(e,a,l)),[a,l]),z=e.useCallback((e=>{if(c)return;const t=Array.isArray(C),n=MA(C,e.key,a,l,s,t,null);n!==C&&(e.preventDefault(),M(n))}),[c,C,a,l,s,M]),N=e.useCallback((e=>{const t=parseFloat(e.target.value);if(Array.isArray(C)){const e=[...C];e[0]=t,M(e)}else M(t)}),[C,M]),T=e.useCallback((e=>{if(!Array.isArray(C))return;const t=parseFloat(e.target.value),n=[...C];n[0]=Math.min(t,n[1]),M(n)}),[C,M]),Z=e.useCallback((e=>{if(!Array.isArray(C))return;const t=parseFloat(e.target.value),n=[...C];n[1]=Math.max(t,n[0]),M(n)}),[C,M]);return e.useEffect((()=>{if(E){document.addEventListener("mousemove",A),document.addEventListener("mouseup",L),document.addEventListener("touchmove",H),document.addEventListener("touchend",S);const e=e=>e.preventDefault();return document.addEventListener("contextmenu",e),()=>{document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",L),document.removeEventListener("touchmove",H),document.removeEventListener("touchend",S),document.removeEventListener("contextmenu",e)}}}),[E,A,L,H,S]),e.createElement(hA,Object.assign({ref:n,theme:v,disabled:c,className:p,style:m},b,{onMouseDown:$,onTouchStart:V}),e.createElement(gA,{ref:I,id:w,tabIndex:c?-1:0,role:"slider","aria-valuemin":a,"aria-valuemax":l,"aria-valuenow":Array.isArray(C)?C[0]:C,"aria-valuetext":Array.isArray(C)?`${C[0]} to ${C[1]}`:void 0,"aria-disabled":c,"aria-label":h,"aria-labelledby":g,"aria-describedby":f,onKeyDown:z},Array.isArray(C)?e.createElement(e.Fragment,null,e.createElement(fA,{percentage:R(C[1])-R(C[0]),isDragging:E,startPercentage:R(C[0]),disabled:c}),e.createElement(bA,{ref:k,percentage:R(C[0]),isDragging:E,disabled:c}),e.createElement(bA,{percentage:R(C[1]),isDragging:E,disabled:c})):e.createElement(e.Fragment,null,e.createElement(fA,{percentage:R(C),isDragging:E,disabled:c}),e.createElement(bA,{ref:k,percentage:R(C),isDragging:E,disabled:c})),O()),Array.isArray(C)?e.createElement(e.Fragment,null,e.createElement("input",{type:"range",min:a,max:l,step:s,value:C[0],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider minimum value","aria-labelledby":g,"aria-describedby":f,disabled:c,onChange:T}),e.createElement("input",{type:"range",min:a,max:l,step:s,value:C[1],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider maximum value","aria-labelledby":g,"aria-describedby":f,disabled:c,onChange:Z})):e.createElement("input",{type:"range",min:a,max:l,step:s,value:C,style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider input","aria-labelledby":g,"aria-describedby":f,disabled:c,onChange:N}))})),RA=s(null),zA=()=>{const e=c(RA);if(!e)throw new Error("SliderField components must be used within a SliderField");return e},NA=({children:e})=>{const n=r(),i={fieldId:n,sliderId:`${n}-slider`,outputId:`${n}-output`};return t.createElement(RA.Provider,{value:i},e)};NA.Slider=e=>{const{sliderId:n,outputId:r}=zA(),i=e.id||n,o=e["aria-describedby"]||r;return t.createElement(DA,Object.assign({},e,{id:i,"aria-describedby":o}))},NA.Output=e=>{var{children:n,id:r}=e,i=D(e,["children","id"]);const{outputId:o}=zA();return t.createElement("div",Object.assign({},i,{id:r||o}),n)};const TA=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},ZA="slide-transition",BA=v(pc)`
   &.${ZA}-enter, &.${ZA}-appear {
     transform: ${({direction:e})=>TA(e)};
   }