https://ui.com/microsite/static/SliderFormatRenderer-DeXEhnMK.js

1import{i as e}from"./rolldown-runtime-8BhlS34s.js";import{r as t}from"./vendor-carousel-iPl0IyUU.js";import{i as n,n as r,t as i}from"./uicStyleInject-DSHKQtu-.js";import{n as a,r as o,u as s}from"./resolvePropWithContext-7bo_X02T.js";import{l as c,u as l}from"./utils-DkoqVLvi.js";import{U as u}from"./vendor-utils-BHRMY26r.js";import{t as d}from"./I18nProvider-D33KDK7h.js";import{t as f}from"./Text_Block-sH5o1WBD.js";var p=e(t()),m=({value:e,defaultValue:t,onChange:n})=>{let r=e!==void 0,[i,a]=(0,p.useState)(r?e:t);return[r?e:i,(0,p.useCallback)(e=>{r||a(e),n?.(e)},[r,n]),r]},h=`[data-uic-component="Slider.Thumb"]`,g=`[data-uic-component="Slider.Track"]`,_=(e,t,n)=>{let r=e===1,i=Math.min(Math.max(t,0),1);return{width:100*(r?i:Math.min(Math.max(n,0),1)-i)+`%`,left:100*(r?0:i)+`%`}},v=(e,t,n)=>{let r=[];for(let i=e;i<=t;i+=n){let e={value:i/t*100};r.push(e)}return r},y=(e,t,n)=>e===t?`start`:e===n?`end`:void 0,b=(e,t,n)=>(e-t)/(n-t)*100,x=(e,t,n,r)=>t===1?e<=n:e<=r&&e>=n,S=(e,t,n,r)=>{if(!t)return e;let i=n+r;return Array.isArray(e)?e.map(e=>i-e):i-e},C=(e,t,n)=>Math.min(Math.max(e,t),n),w=(e,t,n)=>{if(n===0||!Number.isFinite(n))return e;let r=(e=>{if(!Number.isFinite(e))return 0;let t=e.toString();if(t.includes(`e`)){let[e,n]=t.split(`e`),r=e.split(`.`)[1]||``,i=Number(n);return Math.max(0,r.length-i)}let n=t.split(`.`)[1];return n?n.length:0})(n);return((e,t)=>{let n=10**t;return Math.round(e*n)/n})(Math.round((e-t)/n)*n+t,r)},T=(e,t,n,r)=>{let{minValue:i,maxValue:a,step:o,allowCrossover:s}=r,c=C(w(n,i,o),i,a);if(!s){let n=e[t-1]??i,r=e[t+1]??a;c=C(c,n,r)}let l=[...e];if(l[t]=c,!s)return{values:l,activeIndex:t};let u=l.map((e,n)=>({value:e,isDragged:n===t}));return u.sort((e,t)=>e.value-t.value),{values:u.map(e=>e.value),activeIndex:u.findIndex(e=>e.isDragged)}},E=(e,t,n)=>t===0?n:e[t-1],D=(e,t,n)=>t===e.length-1?n:e[t+1],O=(e,t,n,r)=>{let i=r-n;return i===0?0:(e[t]-n)/i},k=(e,t,n,r,i,a)=>{if(n===`vertical`?t.height===0:t.width===0)return r;if(n===`vertical`)return i-(e-t.top)/t.height*(i-r);let o=(e-t.left)/t.width;return a===`rtl`?i-o*(i-r):r+o*(i-r)},A=(e,t,n)=>{let{excludedIndices:r,activeIndex:i}=n??{},a=-1,o=1/0;return e.forEach((e,n)=>{if(r?.has(n))return;let s=Math.abs(e-t);if(s<o)o=s,a=n;else if(s===o){let e=a===i,t=n===i;(t&&!e||!e&&!t&&n>a)&&(a=n)}}),a},j=(e,t)=>{var n;(n=e?.querySelector(`[data-uic-component="Slider.Thumb"][data-index="${t}"]`))==null||n.focus()},M={root:`root__srxTVtgx`,track:`track__srxTVtgx`,inputContainer:`inputContainer__srxTVtgx`,valueMark:`valueMark__srxTVtgx`,thumb:`thumb__srxTVtgx`,mark:`mark__srxTVtgx`,"valueMark-light":`valueMark-light__srxTVtgx`,"valueMark-dark":`valueMark-dark__srxTVtgx`,"inputContainer-light":`inputContainer-light__srxTVtgx`,"inputContainer-dark":`inputContainer-dark__srxTVtgx`,markShape:`markShape__srxTVtgx`,start:`start__srxTVtgx`,end:`end__srxTVtgx`,"markShape-light":`markShape-light__srxTVtgx`,"markShape-dark":`markShape-dark__srxTVtgx`,caption:`caption__srxTVtgx`,"caption-light":`caption-light__srxTVtgx`,"caption-dark":`caption-dark__srxTVtgx`,captionContainer:`captionContainer__srxTVtgx`,thumbIcon:`thumbIcon__srxTVtgx`,"thumbIcon-light":`thumbIcon-light__srxTVtgx`,"thumbIcon-dark":`thumbIcon-dark__srxTVtgx`,videoThumb:`videoThumb__srxTVtgx`,"videoThumb-light":`videoThumb-light__srxTVtgx`,"videoThumb-dark":`videoThumb-dark__srxTVtgx`,output:`output__srxTVtgx`,formatContainer:`formatContainer__srxTVtgx`,sideLayout:`sideLayout__srxTVtgx`};i(`.root__srxTVtgx{align-items:center;display:flex;flex-direction:column;gap:2px}.root__srxTVtgx[data-orientation=vertical]{align-items:flex-start;flex-direction:row;gap:4px}.root__srxTVtgx[data-orientation=vertical] [data-uic-component="Label.Root"]{align-items:flex-end;flex-direction:column;height:inherit;justify-content:space-between;padding:0 2px;transform:translateY(-6px);width:auto}.root__srxTVtgx[data-orientation=vertical] [data-uic-component="Label.Root"]:has([data-uic-component="Label.HelpText"]){justify-content:flex-end}.track__srxTVtgx{isolation:isolate;padding:6px 0;position:relative;touch-action:none;width:100%}.track__srxTVtgx[data-orientation=vertical]{height:calc(100% - 12px);padding:0 6px;width:auto}.inputContainer__srxTVtgx[data-disabled],.mark__srxTVtgx[data-disabled],.thumb__srxTVtgx[data-disabled],.valueMark__srxTVtgx[data-disabled]{cursor:default}.thumb__srxTVtgx{outline:none;position:absolute;touch-action:none;transform:translate(-50%,-50%);z-index:0}.thumb__srxTVtgx[data-active]{z-index:1}.inputContainer__srxTVtgx,.valueMark__srxTVtgx{border-radius:8px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.inputContainer__srxTVtgx[data-orientation=vertical],.valueMark__srxTVtgx[data-orientation=vertical]{height:auto;left:50%;

1top:auto;transform:translateX(-50%);width:4px}.valueMark__srxTVtgx{height:4px;left:var(--value-mark-left);width:var(--value-mark-width)}.valueMark__srxTVtgx[data-offset-mark]{left:calc(var(--value-mark-left) - 6px);width:calc(var(--value-mark-width) + 6px)}.valueMark__srxTVtgx[data-orientation=vertical]{bottom:var(--value-mark-bottom);height:var(--value-mark-height);width:4px}.valueMark__srxTVtgx[data-orientation=vertical][data-offset-mark]{bottom:calc(var(--value-mark-bottom) - 6px);height:calc(var(--value-mark-height) + 6px)}.valueMark__srxTVtgx[data-orientation=vertical][data-is-inverted][data-offset-mark]{bottom:var(--value-mark-bottom);height:calc(var(--value-mark-height) + 6px)}.valueMark-light__srxTVtgx{background-color:#006fff}.valueMark-light__srxTVtgx[data-disabled]{background-color:#99c5ff}.valueMark-dark__srxTVtgx{background-color:#4797ff}.valueMark-dark__srxTVtgx[data-disabled]{background-color:#0b4ead}.inputContainer__srxTVtgx{height:4px;transform:translate(-6px,-50%);width:calc(100% + 12px)}.inputContainer__srxTVtgx[data-orientation=vertical]{height:calc(100% + 12px);transform:translate(-50%,-6px);width:4px}.inputContainer-light__srxTVtgx{background-color:#eef0f1}.inputContainer-light__srxTVtgx[data-disabled]{background-color:#f4f5f6}.inputContainer-dark__srxTVtgx{background-color:#34383d}.inputContainer-dark__srxTVtgx[data-disabled]{background-color:#282b2f}.inputContainer__srxTVtgx:before{background-color:#0000;content:"";height:24px;pointer-events:none;position:absolute;transform:translateY(-50%);width:100%;z-index:-1}.inputContainer__srxTVtgx[data-orientation=vertical]:before{height:100%;left:50%;pointer-events:none;transform:translateX(-50%);width:24px}.mark__srxTVtgx{position:absolute;transform:translate(-50%,-50%)}.mark__srxTVtgx[data-position=start]{left:-6px}.mark__srxTVtgx[data-position=end]{left:calc(100% + 6px)}.mark__srxTVtgx[data-orientation=vertical][data-position=start]{bottom:-6px;left:auto}.mark__srxTVtgx[data-orientation=vertical][data-position=end]{bottom:calc(100% + 6px);left:auto}.mark__srxTVtgx[data-orientation=vertical] .markShape__srxTVtgx.start__srxTVtgx{transform:translate(-50%,-100%)}.mark__srxTVtgx[data-orientation=vertical] .markShape__srxTVtgx.end__srxTVtgx{transform:translate(-50%)}.mark__srxTVtgx .markShape__srxTVtgx{border-radius:8px;height:6px;position:absolute;transform:translate(-50%,-50%);width:6px}.mark__srxTVtgx .markShape-light__srxTVtgx{background-color:#dee0e3}.mark__srxTVtgx .markShape-light__srxTVtgx[data-selected]{background-color:#0058cc}.mark__srxTVtgx .markShape-light__srxTVtgx[data-disabled]{background-color:#eef0f1}.mark__srxTVtgx .markShape-light__srxTVtgx[data-disabled][data-selected]{background-color:#99c5ff}.mark__srxTVtgx .markShape-dark__srxTVtgx{background-color:#42474d}.mark__srxTVtgx .markShape-dark__srxTVtgx[data-selected]{background-color:#80b7ff}.mark__srxTVtgx .markShape-dark__srxTVtgx[data-disabled]{background-color:#34383d}.mark__srxTVtgx .markShape-dark__srxTVtgx[data-disabled][data-selected]{background-color:#0b4ead}.mark__srxTVtgx .markShape__srxTVtgx.start__srxTVtgx{transform:translateY(-50%)}.mark__srxTVtgx .markShape__srxTVtgx.end__srxTVtgx{transform:translate(-100%,-50%)}.mark__srxTVtgx .caption__srxTVtgx{margin-top:8px;position:absolute;transform:translate(-50%);white-space:nowrap}.mark__srxTVtgx .caption__srxTVtgx.start__srxTVtgx{transform:translate(0)}.mark__srxTVtgx .caption__srxTVtgx.end__srxTVtgx{transform:translate(-100%)}.mark__srxTVtgx .caption__srxTVtgx[data-orientation=vertical]{margin-left:8px;margin-top:0;transform:translateY(-50%)}.mark__srxTVtgx .caption__srxTVtgx[data-orientation=vertical].start__srxTVtgx{transform:translateY(calc(-50% - 3px))}.mark__srxTVtgx .caption__srxTVtgx[data-orientation=vertical].end__srxTVtgx{transform:translateY(calc(3px - 50%))}.caption__srxTVtgx.end__srxTVtgx{text-align:end}.caption-light__srxTVtgx[data-disabled]{color:#c2c6cb}.caption-dark__srxTVtgx[data-disabled]{color:#737c87}.captionContainer__srxTVtgx{align-items:center;display:flex;gap:8px;justify-content:space-between;width:calc(100% + 12px)}.captionContainer__srxTVtgx .end__srxTVtgx:only-child{margin-inline-start:auto}.captionContainer__srxTVtgx[data-orientation=vertical]{flex-direction:column;height:calc(100% + 12px);width:auto}.captionContainer__srxTVtgx[data-orientation=vertical] .end__srxTVtgx:only-child{margin-block-start:auto;margin-inline-start:0}.thumbIcon__srxTVtgx{border-radius:50%;height:12px;width:12px}.thumbIcon-light__srxTVtgx{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000f}.thumbIcon-light__srxTVtgx[data-hovered]{background:#fafafa;border:1px solid #e0e0e0}.thumbIcon-light__srxTVtgx[data-dragging],.thumbIcon-light__srxTVtgx[data-focus-visible]{outline:1px solid #66a8ff}.thumbIcon-light__srxTVtgx[data-disabled]{background:#fff;border:1px solid #ededed}.thumbIcon-dark__srxTVtgx{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0006}.thumbIcon-dark__srxTVtgx[data-hovered]{background:#fafafa;border:1px solid #e0e0e0}.thumbIcon-dark__srxTVtgx[data-dragging],.thumbIcon-dark__srxTVtgx[data-focus-visible]{outline:1px solid #0e65d8}.thumbIcon-dark__srxTVtgx[data-disabled]{background:#575757;border:1px solid #474747}.thumbIcon__srxTVtgx[data-dragging],.thumbIcon__srxTVtgx[data-focus-visible]{height:16px;width:16px}.videoThumb__srxTVtgx{height:12px;stroke:#e0e0e0;width:14px}.videoThumb__srxTVtgx[data-dragging]{height:16px;width:16px}.videoThumb-light__srxTVtgx{box-shadow:0 4px 12px #0000000f;fill:#fff}.videoThumb-light__srxTVtgx[data-focus-visible]{stroke:1px solid #66a8ff}.videoThumb-dark__srxTVtgx{box-shadow:0 4px 12px #0006;fill:#fff}.videoThumb-dark__srxTVtgx[data-focus-visible]{stroke:1px solid #0e65d8}.output__srxTVtgx{align-items:center;display:flex;gap:8px}.formatContainer__srxTVtgx{align-items:center;display:flex;flex-direction:column;gap:4px;width:calc(100% - 12px)}.formatContainer__srxTVtgx.sideLayout__srxTVtgx{flex-direction:row;gap:12px}.formatContainer__srxTVtgx[data-orientation=vertical]{flex-direction:row;height:calc(100% - 12px);width:auto}.formatContainer__srxTVtgx[data-orientation=vertical].sideLayout__srxTVtgx{flex-direction:column}.formatContainer__srxTVtgx:has(.mark__srxTVtgx [data-uic-component="Slider.Caption"]):not([data-orientation=vertical]){min-height:30px}.formatContainer__srxTVtgx:has(.mark__srxTVtgx [data-uic-component="Slider.Caption"]):not([data-orientation=vertical]):not(.sideLayout__srxTVtgx){gap:2px}`);var N=e=>e===void 0?void 0:Array.isArray(e)?e:[e],P=(e,t)=>t?e:e[0],F=e=>{let{value:t,defaultValue:n,onChange:r,onChangeEnd:i,minValue:a=0,maxValue:o=100,step:s=1,orientation:c=`horizontal`,isDisabled:l=!1,allowCrossover:u=!1,formatOptions:f}=e,{locale:h,direction:g}=d(),_=(0,p.useCallback)(e=>{r?.(P(e,Array.isArray(t)||Array.isArray(n)))},[r,t,n]),v=(0,p.useMemo)(()=>N(t),[t]),[y,b]=m({value:v,defaultValue:N(n)?.map(e=>Math.min(Math.max(e,a),o))??[a],onChange:_}),x=(0,p.useRef)(y);x.current=y,(0,p.useEffect)(()=>

1{if(v===void 0)return;let e=v.map(e=>Math.min(Math.max(e,a),o));e.some((e,t)=>e!==v[t])&&b(e)},[a,o,v,b]);let[S,C]=(0,p.useState)(void 0),[w,k]=(0,p.useState)(!1);return{values:y,minValue:a,maxValue:o,orientation:c,step:s,isDisabled:l,allowCrossover:u,textDirection:g,focusedThumb:S,isDragging:w,setIsDragging:k,getThumbValue:e=>y[e],getThumbPercent:e=>O(y,e,a,o),getThumbMinValue:e=>E(y,e,a),getThumbMaxValue:e=>D(y,e,o),getThumbValueLabel:e=>new Intl.NumberFormat(h,f).format(y[e]),setThumbValue:(0,p.useCallback)((e,t)=>{let n=T(x.current,e,t,{minValue:a,maxValue:o,step:s,allowCrossover:u});return x.current=n.values,b(n.values),C(n.activeIndex),n.activeIndex},[a,o,s,u,b]),setFocusedThumb:C,commitChangeEnd:(0,p.useCallback)(()=>{let e=Array.isArray(t)||Array.isArray(n);i?.(P(x.current,e))},[i,t,n])}},I=p.createContext(null),L=r(M),R=p.forwardRef((e,t)=>{let{className:n,children:r,value:i,defaultValue:a,onChange:o,onChangeEnd:s,minValue:c=0,maxValue:l=100,step:u=1,orientation:d=`horizontal`,isDisabled:f=!1,isInverted:m=!1,allowCrossover:h=!1,formatOptions:g,..._}=e,v=F({value:p.useMemo(()=>i===void 0?void 0:S(i,m,c,l),[i,m,c,l]),defaultValue:p.useMemo(()=>a===void 0?void 0:S(a,m,c,l),[a,m,c,l]),onChange:p.useCallback(e=>{o&&o(S(e,m,c,l))},[o,m,c,l]),onChangeEnd:p.useCallback(e=>{s&&s(S(e,m,c,l))},[s,m,c,l]),minValue:c,maxValue:l,step:u,orientation:d,isDisabled:f,allowCrossover:h,formatOptions:g});return p.createElement(I.Provider,{value:v},p.createElement(`div`,{ref:t,"data-uic-component":`Slider.Root`,role:`group`,"data-orientation":d,"data-disabled":f||void 0,className:L.concat(n)(`root`),..._},typeof r==`function`?r({state:v,isDisabled:f,orientation:d}):r))});R.displayName=`SliderRoot`;var z=(e,t)=>typeof e.hasPointerCapture!=`function`||e.hasPointerCapture(t),B=e=>{let{trackRef:t,state:n}=e,r=(0,p.useRef)(void 0),i=(0,p.useCallback)((e,r)=>{let i=t.current;if(!i||!n)return null;let a=i.getBoundingClientRect(),o=n.orientation===`vertical`?r:e,s=n.getThumbMinValue(0),c=n.getThumbMaxValue(n.values.length-1);return k(o,a,n.orientation,s,c,n.textDirection)},[t,n]),a=e=>{let t=e.target;z(t,e.pointerId)&&((e,t)=>{typeof e.releasePointerCapture==`function`&&e.releasePointerCapture(t)})(t,e.pointerId),r.current=void 0,n!=null&&n.isDragging&&(n.setIsDragging(!1),n.commitChangeEnd())};return{onPointerDown:e=>{if(!n||n.isDisabled||e.pointerType===`mouse`&&(e.button!==0||e.altKey||e.ctrlKey||e.metaKey))return;let a=e.target,o=a.closest(h);if(o?.hasAttribute(`data-disabled`))return;if(e.preventDefault(),((e,t)=>{typeof e.setPointerCapture==`function`&&e.setPointerCapture(t)})(a,e.pointerId),n.setIsDragging(!0),o)return r.current=Number(o.getAttribute(`data-index`)),void o.focus();let s=i(e.clientX,e.clientY);if(s===null)return;let c=(e=>{let t=new Set;return e?.querySelectorAll(h).forEach(e=>{if(!e.hasAttribute(`data-disabled`))return;let n=Number(e.getAttribute(`data-index`));Number.isNaN(n)||t.add(n)}),t})(t.current),l=A(n.values,s,{excludedIndices:c,activeIndex:n.focusedThumb});if(l===-1)return;let u=n.setThumbValue(l,s);r.current=u,j(t.current,u)},onPointerMove:e=>{if(!n||!n.isDragging)return;let a=e.target;if(!z(a,e.pointerId)||r.current===void 0)return;let o=i(e.clientX,e.clientY);if(o===null)return;let s=r.current,c=n.setThumbValue(s,o);c!==s&&(r.current=c,j(t.current,c))},onPointerUp:a,onPointerCancel:a}},V=r(M),H=p.forwardRef((e,t)=>{let{className:r,motif:i,onPointerDown:a,onPointerMove:o,onPointerUp:s,onPointerCancel:u,...d}=e,{motif:f}=n(i),m=c(t),h=p.useContext(I),g=B({trackRef:m,state:h}),_=l({onPointerDown:a,onPointerMove:o,onPointerUp:s,onPointerCancel:u},g);return p.createElement(`div`,{...d,..._,ref:m,"data-uic-component":`Slider.Track`,"data-orientation":h?.orientation,className:V.concat(r)(`track`,`track-${f}`)})});H.displayName=`SliderTrack`;var U=r(M),W=p.forwardRef((e,t)=>{let{className:r,motif:i,isDragging:a,isHovered:o,isFocused:s,isFocusVisible:c,isDisabled:l,...u}=e,{motif:d}=n(i);return p.createElement(`div`,{ref:t,"data-uic-component":`Slider.ThumbIcon`,className:U.concat(r)(`thumbIcon`,`thumbIcon-${d}`),"data-dragging":a||void 0,"data-hovered":o||void 0,"data-focused":s||void 0,"data-focus-visible":c||void 0,"data-disabled":l||void 0,...u})});W.displayName=`SliderThumbIcon`;var ee=e=>{let{state:t,index:n,thumbRef:r}=e;return e=>{if(!t)return;let i=t.focusedThumb??n,a=t.getThumbValue(i),o=t.textDirection===`rtl`,s=t.step,c=e=>{let n=t.setThumbValue(i,e);if(n!==i){let e=r.current?.closest(g);j(e,n)}t.commitChangeEnd()},l=()=>c(a+s),u=()=>c(a-s);switch(e.key){case`ArrowUp`:e.preventDefault(),l();break;case`ArrowDown`:e.preventDefault(),u();break;case`ArrowRight`:e.preventDefault(),o?u():l();break;case`ArrowLeft`:e.preventDefault(),o?l():u();break;case`PageUp`:e.preventDefault(),c(a+s*10);break;case`PageDown`:e.preventDefault(),c(a-s*10);break;case`Home`:e.preventDefault(),c(t.getThumbMinValue(0));break;case`End`:e.preventDefault(),c(t.getThumbMaxValue(t.values.length-1))}}},te=r(M),G=p.forwardRef((e,t)=>

1{let{className:r,motif:i,children:u,index:d=0,isDisabled:f=!1,autoFocus:m=!1,name:h,onFocus:g,onBlur:_,onFocusChange:v,onKeyDown:y,onKeyUp:b,onHoverStart:x,onHoverEnd:S,onHoverChange:C,style:w,...T}=e,{motif:E}=n(i),D=c(t),O=p.useContext(I),{isFocused:k,isFocusVisible:A,focusProps:j}=o({autoFocus:m}),[M,N]=p.useState(m),P=A||M&&k,F=!!O?.isDisabled||f,{isHovered:L,hoverProps:R}=a({isDisabled:F,onHoverStart:x,onHoverEnd:S,onHoverChange:C}),z=ee({state:O,index:d,thumbRef:D}),{keyboardProps:B}=s(l({onKeyDown:y,onKeyUp:b},{isDisabled:F,onKeyDown:z}));if(p.useEffect(()=>{var e;m&&((e=D.current)==null||e.focus())},[]),!O)return null;let V=O.getThumbValue(d),H=O.getThumbPercent(d),U=O.orientation===`vertical`,G=U||O.textDirection===`rtl`?1-H:H,K=O.focusedThumb===d,q=O.isDragging&&K,J={...w,[U?`top`:`left`]:100*G+`%`},Y={isDragging:q,isHovered:L,isFocused:k,isFocusVisible:P,isDisabled:F},X=l(j,R,B,{onFocus:()=>{O.setFocusedThumb(d),v?.(!0)},onBlur:()=>{N(!1),O.setFocusedThumb(void 0),v?.(!1)}});return p.createElement(p.Fragment,null,h&&p.createElement(`input`,{type:`hidden`,name:h,value:V}),p.createElement(`div`,{...T,...l(X,{onFocus:g,onBlur:_}),ref:D,"data-uic-component":`Slider.Thumb`,role:`slider`,tabIndex:F?void 0:0,"aria-orientation":O.orientation,"aria-disabled":F||void 0,"aria-valuenow":V,"aria-valuemin":O.allowCrossover?O.minValue:O.getThumbMinValue(d),"aria-valuemax":O.allowCrossover?O.maxValue:O.getThumbMaxValue(d),"aria-valuetext":O.getThumbValueLabel(d),"data-index":d,"data-active":K||void 0,"data-dragging":q||void 0,"data-focused":k||void 0,"data-focus-visible":P||void 0,"data-disabled":F||void 0,className:te.concat(r)(`thumb`,`thumb-${E}`),style:J},u&&p.isValidElement(u)?p.cloneElement(u,Y):p.createElement(W,{...Y})))});G.displayName=`SliderThumb`;var K=r(M),q=(0,p.forwardRef)((e,t)=>{let{motif:r,valuesLength:i,isDisabled:a,headPercent:o,tailPercent:s,orientation:c,isInverted:l,...u}=e,{motif:d}=n(r),{width:f,left:m}=(0,p.useMemo)(()=>_(i,o,s),[o,s,i]),h=(0,p.useMemo)(()=>{if(c!==`vertical`)return{"--value-mark-width":f,"--value-mark-left":m};if(l){let e=`${parseFloat(m)+parseFloat(f)}%`;return{"--value-mark-height":100-parseFloat(f)+`%`,"--value-mark-bottom":e}}return{"--value-mark-height":f,"--value-mark-bottom":m}},[c,f,m,l]),g=(0,p.useMemo)(()=>l?s!==1||void 0:s!==0||void 0,[s,l]);return p.createElement(`div`,{ref:t,"data-uic-component":`Slider.ValueMark`,"data-disabled":a||void 0,"data-offset-mark":g||void 0,"data-is-inverted":l||void 0,"data-orientation":c||void 0,className:K(`valueMark`,`valueMark-${d}`),style:h,...u})});q.displayName=`SliderValueMark`;var J=r(M),Y=p.forwardRef((e,t)=>{let{className:r,motif:i,isDisabled:a,orientation:o,...s}=e,{motif:c}=n(i);return p.createElement(`div`,{ref:t,"data-uic-component":`Slider.InputContainer`,className:J.concat(r)(`inputContainer`,`inputContainer-${c}`),"data-disabled":a||void 0,"data-orientation":o,...s})});Y.displayName=`SliderInputContainer`;var X=r(M),ne=(0,p.forwardRef)((e,t)=>{let{value:r,label:i,motif:a,isDisabled:o,getThumbPercent:s,children:c,maxValue:l,minValue:u,className:d,style:f,valuesLength:m,orientation:h,...g}=e,{motif:_}=n(a),v=b(r,u,l),S=x(v,m,100*s(0),100*s(m-1)),C=y(r,u,l),w=h===`vertical`?{bottom:String(v)+`%`}:{left:String(v)+`%`};return p.createElement(`div`,{ref:t,"data-uic-component":`Slider.Mark`,className:X.concat(d)(`mark`,`mark-${_}`),"data-disabled":o||void 0,"data-selected":S||void 0,"data-position":C||void 0,"data-orientation":h||void 0,style:{...!C&&w,...f},...g},typeof c==`function`?c({position:C,isSelected:S}):c)});ne.displayName=`SliderMark`;var re=(0,p.memo)(ne),ie=r(M),ae=(0,p.forwardRef)((e,t)=>{let{motif:r,isDisabled:i,isSelected:a,position:o,...s}=e,{motif:c}=n(r);return p.createElement(`span`,{ref:t,"data-uic-component":`Slider.MarkShape`,className:ie(`markShape`,`markShape-${c}`,!!o&&o),"data-disabled":i||void 0,"data-selected":a||void 0,...s})});ae.displayName=`SliderMarkShape`;var oe=(0,p.memo)(ae),se=r(M),Z=(0,p.forwardRef)((e,t)=>{let{position:r,label:i,motif:a,isDisabled:o,orientation:s,...c}=e,{motif:l}=n(a);return p.createElement(f,{ref:t,variant:`caption`,"data-uic-component":`Slider.Caption`,className:se(`caption`,`caption-${l}`,!!r&&r),"data-disabled":o||void 0,"data-orientation":s||void 0,...c},i)});Z.displayName=`SliderCaption`;var ce=({marks:e=!1,minValue:t,maxValue:n,step:r,children:i})=>{let a=(0,p.useMemo)(()=>Array.isArray(e)?e:v(t,n,r),[e,t,n,r]);return!e||r===1&&!0===e?null:typeof i==`function`?i({marks:a}):i};ce.displayName=`SliderMarkRenderer`;var le=(0,p.memo)(ce),ue=r(M),Q=p.forwardRef((e,t)=>

1{let{className:n,orientation:r,...i}=e;return p.createElement(`div`,{ref:t,"data-uic-component":`Slider.CaptionContainer`,className:ue.concat(n)(`captionContainer`),"data-orientation":r,role:`presentation`,...i})});Q.displayName=`SliderCaptionContainer`;var $=(e,t,n,r,i,a)=>typeof e==`function`?e({min:t(0),max:n(i.length-1),values:i,getThumbValueLabel:e=>r(e),isDisabled:a}):e,de=r(M),fe=(0,p.forwardRef)((e,t)=>{let{children:n,className:r,state:i,isDisabled:a,caption:o,captionEnd:s,isCaptionInline:c,isNumeric:l,orientation:d,...f}=e,m=(0,p.useMemo)(()=>{let e=u(o)?null:p.createElement(Z,{label:$(o,e=>i.getThumbMinValue(e),e=>i.getThumbMaxValue(e),e=>i.getThumbValueLabel(e),i.values,a),isDisabled:a,isNumeric:l,position:`start`}),t=u(s)?null:p.createElement(Z,{label:$(s,e=>i.getThumbMinValue(e),e=>i.getThumbMaxValue(e),e=>i.getThumbValueLabel(e),i.values,a),isDisabled:a,isNumeric:l,position:`end`});return c||u(o)&&u(s)?c?p.createElement(p.Fragment,null,e,n,t):n:p.createElement(p.Fragment,null,n,p.createElement(Q,{orientation:d},e,t))},[o,s,c,l,n,a,i,d]);return p.createElement(`div`,{ref:t,"data-uic-component":`Slider.FormatRenderer`,className:de.concat(r)(`formatContainer`,c&&`sideLayout`),"data-orientation":d,role:`presentation`,...f},m)});fe.displayName=`SliderFormatRenderer`;var pe=(0,p.memo)(fe);export{Z as a,Y as c,W as d,H as f,le as i,q as l,M as m,$ as n,oe as o,R as p,Q as r,re as s,pe as t,G as u};