intergalactic 15.129.0 → 15.130.0-prerelease.0

package/slider/lib/esm/Slider.mjs

@@ -1,218 +1,277 @@
-import y from "@babel/runtime/helpers/esm/objectSpread2";
-import O from "@babel/runtime/helpers/esm/classCallCheck";
-import z from "@babel/runtime/helpers/esm/createClass";
-import g from "@babel/runtime/helpers/esm/assertThisInitialized";
-import A from "@babel/runtime/helpers/esm/inherits";
-import F from "@babel/runtime/helpers/esm/createSuper";
-import m from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as T } from 'intergalactic/utils/lib/core/index';
-import $, { sstyled as E, assignProps as P, Component as N } from 'intergalactic/core';
-import v from "react";
-import { Box as k, Flex as X } from 'intergalactic/flex-box';
-import j from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import U from 'intergalactic/utils/lib/reactToText';
-var W = (
+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 } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box, Flex } 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__*/
-  (T.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SSlider_khqv3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_khqv3_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_khqv3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_khqv3_gg_:active .___SKnob_khqv3_gg_,.___SSlider_khqv3_gg_:focus .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_:focus{outline:0}.___SSlider_khqv3_gg_.__keyboardFocused_khqv3_gg_ .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_.__disabled_khqv3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_khqv3_gg_,.___SKnob_khqv3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_khqv3_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_khqv3_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_khqv3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_khqv3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_khqv3_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%)}',
-    "khqv3_gg_"
-  ), {
-    __SSlider: "___SSlider_khqv3_gg_",
-    _keyboardFocused: "__keyboardFocused_khqv3_gg_",
-    __SKnob: "___SKnob_khqv3_gg_",
-    _disabled: "__disabled_khqv3_gg_",
-    __SBar: "___SBar_khqv3_gg_",
-    __SInput: "___SInput_khqv3_gg_",
-    __SSliderOptions: "___SSliderOptions_khqv3_gg_"
+    '.___SSlider_121m3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_121m3_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_121m3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_121m3_gg_:active .___SKnob_121m3_gg_,.___SSlider_121m3_gg_:focus .___SKnob_121m3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_121m3_gg_:focus{outline:0}.___SSlider_121m3_gg_.__keyboardFocused_121m3_gg_ .___SKnob_121m3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_121m3_gg_.__disabled_121m3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_121m3_gg_,.___SKnob_121m3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_121m3_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_121m3_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_121m3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_121m3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_121m3_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__*/
+    "121m3_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SSlider": "___SSlider_121m3_gg_",
+    "_keyboardFocused": "__keyboardFocused_121m3_gg_",
+    "__SKnob": "___SKnob_121m3_gg_",
+    "_disabled": "__disabled_121m3_gg_",
+    "__SBar": "___SBar_121m3_gg_",
+    "__SInput": "___SInput_121m3_gg_",
+    "__SSliderOptions": "___SSliderOptions_121m3_gg_"
   })
-), L = function(_, o, e) {
-  return _ > e ? 100 : _ < o ? 0 : (_ - o) / (e - o) * 100;
-}, M = /* @__PURE__ */ function(l) {
-  A(o, l);
-  var _ = F(o);
-  function o() {
-    var e;
-    O(this, o);
-    for (var n = arguments.length, i = new Array(n), d = 0; d < n; d++)
-      i[d] = arguments[d];
-    return e = _.call.apply(_, [this].concat(i)), m(g(e), "sliderRef", /* @__PURE__ */ v.createRef(null)), m(g(e), "handleRef", function(r) {
-      e.sliderRef.current = r;
-    }), m(g(e), "handleMouseEnd", function() {
-      document.removeEventListener("touchmove", e.handleMouseMove), document.removeEventListener("mousemove", e.handleMouseMove), document.removeEventListener("click", e.handleMouseMove), document.removeEventListener("mouseup", e.handleMouseEnd), document.removeEventListener("touchend", e.handleMouseEnd);
-    }), m(g(e), "handleMouseMove", function(r) {
-      var t;
-      r.preventDefault(), document.addEventListener("touchmove", e.handleMouseMove), document.addEventListener("mousemove", e.handleMouseMove), document.addEventListener("click", e.handleMouseMove), document.addEventListener("mouseup", e.handleMouseEnd), document.addEventListener("touchend", e.handleMouseEnd);
-      var s = e.asProps, u = s.min, c = s.max, h = s.step, a = s.options, p = e.sliderRef.current.offsetWidth, f = (t = r.clientX) !== null && t !== void 0 ? t : r.touches[0].clientX, b = f - e.sliderRef.current.getBoundingClientRect().left;
-      if (b <= 0) {
-        var S, q = a ? (S = a[0]) === null || S === void 0 ? void 0 : S.value : u;
-        e.handlers.value(q, r);
-      } else if (b >= p) {
-        var x = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], B = a ? x == null ? void 0 : x.value : c;
-        e.handlers.value(B, r);
+);
+var convertValueToPercent = function convertValueToPercent2(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(SliderRoot2, _Component);
+  var _super = _createSuper(SliderRoot2);
+  function SliderRoot2() {
+    var _this;
+    _classCallCheck(this, SliderRoot2);
+    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 K, I = b / p, R = h / (c - u), C = Math.round(I / R), D = C * h + u, V = a ? (K = a[C * h]) === null || K === void 0 ? void 0 : K.value : D;
-        e.handlers.value(V, r);
+        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);
       }
-    }), m(g(e), "handleDragStart", function() {
-      return !1;
-    }), m(g(e), "handleKeyDown", function(r) {
-      if (["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown"].includes(r.key)) {
-        r.preventDefault();
-        var t = e.asProps, s = t.min, u = t.max, c = t.step, h = t.options, a = r.key === "ArrowLeft" || r.key === "ArrowDown" ? -1 : 1, p = e.getNumericValue() + c * a;
-        if (p > u && (p = u), p < s && (p = s), h) {
-          var f = h[p - (s ?? 0)];
-          e.handlers.value(f.value, r);
-        } else
-          e.handlers.value(p, r);
+    });
+    _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);
       }
