@nimbus-ds/slider 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 The Slider component allows users to select a range of values within a defined minimum and maximum.
 
+## 2026-02-12 `1.1.0`
+
+#### 🎉 New features
+
+- Enabled `className` prop forwarding to allow consumers to pass custom CSS classes. ([#426](https://github.com/TiendaNube/nimbus-design-system/pull/426) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2026-01-21 `1.0.0`
 
 #### 🎉 New features

package/dist/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 The Slider component allows users to select a range of values within a defined minimum and maximum.
 
+## 2026-02-12 `1.1.0`
+
+#### 🎉 New features
+
+- Enabled `className` prop forwarding to allow consumers to pass custom CSS classes. ([#426](https://github.com/TiendaNube/nimbus-design-system/pull/426) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2026-01-21 `1.0.0`
 
 #### 🎉 New features

package/dist/index.d.ts

@@ -107,14 +107,14 @@ export interface SliderRangeProperties extends SliderCommonProperties {
 /**
  * Props for single value slider mode.
  */
-export type SliderBaseProps = SliderProperties & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "className" | "style">;
+export type SliderBaseProps = SliderProperties & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "style">;
 /**
  * Props for range slider mode.
  */
 export type SliderRangeBaseProps = SliderRangeProperties & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "className" | "style">;
 declare const SliderRange: React.ForwardRefExoticComponent<SliderRangeProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export type SliderRangeProps = ComponentPropsWithRef<typeof SliderRange>;
-declare const SliderBase: React.ForwardRefExoticComponent<SliderProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
+declare const SliderBase: React.ForwardRefExoticComponent<SliderProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Slider component with Range subcomponent.
  *
@@ -126,7 +126,7 @@ declare const SliderBase: React.ForwardRefExoticComponent<SliderProperties & Omi
  * // Range slider
  * <Slider.Range minValue={25} maxValue={75} onChange={(min, max) => console.log(min, max)} />
  */
-export declare const Slider: React.ForwardRefExoticComponent<SliderProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style" | "onChange"> & React.RefAttributes<HTMLDivElement>> & {
+export declare const Slider: React.ForwardRefExoticComponent<SliderProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "onChange"> & React.RefAttributes<HTMLDivElement>> & {
 	Range: React.ForwardRefExoticComponent<SliderRangeProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
 };
 export type SliderProps = ComponentPropsWithRef<typeof SliderBase>;

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/slider"]=r(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/slider"]=r(e.react,e["@nimbus-ds/styles"])}(global,((e,r)=>(()=>{"use strict";var t={612:(e,r,t)=>{function n(e){var r=e.match(/^var\((.*)\)$/);return r?r[1]:e}function a(e,r){var t=e;for(var n of r){if(!(n in t))throw new Error("Path ".concat(r.join(" -> ")," does not exist in object"));t=t[n]}return t}function o(e,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=e.constructor();for(var a in e){var l=e[a],u=[...t,a];"string"==typeof l||"number"==typeof l||null==l?n[a]=r(l,u):"object"!=typeof l||Array.isArray(l)?console.warn('Skipping invalid key "'.concat(u.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(l)?"Array":typeof l,'"')):n[a]=o(l,r,u)}return n}function l(e,r){var t={};if("object"==typeof r){var l=e;o(r,((e,r)=>{if(null!=e){var o=a(l,r);t[n(o)]=String(e)}}))}else{var u=e;for(var i in u){var c=u[i];null!=c&&(t[n(i)]=c)}}return Object.defineProperty(t,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),t}function u(e,r,t){e.style.setProperty(n(r),t)}function i(e,r,t){if("object"==typeof t){var n=r;o(t,((r,t)=>{null!=r&&u(e,a(n,t),String(r))}))}else{var l=r;for(var i in l){null!=l[i]&&u(e,i,l[i])}}}t.r(r),t.d(r,{assignInlineVars:()=>l,setElementVars:()=>i})},901:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SLIDER_DEFAULTS=r.Slider=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(711),l=t(337),u=t(63),i=t(510),c=(0,n.forwardRef)((({min:e=u.SLIDER_DEFAULTS.min,max:r=u.SLIDER_DEFAULTS.max,value:t,step:i=u.SLIDER_DEFAULTS.step,appearance:c=u.SLIDER_DEFAULTS.appearance,disabled:s=u.SLIDER_DEFAULTS.disabled,onChange:d,onChangeEnd:f,ariaLabel:p,"data-testid":m},b)=>{const y=(0,n.useRef)(null),v=(0,n.useRef)(t);v.current=t;const h=(0,n.useCallback)((t=>(0,u.clampSingleValue)(t,e,r)),[e,r]),{dragValue:_,handleTrackMouseDown:g,handleThumbMouseDown:S}=(0,o.useSingleSliderDrag)({trackRef:y,min:e,max:r,step:i,disabled:s,value:t,clampValue:h,onChange:d,onChangeEnd:f}),w=_??t,E=(0,n.useCallback)((t=>{if(s)return;let n;const a=v.current;switch(t.key){case"ArrowLeft":case"ArrowDown":n=(0,u.clampSingleValue)(a-i,e,r);break;case"ArrowRight":case"ArrowUp":n=(0,u.clampSingleValue)(a+i,e,r);break;case"Home":n=e;break;case"End":n=r;break;default:return}t.preventDefault(),d?.(n),f?.(n)}),[s,i,e,r,d,f]),M=(0,u.calculatePercentage)(w,e,r);return n.default.createElement("div",{ref:b,className:a.slider.classnames.container,"data-testid":m},n.default.createElement("div",{className:a.slider.classnames.trackContainer,onMouseDown:g,role:"none"},n.default.createElement(l.SliderTrack,{ref:y,appearance:c,maxPercentage:M,disabled:s,dataTestId:m},n.default.createElement(l.SliderThumb,{type:"single",percentage:M,value:w,minAriaValue:e,maxAriaValue:r,disabled:s,ariaLabel:p,dataTestId:m?`${m}-thumb`:void 0,onMouseDown:S,onKeyDown:E}))))}));c.displayName="Slider",r.Slider=Object.assign(c,{Range:i.SliderRange}),r.Slider.Range.displayName="Slider.Range";var s=t(63);Object.defineProperty(r,"SLIDER_DEFAULTS",{enumerable:!0,get:function(){return s.SLIDER_DEFAULTS}})},510:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderRange=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(711),l=t(337),u=t(63);r.SliderRange=(0,n.forwardRef)((({min:e=u.SLIDER_DEFAULTS.min,max:r=u.SLIDER_DEFAULTS.max,minValue:t,maxValue:i,step:c=u.SLIDER_DEFAULTS.step,appearance:s=u.SLIDER_DEFAULTS.appearance,disabled:d=u.SLIDER_DEFAULTS.disabled,onChange:f,onMinChange:p,onMaxChange:m,onChangeEnd:b,minAriaLabel:y,maxAriaLabel:v,"data-testid":h},_)=>{const g=(0,n.useRef)(null),{localMinValue:S,localMaxValue:w,clampValue:E,updateValues:M}=(0,o.useSliderValues)({minValue:t,maxValue:i,min:e,max:r,step:c,onChange:f,onMinChange:p,onMaxChange:m,onChangeEnd:b}),{dragMinValue:D,dragMaxValue:T,handleTrackMouseDown:x,handleMinMouseDown:j,handleMaxMouseDown:O}=(0,o.useSliderDrag)({trackRef:g,min:e,max:r,step:c,disabled:d,localMinValue:S,localMaxValue:w,clampValue:E,updateValues:M}),P=D??S,R=T??w,k=(0,n.useRef)(S),L=(0,n.useRef)(w);k.current=S,L.current=w;const V=(0,n.useCallback)(((t,n)=>{if(d)return;let a;const o="min"===t?k.current:L.current,l=k.current,u=L.current;switch(n.key){case"ArrowLeft":case"ArrowDown":a=E(o-c,"min"===t);break;case"ArrowRight":case"ArrowUp":a=E(o+c,"min"===t);break;case"Home":a="min"===t?e:l+c;break;case"End":a="max"===t?r:u-c;break;default:return}n.preventDefault(),"min"===t?M(a,u,!0):M(l,a,!0)}),[d,c,e,r,E,M]),A=(0,n.useCallback)((e=>V("min",e)),[V]),C=(0,n.useCallback)((e=>V("max",e)),[V]),I=(0,u.calculatePercentage)(P,e,r),F=(0,u.calculatePercentage)(R,e,r);return n.default.createElement("div",{ref:_,className:a.slider.classnames.container,"data-testid":h},n.default.createElement("div",{className:a.slider.classnames.trackContainer,onMouseDown:x,role:"none"},n.default.createElement(l.SliderTrack,{ref:g,appearance:s,minPercentage:I,maxPercentage:F,disabled:d,dataTestId:h},n.default.createElement(l.SliderThumb,{type:"min",percentage:I,value:P,minAriaValue:e,maxAriaValue:R-c,disabled:d,ariaLabel:y,dataTestId:h?`${h}-min-thumb`:void 0,onMouseDown:j,onKeyDown:A}),n.default.createElement(l.SliderThumb,{type:"max",percentage:F,value:R,minAriaValue:P+c,maxAriaValue:r,disabled:d,ariaLabel:v,dataTestId:h?`${h}-max-thumb`:void 0,onMouseDown:O,onKeyDown:C}))))})),r.SliderRange.displayName="Slider.Range"},574:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderThumb=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(612);r.SliderThumb=(0,n.memo)((({type:e,percentage:r,value:t,minAriaValue:l,maxAriaValue:u,disabled:i,ariaLabel:c,dataTestId:s,onMouseDown:d,onKeyDown:f})=>n.default.createElement("div",{className:a.slider.classnames.thumbWrapper,style:(0,o.assignInlineVars)({[a.slider.vars.thumbLeft]:`${r}%`})},n.default.createElement("button",{type:"button",className:[a.slider.classnames.thumb,i&&a.slider.classnames.thumb_disabled].filter(Boolean).join(" "),onMouseDown:d,onTouchStart:d,onKeyDown:f,disabled:i,role:"slider","aria-valuemin":l,"aria-valuemax":u,"aria-valuenow":t,"aria-label":c??("min"===e?"Minimum value":"max"===e?"Maximum value":"Value"),tabIndex:i?-1:0,"data-testid":s}))))},549:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderThumb=void 0;var n=t(574);Object.defineProperty(r,"SliderThumb",{enumerable:!0,get:function(){return n.SliderThumb}})},198:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderTrack=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(612),l=(0,n.forwardRef)((({appearance:e,minPercentage:r=0,maxPercentage:t,disabled:l=!1,dataTestId:u,children:i},c)=>n.default.createElement("div",{ref:c,className:l?a.slider.classnames.track.disabled:a.slider.classnames.track.default,"data-testid":u?`${u}-track`:void 0},n.default.createElement("div",{className:l?a.slider.classnames.fill_disabled:a.slider.classnames.fill[e],style:(0,o.assignInlineVars)({[a.slider.vars.fillLeft]:`${r}%`,[a.slider.vars.fillRight]:100-t+"%"}),"data-testid":u?`${u}-fill`:void 0}),i)));l.displayName="SliderTrack",r.SliderTrack=(0,n.memo)(l)},362:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderTrack=void 0;var n=t(198);Object.defineProperty(r,"SliderTrack",{enumerable:!0,get:function(){return n.SliderTrack}})},337:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderTrack=r.SliderThumb=void 0;var n=t(549);Object.defineProperty(r,"SliderThumb",{enumerable:!0,get:function(){return n.SliderThumb}});var a=t(362);Object.defineProperty(r,"SliderTrack",{enumerable:!0,get:function(){return a.SliderTrack}})},711:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSingleSliderDrag=r.useSliderDrag=r.useSliderValues=void 0;var n=t(59);Object.defineProperty(r,"useSliderValues",{enumerable:!0,get:function(){return n.useSliderValues}});var a=t(591);Object.defineProperty(r,"useSliderDrag",{enumerable:!0,get:function(){return a.useSliderDrag}});var o=t(915);Object.defineProperty(r,"useSingleSliderDrag",{enumerable:!0,get:function(){return o.useSingleSliderDrag}})},135:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.removeDragListeners=r.attachDragListeners=r.getClientXFromEvent=r.createGetValueFromClientX=r.createSnapToStep=r.DRAG_THROTTLE_MS=void 0,r.DRAG_THROTTLE_MS=50;r.createSnapToStep=(e,r,t)=>n=>{const a=Math.round((n-e)/t)*t+e;return Math.max(e,Math.min(r,a))};r.createGetValueFromClientX=(e,r,t)=>(n,a)=>{const o=Math.max(0,Math.min(1,(n-a.left)/a.width));return t(e+o*(r-e))};r.getClientXFromEvent=e=>"touches"in e?e.touches[0].clientX:e.clientX;r.attachDragListeners=({handleMouseMove:e,handleMouseUp:r})=>{document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),document.addEventListener("touchmove",e,{passive:!0}),document.addEventListener("touchend",r)};r.removeDragListeners=({handleMouseMove:e,handleMouseUp:r})=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",r)}},915:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSingleSliderDrag=void 0;const n=t(155),a=t(135);r.useSingleSliderDrag=({trackRef:e,min:r,max:t,step:o,disabled:l,value:u,clampValue:i,onChange:c,onChangeEnd:s})=>{const[d,f]=(0,n.useState)(!1),[p,m]=(0,n.useState)(null),b=(0,n.useRef)(!1),y=(0,n.useRef)(u),v=(0,n.useRef)(null),h=(0,n.useRef)(0),_=(0,n.useRef)(null);(0,n.useEffect)((()=>{b.current||(y.current=u)}),[u]);const g=(0,n.useMemo)((()=>(0,a.createSnapToStep)(r,t,o)),[r,t,o]),S=(0,n.useMemo)((()=>(0,a.createGetValueFromClientX)(r,t,g)),[r,t,g]),w=(0,n.useCallback)((t=>{if(!e.current)return r;const n=e.current.getBoundingClientRect();return S(t,n)}),[r,e,S]),E=(0,n.useCallback)((e=>{if(l)return;const r=w(e.clientX),t=i(r);b.current=!0,f(!0),y.current=t,m(t)}),[l,w,i]),M=(0,n.useCallback)((e=>{l||(e.stopPropagation(),b.current=!0,f(!0))}),[l]);return(0,n.useEffect)((()=>{if(!d)return;if(e.current){const r=e.current.getBoundingClientRect();v.current={left:r.left,width:r.width}}const r=e=>{(e=>{if(!v.current)return;const r=S(e,v.current),t=i(r);t!==y.current&&(y.current=t,m(t));const n=Date.now();n-h.current>=a.DRAG_THROTTLE_MS&&(h.current=n,_.current=y.current,c?.(y.current))})((0,a.getClientXFromEvent)(e))},t=()=>{v.current=null;const e=y.current;b.current=!1,f(!1),m(null),_.current!==e&&c?.(e),h.current=0,_.current=null,s?.(e)};return(0,a.attachDragListeners)({handleMouseMove:r,handleMouseUp:t}),()=>{(0,a.removeDragListeners)({handleMouseMove:r,handleMouseUp:t})}}),[d,e,S,i,c,s]),{isDragging:d,dragValue:p,handleTrackMouseDown:E,handleThumbMouseDown:M}}},591:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSliderDrag=void 0;const n=t(155),a=t(135);r.useSliderDrag=({trackRef:e,min:r,max:t,step:o,disabled:l,localMinValue:u,localMaxValue:i,clampValue:c,updateValues:s})=>{const[d,f]=(0,n.useState)(null),[p,m]=(0,n.useState)(null),[b,y]=(0,n.useState)(null),v=(0,n.useRef)(null),h=(0,n.useRef)(u),_=(0,n.useRef)(i),g=(0,n.useRef)(null),S=(0,n.useRef)(0),w=(0,n.useRef)(null),E=(0,n.useRef)(null);(0,n.useEffect)((()=>{v.current||(h.current=u,_.current=i)}),[u,i]);const M=(0,n.useMemo)((()=>(0,a.createSnapToStep)(r,t,o)),[r,t,o]),D=(0,n.useMemo)((()=>(0,a.createGetValueFromClientX)(r,t,M)),[r,t,M]),T=(0,n.useCallback)((t=>{if(!e.current)return r;const n=e.current.getBoundingClientRect();return D(t,n)}),[r,e,D]),x=(0,n.useCallback)((e=>{if(l)return;const r=T(e.clientX),t=h.current,n=_.current;if(Math.abs(r-t)<=Math.abs(r-n)){const e=c(r,!0,t,n);v.current="min",f("min"),h.current=e,m(e),s(e,n)}else{const e=c(r,!1,t,n);v.current="max",f("max"),_.current=e,y(e),s(t,e)}}),[l,T,c,s]),j=(0,n.useCallback)((e=>r=>{l||(r.stopPropagation(),v.current=e,f(e))}),[l]),O=j("min"),P=j("max");return(0,n.useEffect)((()=>{if(!d)return;if(e.current){const r=e.current.getBoundingClientRect();g.current={left:r.left,width:r.width}}const r=e=>{(e=>{if(!g.current)return;const r=D(e,g.current),t="min"===v.current,n=h.current,o=_.current,l=c(r,t,n,o);t&&l!==n?(h.current=l,m(l)):t||l===o||(_.current=l,y(l));const u=Date.now();u-S.current>=a.DRAG_THROTTLE_MS&&(S.current=u,w.current=h.current,E.current=_.current,s(h.current,_.current,!1))})((0,a.getClientXFromEvent)(e))},t=()=>{g.current=null;const e=h.current,r=_.current;v.current=null,f(null),m(null),y(null);const t=w.current!==e||E.current!==r;S.current=0,w.current=null,E.current=null,t&&s(e,r,!1),s(e,r,!0)};return(0,a.attachDragListeners)({handleMouseMove:r,handleMouseUp:t}),()=>{(0,a.removeDragListeners)({handleMouseMove:r,handleMouseUp:t})}}),[d,e,D,c,s]),{isDragging:d,dragMinValue:p,dragMaxValue:b,handleTrackMouseDown:x,handleMinMouseDown:O,handleMaxMouseDown:P}}},59:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSliderValues=void 0;const n=t(155),a=t(63);r.useSliderValues=({minValue:e,maxValue:r,min:t,max:o,step:l,onChange:u,onMinChange:i,onMaxChange:c,onChangeEnd:s})=>{const[d,f]=(0,n.useState)(e),[p,m]=(0,n.useState)(r),b=(0,n.useRef)(d),y=(0,n.useRef)(p);(0,n.useEffect)((()=>{b.current=d,y.current=p}),[d,p]),(0,n.useEffect)((()=>{f(e),m(r)}),[e,r]);const v=(0,n.useCallback)(((e,r,n,a)=>{const u=n??b.current,i=a??y.current;return r?Math.max(t,Math.min(e,i-l)):Math.min(o,Math.max(e,u+l))}),[t,o,l]),h=(0,n.useCallback)((e=>(0,a.calculatePercentage)(e,t,o)),[t,o]),_=(0,n.useCallback)(((e,r,t=!1)=>{f(e),m(r),u?.(e,r),i?.(e),c?.(r),t&&s?.(e,r)}),[u,i,c,s]);return{localMinValue:d,localMaxValue:p,clampValue:v,updateValues:_,getPercentage:h}}},63:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.clampSingleValue=r.calculatePercentage=r.SLIDER_DEFAULTS=void 0,r.SLIDER_DEFAULTS={min:0,max:100,step:1,appearance:"primary",disabled:!1};r.calculatePercentage=(e,r,t)=>{const n=t-r;return 0===n?0:(e-r)/n*100};r.clampSingleValue=(e,r,t)=>Math.max(r,Math.min(t,e))},367:e=>{e.exports=r},155:r=>{r.exports=e},769:(e,r,t)=>{t.r(r),t.d(r,{__addDisposableResource:()=>V,__assign:()=>o,__asyncDelegator:()=>D,__asyncGenerator:()=>M,__asyncValues:()=>T,__await:()=>E,__awaiter:()=>m,__classPrivateFieldGet:()=>R,__classPrivateFieldIn:()=>L,__classPrivateFieldSet:()=>k,__createBinding:()=>y,__decorate:()=>u,__disposeResources:()=>C,__esDecorate:()=>c,__exportStar:()=>v,__extends:()=>a,__generator:()=>b,__importDefault:()=>P,__importStar:()=>O,__makeTemplateObject:()=>x,__metadata:()=>p,__param:()=>i,__propKey:()=>d,__read:()=>_,__rest:()=>l,__runInitializers:()=>s,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>w,__spreadArrays:()=>S,__values:()=>h,default:()=>I});var n=function(e,r){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])},n(e,r)};function a(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function t(){this.constructor=e}n(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}var o=function(){return o=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},o.apply(this,arguments)};function l(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(t[n[a]]=e[n[a]])}return t}function u(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var u=e.length-1;u>=0;u--)(a=e[u])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l}function i(e,r){return function(t,n){r(t,n,e)}}function c(e,r,t,n,a,o){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,i=n.kind,c="getter"===i?"get":"setter"===i?"set":"value",s=!r&&e?n.static?e:e.prototype:null,d=r||(s?Object.getOwnPropertyDescriptor(s,n.name):{}),f=!1,p=t.length-1;p>=0;p--){var m={};for(var b in n)m[b]="access"===b?{}:n[b];for(var b in n.access)m.access[b]=n.access[b];m.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");o.push(l(e||null))};var y=(0,t[p])("accessor"===i?{get:d.get,set:d.set}:d[c],m);if("accessor"===i){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(u=l(y.get))&&(d.get=u),(u=l(y.set))&&(d.set=u),(u=l(y.init))&&a.unshift(u)}else(u=l(y))&&("field"===i?a.unshift(u):d[c]=u)}s&&Object.defineProperty(s,n.name,d),f=!0}function s(e,r,t){for(var n=arguments.length>2,a=0;a<r.length;a++)t=n?r[a].call(e,t):r[a].call(e);return n?t:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,r,t){return"symbol"==typeof r&&(r=r.description?"[".concat(r.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:t?"".concat(t," ",r):r})}function p(e,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,r)}function m(e,r,t,n){return new(t||(t=Promise))((function(a,o){function l(e){try{i(n.next(e))}catch(e){o(e)}}function u(e){try{i(n.throw(e))}catch(e){o(e)}}function i(e){var r;e.done?a(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(l,u)}i((n=n.apply(e,r||[])).next())}))}function b(e,r){var t,n,a,o,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function u(u){return function(i){return function(u){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,u[0]&&(l=0)),l;)try{if(t=1,n&&(a=2&u[0]?n.return:u[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,u[1])).done)return a;switch(n=0,a&&(u=[2&u[0],a.value]),u[0]){case 0:case 1:a=u;break;case 4:return l.label++,{value:u[1],done:!1};case 5:l.label++,n=u[1],u=[0];continue;case 7:u=l.ops.pop(),l.trys.pop();continue;default:if(!(a=l.trys,(a=a.length>0&&a[a.length-1])||6!==u[0]&&2!==u[0])){l=0;continue}if(3===u[0]&&(!a||u[1]>a[0]&&u[1]<a[3])){l.label=u[1];break}if(6===u[0]&&l.label<a[1]){l.label=a[1],a=u;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(u);break}a[2]&&l.ops.pop(),l.trys.pop();continue}u=r.call(e,l)}catch(e){u=[6,e],n=0}finally{t=a=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,i])}}}var y=Object.create?function(e,r,t,n){void 0===n&&(n=t);var a=Object.getOwnPropertyDescriptor(r,t);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,a)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]};function v(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||y(r,e,t)}function h(e){var r="function"==typeof Symbol&&Symbol.iterator,t=r&&e[r],n=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,a,o=t.call(e),l=[];try{for(;(void 0===r||r-- >0)&&!(n=o.next()).done;)l.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return l}function g(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(_(arguments[r]));return e}function S(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;var n=Array(e),a=0;for(r=0;r<t;r++)for(var o=arguments[r],l=0,u=o.length;l<u;l++,a++)n[a]=o[l];return n}function w(e,r,t){if(t||2===arguments.length)for(var n,a=0,o=r.length;a<o;a++)!n&&a in r||(n||(n=Array.prototype.slice.call(r,0,a)),n[a]=r[a]);return e.concat(n||Array.prototype.slice.call(r))}function E(e){return this instanceof E?(this.v=e,this):new E(e)}function M(e,r,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,a=t.apply(e,r||[]),o=[];return n={},l("next"),l("throw"),l("return"),n[Symbol.asyncIterator]=function(){return this},n;function l(e){a[e]&&(n[e]=function(r){return new Promise((function(t,n){o.push([e,r,t,n])>1||u(e,r)}))})}function u(e,r){try{(t=a[e](r)).value instanceof E?Promise.resolve(t.value.v).then(i,c):s(o[0][2],t)}catch(e){s(o[0][3],e)}var t}function i(e){u("next",e)}function c(e){u("throw",e)}function s(e,r){e(r),o.shift(),o.length&&u(o[0][0],o[0][1])}}function D(e){var r,t;return r={},n("next"),n("throw",(function(e){throw e})),n("return"),r[Symbol.iterator]=function(){return this},r;function n(n,a){r[n]=e[n]?function(r){return(t=!t)?{value:E(e[n](r)),done:!1}:a?a(r):r}:a}}function T(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,t=e[Symbol.asyncIterator];return t?t.call(e):(e=h(e),r={},n("next"),n("throw"),n("return"),r[Symbol.asyncIterator]=function(){return this},r);function n(t){r[t]=e[t]&&function(r){return new Promise((function(n,a){(function(e,r,t,n){Promise.resolve(n).then((function(r){e({value:r,done:t})}),r)})(n,a,(r=e[t](r)).done,r.value)}))}}}function x(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e}var j=Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r};function O(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&y(r,e,t);return j(r,e),r}function P(e){return e&&e.__esModule?e:{default:e}}function R(e,r,t,n){if("a"===t&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!n:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?n:"a"===t?n.call(e):n?n.value:r.get(e)}function k(e,r,t,n,a){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!a:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?a.call(e,t):a?a.value=t:r.set(e,t),t}function L(e,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?r===e:e.has(r)}function V(e,r,t){if(null!=r){if("object"!=typeof r&&"function"!=typeof r)throw new TypeError("Object expected.");var n;if(t){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=r[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=r[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:r,dispose:n,async:t})}else t&&e.stack.push({async:!0});return r}var A="function"==typeof SuppressedError?SuppressedError:function(e,r,t){var n=new Error(t);return n.name="SuppressedError",n.error=e,n.suppressed=r,n};function C(e){function r(r){e.error=e.hasError?new A(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}return function t(){for(;e.stack.length;){var n=e.stack.pop();try{var a=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(a).then(t,(function(e){return r(e),t()}))}catch(e){r(e)}}if(e.hasError)throw e.error}()}const I={__extends:a,__assign:o,__rest:l,__decorate:u,__param:i,__metadata:p,__awaiter:m,__generator:b,__createBinding:y,__exportStar:v,__values:h,__read:_,__spread:g,__spreadArrays:S,__spreadArray:w,__await:E,__asyncGenerator:M,__asyncDelegator:D,__asyncValues:T,__makeTemplateObject:x,__importStar:O,__importDefault:P,__classPrivateFieldGet:R,__classPrivateFieldSet:k,__classPrivateFieldIn:L,__addDisposableResource:V,__disposeResources:C}}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,a),o.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{var e=o;Object.defineProperty(e,"__esModule",{value:!0}),e.Slider=void 0;const r=a(901);var t=a(901);Object.defineProperty(e,"Slider",{enumerable:!0,get:function(){return t.Slider}}),e.default=r.Slider})(),o})()));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/slider"]=r(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/slider"]=r(e.react,e["@nimbus-ds/styles"])}(global,((e,r)=>(()=>{"use strict";var t={612:(e,r,t)=>{function n(e){var r=e.match(/^var\((.*)\)$/);return r?r[1]:e}function a(e,r){var t=e;for(var n of r){if(!(n in t))throw new Error("Path ".concat(r.join(" -> ")," does not exist in object"));t=t[n]}return t}function o(e,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=e.constructor();for(var a in e){var l=e[a],i=[...t,a];"string"==typeof l||"number"==typeof l||null==l?n[a]=r(l,i):"object"!=typeof l||Array.isArray(l)?console.warn('Skipping invalid key "'.concat(i.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(l)?"Array":typeof l,'"')):n[a]=o(l,r,i)}return n}function l(e,r){var t={};if("object"==typeof r){var l=e;o(r,((e,r)=>{if(null!=e){var o=a(l,r);t[n(o)]=String(e)}}))}else{var i=e;for(var u in i){var c=i[u];null!=c&&(t[n(u)]=c)}}return Object.defineProperty(t,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),t}function i(e,r,t){e.style.setProperty(n(r),t)}function u(e,r,t){if("object"==typeof t){var n=r;o(t,((r,t)=>{null!=r&&i(e,a(n,t),String(r))}))}else{var l=r;for(var u in l){null!=l[u]&&i(e,u,l[u])}}}t.r(r),t.d(r,{assignInlineVars:()=>l,setElementVars:()=>u})},901:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SLIDER_DEFAULTS=r.Slider=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(711),l=t(337),i=t(63),u=t(510),c=(0,n.forwardRef)((({className:e,min:r=i.SLIDER_DEFAULTS.min,max:t=i.SLIDER_DEFAULTS.max,value:u,step:c=i.SLIDER_DEFAULTS.step,appearance:s=i.SLIDER_DEFAULTS.appearance,disabled:d=i.SLIDER_DEFAULTS.disabled,onChange:f,onChangeEnd:p,ariaLabel:m,"data-testid":b},y)=>{const v=(0,n.useRef)(null),h=(0,n.useRef)(u);h.current=u;const _=(0,n.useCallback)((e=>(0,i.clampSingleValue)(e,r,t)),[r,t]),{dragValue:g,handleTrackMouseDown:S,handleThumbMouseDown:w}=(0,o.useSingleSliderDrag)({trackRef:v,min:r,max:t,step:c,disabled:d,value:u,clampValue:_,onChange:f,onChangeEnd:p}),E=g??u,M=(0,n.useCallback)((e=>{if(d)return;let n;const a=h.current;switch(e.key){case"ArrowLeft":case"ArrowDown":n=(0,i.clampSingleValue)(a-c,r,t);break;case"ArrowRight":case"ArrowUp":n=(0,i.clampSingleValue)(a+c,r,t);break;case"Home":n=r;break;case"End":n=t;break;default:return}e.preventDefault(),f?.(n),p?.(n)}),[d,c,r,t,f,p]),D=(0,i.calculatePercentage)(E,r,t);return n.default.createElement("div",{ref:y,className:[e,a.slider.classnames.container].join(" "),"data-testid":b},n.default.createElement("div",{className:a.slider.classnames.trackContainer,onMouseDown:S,role:"none"},n.default.createElement(l.SliderTrack,{ref:v,appearance:s,maxPercentage:D,disabled:d,dataTestId:b},n.default.createElement(l.SliderThumb,{type:"single",percentage:D,value:E,minAriaValue:r,maxAriaValue:t,disabled:d,ariaLabel:m,dataTestId:b?`${b}-thumb`:void 0,onMouseDown:w,onKeyDown:M}))))}));c.displayName="Slider",r.Slider=Object.assign(c,{Range:u.SliderRange}),r.Slider.Range.displayName="Slider.Range";var s=t(63);Object.defineProperty(r,"SLIDER_DEFAULTS",{enumerable:!0,get:function(){return s.SLIDER_DEFAULTS}})},510:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderRange=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(711),l=t(337),i=t(63);r.SliderRange=(0,n.forwardRef)((({min:e=i.SLIDER_DEFAULTS.min,max:r=i.SLIDER_DEFAULTS.max,minValue:t,maxValue:u,step:c=i.SLIDER_DEFAULTS.step,appearance:s=i.SLIDER_DEFAULTS.appearance,disabled:d=i.SLIDER_DEFAULTS.disabled,onChange:f,onMinChange:p,onMaxChange:m,onChangeEnd:b,minAriaLabel:y,maxAriaLabel:v,"data-testid":h},_)=>{const g=(0,n.useRef)(null),{localMinValue:S,localMaxValue:w,clampValue:E,updateValues:M}=(0,o.useSliderValues)({minValue:t,maxValue:u,min:e,max:r,step:c,onChange:f,onMinChange:p,onMaxChange:m,onChangeEnd:b}),{dragMinValue:D,dragMaxValue:T,handleTrackMouseDown:j,handleMinMouseDown:x,handleMaxMouseDown:O}=(0,o.useSliderDrag)({trackRef:g,min:e,max:r,step:c,disabled:d,localMinValue:S,localMaxValue:w,clampValue:E,updateValues:M}),P=D??S,R=T??w,k=(0,n.useRef)(S),L=(0,n.useRef)(w);k.current=S,L.current=w;const V=(0,n.useCallback)(((t,n)=>{if(d)return;let a;const o="min"===t?k.current:L.current,l=k.current,i=L.current;switch(n.key){case"ArrowLeft":case"ArrowDown":a=E(o-c,"min"===t);break;case"ArrowRight":case"ArrowUp":a=E(o+c,"min"===t);break;case"Home":a="min"===t?e:l+c;break;case"End":a="max"===t?r:i-c;break;default:return}n.preventDefault(),"min"===t?M(a,i,!0):M(l,a,!0)}),[d,c,e,r,E,M]),A=(0,n.useCallback)((e=>V("min",e)),[V]),C=(0,n.useCallback)((e=>V("max",e)),[V]),I=(0,i.calculatePercentage)(P,e,r),F=(0,i.calculatePercentage)(R,e,r);return n.default.createElement("div",{ref:_,className:a.slider.classnames.container,"data-testid":h},n.default.createElement("div",{className:a.slider.classnames.trackContainer,onMouseDown:j,role:"none"},n.default.createElement(l.SliderTrack,{ref:g,appearance:s,minPercentage:I,maxPercentage:F,disabled:d,dataTestId:h},n.default.createElement(l.SliderThumb,{type:"min",percentage:I,value:P,minAriaValue:e,maxAriaValue:R-c,disabled:d,ariaLabel:y,dataTestId:h?`${h}-min-thumb`:void 0,onMouseDown:x,onKeyDown:A}),n.default.createElement(l.SliderThumb,{type:"max",percentage:F,value:R,minAriaValue:P+c,maxAriaValue:r,disabled:d,ariaLabel:v,dataTestId:h?`${h}-max-thumb`:void 0,onMouseDown:O,onKeyDown:C}))))})),r.SliderRange.displayName="Slider.Range"},574:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderThumb=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(612);r.SliderThumb=(0,n.memo)((({className:e,type:r,percentage:t,value:l,minAriaValue:i,maxAriaValue:u,disabled:c,ariaLabel:s,dataTestId:d,onMouseDown:f,onKeyDown:p})=>n.default.createElement("div",{className:[e,a.slider.classnames.thumbWrapper].join(" "),style:(0,o.assignInlineVars)({[a.slider.vars.thumbLeft]:`${t}%`})},n.default.createElement("button",{type:"button",className:[a.slider.classnames.thumb,c&&a.slider.classnames.thumb_disabled].filter(Boolean).join(" "),onMouseDown:f,onTouchStart:f,onKeyDown:p,disabled:c,role:"slider","aria-valuemin":i,"aria-valuemax":u,"aria-valuenow":l,"aria-label":s??("min"===r?"Minimum value":"max"===r?"Maximum value":"Value"),tabIndex:c?-1:0,"data-testid":d}))))},549:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderThumb=void 0;var n=t(574);Object.defineProperty(r,"SliderThumb",{enumerable:!0,get:function(){return n.SliderThumb}})},198:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderTrack=void 0;const n=t(769).__importStar(t(155)),a=t(367),o=t(612),l=(0,n.forwardRef)((({className:e,appearance:r,minPercentage:t=0,maxPercentage:l,disabled:i=!1,dataTestId:u,children:c},s)=>n.default.createElement("div",{ref:s,className:[e,i?a.slider.classnames.track.disabled:a.slider.classnames.track.default].join(" "),"data-testid":u?`${u}-track`:void 0},n.default.createElement("div",{className:i?a.slider.classnames.fill_disabled:a.slider.classnames.fill[r],style:(0,o.assignInlineVars)({[a.slider.vars.fillLeft]:`${t}%`,[a.slider.vars.fillRight]:100-l+"%"}),"data-testid":u?`${u}-fill`:void 0}),c)));l.displayName="SliderTrack",r.SliderTrack=(0,n.memo)(l)},362:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderTrack=void 0;var n=t(198);Object.defineProperty(r,"SliderTrack",{enumerable:!0,get:function(){return n.SliderTrack}})},337:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.SliderTrack=r.SliderThumb=void 0;var n=t(549);Object.defineProperty(r,"SliderThumb",{enumerable:!0,get:function(){return n.SliderThumb}});var a=t(362);Object.defineProperty(r,"SliderTrack",{enumerable:!0,get:function(){return a.SliderTrack}})},711:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSingleSliderDrag=r.useSliderDrag=r.useSliderValues=void 0;var n=t(59);Object.defineProperty(r,"useSliderValues",{enumerable:!0,get:function(){return n.useSliderValues}});var a=t(591);Object.defineProperty(r,"useSliderDrag",{enumerable:!0,get:function(){return a.useSliderDrag}});var o=t(915);Object.defineProperty(r,"useSingleSliderDrag",{enumerable:!0,get:function(){return o.useSingleSliderDrag}})},135:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.removeDragListeners=r.attachDragListeners=r.getClientXFromEvent=r.createGetValueFromClientX=r.createSnapToStep=r.DRAG_THROTTLE_MS=void 0,r.DRAG_THROTTLE_MS=50;r.createSnapToStep=(e,r,t)=>n=>{const a=Math.round((n-e)/t)*t+e;return Math.max(e,Math.min(r,a))};r.createGetValueFromClientX=(e,r,t)=>(n,a)=>{const o=Math.max(0,Math.min(1,(n-a.left)/a.width));return t(e+o*(r-e))};r.getClientXFromEvent=e=>"touches"in e?e.touches[0].clientX:e.clientX;r.attachDragListeners=({handleMouseMove:e,handleMouseUp:r})=>{document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),document.addEventListener("touchmove",e,{passive:!0}),document.addEventListener("touchend",r)};r.removeDragListeners=({handleMouseMove:e,handleMouseUp:r})=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",r)}},915:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSingleSliderDrag=void 0;const n=t(155),a=t(135);r.useSingleSliderDrag=({trackRef:e,min:r,max:t,step:o,disabled:l,value:i,clampValue:u,onChange:c,onChangeEnd:s})=>{const[d,f]=(0,n.useState)(!1),[p,m]=(0,n.useState)(null),b=(0,n.useRef)(!1),y=(0,n.useRef)(i),v=(0,n.useRef)(null),h=(0,n.useRef)(0),_=(0,n.useRef)(null);(0,n.useEffect)((()=>{b.current||(y.current=i)}),[i]);const g=(0,n.useMemo)((()=>(0,a.createSnapToStep)(r,t,o)),[r,t,o]),S=(0,n.useMemo)((()=>(0,a.createGetValueFromClientX)(r,t,g)),[r,t,g]),w=(0,n.useCallback)((t=>{if(!e.current)return r;const n=e.current.getBoundingClientRect();return S(t,n)}),[r,e,S]),E=(0,n.useCallback)((e=>{if(l)return;const r=w(e.clientX),t=u(r);b.current=!0,f(!0),y.current=t,m(t)}),[l,w,u]),M=(0,n.useCallback)((e=>{l||(e.stopPropagation(),b.current=!0,f(!0))}),[l]);return(0,n.useEffect)((()=>{if(!d)return;if(e.current){const r=e.current.getBoundingClientRect();v.current={left:r.left,width:r.width}}const r=e=>{(e=>{if(!v.current)return;const r=S(e,v.current),t=u(r);t!==y.current&&(y.current=t,m(t));const n=Date.now();n-h.current>=a.DRAG_THROTTLE_MS&&(h.current=n,_.current=y.current,c?.(y.current))})((0,a.getClientXFromEvent)(e))},t=()=>{v.current=null;const e=y.current;b.current=!1,f(!1),m(null),_.current!==e&&c?.(e),h.current=0,_.current=null,s?.(e)};return(0,a.attachDragListeners)({handleMouseMove:r,handleMouseUp:t}),()=>{(0,a.removeDragListeners)({handleMouseMove:r,handleMouseUp:t})}}),[d,e,S,u,c,s]),{isDragging:d,dragValue:p,handleTrackMouseDown:E,handleThumbMouseDown:M}}},591:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSliderDrag=void 0;const n=t(155),a=t(135);r.useSliderDrag=({trackRef:e,min:r,max:t,step:o,disabled:l,localMinValue:i,localMaxValue:u,clampValue:c,updateValues:s})=>{const[d,f]=(0,n.useState)(null),[p,m]=(0,n.useState)(null),[b,y]=(0,n.useState)(null),v=(0,n.useRef)(null),h=(0,n.useRef)(i),_=(0,n.useRef)(u),g=(0,n.useRef)(null),S=(0,n.useRef)(0),w=(0,n.useRef)(null),E=(0,n.useRef)(null);(0,n.useEffect)((()=>{v.current||(h.current=i,_.current=u)}),[i,u]);const M=(0,n.useMemo)((()=>(0,a.createSnapToStep)(r,t,o)),[r,t,o]),D=(0,n.useMemo)((()=>(0,a.createGetValueFromClientX)(r,t,M)),[r,t,M]),T=(0,n.useCallback)((t=>{if(!e.current)return r;const n=e.current.getBoundingClientRect();return D(t,n)}),[r,e,D]),j=(0,n.useCallback)((e=>{if(l)return;const r=T(e.clientX),t=h.current,n=_.current;if(Math.abs(r-t)<=Math.abs(r-n)){const e=c(r,!0,t,n);v.current="min",f("min"),h.current=e,m(e),s(e,n)}else{const e=c(r,!1,t,n);v.current="max",f("max"),_.current=e,y(e),s(t,e)}}),[l,T,c,s]),x=(0,n.useCallback)((e=>r=>{l||(r.stopPropagation(),v.current=e,f(e))}),[l]),O=x("min"),P=x("max");return(0,n.useEffect)((()=>{if(!d)return;if(e.current){const r=e.current.getBoundingClientRect();g.current={left:r.left,width:r.width}}const r=e=>{(e=>{if(!g.current)return;const r=D(e,g.current),t="min"===v.current,n=h.current,o=_.current,l=c(r,t,n,o);t&&l!==n?(h.current=l,m(l)):t||l===o||(_.current=l,y(l));const i=Date.now();i-S.current>=a.DRAG_THROTTLE_MS&&(S.current=i,w.current=h.current,E.current=_.current,s(h.current,_.current,!1))})((0,a.getClientXFromEvent)(e))},t=()=>{g.current=null;const e=h.current,r=_.current;v.current=null,f(null),m(null),y(null);const t=w.current!==e||E.current!==r;S.current=0,w.current=null,E.current=null,t&&s(e,r,!1),s(e,r,!0)};return(0,a.attachDragListeners)({handleMouseMove:r,handleMouseUp:t}),()=>{(0,a.removeDragListeners)({handleMouseMove:r,handleMouseUp:t})}}),[d,e,D,c,s]),{isDragging:d,dragMinValue:p,dragMaxValue:b,handleTrackMouseDown:j,handleMinMouseDown:O,handleMaxMouseDown:P}}},59:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSliderValues=void 0;const n=t(155),a=t(63);r.useSliderValues=({minValue:e,maxValue:r,min:t,max:o,step:l,onChange:i,onMinChange:u,onMaxChange:c,onChangeEnd:s})=>{const[d,f]=(0,n.useState)(e),[p,m]=(0,n.useState)(r),b=(0,n.useRef)(d),y=(0,n.useRef)(p);(0,n.useEffect)((()=>{b.current=d,y.current=p}),[d,p]),(0,n.useEffect)((()=>{f(e),m(r)}),[e,r]);const v=(0,n.useCallback)(((e,r,n,a)=>{const i=n??b.current,u=a??y.current;return r?Math.max(t,Math.min(e,u-l)):Math.min(o,Math.max(e,i+l))}),[t,o,l]),h=(0,n.useCallback)((e=>(0,a.calculatePercentage)(e,t,o)),[t,o]),_=(0,n.useCallback)(((e,r,t=!1)=>{f(e),m(r),i?.(e,r),u?.(e),c?.(r),t&&s?.(e,r)}),[i,u,c,s]);return{localMinValue:d,localMaxValue:p,clampValue:v,updateValues:_,getPercentage:h}}},63:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.clampSingleValue=r.calculatePercentage=r.SLIDER_DEFAULTS=void 0,r.SLIDER_DEFAULTS={min:0,max:100,step:1,appearance:"primary",disabled:!1};r.calculatePercentage=(e,r,t)=>{const n=t-r;return 0===n?0:(e-r)/n*100};r.clampSingleValue=(e,r,t)=>Math.max(r,Math.min(t,e))},367:e=>{e.exports=r},155:r=>{r.exports=e},769:(e,r,t)=>{t.r(r),t.d(r,{__addDisposableResource:()=>V,__assign:()=>o,__asyncDelegator:()=>D,__asyncGenerator:()=>M,__asyncValues:()=>T,__await:()=>E,__awaiter:()=>m,__classPrivateFieldGet:()=>R,__classPrivateFieldIn:()=>L,__classPrivateFieldSet:()=>k,__createBinding:()=>y,__decorate:()=>i,__disposeResources:()=>C,__esDecorate:()=>c,__exportStar:()=>v,__extends:()=>a,__generator:()=>b,__importDefault:()=>P,__importStar:()=>O,__makeTemplateObject:()=>j,__metadata:()=>p,__param:()=>u,__propKey:()=>d,__read:()=>_,__rest:()=>l,__runInitializers:()=>s,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>w,__spreadArrays:()=>S,__values:()=>h,default:()=>I});var n=function(e,r){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])},n(e,r)};function a(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function t(){this.constructor=e}n(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}var o=function(){return o=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},o.apply(this,arguments)};function l(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(t[n[a]]=e[n[a]])}return t}function i(e,r,t,n){var a,o=arguments.length,l=o<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,n);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(l=(o<3?a(l):o>3?a(r,t,l):a(r,t))||l);return o>3&&l&&Object.defineProperty(r,t,l),l}function u(e,r){return function(t,n){r(t,n,e)}}function c(e,r,t,n,a,o){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,u=n.kind,c="getter"===u?"get":"setter"===u?"set":"value",s=!r&&e?n.static?e:e.prototype:null,d=r||(s?Object.getOwnPropertyDescriptor(s,n.name):{}),f=!1,p=t.length-1;p>=0;p--){var m={};for(var b in n)m[b]="access"===b?{}:n[b];for(var b in n.access)m.access[b]=n.access[b];m.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");o.push(l(e||null))};var y=(0,t[p])("accessor"===u?{get:d.get,set:d.set}:d[c],m);if("accessor"===u){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=l(y.get))&&(d.get=i),(i=l(y.set))&&(d.set=i),(i=l(y.init))&&a.unshift(i)}else(i=l(y))&&("field"===u?a.unshift(i):d[c]=i)}s&&Object.defineProperty(s,n.name,d),f=!0}function s(e,r,t){for(var n=arguments.length>2,a=0;a<r.length;a++)t=n?r[a].call(e,t):r[a].call(e);return n?t:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,r,t){return"symbol"==typeof r&&(r=r.description?"[".concat(r.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:t?"".concat(t," ",r):r})}function p(e,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,r)}function m(e,r,t,n){return new(t||(t=Promise))((function(a,o){function l(e){try{u(n.next(e))}catch(e){o(e)}}function i(e){try{u(n.throw(e))}catch(e){o(e)}}function u(e){var r;e.done?a(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(l,i)}u((n=n.apply(e,r||[])).next())}))}function b(e,r){var t,n,a,o,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function i(i){return function(u){return function(i){if(t)throw new TypeError("Generator is already executing.");for(;o&&(o=0,i[0]&&(l=0)),l;)try{if(t=1,n&&(a=2&i[0]?n.return:i[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,i[1])).done)return a;switch(n=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return l.label++,{value:i[1],done:!1};case 5:l.label++,n=i[1],i=[0];continue;case 7:i=l.ops.pop(),l.trys.pop();continue;default:if(!(a=l.trys,(a=a.length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){l=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){l.label=i[1];break}if(6===i[0]&&l.label<a[1]){l.label=a[1],a=i;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(i);break}a[2]&&l.ops.pop(),l.trys.pop();continue}i=r.call(e,l)}catch(e){i=[6,e],n=0}finally{t=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}var y=Object.create?function(e,r,t,n){void 0===n&&(n=t);var a=Object.getOwnPropertyDescriptor(r,t);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,a)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]};function v(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||y(r,e,t)}function h(e){var r="function"==typeof Symbol&&Symbol.iterator,t=r&&e[r],n=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,a,o=t.call(e),l=[];try{for(;(void 0===r||r-- >0)&&!(n=o.next()).done;)l.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return l}function g(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(_(arguments[r]));return e}function S(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;var n=Array(e),a=0;for(r=0;r<t;r++)for(var o=arguments[r],l=0,i=o.length;l<i;l++,a++)n[a]=o[l];return n}function w(e,r,t){if(t||2===arguments.length)for(var n,a=0,o=r.length;a<o;a++)!n&&a in r||(n||(n=Array.prototype.slice.call(r,0,a)),n[a]=r[a]);return e.concat(n||Array.prototype.slice.call(r))}function E(e){return this instanceof E?(this.v=e,this):new E(e)}function M(e,r,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,a=t.apply(e,r||[]),o=[];return n={},l("next"),l("throw"),l("return"),n[Symbol.asyncIterator]=function(){return this},n;function l(e){a[e]&&(n[e]=function(r){return new Promise((function(t,n){o.push([e,r,t,n])>1||i(e,r)}))})}function i(e,r){try{(t=a[e](r)).value instanceof E?Promise.resolve(t.value.v).then(u,c):s(o[0][2],t)}catch(e){s(o[0][3],e)}var t}function u(e){i("next",e)}function c(e){i("throw",e)}function s(e,r){e(r),o.shift(),o.length&&i(o[0][0],o[0][1])}}function D(e){var r,t;return r={},n("next"),n("throw",(function(e){throw e})),n("return"),r[Symbol.iterator]=function(){return this},r;function n(n,a){r[n]=e[n]?function(r){return(t=!t)?{value:E(e[n](r)),done:!1}:a?a(r):r}:a}}function T(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,t=e[Symbol.asyncIterator];return t?t.call(e):(e=h(e),r={},n("next"),n("throw"),n("return"),r[Symbol.asyncIterator]=function(){return this},r);function n(t){r[t]=e[t]&&function(r){return new Promise((function(n,a){(function(e,r,t,n){Promise.resolve(n).then((function(r){e({value:r,done:t})}),r)})(n,a,(r=e[t](r)).done,r.value)}))}}}function j(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e}var x=Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r};function O(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&y(r,e,t);return x(r,e),r}function P(e){return e&&e.__esModule?e:{default:e}}function R(e,r,t,n){if("a"===t&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!n:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?n:"a"===t?n.call(e):n?n.value:r.get(e)}function k(e,r,t,n,a){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!a:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?a.call(e,t):a?a.value=t:r.set(e,t),t}function L(e,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?r===e:e.has(r)}function V(e,r,t){if(null!=r){if("object"!=typeof r&&"function"!=typeof r)throw new TypeError("Object expected.");var n;if(t){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=r[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=r[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:r,dispose:n,async:t})}else t&&e.stack.push({async:!0});return r}var A="function"==typeof SuppressedError?SuppressedError:function(e,r,t){var n=new Error(t);return n.name="SuppressedError",n.error=e,n.suppressed=r,n};function C(e){function r(r){e.error=e.hasError?new A(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}return function t(){for(;e.stack.length;){var n=e.stack.pop();try{var a=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(a).then(t,(function(e){return r(e),t()}))}catch(e){r(e)}}if(e.hasError)throw e.error}()}const I={__extends:a,__assign:o,__rest:l,__decorate:i,__param:u,__metadata:p,__awaiter:m,__generator:b,__createBinding:y,__exportStar:v,__values:h,__read:_,__spread:g,__spreadArrays:S,__spreadArray:w,__await:E,__asyncGenerator:M,__asyncDelegator:D,__asyncValues:T,__makeTemplateObject:j,__importStar:O,__importDefault:P,__classPrivateFieldGet:R,__classPrivateFieldSet:k,__classPrivateFieldIn:L,__addDisposableResource:V,__disposeResources:C}}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,a),o.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{var e=o;Object.defineProperty(e,"__esModule",{value:!0}),e.Slider=void 0;const r=a(901);var t=a(901);Object.defineProperty(e,"Slider",{enumerable:!0,get:function(){return t.Slider}}),e.default=r.Slider})(),o})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/slider",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -15,9 +15,9 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/box": "^4.3.3",
-    "@nimbus-ds/input": "^2.6.1",
-    "@nimbus-ds/text": "^6.6.1"
+    "@nimbus-ds/box": "^4.4.0",
+    "@nimbus-ds/input": "^2.7.0",
+    "@nimbus-ds/text": "^6.7.0"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",