intergalactic 15.122.0 → 15.123.0

package/slider/lib/cjs/Slider.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapSlider = 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -20,14 +20,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_unm2v_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_unm2v_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_unm2v_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_unm2v_gg_:active .___SKnob_unm2v_gg_,.___SSlider_unm2v_gg_:focus .___SKnob_unm2v_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_unm2v_gg_:focus{outline:0}.___SSlider_unm2v_gg_.__keyboardFocused_unm2v_gg_ .___SKnob_unm2v_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_unm2v_gg_.__disabled_unm2v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_unm2v_gg_,.___SKnob_unm2v_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_unm2v_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_unm2v_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_unm2v_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_unm2v_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_unm2v_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "unm2v_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_unm2v_gg_",
-  "_keyboardFocused": "__keyboardFocused_unm2v_gg_",
-  "__SKnob": "___SKnob_unm2v_gg_",
-  "_disabled": "__disabled_unm2v_gg_",
-  "__SBar": "___SBar_unm2v_gg_",
-  "__SInput": "___SInput_unm2v_gg_",
-  "__SSliderOptions": "___SSliderOptions_unm2v_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_1392u_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_1392u_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_1392u_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_1392u_gg_:active .___SKnob_1392u_gg_,.___SSlider_1392u_gg_:focus .___SKnob_1392u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_1392u_gg_:focus{outline:0}.___SSlider_1392u_gg_.__keyboardFocused_1392u_gg_ .___SKnob_1392u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_1392u_gg_.__disabled_1392u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_1392u_gg_,.___SKnob_1392u_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_1392u_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_1392u_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_1392u_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_1392u_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_1392u_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1392u_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_1392u_gg_",
+  "_keyboardFocused": "__keyboardFocused_1392u_gg_",
+  "__SKnob": "___SKnob_1392u_gg_",
+  "_disabled": "__disabled_1392u_gg_",
+  "__SBar": "___SBar_1392u_gg_",
+  "__SInput": "___SInput_1392u_gg_",
+  "__SSliderOptions": "___SSliderOptions_1392u_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/slider/lib/es6/Slider.mjs

