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

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

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