-    }), m(g(e), "getNumericValue", function() {
-      var r = e.asProps, t = r.value, s = r.options, u = r.min, c = r.max, h = r.defaultValue;
-      if (!s) return t;
-      var a = s.findIndex(function(p) {
-        return p.value === t;
+    });
+    _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 (a === -1) return h;
-      if (a < u) return u;
-      if (u !== void 0) {
-        if (a + u > c) return c;
-      } else if (a > c) return c;
-      return a + (u ?? 0);
-    }), m(g(e), "resolveLabel", function(r) {
-      var t = e.asProps, s = t.min, u = t.options;
-      if (u) {
-        var c = u[r - (s ?? 0)];
-        return U(c == null ? void 0 : c.label);
+      if (resolvedIndex === -1) return defaultValue;
+      if (resolvedIndex < min) return min;
+      if (min !== void 0) {
+        if (resolvedIndex + min > max) return max;
+      } else {
+        if (resolvedIndex > max) return max;
       }
-    }), e;
+      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 void 0;
+      var option = options[numericValue - (min !== null && min !== void 0 ? min : 0)];
+      return reactToText(option === null || option === void 0 ? void 0 : option.label);
+    });
+    return _this;
   }
-  return z(o, [{
+  _createClass(SliderRoot2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         value: null
       };
     }
   }, {
     key: "getKnobProps",
-    value: function() {
-      var n = this.asProps, i = n.min, d = n.max, r = n.disabled, t = n.options;
+    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: i,
-        max: d,
-        disabled: r,
-        options: t
+        min,
+        max,
+        disabled,
+        options
       };
     }
   }, {
     key: "getBarProps",
-    value: function() {
-      var n = this.asProps, i = n.min, d = n.max, r = n.disabled, t = n.options;
+    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: i,
-        max: d,
-        disabled: r,
-        options: t
+        min,
+        max,
+        disabled,
+        options
       };
     }
   }, {
     key: "getOptionsProps",
-    value: function() {
-      var n = this.asProps.options;
+    value: function getOptionsProps() {
+      var options = this.asProps.options;
       return {
-        options: n
+        options
       };
     }
   }, {
     key: "getItemProps",
-    value: function(n, i) {
-      var d = this.asProps.options, r = d[i];
+    value: function getItemProps(_, index) {
+      var options = this.asProps.options;
+      var option = options[index];
       return {
-        key: r.value,
-        value: r.value,
-        children: r.label
+        key: option.value,
+        value: option.value,
+        children: option.label
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var n = this.asProps, i, d = k, r = k, t = this.asProps, s = t.Children, u = t.styles, c = t.value, h = t.min, a = t.max, p = t.name, f = t.options, b = f ? 0 : void 0, S = f ? f.length : void 0, q = this.getNumericValue(), x = this.resolveLabel(q);
-      return i = E(u), /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(d, i.cn("SSlider", y({}, P({
-        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",
+    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 : void 0;
+      var defaultMax = options ? options.length : void 0;
+      var numericValue = this.getNumericValue();
+      var label = this.resolveLabel(numericValue);
+      return _ref6 = sstyled$1(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": h ?? b,
-        "aria-valuemax": a ?? S,
-        "aria-valuetext": x,
-        "aria-valuenow": q
-      }, n))), /* @__PURE__ */ v.createElement(s, i.cn("Children", {})), /* @__PURE__ */ v.createElement(r, i.cn("SInput", {
-        tag: "input",
-        type: "hidden",
-        value: c ?? "",
-        name: p,
-        "aria-hidden": !0
+        "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
       }))));
     }
-  }]), o;
-}(N);
-m(M, "displayName", "Slider");
-m(M, "style", W);
-m(M, "enhance", [j()]);
-m(M, "defaultProps", function() {
+  }]);
+  return SliderRoot2;
+}(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__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(w.Bar, null), /* @__PURE__ */ v.createElement(w.Knob, null), /* @__PURE__ */ v.createElement(w.Options, null, /* @__PURE__ */ v.createElement(w.Item, null)))
+    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 G(l) {
-  var _ = arguments[0], o, e = k, n = l.styles, i = l.value, d = l.min, r = l.max;
-  return o = E(n), /* @__PURE__ */ v.createElement(e, o.cn("SBar", y({}, P({
-    w: "".concat(L(i, d, r), "%")
-  }, _))));
+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$1(styles), /* @__PURE__ */ React.createElement(SBar, _ref7.cn("SBar", _objectSpread({}, assignProps({
+    "w": "".concat(convertValueToPercent(value, min, max), "%")
+  }, _ref2))));
 }
