@jengaui/slider/dist/RangeInput.js

Jenga UI Slider component in React

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('react');
var layout = require('@jengaui/layout');
var numberInput = require('@jengaui/number-input');
var jsxRuntime = require('react/jsx-runtime');

function c(u,n){if(typeof u>"u")return;let e=String(u).length,t=e>2?1.6:1.75;return `${e*(n?t:2)}x`}function P(u){let{state:n,index:e,suffix:t,min:i,max:r,...o}=u,m=n.values[e],s=c(r,!!t),l=react.useCallback(d=>{n.setThumbValue(e,d);},[e,n]),p=typeof r<"u"?String(r).length:void 0;return jsxRuntime.jsx(numberInput.NumberInput,{...o,hideStepper:!0,size:"small",inputStyles:{width:s},suffix:t&&jsxRuntime.jsx(layout.Flow,{padding:"1.5x right",children:t}),value:m,minValue:n.getThumbMinValue(e),maxValue:n.getThumbMaxValue(e),maxLength:p,onChange:l})}

exports.RangeInput = P;