slider-stories.f44c1e98.iframe.bundle.js

"use strict";(self.webpackChunkwww=self.webpackChunkwww||[]).push([[901],{"../../node_modules/@radix-ui/number/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function $ae6933e535247d3d$export$7d15b64cf5a3a4c4(value,[min,max]){return Math.min(max,Math.max(min,value))}__webpack_require__.d(__webpack_exports__,{u:()=>$ae6933e535247d3d$export$7d15b64cf5a3a4c4})},"../../node_modules/@radix-ui/react-collection/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>$e02a7d9cb1dc128c$export$c74125a8e3af6bb2});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_radix_ui_react_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@radix-ui/react-context/dist/index.mjs"),_radix_ui_react_compose_refs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),_radix_ui_react_slot__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@radix-ui/react-slot/dist/index.mjs");function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name){const PROVIDER_NAME=name+"CollectionProvider",[createCollectionContext,createCollectionScope]=(0,_radix_ui_react_context__WEBPACK_IMPORTED_MODULE_1__.b)(PROVIDER_NAME),[CollectionProviderImpl,useCollectionContext]=createCollectionContext(PROVIDER_NAME,{collectionRef:{current:null},itemMap:new Map}),CollectionProvider=props=>{const{scope,children}=props,ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),itemMap=react__WEBPACK_IMPORTED_MODULE_0__.useRef(new Map).current;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(CollectionProviderImpl,{scope,itemMap,collectionRef:ref},children)},COLLECTION_SLOT_NAME=name+"CollectionSlot",CollectionSlot=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardedRef)=>{const{scope,children}=props,context=useCollectionContext(COLLECTION_SLOT_NAME,scope),composedRefs=(0,_radix_ui_react_compose_refs__WEBPACK_IMPORTED_MODULE_2__.e)(forwardedRef,context.collectionRef);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_radix_ui_react_slot__WEBPACK_IMPORTED_MODULE_3__.g7,{ref:composedRefs},children)})),ITEM_SLOT_NAME=name+"CollectionItemSlot",CollectionItemSlot=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardedRef)=>{const{scope,children,...itemData}=props,ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),composedRefs=(0,_radix_ui_react_compose_refs__WEBPACK_IMPORTED_MODULE_2__.e)(forwardedRef,ref),context=useCollectionContext(ITEM_SLOT_NAME,scope);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>(context.itemMap.set(ref,{ref,...itemData}),()=>{context.itemMap.delete(ref)}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_radix_ui_react_slot__WEBPACK_IMPORTED_MODULE_3__.g7,{"data-radix-collection-item":"",ref:composedRefs},children)}));return[{Provider:CollectionProvider,Slot:CollectionSlot,ItemSlot:CollectionItemSlot},function useCollection(scope){const context=useCollectionContext(name+"CollectionConsumer",scope);return react__WEBPACK_IMPORTED_MODULE_0__.useCallback((()=>{const collectionNode=context.collectionRef.current;if(!collectionNode)return[];const orderedNodes=Array.from(collectionNode.querySelectorAll("[data-radix-collection-item]"));return Array.from(context.itemMap.values()).sort(((a,b)=>orderedNodes.indexOf(a.ref.current)-orderedNodes.indexOf(b.ref.current)))}),[context.collectionRef,context.itemMap])},createCollectionScope]}},"../../node_modules/@radix-ui/react-direction/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{gm:()=>$f631663db3294ace$export$b39126d51d94e6f3});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const $f631663db3294ace$var$DirectionContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function $f631663db3294ace$export$b39126d51d94e6f3(localDir){const globalDir=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)($f631663db3294ace$var$DirectionContext);return localDir||globalDir||"ltr"}},"../../node_modules/@radix-ui/react-use-previous/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>$010c2913dbd2fe3d$export$5cae361ad82dce8b});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value){const ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({value,previous:value});return(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>(ref.current.value!==value&&(ref.current.previous=ref.current.value,ref.current.value=value),ref.current.previous)),[value])}},"../../node_modules/@radix-ui/react-use-size/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>$db6c3485150b8e66$export$1ab7ae714698c4b8});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs");function $db6c3485150b8e66$export$1ab7ae714698c4b8(element){const[size,setSize]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0);return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__.b)((()=>{if(element){setSize({width:element.offsetWidth,height:element.offsetHeight});const resizeObserver=new ResizeObserver((entries=>{if(!Array.isArray(entries))return;if(!entries.length)return;const entry=entries[0];let width,height;if("borderBoxSize"in entry){const borderSizeEntry=entry.borderBoxSize,borderSize=Array.isArray(borderSizeEntry)?borderSizeEntry[0]:borderSizeEntry;width=borderSize.inlineSize,height=borderSize.blockSize}else width=element.offsetWidth,height=element.offsetHeight;setSize({width,height})}));return resizeObserver.observe(element,{box:"border-box"}),()=>resizeObserver.unobserve(element)}setSize(void 0)}),[element]),size}},"./lib/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{cn:()=>cn});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/clsx/dist/clsx.m.js"),tailwind_merge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/tailwind-merge/dist/lib/tw-merge.mjs");__webpack_require__("../../node_modules/process/browser.js");function cn(){for(var _len=arguments.length,inputs=new Array(_len),_key=0;_key<_len;_key++)inputs[_key]=arguments[_key];return(0,tailwind_merge__WEBPACK_IMPORTED_MODULE_0__.m)((0,clsx__WEBPACK_IMPORTED_MODULE_1__.W)(inputs))}},"./registry/stories/slider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,default:()=>slider_stories});var defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),esm_extends=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),dist=__webpack_require__("../../node_modules/@radix-ui/number/dist/index.mjs"),primitive_dist=__webpack_require__("../../node_modules/@radix-ui/primitive/dist/index.mjs"),react_compose_refs_dist=__webpack_require__("../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),react_context_dist=__webpack_require__("../../node_modules/@radix-ui/react-context/dist/index.mjs"),react_use_controllable_state_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),react_direction_dist=__webpack_require__("../../node_modules/@radix-ui/react-direction/dist/index.mjs"),react_use_previous_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-previous/dist/index.mjs"),react_use_size_dist=__webpack_require__("../../node_modules/@radix-ui/react-use-size/dist/index.mjs"),react_primitive_dist=__webpack_require__("../../node_modules/@radix-ui/react-primitive/dist/index.mjs"),react_collection_dist=__webpack_require__("../../node_modules/@radix-ui/react-collection/dist/index.mjs");const $faa2e61a3361514f$var$PAGE_KEYS=["PageUp","PageDown"],$faa2e61a3361514f$var$ARROW_KEYS=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],$faa2e61a3361514f$var$BACK_KEYS={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},[$faa2e61a3361514f$var$Collection,$faa2e61a3361514f$var$useCollection,$faa2e61a3361514f$var$createCollectionScope]=(0,react_collection_dist.B)("Slider"),[$faa2e61a3361514f$var$createSliderContext,$faa2e61a3361514f$export$ef72632d7b901f97]=(0,react_context_dist.b)("Slider",[$faa2e61a3361514f$var$createCollectionScope]),[$faa2e61a3361514f$var$SliderProvider,$faa2e61a3361514f$var$useSliderContext]=$faa2e61a3361514f$var$createSliderContext("Slider"),$faa2e61a3361514f$export$472062a354075cee=(0,react.forwardRef)(((props,forwardedRef)=>{const{name,min=0,max=100,step=1,orientation="horizontal",disabled=!1,minStepsBetweenThumbs=0,defaultValue=[min],value:value1,onValueChange=()=>{},onValueCommit=()=>{},inverted=!1,...sliderProps}=props,[slider,setSlider]=(0,react.useState)(null),composedRefs=(0,react_compose_refs_dist.e)(forwardedRef,(node=>setSlider(node))),thumbRefs=(0,react.useRef)(new Set),valueIndexToChangeRef=(0,react.useRef)(0),isHorizontal="horizontal"===orientation,isFormControl=!slider||Boolean(slider.closest("form")),SliderOrientation=isHorizontal?$faa2e61a3361514f$var$SliderHorizontal:$faa2e61a3361514f$var$SliderVertical,[values=[],setValues]=(0,react_use_controllable_state_dist.T)({prop:value1,defaultProp:defaultValue,onChange:value=>{var _thumbs$valueIndexToC;null===(_thumbs$valueIndexToC=[...thumbRefs.current][valueIndexToChangeRef.current])||void 0===_thumbs$valueIndexToC||_thumbs$valueIndexToC.focus(),onValueChange(value)}}),valuesBeforeSlideStartRef=(0,react.useRef)(values);function updateValues(value,atIndex,{commit}={commit:!1}){const decimalCount=function $faa2e61a3361514f$var$getDecimalCount(value){return(String(value).split(".")[1]||"").length}(step),snapToStep=function $faa2e61a3361514f$var$roundValue(value,decimalCount){const rounder=Math.pow(10,decimalCount);return Math.round(value*rounder)/rounder}(Math.round((value-min)/step)*step+min,decimalCount),nextValue=(0,dist.u)(snapToStep,[min,max]);setValues(((prevValues=[])=>{const nextValues=function $faa2e61a3361514f$var$getNextSortedValues(prevValues=[],nextValue,atIndex){const nextValues=[...prevValues];return nextValues[atIndex]=nextValue,nextValues.sort(((a,b)=>a-b))}(prevValues,nextValue,atIndex);if(function $faa2e61a3361514f$var$hasMinStepsBetweenValues(values,minStepsBetweenValues){if(minStepsBetweenValues>0){const stepsBetweenValues=function $faa2e61a3361514f$var$getStepsBetweenValues(values){return values.slice(0,-1).map(((value,index)=>values[index+1]-value))}(values);return Math.min(...stepsBetweenValues)>=minStepsBetweenValues}return!0}(nextValues,minStepsBetweenThumbs*step)){valueIndexToChangeRef.current=nextValues.indexOf(nextValue);const hasChanged=String(nextValues)!==String(prevValues);return hasChanged&&commit&&onValueCommit(nextValues),hasChanged?nextValues:prevValues}return prevValues}))}return(0,react.createElement)($faa2e61a3361514f$var$SliderProvider,{scope:props.__scopeSlider,disabled,min,max,valueIndexToChangeRef,thumbs:thumbRefs.current,values,orientation},(0,react.createElement)($faa2e61a3361514f$var$Collection.Provider,{scope:props.__scopeSlider},(0,react.createElement)($faa2e61a3361514f$var$Collection.Slot,{scope:props.__scopeSlider},(0,react.createElement)(SliderOrientation,(0,esm_extends.Z)({"aria-disabled":disabled,"data-disabled":disabled?"":void 0},sliderProps,{ref:composedRefs,onPointerDown:(0,primitive_dist.M)(sliderProps.onPointerDown,(()=>{disabled||(valuesBeforeSlideStartRef.current=values)})),min,max,inverted,onSlideStart:disabled?void 0:function handleSlideStart(value){const closestIndex=function $faa2e61a3361514f$var$getClosestValueIndex(values,nextValue){if(1===values.length)return 0;const distances=values.map((value=>Math.abs(value-nextValue))),closestDistance=Math.min(...distances);return distances.indexOf(closestDistance)}(values,value);updateValues(value,closestIndex)},onSlideMove:disabled?void 0:function handleSlideMove(value){updateValues(value,valueIndexToChangeRef.current)},onSlideEnd:disabled?void 0:function handleSlideEnd(){const prevValue=valuesBeforeSlideStartRef.current[valueIndexToChangeRef.current];values[valueIndexToChangeRef.current]!==prevValue&&onValueCommit(values)},onHomeKeyDown:()=>!disabled&&updateValues(min,0,{commit:!0}),onEndKeyDown:()=>!disabled&&updateValues(max,values.length-1,{commit:!0}),onStepKeyDown:({event,direction:stepDirection})=>{if(!disabled){const multiplier=$faa2e61a3361514f$var$PAGE_KEYS.includes(event.key)||event.shiftKey&&$faa2e61a3361514f$var$ARROW_KEYS.includes(event.key)?10:1,atIndex=valueIndexToChangeRef.current;updateValues(values[atIndex]+step*multiplier*stepDirection,atIndex,{commit:!0})}}})))),isFormControl&&values.map(((value,index)=>(0,react.createElement)($faa2e61a3361514f$var$BubbleInput,{key:index,name:name?name+(values.length>1?"[]":""):void 0,value}))))})),[$faa2e61a3361514f$var$SliderOrientationProvider,$faa2e61a3361514f$var$useSliderOrientationContext]=$faa2e61a3361514f$var$createSliderContext("Slider",{startEdge:"left",endEdge:"right",size:"width",direction:1}),$faa2e61a3361514f$var$SliderHorizontal=(0,react.forwardRef)(((props,forwardedRef)=>{const{min,max,dir,inverted,onSlideStart,onSlideMove,onSlideEnd,onStepKeyDown,...sliderProps}=props,[slider,setSlider]=(0,react.useState)(null),composedRefs=(0,react_compose_refs_dist.e)(forwardedRef,(node=>setSlider(node))),rectRef=(0,react.useRef)(),direction=(0,react_direction_dist.gm)(dir),isDirectionLTR="ltr"===direction,isSlidingFromLeft=isDirectionLTR&&!inverted||!isDirectionLTR&&inverted;function getValueFromPointer(pointerPosition){const rect=rectRef.current||slider.getBoundingClientRect(),value=$faa2e61a3361514f$var$linearScale([0,rect.width],isSlidingFromLeft?[min,max]:[max,min]);return rectRef.current=rect,value(pointerPosition-rect.left)}return(0,react.createElement)($faa2e61a3361514f$var$SliderOrientationProvider,{scope:props.__scopeSlider,startEdge:isSlidingFromLeft?"left":"right",endEdge:isSlidingFromLeft?"right":"left",direction:isSlidingFromLeft?1:-1,size:"width"},(0,react.createElement)($faa2e61a3361514f$var$SliderImpl,(0,esm_extends.Z)({dir:direction,"data-orientation":"horizontal"},sliderProps,{ref:composedRefs,style:{...sliderProps.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:event=>{const value=getValueFromPointer(event.clientX);null==onSlideStart||onSlideStart(value)},onSlideMove:event=>{const value=getValueFromPointer(event.clientX);null==onSlideMove||onSlideMove(value)},onSlideEnd:()=>{rectRef.current=void 0,null==onSlideEnd||onSlideEnd()},onStepKeyDown:event=>{const isBackKey=$faa2e61a3361514f$var$BACK_KEYS[isSlidingFromLeft?"from-left":"from-right"].includes(event.key);null==onStepKeyDown||onStepKeyDown({event,direction:isBackKey?-1:1})}})))})),$faa2e61a3361514f$var$SliderVertical=(0,react.forwardRef)(((props,forwardedRef)=>{const{min,max,inverted,onSlideStart,onSlideMove,onSlideEnd,onStepKeyDown,...sliderProps}=props,sliderRef=(0,react.useRef)(null),ref=(0,react_compose_refs_dist.e)(forwardedRef,sliderRef),rectRef=(0,react.useRef)(),isSlidingFromBottom=!inverted;function getValueFromPointer(pointerPosition){const rect=rectRef.current||sliderRef.current.getBoundingClientRect(),value=$faa2e61a3361514f$var$linearScale([0,rect.height],isSlidingFromBottom?[max,min]:[min,max]);return rectRef.current=rect,value(pointerPosition-rect.top)}return(0,react.createElement)($faa2e61a3361514f$var$SliderOrientationProvider,{scope:props.__scopeSlider,startEdge:isSlidingFromBottom?"bottom":"top",endEdge:isSlidingFromBottom?"top":"bottom",size:"height",direction:isSlidingFromBottom?1:-1},(0,react.createElement)($faa2e61a3361514f$var$SliderImpl,(0,esm_extends.Z)({"data-orientation":"vertical"},sliderProps,{ref,style:{...sliderProps.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:event=>{const value=getValueFromPointer(event.clientY);null==onSlideStart||onSlideStart(value)},onSlideMove:event=>{const value=getValueFromPointer(event.clientY);null==onSlideMove||onSlideMove(value)},onSlideEnd:()=>{rectRef.current=void 0,null==onSlideEnd||onSlideEnd()},onStepKeyDown:event=>{const isBackKey=$faa2e61a3361514f$var$BACK_KEYS[isSlidingFromBottom?"from-bottom":"from-top"].includes(event.key);null==onStepKeyDown||onStepKeyDown({event,direction:isBackKey?-1:1})}})))})),$faa2e61a3361514f$var$SliderImpl=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeSlider,onSlideStart,onSlideMove,onSlideEnd,onHomeKeyDown,onEndKeyDown,onStepKeyDown,...sliderProps}=props,context=$faa2e61a3361514f$var$useSliderContext("Slider",__scopeSlider);return(0,react.createElement)(react_primitive_dist.WV.span,(0,esm_extends.Z)({},sliderProps,{ref:forwardedRef,onKeyDown:(0,primitive_dist.M)(props.onKeyDown,(event=>{"Home"===event.key?(onHomeKeyDown(event),event.preventDefault()):"End"===event.key?(onEndKeyDown(event),event.preventDefault()):$faa2e61a3361514f$var$PAGE_KEYS.concat($faa2e61a3361514f$var$ARROW_KEYS).includes(event.key)&&(onStepKeyDown(event),event.preventDefault())})),onPointerDown:(0,primitive_dist.M)(props.onPointerDown,(event=>{const target=event.target;target.setPointerCapture(event.pointerId),event.preventDefault(),context.thumbs.has(target)?target.focus():onSlideStart(event)})),onPointerMove:(0,primitive_dist.M)(props.onPointerMove,(event=>{event.target.hasPointerCapture(event.pointerId)&&onSlideMove(event)})),onPointerUp:(0,primitive_dist.M)(props.onPointerUp,(event=>{const target=event.target;target.hasPointerCapture(event.pointerId)&&(target.releasePointerCapture(event.pointerId),onSlideEnd(event))}))}))})),$faa2e61a3361514f$export$105594979f116971=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeSlider,...trackProps}=props,context=$faa2e61a3361514f$var$useSliderContext("SliderTrack",__scopeSlider);return(0,react.createElement)(react_primitive_dist.WV.span,(0,esm_extends.Z)({"data-disabled":context.disabled?"":void 0,"data-orientation":context.orientation},trackProps,{ref:forwardedRef}))})),$faa2e61a3361514f$export$a5cf38a7a000fe77=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeSlider,...rangeProps}=props,context=$faa2e61a3361514f$var$useSliderContext("SliderRange",__scopeSlider),orientation=$faa2e61a3361514f$var$useSliderOrientationContext("SliderRange",__scopeSlider),ref=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.e)(forwardedRef,ref),valuesCount=context.values.length,percentages=context.values.map((value=>$faa2e61a3361514f$var$convertValueToPercentage(value,context.min,context.max))),offsetStart=valuesCount>1?Math.min(...percentages):0,offsetEnd=100-Math.max(...percentages);return(0,react.createElement)(react_primitive_dist.WV.span,(0,esm_extends.Z)({"data-orientation":context.orientation,"data-disabled":context.disabled?"":void 0},rangeProps,{ref:composedRefs,style:{...props.style,[orientation.startEdge]:offsetStart+"%",[orientation.endEdge]:offsetEnd+"%"}}))})),$faa2e61a3361514f$export$2c1b491743890dec=(0,react.forwardRef)(((props,forwardedRef)=>{const getItems=$faa2e61a3361514f$var$useCollection(props.__scopeSlider),[thumb,setThumb]=(0,react.useState)(null),composedRefs=(0,react_compose_refs_dist.e)(forwardedRef,(node=>setThumb(node))),index=(0,react.useMemo)((()=>thumb?getItems().findIndex((item=>item.ref.current===thumb)):-1),[getItems,thumb]);return(0,react.createElement)($faa2e61a3361514f$var$SliderThumbImpl,(0,esm_extends.Z)({},props,{ref:composedRefs,index}))})),$faa2e61a3361514f$var$SliderThumbImpl=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeSlider,index,...thumbProps}=props,context=$faa2e61a3361514f$var$useSliderContext("SliderThumb",__scopeSlider),orientation=$faa2e61a3361514f$var$useSliderOrientationContext("SliderThumb",__scopeSlider),[thumb,setThumb]=(0,react.useState)(null),composedRefs=(0,react_compose_refs_dist.e)(forwardedRef,(node=>setThumb(node))),size=(0,react_use_size_dist.t)(thumb),value=context.values[index],percent=void 0===value?0:$faa2e61a3361514f$var$convertValueToPercentage(value,context.min,context.max),label=function $faa2e61a3361514f$var$getLabel(index,totalValues){return totalValues>2?`Value ${index+1} of ${totalValues}`:2===totalValues?["Minimum","Maximum"][index]:void 0}(index,context.values.length),orientationSize=null==size?void 0:size[orientation.size],thumbInBoundsOffset=orientationSize?function $faa2e61a3361514f$var$getThumbInBoundsOffset(width,left,direction){const halfWidth=width/2,offset=$faa2e61a3361514f$var$linearScale([0,50],[0,halfWidth]);return(halfWidth-offset(left)*direction)*direction}(orientationSize,percent,orientation.direction):0;return(0,react.useEffect)((()=>{if(thumb)return context.thumbs.add(thumb),()=>{context.thumbs.delete(thumb)}}),[thumb,context.thumbs]),(0,react.createElement)("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[orientation.startEdge]:`calc(${percent}% + ${thumbInBoundsOffset}px)`}},(0,react.createElement)($faa2e61a3361514f$var$Collection.ItemSlot,{scope:props.__scopeSlider},(0,react.createElement)(react_primitive_dist.WV.span,(0,esm_extends.Z)({role:"slider","aria-label":props["aria-label"]||label,"aria-valuemin":context.min,"aria-valuenow":value,"aria-valuemax":context.max,"aria-orientation":context.orientation,"data-orientation":context.orientation,"data-disabled":context.disabled?"":void 0,tabIndex:context.disabled?void 0:0},thumbProps,{ref:composedRefs,style:void 0===value?{display:"none"}:props.style,onFocus:(0,primitive_dist.M)(props.onFocus,(()=>{context.valueIndexToChangeRef.current=index}))}))))})),$faa2e61a3361514f$var$BubbleInput=props=>{const{value,...inputProps}=props,ref=(0,react.useRef)(null),prevValue=(0,react_use_previous_dist.D)(value);return(0,react.useEffect)((()=>{const input=ref.current,inputProto=window.HTMLInputElement.prototype,setValue=Object.getOwnPropertyDescriptor(inputProto,"value").set;if(prevValue!==value&&setValue){const event=new Event("input",{bubbles:!0});setValue.call(input,value),input.dispatchEvent(event)}}),[prevValue,value]),(0,react.createElement)("input",(0,esm_extends.Z)({style:{display:"none"}},inputProps,{ref,defaultValue:value}))};function $faa2e61a3361514f$var$convertValueToPercentage(value,min,max){const percentage=100/(max-min)*(value-min);return(0,dist.u)(percentage,[0,100])}function $faa2e61a3361514f$var$linearScale(input,output){return value=>{if(input[0]===input[1]||output[0]===output[1])return output[0];const ratio=(output[1]-output[0])/(input[1]-input[0]);return output[0]+ratio*(value-input[0])}}const $faa2e61a3361514f$export$be92b6f5f03c0fe9=$faa2e61a3361514f$export$472062a354075cee,$faa2e61a3361514f$export$13921ac0cc260818=$faa2e61a3361514f$export$105594979f116971,$faa2e61a3361514f$export$9a58ef0d7ad3278c=$faa2e61a3361514f$export$a5cf38a7a000fe77,$faa2e61a3361514f$export$6521433ed15a34db=$faa2e61a3361514f$export$2c1b491743890dec;var _Base$parameters,_Base$parameters2,utils=__webpack_require__("./lib/utils.ts"),_excluded=["className"],__jsx=react.createElement,Slider=react.forwardRef((function(_ref,ref){var className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return __jsx($faa2e61a3361514f$export$be92b6f5f03c0fe9,(0,esm_extends.Z)({ref,className:(0,utils.cn)("relative flex w-full touch-none select-none items-center",className)},props),__jsx($faa2e61a3361514f$export$13921ac0cc260818,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary"},__jsx($faa2e61a3361514f$export$9a58ef0d7ad3278c,{className:"absolute h-full bg-primary"})),__jsx($faa2e61a3361514f$export$6521433ed15a34db,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"}))}));Slider.displayName=$faa2e61a3361514f$export$be92b6f5f03c0fe9.displayName,Slider.__docgenInfo={description:"",methods:[]};try{Slider.displayName="Slider",Slider.__docgenInfo={description:"",displayName:"Slider",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/slider.tsx#Slider"]={docgenInfo:Slider.__docgenInfo,name:"Slider",path:"registry/default/ui/slider.tsx#Slider"})}catch(__react_docgen_typescript_loader_error){}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){(0,defineProperty.Z)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}const slider_stories={title:"ui/Slider",component:Slider,tags:["autodocs"],argTypes:{}};var Base={args:{defaultValue:[33],max:100,step:1}};Base.parameters=_objectSpread(_objectSpread({},Base.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:_objectSpread({originalSource:"{\n  args: {\n    defaultValue: [33],\n    max: 100,\n    step: 1\n  }\n}"},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2=_Base$parameters2.docs)||void 0===_Base$parameters2?void 0:_Base$parameters2.source)})})}}]);