@@ -0,0 +1,315 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps5 } from 'intergalactic/core';
+import { assignProps as _assignProps4 } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { Flex, Box } from 'intergalactic/flex-box';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import reactToText from 'intergalactic/utils/lib/reactToText';
+/*__reshadow-styles__:"./style/slider.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_1392u_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_1392u_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_1392u_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_1392u_gg_:active .___SKnob_1392u_gg_,.___SSlider_1392u_gg_:focus .___SKnob_1392u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_1392u_gg_:focus{outline:0}.___SSlider_1392u_gg_.__keyboardFocused_1392u_gg_ .___SKnob_1392u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_1392u_gg_.__disabled_1392u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_1392u_gg_,.___SKnob_1392u_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_1392u_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_1392u_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_1392u_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_1392u_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_1392u_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1392u_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_1392u_gg_",
+  "_keyboardFocused": "__keyboardFocused_1392u_gg_",
+  "__SKnob": "___SKnob_1392u_gg_",
+  "_disabled": "__disabled_1392u_gg_",
+  "__SBar": "___SBar_1392u_gg_",
+  "__SInput": "___SInput_1392u_gg_",
+  "__SSliderOptions": "___SSliderOptions_1392u_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) {
+  _inherits(SliderRoot, _Component);
+  var _super = _createSuper(SliderRoot);
+  function SliderRoot() {
+    var _this;
+    _classCallCheck(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));
+    _defineProperty(_assertThisInitialized(_this), "sliderRef", /*#__PURE__*/React.createRef(null));
+    _defineProperty(_assertThisInitialized(_this), "handleRef", function (node) {
+      _this.sliderRef.current = node;
+    });
+    _defineProperty(_assertThisInitialized(_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);
+    });
+    _defineProperty(_assertThisInitialized(_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);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleDragStart", function () {
+      return false;
+    });
+    _defineProperty(_assertThisInitialized(_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);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_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);
+    });
+    _defineProperty(_assertThisInitialized(_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 reactToText(option === null || option === void 0 ? void 0 : option.label);
+    });
+    return _this;
+  }
+  _createClass(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 = Box;
+      var SInput = 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 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SSlider, _ref6.cn("SSlider", _objectSpread({}, _assignProps({
+        "tag": 'button',
+        "type": 'button',
+        "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.createElement(Children, _ref6.cn("Children", {})), /*#__PURE__*/React.createElement(SInput, _ref6.cn("SInput", {
+        "tag": 'input',
+        "type": 'hidden',
+        "value": value !== null && value !== void 0 ? value : '',
+        "name": name,
+        "aria-hidden": true
+      }))));
+    }
+  }]);
+  return SliderRoot;
+}(Component);
+_defineProperty(SliderRoot, "displayName", 'Slider');
+_defineProperty(SliderRoot, "style", style);
+_defineProperty(SliderRoot, "enhance", [keyboardFocusEnhance()]);
+_defineProperty(SliderRoot, "defaultProps", function () {
+  return {
+    defaultValue: 0,
+    min: 0,
+    max: 100,
+    step: 1,
+    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Slider.Bar, null), /*#__PURE__*/React.createElement(Slider.Knob, null), /*#__PURE__*/React.createElement(Slider.Options, null, /*#__PURE__*/React.createElement(Slider.Item, null)))
+  };
+});
+function Bar(props) {
+  var _ref2 = arguments[0],
+    _ref7;
+  var SBar = Box;
+  var styles = props.styles,
+    value = props.value,
+    min = props.min,
+    max = props.max;
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref7.cn("SBar", _objectSpread({}, _assignProps2({
+    "w": "".concat(convertValueToPercent(value, min, max), "%")
+  }, _ref2))));
+}
+function Knob(props) {
+  var _ref3 = arguments[0],
+    _ref8;
+  var SKnob = Box;
+  var styles = props.styles,
+    value = props.value,
+    min = props.min,
+    max = props.max;
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SKnob, _ref8.cn("SKnob", _objectSpread({}, _assignProps3({
+    "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 = Flex;
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SSliderOptions, _ref9.cn("SSliderOptions", _objectSpread({}, _assignProps4({
+    "mt": 1,
+    "justifyContent": 'space-between'
+  }, _ref4))), (options !== null && options !== void 0 ? options : []).map(function (option) {
+    return /*#__PURE__*/React.createElement(Children, {
+      key: option.value
+    }, option.label);
+  }));
+}
+function Item(_ref12) {
+  var _ref5 = arguments[0],
+    _ref10;
+  var styles = _ref12.styles,
+    Children = _ref12.Children;
+  var SSliderOption = Box;
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SSliderOption, _ref10.cn("SSliderOption", _objectSpread({}, _assignProps5({}, _ref5))), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));
+}
+var Slider = createComponent(SliderRoot, {
+  Bar: Bar,
+  Knob: Knob,
+  Options: Options,
+  Item: Item
+});
+export var wrapSlider = function wrapSlider(wrapper) {
+  return wrapper;
+};
+export default Slider;
+//# sourceMappingURL=Slider.mjs.map

package/slider/lib/es6/Slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.mjs","names":["React","createComponent","Component","sstyled","Root","Flex","Box","keyboardFocusEnhance","reactToText","style","_sstyled","insert","convertValueToPercent","value","min","max","SliderRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","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","label","_createClass","uncontrolledProps","getKnobProps","_this$asProps5","disabled","getBarProps","_this$asProps6","getOptionsProps","getItemProps","_","index","children","render","_ref","_ref6","SSlider","SInput","_this$asProps7","Children","styles","name","defaultMin","defaultMax","resolveLabel","createElement","Fragment","cn","_objectSpread","_assignProps","handleRef","handleDragStart","handleKeyDown","Slider","Bar","Knob","Options","Item","props","_ref2","arguments[0]","_ref7","SBar","_assignProps2","_ref3","_ref8","SKnob","_assignProps3","_ref11","_ref4","_ref9","SSliderOptions","_assignProps4","map","_ref12","_ref5","_ref10","SSliderOption","_assignProps5","wrapSlider","wrapper"],"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          tag='button'\n          type='button'\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} mt={1} justifyContent='space-between'>\n      {(options ?? []).map((option) => (\n        <Children key={option.value}>{option.label}</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});\n\nexport const wrapSlider = (wrapper) => wrapper;\n\nexport default Slider;\n"],"mappings":"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"}

package/slider/lib/es6/index.d.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.mjs.map

package/slider/lib/es6/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","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<PropsExtending = {}> = (<\n  Value extends SliderValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', SliderProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', SliderProps>;\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\ndeclare const wrapSlider: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSliderComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticSliderComponent<PropsExtending>;\nexport { wrapSlider };\n\nexport default Slider;\n"],"mappings":""}

package/slider/lib/es6/index.mjs

@@ -0,0 +1,3 @@
+export { default } from './Slider';
+export * from './Slider';
+//# sourceMappingURL=index.mjs.map

package/slider/lib/es6/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Slider';\nexport * from './Slider';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,cAAc,UAAU"}

package/slider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.39.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.39.1","@semcore/utils":"4.44.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/slider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.40.0","main":"lib/cjs/index.js","module":"lib/es6/index.mjs","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.40.0","@semcore/utils":"4.45.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/slider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/spin/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.js';
-export { default } from './lib/es6/index.js';
+export * from './lib/es6/index.mjs';
+export { default } from './lib/es6/index.mjs';

package/spin/lib/cjs/Spin.js

@@ -6,12 +6,12 @@ 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -20,19 +20,19 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1gfmd{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1gfmd_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1gfmd;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1gfmd)}.___SSpin_1gfmd_gg_._theme_dark_1gfmd_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1gfmd_gg_._theme_invert_1gfmd_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1gfmd_gg_.__centered_1gfmd_gg_{margin:auto}.___SSpin_1gfmd_gg_._size_xs_1gfmd_gg_{width:16px;height:16px}.___SSpin_1gfmd_gg_._size_s_1gfmd_gg_{width:20px;height:20px}.___SSpin_1gfmd_gg_._size_m_1gfmd_gg_{width:24px;height:24px}.___SSpin_1gfmd_gg_._size_l_1gfmd_gg_{width:32px;height:32px}.___SSpin_1gfmd_gg_._size_xl_1gfmd_gg_{width:48px;height:48px}.___SSpin_1gfmd_gg_._size_xxl_1gfmd_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1gfmd_gg_{animation-name:none}}" /*__inner_css_end__*/, "1gfmd_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_1gfmd",
-  "__SSpin": "___SSpin_1gfmd_gg_",
-  "--theme": "--theme_1gfmd",
-  "_theme_dark": "_theme_dark_1gfmd_gg_",
-  "_theme_invert": "_theme_invert_1gfmd_gg_",
-  "_centered": "__centered_1gfmd_gg_",
-  "_size_xs": "_size_xs_1gfmd_gg_",
-  "_size_s": "_size_s_1gfmd_gg_",
-  "_size_m": "_size_m_1gfmd_gg_",
-  "_size_l": "_size_l_1gfmd_gg_",
-  "_size_xl": "_size_xl_1gfmd_gg_",
-  "_size_xxl": "_size_xxl_1gfmd_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_6avy2{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_6avy2_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_6avy2;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_6avy2)}.___SSpin_6avy2_gg_._theme_dark_6avy2_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_6avy2_gg_._theme_invert_6avy2_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_6avy2_gg_.__centered_6avy2_gg_{margin:auto}.___SSpin_6avy2_gg_._size_xs_6avy2_gg_{width:16px;height:16px}.___SSpin_6avy2_gg_._size_s_6avy2_gg_{width:20px;height:20px}.___SSpin_6avy2_gg_._size_m_6avy2_gg_{width:24px;height:24px}.___SSpin_6avy2_gg_._size_l_6avy2_gg_{width:32px;height:32px}.___SSpin_6avy2_gg_._size_xl_6avy2_gg_{width:48px;height:48px}.___SSpin_6avy2_gg_._size_xxl_6avy2_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_6avy2_gg_{animation-name:none}}" /*__inner_css_end__*/, "6avy2_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_6avy2",
+  "__SSpin": "___SSpin_6avy2_gg_",
+  "--theme": "--theme_6avy2",
+  "_theme_dark": "_theme_dark_6avy2_gg_",
+  "_theme_invert": "_theme_invert_6avy2_gg_",
+  "_centered": "__centered_6avy2_gg_",
+  "_size_xs": "_size_xs_6avy2_gg_",
+  "_size_s": "_size_s_6avy2_gg_",
+  "_size_m": "_size_m_6avy2_gg_",
+  "_size_l": "_size_l_6avy2_gg_",
+  "_size_xl": "_size_xl_6avy2_gg_",
+  "_size_xxl": "_size_xxl_6avy2_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);

