@banyan_cloud/roots 2.0.5 → 2.0.7

package/dist/esm/src/components/input/slider/Slider.js

@@ -0,0 +1,124 @@
+import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../node_modules/prop-types/index.js';
+import { useRef, useState } from 'react';
+import modules_321294e1 from './Slider.module.css.js';
+import RangeSlider from './rangeslider/RangeSlider.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { exports as propTypesExports } from '../../../../_virtual/index.js';
+
+var Slider = function Slider(props) {
+  // eslint-disable-next-line object-curly-newline
+  var disabled = props.disabled,
+    value = props.value,
+    onChange = props.onChange,
+    min = props.min,
+    max = props.max,
+    step = props.step,
+    range = props.range,
+    label = props.label,
+    node1 = props.node1,
+    node2 = props.node2,
+    percent = props.percent;
+  var _useRef = useRef(value !== undefined),
+    isControlled = _useRef.current;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledValue = _useState2[0],
+    setUncontrolledValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isTooltipVisible = _useState4[0],
+    setTooltipVisible = _useState4[1];
+  var handleChange = function handleChange(event) {
+    var fieldValue = parseInt(event.target.value, 10);
+    if (isControlled) {
+      onChange(event, fieldValue);
+    } else {
+      setUncontrolledValue(fieldValue);
+    }
+  };
+  var valueOfSlider = isControlled ? value : uncontrolledValue;
+  if (range) {
+    return /*#__PURE__*/jsx(RangeSlider, {
+      className: modules_321294e1['range-slider'],
+      min: min,
+      max: max,
+      node1: node1,
+      node2: node2,
+      step: step,
+      value: value,
+      onChange: onChange,
+      disabled: disabled,
+      label: label,
+      percent: percent
+    });
+  }
+  var handleMouseEnter = function handleMouseEnter() {
+    setTooltipVisible(!disabled);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setTooltipVisible(false);
+  };
+  var tooltipTop = label ? -10 : -24;
+  var tooltipStyle = {
+    left: "calc(".concat(valueOfSlider / 100 * 30, "% - 58px)"),
+    top: "".concat(tooltipTop, "px"),
+    visibility: isTooltipVisible ? 'visible' : 'hidden'
+  };
+  return /*#__PURE__*/jsxs("label", {
+    className: modules_321294e1['slider-container'],
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    children: [/*#__PURE__*/jsx("div", {
+      className: modules_321294e1.tooltip,
+      style: tooltipStyle,
+      children: valueOfSlider
+    }), /*#__PURE__*/jsx("p", {
+      className: modules_321294e1.label,
+      children: label
+    }), /*#__PURE__*/jsx("input", {
+      type: "range",
+      className: modules_321294e1.slider,
+      min: min,
+      max: max,
+      disabled: disabled,
+      value: valueOfSlider,
+      onChange: handleChange,
+      step: step
+    }), /*#__PURE__*/jsxs("div", {
+      className: modules_321294e1.minMaxContainer,
+      children: [/*#__PURE__*/jsx("span", {
+        className: modules_321294e1.min,
+        children: min
+      }), /*#__PURE__*/jsx("span", {
+        className: modules_321294e1.max,
+        children: max
+      })]
+    })]
+  });
+};
+Slider.propTypes = {
+  value: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.arrayOf(propTypesExports.number)]),
+  onChange: propTypesExports.func,
+  min: propTypesExports.number,
+  max: propTypesExports.number,
+  step: propTypesExports.number,
+  range: propTypesExports.bool,
+  disabled: propTypesExports.bool,
+  label: propTypesExports.string,
+  percent: propTypesExports.bool
+};
+Slider.defaultProps = {
+  value: undefined,
+  onChange: function onChange() {},
+  min: 0,
+  max: 100,
+  step: 1,
+  range: false,
+  disabled: false,
+  label: '',
+  percent: false
+};
+
+export { Slider as default };
+//# sourceMappingURL=Slider.js.map

