@radix-ui/themes/dist/cjs/components/slider.js

[](https://radix-ui.com/themes)

"use strict";"use client";var y=Object.create;var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var R=(e,r)=>{for(var i in r)d(e,i,{get:r[i],enumerable:!0})},P=(e,r,i,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of g(r))!N.call(e,o)&&o!==i&&d(e,o,{get:()=>r[o],enumerable:!(s=v(r,o))||s.enumerable});return e};var p=(e,r,i)=>(i=e!=null?y(x(e)):{},P(r||!e||!e.__esModule?d(i,"default",{value:e,enumerable:!0}):i,e)),T=e=>P(d({},"__esModule",{value:!0}),e);var C={};R(C,{Slider:()=>n});module.exports=T(C);var t=p(require("react")),m=p(require("classnames")),l=p(require("@radix-ui/react-slider")),c=require("./slider.props.js"),S=require("../helpers/index.js"),u=require("../props/index.js");const n=t.forwardRef((e,r)=>{const{className:i,color:s,radius:o,tabIndex:f,...a}=(0,S.extractProps)(e,c.sliderPropDefs,u.marginPropDefs);return t.createElement(l.Root,{"data-accent-color":s,"data-radius":o,ref:r,...a,asChild:!1,className:(0,m.default)("rt-SliderRoot",i)},t.createElement(l.Track,{className:"rt-SliderTrack"},t.createElement(l.Range,{className:(0,m.default)("rt-SliderRange",{"rt-high-contrast":e.highContrast}),"data-inverted":a.inverted?"":void 0})),(a.value??a.defaultValue??[]).map((k,h)=>t.createElement(l.Thumb,{key:h,className:"rt-SliderThumb",...f!==void 0?{tabIndex:f}:void 0})))});n.displayName="Slider";
//# sourceMappingURL=slider.js.map