package/spin/lib/es6/Spin.mjs

@@ -0,0 +1,70 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+/*__reshadow-styles__:"./style/spin.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_6avy2{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_6avy2_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_6avy2;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_6avy2)}.___SSpin_6avy2_gg_._theme_dark_6avy2_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_6avy2_gg_._theme_invert_6avy2_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_6avy2_gg_.__centered_6avy2_gg_{margin:auto}.___SSpin_6avy2_gg_._size_xs_6avy2_gg_{width:16px;height:16px}.___SSpin_6avy2_gg_._size_s_6avy2_gg_{width:20px;height:20px}.___SSpin_6avy2_gg_._size_m_6avy2_gg_{width:24px;height:24px}.___SSpin_6avy2_gg_._size_l_6avy2_gg_{width:32px;height:32px}.___SSpin_6avy2_gg_._size_xl_6avy2_gg_{width:48px;height:48px}.___SSpin_6avy2_gg_._size_xxl_6avy2_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_6avy2_gg_{animation-name:none}}" /*__inner_css_end__*/, "6avy2_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_6avy2",
+  "__SSpin": "___SSpin_6avy2_gg_",
+  "--theme": "--theme_6avy2",
+  "_theme_dark": "_theme_dark_6avy2_gg_",
+  "_theme_invert": "_theme_invert_6avy2_gg_",
+  "_centered": "__centered_6avy2_gg_",
+  "_size_xs": "_size_xs_6avy2_gg_",
+  "_size_s": "_size_s_6avy2_gg_",
+  "_size_m": "_size_m_6avy2_gg_",
+  "_size_l": "_size_l_6avy2_gg_",
+  "_size_xl": "_size_xl_6avy2_gg_",
+  "_size_xxl": "_size_xxl_6avy2_gg_"
+});
+var RootSpin = /*#__PURE__*/function (_Component) {
+  _inherits(RootSpin, _Component);
+  var _super = _createSuper(RootSpin);
+  function RootSpin() {
+    _classCallCheck(this, RootSpin);
+    return _super.apply(this, arguments);
+  }
+  _createClass(RootSpin, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SSpin = Box;
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles,
+        theme = _this$asProps.theme,
+        resolveColor = _this$asProps.resolveColor,
+        getI18nText = _this$asProps.getI18nText;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SSpin, _ref2.cn("SSpin", _objectSpread({}, _assignProps({
+        "tag": 'svg',
+        "viewBox": '0 0 24 24',
+        "use:theme": resolveColor(theme),
+        "role": 'img',
+        "aria-label": getI18nText('loading')
+      }, _ref))), /*#__PURE__*/React.createElement("path", _ref2.cn("path", {
+        "d": 'M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z'
+      })), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
+    }
+  }]);
+  return RootSpin;
+}(Component);
+_defineProperty(RootSpin, "displayName", 'Spin');
+_defineProperty(RootSpin, "style", style);
+_defineProperty(RootSpin, "enhance", [resolveColorEnhance(), i18nEnhance(localizedMessages)]);
+_defineProperty(RootSpin, "defaultProps", {
+  size: 'm',
+  theme: 'dark'
+});
+export default createComponent(RootSpin);
+//# sourceMappingURL=Spin.mjs.map