-function H(l) {
-  var _ = arguments[0], o, e = k, n = l.styles, i = l.value, d = l.min, r = l.max;
-  return o = E(n), /* @__PURE__ */ v.createElement(e, o.cn("SKnob", y({}, P({
-    left: "".concat(L(i, d, r), "%")
-  }, _))));
+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$1(styles), /* @__PURE__ */ React.createElement(SKnob, _ref8.cn("SKnob", _objectSpread({}, assignProps({
+    "left": "".concat(convertValueToPercent(value, min, max), "%")
+  }, _ref3))));
 }
-function J(l) {
-  var _ = arguments[0], o, e = l.styles, n = l.options, i = l.Children, d = X;
-  return o = E(e), /* @__PURE__ */ v.createElement(d, o.cn("SSliderOptions", y({}, P({
-    mt: 1,
-    justifyContent: "space-between"
-  }, _))), (n ?? []).map(function(r) {
-    return /* @__PURE__ */ v.createElement(i, {
-      key: r.value
-    }, r.label);
+function Options(_ref11) {
+  var _ref4 = arguments[0], _ref9;
+  var styles = _ref11.styles, options = _ref11.options, Children = _ref11.Children;
+  var SSliderOptions = Flex;
+  return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSliderOptions, _ref9.cn("SSliderOptions", _objectSpread({}, assignProps({
+    "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 Q(l) {
-  var _ = arguments[0], o, e = l.styles, n = l.Children, i = k;
-  return o = E(e), /* @__PURE__ */ v.createElement(i, o.cn("SSliderOption", y({}, P({}, _))), /* @__PURE__ */ v.createElement(n, o.cn("Children", {})));
+function Item(_ref12) {
+  var _ref5 = arguments[0], _ref10;
+  var styles = _ref12.styles, Children = _ref12.Children;
+  var SSliderOption = Box;
+  return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSliderOption, _ref10.cn("SSliderOption", _objectSpread({}, assignProps({}, _ref5))), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})));
 }
-var w = $(M, {
-  Bar: G,
-  Knob: H,
-  Options: J,
-  Item: Q
-}), ve = function(_) {
-  return _;
+var Slider = createComponent(SliderRoot, {
+  Bar,
+  Knob,
+  Options,
+  Item
+});
+var wrapSlider = function wrapSlider2(wrapper) {
+  return wrapper;
 };
 export {
-  w as default,
-  ve as wrapSlider
+  Slider as default,
+  wrapSlider
 };

package/slider/lib/esm/index.mjs

@@ -1,5 +1,5 @@
-import { default as a, wrapSlider as d } from "./Slider.mjs";
+import { default as default2, wrapSlider } from "./Slider.mjs";
 export {
-  a as default,
-  d as wrapSlider
+  default2 as default,
+  wrapSlider
 };

package/slider/lib/esm/style/slider.shadow.css

@@ -0,0 +1,87 @@
+SSlider {
+  position: relative;
+  width: 140px;
+  box-sizing: border-box;
+  cursor: pointer;
+  padding-top: var(--intergalactic-spacing-5x, 20px);
+  border: none;
+  background-color: transparent;
+
+  &: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);
+  }
+
+  &:hover:before {
+    background-color: var(--intergalactic-border-primary, #c4c7cf);
+  }
+
+  &:active SKnob, &:focus SKnob {
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+  }
+  &:focus {
+    outline: none;
+  }
+}
+
+SSlider[keyboardFocused] SKnob {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+}
+
+SSlider[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  pointer-events: none;
+}
+
+SBar {
+  position: absolute;
+  top: var(--intergalactic-spacing-2x, 8px);
+  left: 0;
+  overflow: hidden;
+  height: 4px;
+  border-radius: var(--intergalactic-progress-bar-rounded, 6px);
+  box-sizing: border-box;
+  background-size: 12px;
+  background-color: var(--intergalactic-control-primary-info, #008ff8);
+  cursor: pointer;
+  transition: calc(var(--intergalactic-duration-control, 200) * 1ms) width ease-in-out;
+}
+
+SKnob {
+  position: absolute;
+  top: 10px;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  box-sizing: border-box;
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  border: 5px solid var(--intergalactic-control-primary-info, #008ff8);
+  cursor: pointer;
+  transform: translate(-50%, -50%);
+  transition: calc(var(--intergalactic-duration-control, 200) * 1ms) left ease-in-out;
+
+  &:hover {
+    border-color: var(--intergalactic-control-primary-info-hover, #006dca);
+  }
+}
+
+SInput {
+  position: absolute;
+  top: -100px;
+  left: -100px;
+}
+
+SSliderOptions {
+  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%);
+}

package/slider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.41.2","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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.2","@semcore/utils":"4.48.2"},"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.41.3-prerelease.0","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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.3-prerelease.0","@semcore/utils":"4.48.4-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.3-prerelease.0","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/lib/cjs/Spin.js

@@ -19,20 +19,22 @@ var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 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_ofphm{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_ofphm_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_ofphm;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_ofphm)}.___SSpin_ofphm_gg_._theme_dark_ofphm_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ofphm_gg_._theme_invert_ofphm_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_ofphm_gg_.__centered_ofphm_gg_{margin:auto}.___SSpin_ofphm_gg_._size_xs_ofphm_gg_{width:16px;height:16px}.___SSpin_ofphm_gg_._size_s_ofphm_gg_{width:20px;height:20px}.___SSpin_ofphm_gg_._size_m_ofphm_gg_{width:24px;height:24px}.___SSpin_ofphm_gg_._size_l_ofphm_gg_{width:32px;height:32px}.___SSpin_ofphm_gg_._size_xl_ofphm_gg_{width:48px;height:48px}.___SSpin_ofphm_gg_._size_xxl_ofphm_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_ofphm_gg_{animation-name:none}}" /*__inner_css_end__*/, "ofphm_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_ofphm",
-  "__SSpin": "___SSpin_ofphm_gg_",
-  "--theme": "--theme_ofphm",
-  "_theme_dark": "_theme_dark_ofphm_gg_",
-  "_theme_invert": "_theme_invert_ofphm_gg_",
-  "_centered": "__centered_ofphm_gg_",
-  "_size_xs": "_size_xs_ofphm_gg_",
-  "_size_s": "_size_s_ofphm_gg_",
-  "_size_m": "_size_m_ofphm_gg_",
-  "_size_l": "_size_l_ofphm_gg_",
-  "_size_xl": "_size_xl_ofphm_gg_",
-  "_size_xxl": "_size_xxl_ofphm_gg_"
+/*!__reshadow-styles__:"./style/spin.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1egdm{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1egdm_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1egdm;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1egdm)}.___SSpin_1egdm_gg_._theme_dark_1egdm_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1egdm_gg_._theme_invert_1egdm_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1egdm_gg_.__centered_1egdm_gg_{margin:auto}.___SSpin_1egdm_gg_._size_xs_1egdm_gg_{width:16px;height:16px}.___SSpin_1egdm_gg_._size_s_1egdm_gg_{width:20px;height:20px}.___SSpin_1egdm_gg_._size_m_1egdm_gg_{width:24px;height:24px}.___SSpin_1egdm_gg_._size_l_1egdm_gg_{width:32px;height:32px}.___SSpin_1egdm_gg_._size_xl_1egdm_gg_{width:48px;height:48px}.___SSpin_1egdm_gg_._size_xxl_1egdm_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1egdm_gg_{animation-name:none}}", /*__inner_css_end__*/"1egdm_gg_"),
+/*__reshadow_css_end__*/
+{
+  "@spin-rotate": "spin-rotate_1egdm",
+  "__SSpin": "___SSpin_1egdm_gg_",
+  "--theme": "--theme_1egdm",
+  "_theme_dark": "_theme_dark_1egdm_gg_",
+  "_theme_invert": "_theme_invert_1egdm_gg_",
+  "_centered": "__centered_1egdm_gg_",
+  "_size_xs": "_size_xs_1egdm_gg_",
+  "_size_s": "_size_s_1egdm_gg_",
+  "_size_m": "_size_m_1egdm_gg_",
+  "_size_l": "_size_l_1egdm_gg_",
+  "_size_xl": "_size_xl_1egdm_gg_",
+  "_size_xxl": "_size_xxl_1egdm_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);

package/spin/lib/cjs/Spin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spin.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","RootSpin","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSpin","Box","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","i18nEnhance","localizedMessages","size","_default","createComponent","exports"],"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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AAAmF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,gBAAA,mBAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICC,YAAG;MAHf,IAAAC,aAAA,GAA+D,IAAI,CAACJ,OAAO;QAAnEK,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,OAAAR,KAAA,GAAO,IAAAhB,aAAO,EAACqB,MAAM,CAAC,eACpB7B,MAAA,YAAAiC,aAAA,CAACR,KAAK,EAAAD,KAAA,CAAAU,EAAA,cAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,QACzB,KAAK;QAAA,cACEE,WAAW,CAAC,SAAS;MAAC,GAAAV,IAAA,kBAElCtB,MAAA,YAAAiC,aAAA,SAAAT,KAAA,CAAAU,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBlC,MAAA,YAAAiC,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAxB,QAAA;AAAA,EAzBoB2B,eAAS;AAAA,IAAAC,gBAAA,aAA1B5B,QAAQ,iBACS,MAAM;AAAA,IAAA4B,gBAAA,aADvB5B,QAAQ,WAEGJ,KAAK;AAAA,IAAAgC,gBAAA,aAFhB5B,QAAQ,aAGK,CAAC,IAAA6B,+BAAmB,GAAE,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAH,gBAAA,aAHpE5B,QAAQ,kBAIU;EACpBgC,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AAAA,IAAAa,QAAA,GAqBY,IAAAC,gBAAe,EAAClC,QAAQ,CAAC;AAAAmC,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Spin.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","RootSpin","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSpin","Box","_this$asProps","Children","styles","theme","resolveColor","getI18nText","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","i18nEnhance","localizedMessages","size","_default","createComponent","exports"],"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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AAAmF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,gBAAA,mBAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EASZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,KAAK,GAICC,YAAG;MAHf,IAAAC,aAAA,GAA+D,IAAI,CAACJ,OAAO;QAAnEK,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,OAAAR,KAAA,GAAO,IAAAhB,aAAO,EAACqB,MAAM,CAAC,eACpB7B,MAAA,YAAAiC,aAAA,CAACR,KAAK,EAAAD,KAAA,CAAAU,EAAA,cAAAC,cAAA,qBAAAtC,KAAA,CAAAuC,WAAA;QAAA,OAEA,KAAK;QAAA,WACD,WAAW;QAAA,aACRL,YAAY,CAACD,KAAK,CAAC;QAAA,QACzB,KAAK;QAAA,cACEE,WAAW,CAAC,SAAS;MAAC,GAAAV,IAAA,kBAElCtB,MAAA,YAAAiC,aAAA,SAAAT,KAAA,CAAAU,EAAA;QAAA,KAAQ;MAAglB,GAAG,eAC3lBlC,MAAA,YAAAiC,aAAA,CAACL,QAAQ,EAAAJ,KAAA,CAAAU,EAAA,iBAAG,CACN;IAEZ;EAAC;EAAA,OAAAxB,QAAA;AAAA,EAzBoB2B,eAAS;AAAA,IAAAC,gBAAA,aAA1B5B,QAAQ,iBACS,MAAM;AAAA,IAAA4B,gBAAA,aADvB5B,QAAQ,WAEGJ,KAAK;AAAA,IAAAgC,gBAAA,aAFhB5B,QAAQ,aAGK,CAAC,IAAA6B,+BAAmB,GAAE,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAH,gBAAA,aAHpE5B,QAAQ,kBAIU;EACpBgC,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AAAA,IAAAa,QAAA,GAqBY,IAAAC,gBAAe,EAAClC,QAAQ,CAAC;AAAAmC,OAAA,cAAAF,QAAA"}