intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/slider/lib/cjs/Slider.js

@@ -0,0 +1,312 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+var _reactToText = _interopRequireDefault(require("@semcore/utils/lib/reactToText"));
+/*__reshadow-styles__:"./style/slider.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSlider_ol0a2_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_ol0a2_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_ol0a2_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_ol0a2_gg_.__keyboardFocused_ol0a2_gg_ .___SKnob_ol0a2_gg_,.___SSlider_ol0a2_gg_:active .___SKnob_ol0a2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_ol0a2_gg_.__disabled_ol0a2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_ol0a2_gg_,.___SKnob_ol0a2_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_ol0a2_gg_,.___SSlider_ol0a2_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_ol0a2_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_ol0a2_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_ol0a2_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_ol0a2_gg_{position:absolute;top:-100px;left:-100px}" /*__inner_css_end__*/, "ol0a2_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_ol0a2_gg_",
+  "_keyboardFocused": "__keyboardFocused_ol0a2_gg_",
+  "__SKnob": "___SKnob_ol0a2_gg_",
+  "_disabled": "__disabled_ol0a2_gg_",
+  "__SBar": "___SBar_ol0a2_gg_",
+  "__SInput": "___SInput_ol0a2_gg_"
+});
+var convertValueToPercent = function convertValueToPercent(value, min, max) {
+  if (value > max) return 100;
+  if (value < min) return 0;
+  return (value - min) / (max - min) * 100;
+};
+var SliderRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(SliderRoot, _Component);
+  var _super = (0, _createSuper2["default"])(SliderRoot);
+  function SliderRoot() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SliderRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sliderRef", /*#__PURE__*/_react["default"].createRef(null));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRef", function (node) {
+      _this.sliderRef.current = node;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnd", function () {
+      document.removeEventListener('touchmove', _this.handleMouseMove);
+      document.removeEventListener('mousemove', _this.handleMouseMove);
+      document.removeEventListener('click', _this.handleMouseMove);
+      document.removeEventListener('mouseup', _this.handleMouseEnd);
+      document.removeEventListener('touchend', _this.handleMouseEnd);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseMove", function (event) {
+      var _event$clientX;
+      event.preventDefault();
+      document.addEventListener('touchmove', _this.handleMouseMove);
+      document.addEventListener('mousemove', _this.handleMouseMove);
+      document.addEventListener('click', _this.handleMouseMove);
+      document.addEventListener('mouseup', _this.handleMouseEnd);
+      document.addEventListener('touchend', _this.handleMouseEnd);
+      var _this$asProps = _this.asProps,
+        min = _this$asProps.min,
+        max = _this$asProps.max,
+        step = _this$asProps.step,
+        options = _this$asProps.options;
+      var sliderSize = _this.sliderRef.current.offsetWidth;
+      var clientX = (_event$clientX = event.clientX) !== null && _event$clientX !== void 0 ? _event$clientX : event.touches[0].clientX;
+      var newLeft = clientX - _this.sliderRef.current.getBoundingClientRect().left;
+      if (newLeft <= 0) {
+        var _options$;
+        var resolvedMin = options ? (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value : min;
+        _this.handlers.value(resolvedMin, event);
+      } else if (newLeft >= sliderSize) {
+        var lastOption = options === null || options === void 0 ? void 0 : options[(options === null || options === void 0 ? void 0 : options.length) - 1];
+        var resolvedMax = options ? lastOption === null || lastOption === void 0 ? void 0 : lastOption.value : max;
+        _this.handlers.value(resolvedMax, event);
+      } else {
+        var _options;
+        var relativeValue = newLeft / sliderSize;
+        var relativeStep = step / (max - min);
+        var countSteps = Math.round(relativeValue / relativeStep);
+        var numericValue = countSteps * step + min;
+        var resolvedValue = options ? (_options = options[countSteps * step]) === null || _options === void 0 ? void 0 : _options.value : numericValue;
+        _this.handlers.value(resolvedValue, event);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragStart", function () {
+      return false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
+      if (!['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)) return;
+      event.preventDefault();
+      var _this$asProps2 = _this.asProps,
+        min = _this$asProps2.min,
+        max = _this$asProps2.max,
+        step = _this$asProps2.step,
+        options = _this$asProps2.options;
+      var direction = event.key === 'ArrowLeft' || event.key === 'ArrowDown' ? -1 : 1;
+      var value = _this.getNumericValue() + step * direction;
+      if (value > max) value = max;
+      if (value < min) value = min;
+      if (options) {
+        var option = options[value - (min !== null && min !== void 0 ? min : 0)];
+        _this.handlers.value(option.value, event);
+      } else {
+        _this.handlers.value(value, event);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getNumericValue", function () {
+      var _this$asProps3 = _this.asProps,
+        value = _this$asProps3.value,
+        options = _this$asProps3.options,
+        min = _this$asProps3.min,
+        max = _this$asProps3.max,
+        defaultValue = _this$asProps3.defaultValue;
+      if (!options) return value;
+      var resolvedIndex = options.findIndex(function (option) {
+        return option.value === value;
+      });
+      if (resolvedIndex === -1) return defaultValue;
+      if (resolvedIndex < min) return min;
+      if (min !== undefined) {
+        if (resolvedIndex + min > max) return max;
+      } else {
+        if (resolvedIndex > max) return max;
+      }
+      return resolvedIndex + (min !== null && min !== void 0 ? min : 0);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resolveLabel", function (numericValue) {
+      var _this$asProps4 = _this.asProps,
+        min = _this$asProps4.min,
+        options = _this$asProps4.options;
+      if (!options) return undefined;
+      var option = options[numericValue - (min !== null && min !== void 0 ? min : 0)];
+      return (0, _reactToText["default"])(option === null || option === void 0 ? void 0 : option.label);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(SliderRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "getKnobProps",
+    value: function getKnobProps() {
+      var _this$asProps5 = this.asProps,
+        min = _this$asProps5.min,
+        max = _this$asProps5.max,
+        disabled = _this$asProps5.disabled,
+        options = _this$asProps5.options;
+      return {
+        value: this.getNumericValue(),
+        min: min,
+        max: max,
+        disabled: disabled,
+        options: options
+      };
+    }
+  }, {
+    key: "getBarProps",
+    value: function getBarProps() {
+      var _this$asProps6 = this.asProps,
+        min = _this$asProps6.min,
+        max = _this$asProps6.max,
+        disabled = _this$asProps6.disabled,
+        options = _this$asProps6.options;
+      return {
+        value: this.getNumericValue(),
+        min: min,
+        max: max,
+        disabled: disabled,
+        options: options
+      };
+    }
+  }, {
+    key: "getOptionsProps",
+    value: function getOptionsProps() {
+      var options = this.asProps.options;
+      return {
+        options: options
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps(_, index) {
+      var options = this.asProps.options;
+      var option = options[index];
+      return {
+        key: option.value,
+        value: option.value,
+        children: option.label
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref6;
+      var SSlider = _flexBox.Box;
+      var SInput = _flexBox.Box;
+      var _this$asProps7 = this.asProps,
+        Children = _this$asProps7.Children,
+        styles = _this$asProps7.styles,
+        value = _this$asProps7.value,
+        min = _this$asProps7.min,
+        max = _this$asProps7.max,
+        name = _this$asProps7.name,
+        options = _this$asProps7.options;
+      var defaultMin = options ? 0 : undefined;
+      var defaultMax = options ? options.length : undefined;
+      var numericValue = this.getNumericValue();
+      var label = this.resolveLabel(numericValue);
+      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SSlider, _ref6.cn("SSlider", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "ref": this.handleRef,
+        "onMouseDown": this.handleMouseMove,
+        "onTouchMove": this.handleMouseMove,
+        "onMouseUp": this.handleMouseEnd,
+        "onTouchEnd": this.handleMouseEnd,
+        "onDragStart": this.handleDragStart,
+        "onKeyDown": this.handleKeyDown,
+        "role": 'slider',
+        "aria-orientation": 'horizontal',
+        "aria-valuemin": min !== null && min !== void 0 ? min : defaultMin,
+        "aria-valuemax": max !== null && max !== void 0 ? max : defaultMax,
+        "aria-valuetext": label,
+        "aria-valuenow": numericValue
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})), /*#__PURE__*/_react["default"].createElement(SInput, _ref6.cn("SInput", {
+        "tag": 'input',
+        "type": 'hidden',
+        "value": value !== null && value !== void 0 ? value : '',
+        "name": name,
+        "aria-hidden": true
+      }))));
+    }
+  }]);
+  return SliderRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(SliderRoot, "displayName", 'Slider');
+(0, _defineProperty2["default"])(SliderRoot, "style", style);
+(0, _defineProperty2["default"])(SliderRoot, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
+(0, _defineProperty2["default"])(SliderRoot, "defaultProps", function () {
+  return {
+    defaultValue: 0,
+    min: 0,
+    max: 100,
+    step: 1,
+    children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Slider.Bar, null), /*#__PURE__*/_react["default"].createElement(Slider.Knob, null), /*#__PURE__*/_react["default"].createElement(Slider.Options, null, /*#__PURE__*/_react["default"].createElement(Slider.Item, null)))
+  };
+});
+function Bar(props) {
+  var _ref2 = arguments[0],
+    _ref7;
+  var SBar = _flexBox.Box;
+  var styles = props.styles,
+    value = props.value,
+    min = props.min,
+    max = props.max;
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref7.cn("SBar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "w": "".concat(convertValueToPercent(value, min, max), "%")
+  }, _ref2))));
+}
+function Knob(props) {
+  var _ref3 = arguments[0],
+    _ref8;
+  var SKnob = _flexBox.Box;
+  var styles = props.styles,
+    value = props.value,
+    min = props.min,
+    max = props.max;
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SKnob, _ref8.cn("SKnob", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "left": "".concat(convertValueToPercent(value, min, max), "%")
+  }, _ref3))));
+}
+function Options(_ref11) {
+  var _ref4 = arguments[0],
+    _ref9;
+  var styles = _ref11.styles,
+    options = _ref11.options,
+    Children = _ref11.Children;
+  var SSliderOptions = _flexBox.Flex;
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSliderOptions, _ref9.cn("SSliderOptions", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "justifyContent": 'space-between'
+  }, _ref4))), (options !== null && options !== void 0 ? options : []).map(function (option) {
+    return /*#__PURE__*/_react["default"].createElement(Children, {
+      key: option.value,
+      x: option.value
+    }, option.label);
+  }));
+}
+function Item(_ref12) {
+  var _ref5 = arguments[0],
+    _ref10;
+  var styles = _ref12.styles,
+    Children = _ref12.Children;
+  var SSliderOption = _flexBox.Box;
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSliderOption, _ref10.cn("SSliderOption", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
+}
+var Slider = (0, _core["default"])(SliderRoot, {
+  Bar: Bar,
+  Knob: Knob,
+  Options: Options,
+  Item: Item
+});
+var _default = Slider;
+exports["default"] = _default;
+//# sourceMappingURL=Slider.js.map

package/libs/slider/lib/cjs/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_reactToText","style","sstyled","insert","convertValueToPercent","value","min","max","SliderRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","node","sliderRef","current","document","removeEventListener","handleMouseMove","handleMouseEnd","event","_event$clientX","preventDefault","addEventListener","_this$asProps","asProps","step","options","sliderSize","offsetWidth","clientX","touches","newLeft","getBoundingClientRect","left","_options$","resolvedMin","handlers","lastOption","resolvedMax","_options","relativeValue","relativeStep","countSteps","Math","round","numericValue","resolvedValue","includes","key","_this$asProps2","direction","getNumericValue","option","_this$asProps3","defaultValue","resolvedIndex","findIndex","undefined","_this$asProps4","reactToText","label","_createClass2","uncontrolledProps","getKnobProps","_this$asProps5","disabled","getBarProps","_this$asProps6","getOptionsProps","getItemProps","_","index","children","render","_ref","_ref6","SSlider","Box","SInput","_this$asProps7","Children","styles","name","defaultMin","defaultMax","resolveLabel","createElement","Fragment","cn","_objectSpread2","assignProps","handleRef","handleDragStart","handleKeyDown","Component","keyboardFocusEnhance","Slider","Bar","Knob","Options","Item","props","_ref2","arguments[0]","_ref7","SBar","_ref3","_ref8","SKnob","_ref11","_ref4","_ref9","SSliderOptions","Flex","map","x","_ref12","_ref5","_ref10","SSliderOption","createComponent","_default","exports"],"sources":["../../src/Slider.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport reactToText from '@semcore/utils/lib/reactToText';\n\nimport style from './style/slider.shadow.css';\n\nconst convertValueToPercent = (value, min, max) => {\n  if (value > max) return 100;\n  if (value < min) return 0;\n  return ((value - min) / (max - min)) * 100;\n};\n\nclass SliderRoot extends Component {\n  static displayName = 'Slider';\n  static style = style;\n\n  sliderRef = React.createRef(null);\n\n  static enhance = [keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    defaultValue: 0,\n    min: 0,\n    max: 100,\n    step: 1,\n    children: (\n      <>\n        <Slider.Bar />\n        <Slider.Knob />\n        <Slider.Options>\n          <Slider.Item />\n        </Slider.Options>\n      </>\n    ),\n  });\n\n  handleRef = (node) => {\n    this.sliderRef.current = node;\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  getKnobProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getBarProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getOptionsProps() {\n    const { options } = this.asProps;\n\n    return { options };\n  }\n\n  getItemProps(_, index) {\n    const { options } = this.asProps;\n    const option = options[index];\n\n    return {\n      key: option.value,\n      value: option.value,\n      children: option.label,\n    };\n  }\n\n  handleMouseEnd = () => {\n    document.removeEventListener('touchmove', this.handleMouseMove);\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('click', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseEnd);\n    document.removeEventListener('touchend', this.handleMouseEnd);\n  };\n\n  handleMouseMove = (event) => {\n    event.preventDefault();\n\n    document.addEventListener('touchmove', this.handleMouseMove);\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('click', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseEnd);\n    document.addEventListener('touchend', this.handleMouseEnd);\n\n    const { min, max, step, options } = this.asProps;\n\n    const sliderSize = this.sliderRef.current.offsetWidth;\n    const clientX = event.clientX ?? event.touches[0].clientX;\n    const newLeft = clientX - this.sliderRef.current.getBoundingClientRect().left;\n\n    if (newLeft <= 0) {\n      const resolvedMin = options ? options[0]?.value : min;\n      this.handlers.value(resolvedMin, event);\n    } else if (newLeft >= sliderSize) {\n      const lastOption = options?.[options?.length - 1];\n      const resolvedMax = options ? lastOption?.value : max;\n      this.handlers.value(resolvedMax, event);\n    } else {\n      const relativeValue = newLeft / sliderSize;\n      const relativeStep = step / (max - min);\n      const countSteps = Math.round(relativeValue / relativeStep);\n      const numericValue = countSteps * step + min;\n      const resolvedValue = options ? options[countSteps * step]?.value : numericValue;\n\n      this.handlers.value(resolvedValue, event);\n    }\n  };\n\n  handleDragStart = () => false;\n\n  handleKeyDown = (event) => {\n    if (!['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)) return;\n    event.preventDefault();\n\n    const { min, max, step, options } = this.asProps;\n    const direction = event.key === 'ArrowLeft' || event.key === 'ArrowDown' ? -1 : 1;\n    let value = this.getNumericValue() + step * direction;\n\n    if (value > max) value = max;\n    if (value < min) value = min;\n    if (options) {\n      const option = options[value - (min ?? 0)];\n      this.handlers.value(option.value, event);\n    } else {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getNumericValue = () => {\n    const { value, options, min, max, defaultValue } = this.asProps;\n    if (!options) return value;\n    const resolvedIndex = options.findIndex((option) => option.value === value);\n    if (resolvedIndex === -1) return defaultValue;\n    if (resolvedIndex < min) return min;\n    if (min !== undefined) {\n      if (resolvedIndex + min > max) return max;\n    } else {\n      if (resolvedIndex > max) return max;\n    }\n\n    return resolvedIndex + (min ?? 0);\n  };\n\n  resolveLabel = (numericValue) => {\n    const { min, options } = this.asProps;\n    if (!options) return undefined;\n    const option = options[numericValue - (min ?? 0)];\n\n    return reactToText(option?.label);\n  };\n\n  render() {\n    const SSlider = Root;\n    const SInput = Box;\n    const { Children, styles, value, min, max, name, options } = this.asProps;\n\n    const defaultMin = options ? 0 : undefined;\n    const defaultMax = options ? options.length : undefined;\n    const numericValue = this.getNumericValue();\n    const label = this.resolveLabel(numericValue);\n\n    return sstyled(styles)(\n      <>\n        <SSlider\n          render={Box}\n          ref={this.handleRef}\n          onMouseDown={this.handleMouseMove}\n          onTouchMove={this.handleMouseMove}\n          onMouseUp={this.handleMouseEnd}\n          onTouchEnd={this.handleMouseEnd}\n          onDragStart={this.handleDragStart}\n          onKeyDown={this.handleKeyDown}\n          role='slider'\n          aria-orientation='horizontal'\n          aria-valuemin={min ?? defaultMin}\n          aria-valuemax={max ?? defaultMax}\n          aria-valuetext={label}\n          aria-valuenow={numericValue}\n        >\n          <Children />\n          <SInput tag='input' type='hidden' value={value ?? ''} name={name} aria-hidden />\n        </SSlider>\n      </>,\n    );\n  }\n}\n\nfunction Bar(props) {\n  const SBar = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(<SBar render={Box} w={`${convertValueToPercent(value, min, max)}%`} />);\n}\n\nfunction Knob(props) {\n  const SKnob = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(\n    <SKnob render={Box} left={`${convertValueToPercent(value, min, max)}%`} />,\n  );\n}\n\nfunction Options({ styles, options, Children }) {\n  const SSliderOptions = Root;\n\n  return sstyled(styles)(\n    <SSliderOptions render={Flex} justifyContent='space-between'>\n      {(options ?? []).map((option) => (\n        <Children key={option.value} x={option.value}>\n          {option.label}\n        </Children>\n      ))}\n    </SSliderOptions>,\n  );\n}\n\nfunction Item({ styles, Children }) {\n  const SSliderOption = Root;\n\n  return sstyled(styles)(\n    <SSliderOption render={Box}>\n      <Children />\n    </SSliderOption>,\n  );\n}\n\nconst Slider = createComponent(SliderRoot, {\n  Bar,\n  Knob,\n  Options,\n  Item,\n});\nexport default Slider;\n"],"mappings":"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"}

package/libs/slider/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/slider/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\ntype SliderValue = string | number;\n\ntype SliderContext = {\n  getOptionsProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n};\ntype SliderHandlers = {\n  value: (index: SliderValue) => void;\n};\n\nexport type SliderOption<OptionValue extends SliderValue> = {\n  value: OptionValue;\n  label: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISliderProps<Value extends SliderValue = SliderValue>\n  extends SliderProps<Value>,\n    UnknownProperties {}\nexport type SliderProps<Value extends SliderValue = SliderValue> = BoxProps &\n  KeyboardFocusProps & {\n    /** Numeric value\n     */\n    value?: Value;\n    /** Numeric default value\n     * @default 0\n     */\n    defaultValue?: Value;\n    /** Minimum value\n     * @default 0\n     */\n    min?: number;\n    /** Maximum value\n     * @default 100\n     */\n    max?: number;\n    /** Value change step\n     * @default 1\n     */\n    step?: number;\n    /**\n     * Handler for changing the value\n     */\n    onChange?:\n      | ((value: Value, event: React.SyntheticEvent) => void)\n      | React.Dispatch<React.SetStateAction<Value>>;\n    /**\n     * Disable element\n     */\n    disabled?: boolean;\n\n    options?: SliderOption<Value>[];\n  };\n\ntype SliderOptionsProps = FlexProps;\ntype SliderItemProps = BoxProps;\n\ntype IntergalacticSliderComponent = (<\n  Value extends SliderValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', SliderProps<Value>>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const Slider: IntergalacticSliderComponent & {\n  Knob: typeof Box;\n  Bar: typeof Box;\n  Options: Intergalactic.Component<\n    'div',\n    SliderOptionsProps,\n    SliderContext,\n    [handlers: SliderHandlers]\n  >;\n  Item: Intergalactic.Component<'div', SliderItemProps, SliderContext, [handlers: SliderHandlers]>;\n};\n\nexport default Slider;\n"],"mappings":""}

package/libs/slider/lib/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Slider["default"];
+  }
+});
+var _Slider = _interopRequireDefault(require("./Slider"));
+//# sourceMappingURL=index.js.map

package/libs/slider/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Slider","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Slider';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA"}