package/dist/esm/src/components/input/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../../../src/components/input/slider/Slider.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useRef, useState } from 'react';\nimport styles from './Slider.module.css';\nimport RangeSlider from './rangeslider/RangeSlider';\n\nconst Slider = (props) => {\n\t// eslint-disable-next-line object-curly-newline\n\tconst { disabled, value, onChange, min, max, step, range, label, node1, node2, percent } =\n\t\tprops;\n\n\tconst { current: isControlled } = useRef(value !== undefined);\n\n\tconst [uncontrolledValue, setUncontrolledValue] = useState(value);\n\tconst [isTooltipVisible, setTooltipVisible] = useState(false);\n\n\tconst handleChange = (event) => {\n\t\tconst fieldValue = parseInt(event.target.value, 10);\n\n\t\tif (isControlled) {\n\t\t\tonChange(event, fieldValue);\n\t\t} else {\n\t\t\tsetUncontrolledValue(fieldValue);\n\t\t}\n\t};\n\n\tconst valueOfSlider = isControlled ? value : uncontrolledValue;\n\n\tif (range) {\n\t\treturn (\n\t\t\t<RangeSlider\n\t\t\t\tclassName={styles['range-slider']}\n\t\t\t\tmin={min}\n\t\t\t\tmax={max}\n\t\t\t\tnode1={node1}\n\t\t\t\tnode2={node2}\n\t\t\t\tstep={step}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={onChange}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tlabel={label}\n\t\t\t\tpercent={percent}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst handleMouseEnter = () => {\n\t\tsetTooltipVisible(!disabled);\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tsetTooltipVisible(false);\n\t};\n\n\tconst tooltipTop = label ? -10 : -24;\n\n\tconst tooltipStyle = {\n\t\tleft: `calc(${(valueOfSlider / 100) * 30}% - 58px)`,\n\t\ttop: `${tooltipTop}px`,\n\t\tvisibility: isTooltipVisible ? 'visible' : 'hidden',\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclassName={styles['slider-container']}\n\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\tonMouseLeave={handleMouseLeave}>\n\t\t\t<div className={styles.tooltip} style={tooltipStyle}>\n\t\t\t\t{valueOfSlider}\n\t\t\t</div>\n\t\t\t<p className={styles.label}>{label}</p>\n\t\t\t<input\n\t\t\t\ttype='range'\n\t\t\t\tclassName={styles.slider}\n\t\t\t\tmin={min}\n\t\t\t\tmax={max}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvalue={valueOfSlider}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tstep={step}\n\t\t\t/>\n\t\t\t<div className={styles.minMaxContainer}>\n\t\t\t\t<span className={styles.min}>{min}</span>\n\t\t\t\t<span className={styles.max}>{max}</span>\n\t\t\t</div>\n\t\t</label>\n\t);\n};\n\nSlider.propTypes = {\n\tvalue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n\tonChange: PropTypes.func,\n\tmin: PropTypes.number,\n\tmax: PropTypes.number,\n\tstep: PropTypes.number,\n\trange: PropTypes.bool,\n\tdisabled: PropTypes.bool,\n\tlabel: PropTypes.string,\n\tpercent: PropTypes.bool,\n};\n\nSlider.defaultProps = {\n\tvalue: undefined,\n\tonChange: () => {},\n\tmin: 0,\n\tmax: 100,\n\tstep: 1,\n\trange: false,\n\tdisabled: false,\n\tlabel: '',\n\tpercent: false,\n};\n\nexport default Slider;\n"],"names":["Slider","props","disabled","value","onChange","min","max","step","range","label","node1","node2","percent","_useRef","useRef","undefined","isControlled","current","_useState","useState","_useState2","_slicedToArray","uncontrolledValue","setUncontrolledValue","_useState3","_useState4","isTooltipVisible","setTooltipVisible","handleChange","event","fieldValue","parseInt","target","valueOfSlider","_jsx","RangeSlider","className","styles","handleMouseEnter","handleMouseLeave","tooltipTop","tooltipStyle","left","concat","top","visibility","_jsxs","onMouseEnter","onMouseLeave","children","tooltip","style","type","slider","minMaxContainer","propTypes","PropTypes","oneOfType","number","arrayOf","func","bool","string","defaultProps"],"mappings":"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"}

package/dist/esm/src/components/input/slider/Slider.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Slider_module_sliderContainer__d2f3f668 {\n  position: relative;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668 {\n  width: 300px;\n  cursor: pointer;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled {\n  cursor: not-allowed;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled::-webkit-slider-thumb {\n  cursor: not-allowed;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled ~ .Slider_module_tooltip__d2f3f668 {\n  opacity: 0;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_tooltip__d2f3f668 {\n  position: absolute;\n  margin-left: 7%;\n  top: -30px;\n  transform: translateX(-50%);\n  background-color: var(--primary-color4);\n  color: var(--white);\n  padding: 2px 5px;\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 600;\n  opacity: 1;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_label__d2f3f668 {\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.32px;\n  color: var(--mono-color1);\n  margin-bottom: 0.3rem;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_minMaxContainer__d2f3f668 {\n  display: flex;\n  width: 300px;\n  justify-content: space-between;\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.32px;\n  color: var(--mono-color1);\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_min__d2f3f668 {\n  margin-left: 0.1rem;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_max__d2f3f668 {\n  margin-left: auto;\n}";
+var modules_321294e1 = {"slider-container":"Slider_module_sliderContainer__d2f3f668","slider":"Slider_module_slider__d2f3f668","tooltip":"Slider_module_tooltip__d2f3f668","label":"Slider_module_label__d2f3f668","minMaxContainer":"Slider_module_minMaxContainer__d2f3f668","min":"Slider_module_min__d2f3f668","max":"Slider_module_max__d2f3f668"};
+n(css,{});
+
+export { css, modules_321294e1 as default };
+//# sourceMappingURL=Slider.module.css.js.map

package/dist/esm/src/components/input/slider/Slider.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/input/slider/rangeslider/RangeSlider.js

@@ -0,0 +1,176 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../../node_modules/prop-types/index.js';
+import React__default, { useState, useRef } from 'react';
+import modules_4958cef5 from './RangeSlider.module.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { exports as propTypesExports } from '../../../../../_virtual/index.js';
+
+function RangeSlider(props) {
+  // eslint-disable-next-line object-curly-newline
+  var min = props.min,
+    max = props.max,
+    onChange = props.onChange,
+    step = props.step,
+    disabled = props.disabled,
+    label = props.label,
+    node1 = props.node1,
+    node2 = props.node2,
+    percent = props.percent;
+  var _useState = useState({
+      min: node1,
+      max: node2
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    rangeValues = _useState2[0],
+    setRangeValues = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dragging = _useState4[0],
+    setDragging = _useState4[1];
+  var sliderRef = useRef(null);
+  var snapToStep = function snapToStep(val, steps) {
+    return Math.round(val / steps) * steps;
+  };
+  var handleSliderClick = function handleSliderClick(event) {
+    var rect = sliderRef.current.getBoundingClientRect();
+    var offsetX = event.clientX - rect.left;
+    var percentage = offsetX / rect.width * 100;
+    var newValue = snapToStep(percentage, step || 1);
+    setRangeValues(function (prevValues) {
+      var distanceToMin = Math.abs(newValue - prevValues.min);
+      var distanceToMax = Math.abs(newValue - prevValues.max);
+      var newMin = prevValues.min;
+      var newMax = prevValues.max;
+      if (distanceToMin <= distanceToMax) {
+        newMin = Math.min(newValue, prevValues.max);
+      } else {
+        newMax = Math.max(newValue, prevValues.min);
+      }
+      newMin = Math.max(newMin, min || 0);
+      newMax = Math.min(newMax, max || 100);
+      if (onChange && typeof onChange === 'function') {
+        onChange({
+          min: newMin,
+          max: newMax
+        });
+      }
+      return {
+        min: newMin,
+        max: newMax
+      };
+    });
+  };
+  var handleMouseDown = function handleMouseDown(event, thumb) {
+    event.preventDefault();
+    setDragging(thumb);
+  };
+  var handleMouseMove = function handleMouseMove(event) {
+    if (dragging !== null) {
+      var rect = sliderRef.current.getBoundingClientRect();
+      var offsetX = event.clientX - rect.left;
+      var percentage = offsetX / rect.width * 100;
+      var newValue = snapToStep(percentage, parseFloat(document.getElementsByName(dragging)[0].step));
+      setRangeValues(function (prevValues) {
+        var newMin = prevValues.min;
+        var newMax = prevValues.max;
+        if (dragging === 'min') {
+          newMin = Math.min(newValue, prevValues.max);
+        } else {
+          newMax = Math.max(newValue, prevValues.min);
+        }
+        newMin = Math.max(newMin, min);
+        newMax = Math.min(newMax, max);
+        return {
+          min: newMin,
+          max: newMax
+        };
+      });
+    }
+  };
+  var handleMouseUp = function handleMouseUp() {
+    setDragging(null);
+    if (typeof onChange === 'function') {
+      onChange(rangeValues);
+    }
+  };
+  var handleThumbContainerClick = function handleThumbContainerClick(e) {
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: modules_4958cef5['rangeslider-container'],
+    children: [/*#__PURE__*/jsx("p", {
+      className: modules_4958cef5.label,
+      children: label
+    }), /*#__PURE__*/jsxs("div", {
+      className: modules_4958cef5.rangeslider,
+      ref: sliderRef,
+      onMouseMove: handleMouseMove,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: function onMouseLeave() {
+        return dragging && handleMouseUp();
+      },
+      onClick: handleSliderClick,
+      "data-elem": "track",
+      children: [['min', 'max'].map(function (thumb) {
+        return /*#__PURE__*/jsx(React__default.Fragment, {
+          children: /*#__PURE__*/jsx("div", {
+            className: modules_4958cef5['rangeslider-thumb-container'],
+            onClick: handleThumbContainerClick,
+            children: /*#__PURE__*/jsx("div", {
+              className: modules_4958cef5['rangeslider-thumb'],
+              "data-value": percent ? "".concat(rangeValues[thumb], "%") : rangeValues[thumb],
+              "data-elem": thumb,
+              style: {
+                left: "".concat(rangeValues[thumb], "%")
+              },
+              onMouseDown: function onMouseDown(e) {
+                handleMouseDown(e, thumb);
+              }
+            })
+          })
+        }, thumb);
+      }), /*#__PURE__*/jsx("div", {
+        className: modules_4958cef5['rangeslider-track'],
+        style: {
+          left: "".concat(rangeValues.min, "%"),
+          width: "".concat(rangeValues.max - rangeValues.min, "%")
+        }
+      })]
+    }), ['min', 'max'].map(function (thumb) {
+      return /*#__PURE__*/jsx("input", {
+        type: "range",
+        min: min,
+        max: max,
+        name: thumb,
+        disabled: disabled,
+        value: rangeValues[thumb],
+        step: step,
+        onChange: function onChange(e) {
+          setRangeValues(_objectSpread2(_objectSpread2({}, rangeValues), {}, _defineProperty({}, thumb, e.target.value)));
+        },
+        className: modules_4958cef5['rangeslider-input']
+      }, thumb);
+    }), /*#__PURE__*/jsxs("div", {
+      className: modules_4958cef5.minMaxContainer,
+      "data-elem": "minMax",
+      children: [/*#__PURE__*/jsx("span", {
+        className: modules_4958cef5.min,
+        children: min
+      }), /*#__PURE__*/jsx("span", {
+        className: modules_4958cef5.max,
+        children: max
+      })]
+    })]
+  });
+}
+RangeSlider.propTypes = {
+  step: propTypesExports.number,
+  disabled: propTypesExports.bool
+};
+RangeSlider.defaultProps = {
+  step: 1,
+  disabled: false
+};
+
+export { RangeSlider as default };
+//# sourceMappingURL=RangeSlider.js.map

package/dist/esm/src/components/input/slider/rangeslider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sources":["../../../../../../../src/components/input/slider/rangeslider/RangeSlider.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useRef, useState } from 'react';\nimport styles from './RangeSlider.module.css';\n\nfunction RangeSlider(props) {\n\t// eslint-disable-next-line object-curly-newline\n\tconst { min, max, onChange, step, disabled, label, node1, node2, percent } = props;\n\tconst [rangeValues, setRangeValues] = useState({\n\t\tmin: node1,\n\t\tmax: node2,\n\t});\n\tconst [dragging, setDragging] = useState(null);\n\tconst sliderRef = useRef(null);\n\n\tconst snapToStep = (val, steps) => {\n\t\treturn Math.round(val / steps) * steps;\n\t};\n\n\tconst handleSliderClick = (event) => {\n\t\tconst rect = sliderRef.current.getBoundingClientRect();\n\t\tconst offsetX = event.clientX - rect.left;\n\t\tconst percentage = (offsetX / rect.width) * 100;\n\n\t\tconst newValue = snapToStep(percentage, step || 1);\n\n\t\tsetRangeValues((prevValues) => {\n\t\t\tconst distanceToMin = Math.abs(newValue - prevValues.min);\n\t\t\tconst distanceToMax = Math.abs(newValue - prevValues.max);\n\n\t\t\tlet newMin = prevValues.min;\n\t\t\tlet newMax = prevValues.max;\n\n\t\t\tif (distanceToMin <= distanceToMax) {\n\t\t\t\tnewMin = Math.min(newValue, prevValues.max);\n\t\t\t} else {\n\t\t\t\tnewMax = Math.max(newValue, prevValues.min);\n\t\t\t}\n\n\t\t\tnewMin = Math.max(newMin, min || 0);\n\t\t\tnewMax = Math.min(newMax, max || 100);\n\n\t\t\tif (onChange && typeof onChange === 'function') {\n\t\t\t\tonChange({\n\t\t\t\t\tmin: newMin,\n\t\t\t\t\tmax: newMax,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tmin: newMin,\n\t\t\t\tmax: newMax,\n\t\t\t};\n\t\t});\n\t};\n\n\tconst handleMouseDown = (event, thumb) => {\n\t\tevent.preventDefault();\n\t\tsetDragging(thumb);\n\t};\n\n\tconst handleMouseMove = (event) => {\n\t\tif (dragging !== null) {\n\t\t\tconst rect = sliderRef.current.getBoundingClientRect();\n\t\t\tconst offsetX = event.clientX - rect.left;\n\t\t\tconst percentage = (offsetX / rect.width) * 100;\n\n\t\t\tconst newValue = snapToStep(\n\t\t\t\tpercentage,\n\t\t\t\tparseFloat(document.getElementsByName(dragging)[0].step)\n\t\t\t);\n\n\t\t\tsetRangeValues((prevValues) => {\n\t\t\t\tlet newMin = prevValues.min;\n\t\t\t\tlet newMax = prevValues.max;\n\n\t\t\t\tif (dragging === 'min') {\n\t\t\t\t\tnewMin = Math.min(newValue, prevValues.max);\n\t\t\t\t} else {\n\t\t\t\t\tnewMax = Math.max(newValue, prevValues.min);\n\t\t\t\t}\n\n\t\t\t\tnewMin = Math.max(newMin, min);\n\t\t\t\tnewMax = Math.min(newMax, max);\n\n\t\t\t\treturn {\n\t\t\t\t\tmin: newMin,\n\t\t\t\t\tmax: newMax,\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tsetDragging(null);\n\t\tif (typeof onChange === 'function') {\n\t\t\tonChange(rangeValues);\n\t\t}\n\t};\n\n\tconst handleThumbContainerClick = (e) => {\n\t\te.stopPropagation();\n\t};\n\n\treturn (\n\t\t<div className={styles['rangeslider-container']}>\n\t\t\t<p className={styles.label}>{label}</p>\n\t\t\t<div\n\t\t\t\tclassName={styles.rangeslider}\n\t\t\t\tref={sliderRef}\n\t\t\t\tonMouseMove={handleMouseMove}\n\t\t\t\tonMouseUp={handleMouseUp}\n\t\t\t\tonMouseLeave={() => {\n\t\t\t\t\treturn dragging && handleMouseUp();\n\t\t\t\t}}\n\t\t\t\tonClick={handleSliderClick}\n\t\t\t\tdata-elem='track'>\n\t\t\t\t{['min', 'max'].map((thumb) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<React.Fragment key={thumb}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={styles['rangeslider-thumb-container']}\n\t\t\t\t\t\t\t\tonClick={handleThumbContainerClick}>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={styles['rangeslider-thumb']}\n\t\t\t\t\t\t\t\t\tdata-value={\n\t\t\t\t\t\t\t\t\t\tpercent ? `${rangeValues[thumb]}%` : rangeValues[thumb]\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tdata-elem={thumb}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tleft: `${rangeValues[thumb]}%`,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\t\t\t\t\thandleMouseDown(e, thumb);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t<div\n\t\t\t\t\tclassName={styles['rangeslider-track']}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: `${rangeValues.min}%`,\n\t\t\t\t\t\twidth: `${rangeValues.max - rangeValues.min}%`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{['min', 'max'].map((thumb) => {\n\t\t\t\treturn (\n\t\t\t\t\t<input\n\t\t\t\t\t\tkey={thumb}\n\t\t\t\t\t\ttype='range'\n\t\t\t\t\t\tmin={min}\n\t\t\t\t\t\tmax={max}\n\t\t\t\t\t\tname={thumb}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tvalue={rangeValues[thumb]}\n\t\t\t\t\t\tstep={step}\n\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\tsetRangeValues({\n\t\t\t\t\t\t\t\t...rangeValues,\n\t\t\t\t\t\t\t\t[thumb]: e.target.value,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={styles['rangeslider-input']}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t\t<div className={styles.minMaxContainer} data-elem='minMax'>\n\t\t\t\t<span className={styles.min}>{min}</span>\n\t\t\t\t<span className={styles.max}>{max}</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nRangeSlider.propTypes = {\n\tstep: PropTypes.number,\n\tdisabled: PropTypes.bool,\n};\n\nRangeSlider.defaultProps = {\n\tstep: 1,\n\tdisabled: false,\n};\n\nexport default RangeSlider;\n"],"names":["RangeSlider","props","min","max","onChange","step","disabled","label","node1","node2","percent","_useState","useState","_useState2","_slicedToArray","rangeValues","setRangeValues","_useState3","_useState4","dragging","setDragging","sliderRef","useRef","snapToStep","val","steps","Math","round","handleSliderClick","event","rect","current","getBoundingClientRect","offsetX","clientX","left","percentage","width","newValue","prevValues","distanceToMin","abs","distanceToMax","newMin","newMax","handleMouseDown","thumb","preventDefault","handleMouseMove","parseFloat","document","getElementsByName","handleMouseUp","handleThumbContainerClick","e","stopPropagation","_jsxs","className","styles","children","_jsx","rangeslider","ref","onMouseMove","onMouseUp","onMouseLeave","onClick","map","React","Fragment","concat","style","onMouseDown","type","name","value","_objectSpread","_defineProperty","target","minMaxContainer","propTypes","PropTypes","number","bool","defaultProps"],"mappings":"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"}

package/dist/esm/src/components/input/slider/rangeslider/RangeSlider.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_label__4162aa4a {\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.32px;\n  color: var(--mono-color1);\n  margin-bottom: 0.5rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a {\n  position: relative;\n  width: 300px;\n  height: 8px;\n  background: rgba(211, 211, 211, 0.5137254902);\n  border: solid 1px var(--mono-color3);\n  border-radius: 5px;\n  cursor: pointer;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a {\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 16px;\n  height: 16px;\n  background: var(--primary-color4);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 1;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a:before {\n  content: attr(data-value);\n  position: absolute;\n  bottom: 22px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--primary-color4);\n  color: var(--white);\n  font-weight: 600;\n  padding: 2px 5px;\n  border-radius: 4px;\n  font-size: 12px;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.2s ease;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a:hover:before {\n  opacity: 1;\n  visibility: visible;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderTrack__4162aa4a {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 8px;\n  background: var(--primary-color4);\n  border-radius: 5px;\n  z-index: 0;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangesliderInput__4162aa4a {\n  display: none;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangesliderLabel__4162aa4a {\n  margin: 5px;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_minMaxContainer__4162aa4a {\n  display: flex;\n  width: 300px;\n  justify-content: space-between;\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.32px;\n  color: var(--mono-color1);\n  margin-top: 0.3rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_min__4162aa4a {\n  margin-left: 0.1rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_max__4162aa4a {\n  margin-left: auto;\n}";
+var modules_4958cef5 = {"rangeslider-container":"RangeSlider_module_rangesliderContainer__4162aa4a","label":"RangeSlider_module_label__4162aa4a","rangeslider":"RangeSlider_module_rangeslider__4162aa4a","rangeslider-thumb":"RangeSlider_module_rangesliderThumb__4162aa4a","rangeslider-track":"RangeSlider_module_rangesliderTrack__4162aa4a","rangeslider-input":"RangeSlider_module_rangesliderInput__4162aa4a","rangeslider-label":"RangeSlider_module_rangesliderLabel__4162aa4a","minMaxContainer":"RangeSlider_module_minMaxContainer__4162aa4a","min":"RangeSlider_module_min__4162aa4a","max":"RangeSlider_module_max__4162aa4a"};
+n(css,{});
+
+export { css, modules_4958cef5 as default };
+//# sourceMappingURL=RangeSlider.module.css.js.map

package/dist/esm/src/components/input/slider/rangeslider/RangeSlider.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/input/switch/Switch.js

@@ -0,0 +1,80 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useRef, useState } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import '../../../../node_modules/prop-types/index.js';
+import modules_18a327ff from './Switch.module.css.js';
+import { classes, inputHelper } from '../../../utils/utils.js';
+import ErrorBoundaryWrapper from '../../errorBoundary/ErrorBoundaryWrapper.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { exports as propTypesExports } from '../../../../_virtual/index.js';
+
+var Switch = function Switch(props) {
+  // eslint-disable-next-line object-curly-newline
+  var label = props.label,
+    checked = props.checked,
+    defaultChecked = props.defaultChecked,
+    onChange = props.onChange,
+    position = props.position,
+    className = props.className,
+    disabled = props.disabled,
+    custom = props.custom;
+  var _useRef = useRef(checked !== undefined),
+    isControlled = _useRef.current;
+
+  // for uncontrolled input
+  var _useState = useState(defaultChecked),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledChecked = _useState2[0],
+    setUncontrolledChecked = _useState2[1];
+  var handleChange = function handleChange(event) {
+    var _inputHelper = inputHelper(event),
+      fieldValue = _inputHelper.fieldValue;
+    if (isControlled) {
+      onChange(event, fieldValue);
+    } else {
+      setUncontrolledChecked(fieldValue);
+    }
+  };
+  var isChecked = isControlled ? checked : uncontrolledChecked;
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent(args) {
+      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
+        className: modules_18a327ff['error-boundary'],
+        custom: custom
+      }));
+    },
+    children: /*#__PURE__*/jsxs("label", {
+      className: classes(modules_18a327ff.root, modules_18a327ff["position-".concat(position)], disabled ? modules_18a327ff.disabled : '', className),
+      children: [/*#__PURE__*/jsx("input", {
+        disabled: disabled,
+        type: "checkbox",
+        checked: isChecked,
+        onChange: handleChange
+      }), /*#__PURE__*/jsx("div", {
+        className: classes(modules_18a327ff.pill)
+      }), label && /*#__PURE__*/jsx("span", {
+        "data-elem": "label",
+        children: label
+      })]
+    })
+  });
+};
+Switch.propTypes = {
+  disabled: propTypesExports.bool,
+  label: propTypesExports.string,
+  checked: propTypesExports.bool,
+  defaultChecked: propTypesExports.bool,
+  position: propTypesExports.oneOf(['left', 'right']),
+  onChange: propTypesExports.func
+};
+Switch.defaultProps = {
+  disabled: false,
+  label: null,
+  checked: undefined,
+  defaultChecked: false,
+  position: 'left',
+  onChange: function onChange() {}
+};
+
+export { Switch as default };
+//# sourceMappingURL=Switch.js.map

package/dist/esm/src/components/input/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/input/switch/Switch.jsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport PropTypes from 'prop-types';\nimport styles from './Switch.module.css';\nimport { classes, inputHelper } from '../../../utils';\nimport { ErrorBoundaryWrapper } from '../../errorBoundary';\n\nconst Switch = (props) => {\n\t// eslint-disable-next-line object-curly-newline\n\tconst { label, checked, defaultChecked, onChange, position, className, disabled, custom } =\n\t\tprops;\n\n\tconst { current: isControlled } = useRef(checked !== undefined);\n\n\t// for uncontrolled input\n\tconst [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n\n\tconst handleChange = (event) => {\n\t\tconst { fieldValue } = inputHelper(event);\n\n\t\tif (isControlled) {\n\t\t\tonChange(event, fieldValue);\n\t\t} else {\n\t\t\tsetUncontrolledChecked(fieldValue);\n\t\t}\n\t};\n\n\tconst isChecked = isControlled ? checked : uncontrolledChecked;\n\n\treturn (\n\t\t<ErrorBoundary\n\t\t\tFallbackComponent={(args) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ErrorBoundaryWrapper\n\t\t\t\t\t\t{...args}\n\t\t\t\t\t\tclassName={styles['error-boundary']}\n\t\t\t\t\t\tcustom={custom}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}}>\n\t\t\t<label\n\t\t\t\tclassName={classes(\n\t\t\t\t\tstyles.root,\n\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\tdisabled ? styles.disabled : '',\n\t\t\t\t\tclassName\n\t\t\t\t)}>\n\t\t\t\t<input\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\ttype='checkbox'\n\t\t\t\t\tchecked={isChecked}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t/>\n\t\t\t\t<div className={classes(styles.pill)} />\n\t\t\t\t{label && <span data-elem='label'>{label}</span>}\n\t\t\t</label>\n\t\t</ErrorBoundary>\n\t);\n};\n\nSwitch.propTypes = {\n\tdisabled: PropTypes.bool,\n\tlabel: PropTypes.string,\n\tchecked: PropTypes.bool,\n\tdefaultChecked: PropTypes.bool,\n\tposition: PropTypes.oneOf(['left', 'right']),\n\tonChange: PropTypes.func,\n};\n\nSwitch.defaultProps = {\n\tdisabled: false,\n\tlabel: null,\n\tchecked: undefined,\n\tdefaultChecked: false,\n\tposition: 'left',\n\tonChange: () => {},\n};\n\nexport default Switch;\n"],"names":["Switch","props","label","checked","defaultChecked","onChange","position","className","disabled","custom","_useRef","useRef","undefined","isControlled","current","_useState","useState","_useState2","_slicedToArray","uncontrolledChecked","setUncontrolledChecked","handleChange","event","_inputHelper","inputHelper","fieldValue","isChecked","_jsx","ErrorBoundary","FallbackComponent","args","ErrorBoundaryWrapper","_objectSpread","styles","children","_jsxs","classes","root","concat","type","pill","propTypes","PropTypes","bool","string","oneOf","func","defaultProps"],"mappings":";;;;;;;;;;AAOA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAK,EAAK;AACzB;AACA,EAAA,IAAQC,KAAK,GACZD,KAAK,CADEC,KAAK;IAAEC,OAAO,GACrBF,KAAK,CADSE,OAAO;IAAEC,cAAc,GACrCH,KAAK,CADkBG,cAAc;IAAEC,QAAQ,GAC/CJ,KAAK,CADkCI,QAAQ;IAAEC,QAAQ,GACzDL,KAAK,CAD4CK,QAAQ;IAAEC,SAAS,GACpEN,KAAK,CADsDM,SAAS;IAAEC,QAAQ,GAC9EP,KAAK,CADiEO,QAAQ;IAAEC,MAAM,GACtFR,KAAK,CAD2EQ,MAAM,CAAA;AAGvF,EAAA,IAAAC,OAAA,GAAkCC,MAAM,CAACR,OAAO,KAAKS,SAAS,CAAC;IAA9CC,YAAY,GAAAH,OAAA,CAArBI,OAAO,CAAA;;AAEf;AACA,EAAA,IAAAC,SAAA,GAAsDC,QAAQ,CAACZ,cAAc,CAAC;IAAAa,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvEI,IAAAA,mBAAmB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,sBAAsB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElD,EAAA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAK,EAAK;AAC/B,IAAA,IAAAC,YAAA,GAAuBC,WAAW,CAACF,KAAK,CAAC;MAAjCG,UAAU,GAAAF,YAAA,CAAVE,UAAU,CAAA;AAElB,IAAA,IAAIZ,YAAY,EAAE;AACjBR,MAAAA,QAAQ,CAACiB,KAAK,EAAEG,UAAU,CAAC,CAAA;AAC5B,KAAC,MAAM;MACNL,sBAAsB,CAACK,UAAU,CAAC,CAAA;AACnC,KAAA;GACA,CAAA;AAED,EAAA,IAAMC,SAAS,GAAGb,YAAY,GAAGV,OAAO,GAAGgB,mBAAmB,CAAA;EAE9D,oBACCQ,GAAA,CAACC,aAAa,EAAA;AACbC,IAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI,EAAK;MAC5B,oBACCH,GAAA,CAACI,oBAAoB,EAAAC,cAAA,CAAAA,cAAA,KAChBF,IAAI,CAAA,EAAA,EAAA,EAAA;AACRvB,QAAAA,SAAS,EAAE0B,gBAAM,CAAC,gBAAgB,CAAE;AACpCxB,QAAAA,MAAM,EAAEA,MAAAA;AAAO,OAAA,CACf,CAAC,CAAA;KAEF;AAAAyB,IAAAA,QAAA,eACFC,IAAA,CAAA,OAAA,EAAA;MACC5B,SAAS,EAAE6B,OAAO,CACjBH,gBAAM,CAACI,IAAI,EACXJ,gBAAM,CAAA,WAAA,CAAAK,MAAA,CAAahC,QAAQ,CAAG,CAAA,EAC9BE,QAAQ,GAAGyB,gBAAM,CAACzB,QAAQ,GAAG,EAAE,EAC/BD,SACD,CAAE;AAAA2B,MAAAA,QAAA,gBACFP,GAAA,CAAA,OAAA,EAAA;AACCnB,QAAAA,QAAQ,EAAEA,QAAS;AACnB+B,QAAAA,IAAI,EAAC,UAAU;AACfpC,QAAAA,OAAO,EAAEuB,SAAU;AACnBrB,QAAAA,QAAQ,EAAEgB,YAAAA;OACV,CAAC,eACFM,GAAA,CAAA,KAAA,EAAA;AAAKpB,QAAAA,SAAS,EAAE6B,OAAO,CAACH,gBAAM,CAACO,IAAI,CAAA;AAAE,OAAE,CAAC,EACvCtC,KAAK,iBAAIyB,GAAA,CAAA,MAAA,EAAA;AAAM,QAAA,WAAA,EAAU,OAAO;AAAAO,QAAAA,QAAA,EAAEhC,KAAAA;AAAK,OAAO,CAAC,CAAA;KAC1C,CAAA;AAAC,GACM,CAAC,CAAA;AAElB,EAAC;AAEDF,MAAM,CAACyC,SAAS,GAAG;EAClBjC,QAAQ,EAAEkC,gBAAS,CAACC,IAAI;EACxBzC,KAAK,EAAEwC,gBAAS,CAACE,MAAM;EACvBzC,OAAO,EAAEuC,gBAAS,CAACC,IAAI;EACvBvC,cAAc,EAAEsC,gBAAS,CAACC,IAAI;EAC9BrC,QAAQ,EAAEoC,gBAAS,CAACG,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAC5CxC,QAAQ,EAAEqC,gBAAS,CAACI,IAAAA;AACrB,CAAC,CAAA;AAED9C,MAAM,CAAC+C,YAAY,GAAG;AACrBvC,EAAAA,QAAQ,EAAE,KAAK;AACfN,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,OAAO,EAAES,SAAS;AAClBR,EAAAA,cAAc,EAAE,KAAK;AACrBE,EAAAA,QAAQ,EAAE,MAAM;AAChBD,EAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ,EAAC;AAClB,CAAC;;;;"}

package/dist/esm/src/components/input/switch/Switch.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Switch_module_root__c4b20963 {\n  cursor: pointer;\n  gap: 0.625rem;\n  position: relative;\n  height: 1.5rem;\n}\n.Switch_module_root__c4b20963.Switch_module_disabled__c4b20963 {\n  cursor: default;\n}\n.Switch_module_root__c4b20963.Switch_module_positionLeft__c4b20963 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Switch_module_root__c4b20963.Switch_module_positionRight__c4b20963 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Switch_module_root__c4b20963 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Switch_module_root__c4b20963 .Switch_module_pill__c4b20963 {\n  position: relative;\n  width: 3rem;\n  height: 100%;\n  cursor: pointer;\n  background-color: var(--grey5);\n  transition: 0.4s;\n  border-radius: 0.75rem;\n}\n.Switch_module_root__c4b20963 .Switch_module_pill__c4b20963:before {\n  position: absolute;\n  content: \"\";\n  height: 1.25rem;\n  width: 1.25rem;\n  left: 0.125rem;\n  bottom: 0.125rem;\n  background-color: var(--white);\n  transition: 0.4s;\n  border-radius: 50%;\n}\n.Switch_module_root__c4b20963 input:checked + .Switch_module_pill__c4b20963 {\n  background-color: var(--primary-color4);\n}\n.Switch_module_root__c4b20963 input:checked + .Switch_module_pill__c4b20963:before {\n  transform: translateX(1.5rem);\n}\n.Switch_module_root__c4b20963 input:focus + .Switch_module_pill__c4b20963::before {\n  box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.Switch_module_root__c4b20963 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var modules_18a327ff = {"root":"Switch_module_root__c4b20963","disabled":"Switch_module_disabled__c4b20963","position-left":"Switch_module_positionLeft__c4b20963","position-right":"Switch_module_positionRight__c4b20963","pill":"Switch_module_pill__c4b20963"};
+n(css,{});
+
+export { css, modules_18a327ff as default };
+//# sourceMappingURL=Switch.module.css.js.map

package/dist/esm/src/components/input/switch/Switch.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}