package/spin/lib/es6/Spin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.mjs","names":["React","createComponent","Component","sstyled","Root","Box","resolveColorEnhance","i18nEnhance","localizedMessages","style","_sstyled","insert","RootSpin","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SSpin","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread","_assignProps","_defineProperty","size"],"sources":["../../src/Spin.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/spin.shadow.css';\n\nclass RootSpin extends Component {\n  static displayName = 'Spin';\n  static style = style;\n  static enhance = [resolveColorEnhance(), i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    size: 'm',\n    theme: 'dark',\n  };\n\n  render() {\n    const SSpin = Root;\n    const { Children, styles, theme, resolveColor, getI18nText } = this.asProps;\n    return sstyled(styles)(\n      <SSpin\n        render={Box}\n        tag='svg'\n        viewBox='0 0 24 24'\n        use:theme={resolveColor(theme)}\n        role='img'\n        aria-label={getI18nText('loading')}\n      >\n        <path d='M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z' />\n        <Children />\n      </SSpin>,\n    );\n  }\n}\n\nexport default createComponent(RootSpin);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICtB,GAAG;MAHf,IAAAuB,aAAA,GAA+D,IAAI,CAACH,OAAO;QAAnEI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;MAC1D,OAAAP,KAAA,GAAOvB,OAAO,CAAC2B,MAAM,CAAC,eACpB9B,KAAA,CAAAkC,aAAA,CAACP,KAAK,EAAAD,KAAA,CAAAS,EAAA,UAAAC,aAAA,KAAAC,YAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,QACzB,KAAK;QAAA,cACEE,WAAW,CAAC,SAAS;MAAC,GAAAT,IAAA,kBAElCxB,KAAA,CAAAkC,aAAA,SAAAR,KAAA,CAAAS,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBnC,KAAA,CAAAkC,aAAA,CAACL,QAAQ,EAAAH,KAAA,CAAAS,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAvB,QAAA;AAAA,EAzBoBV,SAAS;AAAAoC,eAAA,CAA1B1B,QAAQ,iBACS,MAAM;AAAA0B,eAAA,CADvB1B,QAAQ,WAEGH,KAAK;AAAA6B,eAAA,CAFhB1B,QAAQ,aAGK,CAACN,mBAAmB,EAAE,EAAEC,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAA8B,eAAA,CAHpE1B,QAAQ,kBAIU;EACpB2B,IAAI,EAAE,GAAG;EACTR,KAAK,EAAE;AACT,CAAC;AAqBH,eAAe9B,eAAe,CAACW,QAAQ,CAAC"}

package/spin/lib/es6/index.d.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.mjs.map

package/spin/lib/es6/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\nexport type SpinSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n/** @deprecated */\nexport interface ISpinProps extends SpinProps, UnknownProperties {}\nexport type SpinProps = BoxProps & {\n  /** Spinner size\n   * @default m\n   **/\n  size?: SpinSize;\n  /** Spinner theme. There are several default themes or you can use your own color\n   * @default dark\n   **/\n  theme?: 'dark' | 'invert' | string;\n  /** Whether the spinner should be in the center of the parent.\n   * This works for a nested spinner in flex,\n   * otherwise only horizontal alignment will occur.\n   * */\n  centered?: boolean;\n\n  locale?: string;\n};\n\ndeclare const Spin: Intergalactic.Component<'div', SpinProps>;\n\nexport default Spin;\n"],"mappings":""}

package/spin/lib/es6/index.mjs

@@ -0,0 +1,2 @@
+export { default } from './Spin';
+//# sourceMappingURL=index.mjs.map

package/spin/lib/es6/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Spin';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ"}