@ultraviolet/ui 1.57.0 → 1.58.0

package/dist/components/Slider/index.js

@@ -0,0 +1,55 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useMemo } from "react";
+import { Text } from "../Text/index.js";
+import { DoubleSlider } from "./DoubleSlider.js";
+import { SingleSlider } from "./SingleSlider.js";
+import { SliderContainer } from "./styles.js";
+const Slider = ({
+  name,
+  label,
+  helper,
+  tooltip,
+  direction = "column",
+  input,
+  prefix,
+  unit,
+  suffix,
+  required,
+  possibleValues,
+  disabled,
+  error,
+  options,
+  "data-testid": dataTestId,
+  value,
+  onChange,
+  min = 0,
+  double,
+  max = 100,
+  step = 1,
+  id,
+  onBlur,
+  onFocus,
+  className,
+  tooltipPosition = "top",
+  "aria-label": ariaLabel
+}) => {
+  const correctedBounds = possibleValues ? {
+    min: 0,
+    max: possibleValues.length - 1
+  } : {
+    min,
+    max
+  };
+  const gap = useMemo(() => {
+    if (options) return 3;
+    if (input && double) return 0;
+    return 1;
+  }, [options, input, double]);
+  return /* @__PURE__ */ jsxs(SliderContainer, { "aria-label": ariaLabel, "data-options": !!options, gap, children: [
+    double ? /* @__PURE__ */ jsx(DoubleSlider, { name, min: correctedBounds.min, max: correctedBounds.max, label, step, value, tooltip, disabled, error, onChange, "data-testid": dataTestId, id, onBlur, tooltipPosition, onFocus, className, options, input, unit, prefix, suffix, required, possibleValues, direction, "aria-label": ariaLabel }) : /* @__PURE__ */ jsx(SingleSlider, { name, min: correctedBounds.min, max: correctedBounds.max, step, value, tooltip, disabled, error, onChange, options, "data-testid": dataTestId, id, tooltipPosition, onBlur, onFocus, className, direction, input, prefix, label, unit, suffix, required, possibleValues, "aria-label": ariaLabel }),
+    error || helper ? /* @__PURE__ */ jsx(Text, { as: "p", variant: "caption", sentiment: error ? "danger" : "neutral", prominence: "default", children: typeof error === "string" ? error : helper }) : null
+  ] });
+};
+export {
+  Slider
+};

package/dist/components/Slider/styles.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const index$1 = require("../NumberInputV2/index.cjs");
+const index = require("../Stack/index.cjs");
+const index$2 = require("../Tooltip/index.cjs");
+const constant = require("./constant.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const DataList = /* @__PURE__ */ _styled__default.default("datalist", process.env.NODE_ENV === "production" ? {
+  target: "elrd0u34"
+} : {
+  target: "elrd0u34",
+  label: "DataList"
+})("display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:stretch;&[data-double='true']{margin-top:", ({
+  theme
+}) => theme.space["3"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3VDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IE51bWJlcklucHV0VjIgfSBmcm9tICcuLi9OdW1iZXJJbnB1dFYyJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgU0xJREVSX1dJRFRILCBUSFVNQl9TSVpFIH0gZnJvbSAnLi9jb25zdGFudCdcblxuZXhwb3J0IGNvbnN0IERhdGFMaXN0ID0gc3R5bGVkLmRhdGFsaXN0YCAgXG5kaXNwbGF5OiBmbGV4O1xuZmxleC1kaXJlY3Rpb246IHJvdztcbmp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbndpZHRoOiAxMDAlO1xuYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cbiZbZGF0YS1kb3VibGU9J3RydWUnXSB7XG4gIG1hcmdpbi10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG59XG5gXG5cbmV4cG9ydCBjb25zdCBPcHRpb24gPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2xlZnQnLCAnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgbGVmdDogbnVtYmVyOyB3aWR0aDogbnVtYmVyIH0+YFxuZGlzcGxheTogZmxleDtcbmp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbnRyYW5zZm9ybTogdHJhbnNsYXRlWCgkeyh7IGxlZnQgfSkgPT4gbGVmdH1weCk7XG53aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aH1weDtcbnRleHQtYWxpZ246IGNlbnRlcjtcbmp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cbiZbZGF0YS1maXJzdC1lbGVtZW50PSd0cnVlJ10ge1xudGV4dC1hbGlnbjogbGVmdDtcbmp1c3RpZnktY29udGVudDogbGVmdDtcbn1cbmBcblxuZXhwb3J0IGNvbnN0IFNsaWRlckNvbnRhaW5lciA9IHN0eWxlZChTdGFjayk8eyAnZGF0YS1vcHRpb25zJzogYm9vbGVhbiB9PmBcbiAgICBtaW4td2lkdGg6ICR7U0xJREVSX1dJRFRILm1pbn1weDtcbiAgICBtYXgtd2lkdGg6ICR7U0xJREVSX1dJRFRILm1heH1weDtcblxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ117IFxuICAgICAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfVxuICAgICAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkTnVtYmVySW5wdXQgPSBzdHlsZWQoTnVtYmVySW5wdXRWMilgXG4gIHdpZHRoOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkVG9vbHRpcCA9IHN0eWxlZChUb29sdGlwLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2xlZnQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgbGVmdDogbnVtYmVyIH0+YFxud2lkdGg6IGZpdC1jb250ZW50O1xucG9zaXRpb246IGFic29sdXRlO1xubGVmdDogJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHg7XG5gXG5cbmV4cG9ydCBjb25zdCB0cmFja1N0eWxlID0gYCBcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsgXG4gICAgYm94LXNoYWRvdzogbm9uZTsgXG4gICAgYm9yZGVyOiB0cmFuc3BhcmVudDsgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7IFxuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG4gIFxuICAgICAgJjpob3ZlciwgOmFjdGl2ZSwgOmZvY3VzIHtcbiAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG4gIFxuICAgICAgJjphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYmJpbmcnfTtcbiAgICAgIH1cbiAgYFxuIl19 */"));
+const Option = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["left", "width"].includes(prop),
+  target: "elrd0u33"
+} : {
+  shouldForwardProp: (prop) => !["left", "width"].includes(prop),
+  target: "elrd0u33",
+  label: "Option"
+})("display:flex;justify-content:space-between;position:absolute;transform:translateX(", ({
+  left
+}) => left, "px);width:", ({
+  width
+}) => width, "px;text-align:center;justify-content:center;&[data-first-element='true']{text-align:left;justify-content:left;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */"));
+const SliderContainer = /* @__PURE__ */ _styled__default.default(index.Stack, process.env.NODE_ENV === "production" ? {
+  target: "elrd0u32"
+} : {
+  target: "elrd0u32",
+  label: "SliderContainer"
+})("min-width:", constant.SLIDER_WIDTH.min, "px;max-width:", constant.SLIDER_WIDTH.max, "px;&[data-options='true']{margin-bottom:", ({
+  theme
+}) => theme.space["2"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUN5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */"));
+const StyledNumberInput = /* @__PURE__ */ _styled__default.default(index$1.NumberInputV2, process.env.NODE_ENV === "production" ? {
+  target: "elrd0u31"
+} : {
+  target: "elrd0u31",
+  label: "StyledNumberInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1nveg8h",
+  styles: "width:60px"
+} : {
+  name: "1nveg8h",
+  styles: "width:60px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENzRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTooltip = /* @__PURE__ */ _styled__default.default(index$2.Tooltip, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["left"].includes(prop),
+  target: "elrd0u30"
+} : {
+  shouldForwardProp: (prop) => !["left"].includes(prop),
+  target: "elrd0u30",
+  label: "StyledTooltip"
+})("width:fit-content;position:absolute;left:", ({
+  left
+}) => left, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RvQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */"));
+const trackStyle = ` 
+    appearance: none;
+    -webkit-appearance: none; 
+    box-shadow: none; 
+    border: transparent; 
+    background: transparent; 
+`;
+const thumbStyle = (theme, themeSlider, disabled) => `
+      -webkit-appearance: none;
+      appearance: none;
+      pointer-events: all;
+      width: ${constant.THUMB_SIZE}px;
+      height: ${constant.THUMB_SIZE}px;
+      background: ${themeSlider === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger};
+      box-shadow: ${theme.shadows.fixed[0]}, ${theme.shadows.fixed[1]};
+      border-radius: ${theme.radii.circle};
+      border: none;
+      cursor: ${disabled ? "not-allowed" : "grab"};
+      transition: background 0.3s ease-in-out;
+  
+      &:hover, :active, :focus {
+      border: ${disabled ? null : `1.5px solid ${theme.colors.primary.border}`};
+      }
+  
+      &:active, :focus {
+      box-shadow: ${disabled ? null : theme.shadows.focusPrimary};
+      cursor: ${disabled ? "not-allowed" : "grabbing"};
+      }
+  `;
+exports.DataList = DataList;
+exports.Option = Option;
+exports.SliderContainer = SliderContainer;
+exports.StyledNumberInput = StyledNumberInput;
+exports.StyledTooltip = StyledTooltip;
+exports.thumbStyle = thumbStyle;
+exports.trackStyle = trackStyle;

package/dist/components/Slider/styles.d.ts

@@ -0,0 +1,79 @@
+import type { Theme } from '@emotion/react';
+export declare const DataList: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, {}>;
+export declare const Option: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: import("react").ElementType;
+} & {
+    left: number;
+    width: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: import("react").ElementType;
+} & {
+    gap?: keyof import("../..").UltravioletUITheme["space"] | number;
+    direction?: "row" | "column";
+    alignItems?: import("react").CSSProperties["alignItems"];
+    justifyContent?: import("react").CSSProperties["justifyContent"];
+    wrap?: boolean | import("react").CSSProperties["flexWrap"];
+    width?: import("react").CSSProperties["width"];
+    flex?: import("react").CSSProperties["flex"];
+    className?: string;
+    children: import("react").ReactNode;
+    'data-testid'?: string;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: Theme;
+} & {
+    'data-options': boolean;
+}, {}, {}>;
+export declare const StyledNumberInput: import("@emotion/styled").StyledComponent<{
+    size?: "large" | "medium" | "small";
+    unit?: string;
+    tooltip?: string;
+    className?: string;
+    'data-testid'?: string;
+    label?: string;
+    labelDescription?: import("react").ReactNode;
+    controls?: boolean;
+    error?: string;
+    success?: string | boolean;
+    helper?: import("react").ReactNode;
+    value?: number | null;
+    onChange?: (newValue: number | null) => void;
+    min?: number;
+    max?: number;
+} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "aria-label" | "onFocus" | "onBlur" | "name" | "disabled" | "step" | "placeholder" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const StyledTooltip: import("@emotion/styled").StyledComponent<{
+    text?: import("react").ReactNode;
+    maxWidth?: number | string;
+    children: import("react").ReactNode | ((renderProps: {
+        className?: string;
+        onBlur: () => void;
+        onFocus: () => void;
+        onPointerEnter: () => void;
+        onPointerLeave: () => void;
+        ref: import("react").RefObject<HTMLDivElement>;
+    }) => import("react").ReactNode);
+    role?: string;
+    className?: string;
+    'data-testid'?: string;
+    id?: string;
+    tabIndex?: number;
+    placement?: import("../Popup/helpers").PopupPlacement;
+    containerFullWidth?: boolean;
+    visible?: boolean;
+    debounceDelay?: number;
+    portalTarget?: HTMLElement;
+    innerRef?: import("react").Ref<HTMLDivElement | null>;
+} & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: Theme;
+} & {
+    left: number;
+}, {}, {}>;
+export declare const trackStyle = " \n    appearance: none;\n    -webkit-appearance: none; \n    box-shadow: none; \n    border: transparent; \n    background: transparent; \n";
+export declare const thumbStyle: (theme: Theme, themeSlider: string, disabled: boolean) => string;

package/dist/components/Slider/styles.js

@@ -0,0 +1,98 @@
+import _styled from "@emotion/styled/base";
+import { NumberInputV2 } from "../NumberInputV2/index.js";
+import { Stack } from "../Stack/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+import { SLIDER_WIDTH, THUMB_SIZE } from "./constant.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const DataList = /* @__PURE__ */ _styled("datalist", process.env.NODE_ENV === "production" ? {
+  target: "elrd0u34"
+} : {
+  target: "elrd0u34",
+  label: "DataList"
+})("display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:stretch;&[data-double='true']{margin-top:", ({
+  theme
+}) => theme.space["3"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3VDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IE51bWJlcklucHV0VjIgfSBmcm9tICcuLi9OdW1iZXJJbnB1dFYyJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgU0xJREVSX1dJRFRILCBUSFVNQl9TSVpFIH0gZnJvbSAnLi9jb25zdGFudCdcblxuZXhwb3J0IGNvbnN0IERhdGFMaXN0ID0gc3R5bGVkLmRhdGFsaXN0YCAgXG5kaXNwbGF5OiBmbGV4O1xuZmxleC1kaXJlY3Rpb246IHJvdztcbmp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbndpZHRoOiAxMDAlO1xuYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cbiZbZGF0YS1kb3VibGU9J3RydWUnXSB7XG4gIG1hcmdpbi10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG59XG5gXG5cbmV4cG9ydCBjb25zdCBPcHRpb24gPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2xlZnQnLCAnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgbGVmdDogbnVtYmVyOyB3aWR0aDogbnVtYmVyIH0+YFxuZGlzcGxheTogZmxleDtcbmp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbnRyYW5zZm9ybTogdHJhbnNsYXRlWCgkeyh7IGxlZnQgfSkgPT4gbGVmdH1weCk7XG53aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aH1weDtcbnRleHQtYWxpZ246IGNlbnRlcjtcbmp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cbiZbZGF0YS1maXJzdC1lbGVtZW50PSd0cnVlJ10ge1xudGV4dC1hbGlnbjogbGVmdDtcbmp1c3RpZnktY29udGVudDogbGVmdDtcbn1cbmBcblxuZXhwb3J0IGNvbnN0IFNsaWRlckNvbnRhaW5lciA9IHN0eWxlZChTdGFjayk8eyAnZGF0YS1vcHRpb25zJzogYm9vbGVhbiB9PmBcbiAgICBtaW4td2lkdGg6ICR7U0xJREVSX1dJRFRILm1pbn1weDtcbiAgICBtYXgtd2lkdGg6ICR7U0xJREVSX1dJRFRILm1heH1weDtcblxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ117IFxuICAgICAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfVxuICAgICAgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkTnVtYmVySW5wdXQgPSBzdHlsZWQoTnVtYmVySW5wdXRWMilgXG4gIHdpZHRoOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkVG9vbHRpcCA9IHN0eWxlZChUb29sdGlwLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2xlZnQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgbGVmdDogbnVtYmVyIH0+YFxud2lkdGg6IGZpdC1jb250ZW50O1xucG9zaXRpb246IGFic29sdXRlO1xubGVmdDogJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHg7XG5gXG5cbmV4cG9ydCBjb25zdCB0cmFja1N0eWxlID0gYCBcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsgXG4gICAgYm94LXNoYWRvdzogbm9uZTsgXG4gICAgYm9yZGVyOiB0cmFuc3BhcmVudDsgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7IFxuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG4gIFxuICAgICAgJjpob3ZlciwgOmFjdGl2ZSwgOmZvY3VzIHtcbiAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG4gIFxuICAgICAgJjphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYmJpbmcnfTtcbiAgICAgIH1cbiAgYFxuIl19 */"));
+const Option = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["left", "width"].includes(prop),
+  target: "elrd0u33"
+} : {
+  shouldForwardProp: (prop) => !["left", "width"].includes(prop),
+  target: "elrd0u33",
+  label: "Option"
+})("display:flex;justify-content:space-between;position:absolute;transform:translateX(", ({
+  left
+}) => left, "px);width:", ({
+  width
+}) => width, "px;text-align:center;justify-content:center;&[data-first-element='true']{text-align:left;justify-content:left;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */"));
+const SliderContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "elrd0u32"
+} : {
+  target: "elrd0u32",
+  label: "SliderContainer"
+})("min-width:", SLIDER_WIDTH.min, "px;max-width:", SLIDER_WIDTH.max, "px;&[data-options='true']{margin-bottom:", ({
+  theme
+}) => theme.space["2"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUN5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */"));
+const StyledNumberInput = /* @__PURE__ */ _styled(NumberInputV2, process.env.NODE_ENV === "production" ? {
+  target: "elrd0u31"
+} : {
+  target: "elrd0u31",
+  label: "StyledNumberInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1nveg8h",
+  styles: "width:60px"
+} : {
+  name: "1nveg8h",
+  styles: "width:60px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENzRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTooltip = /* @__PURE__ */ _styled(Tooltip, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["left"].includes(prop),
+  target: "elrd0u30"
+} : {
+  shouldForwardProp: (prop) => !["left"].includes(prop),
+  target: "elrd0u30",
+  label: "StyledTooltip"
+})("width:fit-content;position:absolute;left:", ({
+  left
+}) => left, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RvQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TbGlkZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dFYyIH0gZnJvbSAnLi4vTnVtYmVySW5wdXRWMidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFNMSURFUl9XSURUSCwgVEhVTUJfU0laRSB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmV4cG9ydCBjb25zdCBEYXRhTGlzdCA9IHN0eWxlZC5kYXRhbGlzdGAgIFxuZGlzcGxheTogZmxleDtcbmZsZXgtZGlyZWN0aW9uOiByb3c7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG53aWR0aDogMTAwJTtcbmFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXG4mW2RhdGEtZG91YmxlPSd0cnVlJ10ge1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xufVxuYFxuXG5leHBvcnQgY29uc3QgT3B0aW9uID0gc3R5bGVkKCdzcGFuJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0JywgJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlcjsgd2lkdGg6IG51bWJlciB9PmBcbmRpc3BsYXk6IGZsZXg7XG5qdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5wb3NpdGlvbjogYWJzb2x1dGU7XG50cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHsoeyBsZWZ0IH0pID0+IGxlZnR9cHgpO1xud2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG50ZXh0LWFsaWduOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuXG4mW2RhdGEtZmlyc3QtZWxlbWVudD0ndHJ1ZSddIHtcbnRleHQtYWxpZ246IGxlZnQ7XG5qdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XG59XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtb3B0aW9ucyc6IGJvb2xlYW4gfT5gXG4gICAgbWluLXdpZHRoOiAke1NMSURFUl9XSURUSC5taW59cHg7XG4gICAgbWF4LXdpZHRoOiAke1NMSURFUl9XSURUSC5tYXh9cHg7XG5cbiAgICAmW2RhdGEtb3B0aW9ucz0ndHJ1ZSddeyBcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX1cbiAgICAgIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0VjIpYFxuICB3aWR0aDogNjBweDtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvb2x0aXAgPSBzdHlsZWQoVG9vbHRpcCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydsZWZ0J10uaW5jbHVkZXMocHJvcCksXG59KTx7IGxlZnQ6IG51bWJlciB9PmBcbndpZHRoOiBmaXQtY29udGVudDtcbnBvc2l0aW9uOiBhYnNvbHV0ZTtcbmxlZnQ6ICR7KHsgbGVmdCB9KSA9PiBsZWZ0fXB4O1xuYFxuXG5leHBvcnQgY29uc3QgdHJhY2tTdHlsZSA9IGAgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7IFxuICAgIGJveC1zaGFkb3c6IG5vbmU7IFxuICAgIGJvcmRlcjogdHJhbnNwYXJlbnQ7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyBcbmBcblxuZXhwb3J0IGNvbnN0IHRodW1iU3R5bGUgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdGhlbWVTbGlkZXI6IHN0cmluZyxcbiAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4pID0+IGBcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgd2lkdGg6ICR7VEhVTUJfU0laRX1weDtcbiAgICAgIGhlaWdodDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZVNsaWRlciA9PT0gJ2xpZ2h0JyA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzBdfSwgJHt0aGVtZS5zaGFkb3dzLmZpeGVkWzFdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGN1cnNvcjogJHtkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZ3JhYid9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICBcbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICBib3JkZXI6ICR7ZGlzYWJsZWQgPyBudWxsIDogYDEuNXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfWB9O1xuICAgICAgfVxuICBcbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgYm94LXNoYWRvdzogJHtkaXNhYmxlZCA/IG51bGwgOiB0aGVtZS5zaGFkb3dzLmZvY3VzUHJpbWFyeX07XG4gICAgICBjdXJzb3I6ICR7ZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2dyYWJiaW5nJ307XG4gICAgICB9XG4gIGBcbiJdfQ== */"));
+const trackStyle = ` 
+    appearance: none;
+    -webkit-appearance: none; 
+    box-shadow: none; 
+    border: transparent; 
+    background: transparent; 
+`;
+const thumbStyle = (theme, themeSlider, disabled) => `
+      -webkit-appearance: none;
+      appearance: none;
+      pointer-events: all;
+      width: ${THUMB_SIZE}px;
+      height: ${THUMB_SIZE}px;
+      background: ${themeSlider === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger};
+      box-shadow: ${theme.shadows.fixed[0]}, ${theme.shadows.fixed[1]};
+      border-radius: ${theme.radii.circle};
+      border: none;
+      cursor: ${disabled ? "not-allowed" : "grab"};
+      transition: background 0.3s ease-in-out;
+  
+      &:hover, :active, :focus {
+      border: ${disabled ? null : `1.5px solid ${theme.colors.primary.border}`};
+      }
+  
+      &:active, :focus {
+      box-shadow: ${disabled ? null : theme.shadows.focusPrimary};
+      cursor: ${disabled ? "not-allowed" : "grabbing"};
+      }
+  `;
+export {
+  DataList,
+  Option,
+  SliderContainer,
+  StyledNumberInput,
+  StyledTooltip,
+  thumbStyle,
+  trackStyle
+};

package/dist/components/Slider/types.d.ts

@@ -0,0 +1,114 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type DefaultProps = {
+    /**
+     * Slider name
+     */
+    name: string;
+    label?: string;
+    helper?: string;
+    /**
+     * Minimum possible value
+     */
+    min?: number;
+    /**
+     * Maximum possible value
+     */
+    max?: number;
+    /**
+     * Direction of the slider decorators (label, inputs, helper, error). Does not impact the direction of the slider itself (horizontal)
+     */
+    direction?: 'column' | 'row';
+    /**
+     * Step of the slider
+     */
+    step?: number;
+    required?: boolean;
+    /**
+     * Where to position the tooltip
+     */
+    tooltipPosition?: 'bottom' | 'top';
+    /**
+     * Whether user can change the value with an input
+     */
+    input?: boolean;
+    /**
+     * Prefix of the value - only visible when prop `input = false`
+     */
+    prefix?: ReactNode;
+    /**
+     * Unit of the value
+     */
+    unit?: string;
+    /**
+     * Whether the slider is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether an error occured
+     */
+    error?: string | boolean;
+    /**
+     * The labels/ticks to show, which will *not* impact the scale
+     */
+    options?: {
+        value: number;
+        label?: string;
+    }[] | boolean;
+    /**
+     * Possible values for a non-linear scale
+     */
+    possibleValues?: number[];
+    'data-testid'?: string;
+} & Pick<HTMLAttributes<HTMLInputElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className'>;
+type SingleProps = {
+    /**
+     * Slider value
+     */
+    value: number;
+    onChange?: (value: number) => void;
+    tooltip?: boolean | string;
+    /**
+     * Suffix of the value - only visible when prop `input = false` and overrides prop `unit` when visible
+     */
+    suffix?: ReactNode;
+};
+type DoubleProps = {
+    /**
+     * Slider values
+     */
+    value: number[];
+    onChange?: (value: number[]) => void;
+    tooltip?: boolean | string[] | string;
+    /**
+     * Suffix of the value - only visible when prop `input = false` and overrides prop `unit` when visible
+     */
+    suffix?: string | ReactNode[];
+};
+export type SliderProps = DefaultProps & (SingleProps | DoubleProps) & {
+    /**
+     * Whether the slider has 2 handles (range)
+     */
+    double?: boolean;
+};
+export type SingleSliderProps = DefaultProps & SingleProps;
+export type DoubleSliderProps = DefaultProps & DoubleProps;
+export type LabelProps = {
+    direction?: 'row' | 'column';
+    input?: boolean;
+    required?: boolean;
+    label?: string;
+    finalId: string;
+};
+export type OptionsProps = {
+    ticks: {
+        value: number;
+        label?: string | undefined;
+    }[];
+    min: number;
+    max: number;
+    sliderWidth: number;
+    unit?: string;
+    value: number | number[];
+    step: number;
+};
+export {};

package/dist/components/index.d.ts

@@ -47,6 +47,7 @@ export { SelectInput, type SelectOption } from './SelectInput';
 export { SelectInputV2 } from './SelectInputV2';
 export { Separator } from './Separator';
 export { Skeleton } from './Skeleton';
+export { Slider } from './Slider';
 export { Snippet } from './Snippet';
 export { Stack } from './Stack';
 export { Status } from './Status';

package/dist/index.cjs

@@ -56,28 +56,29 @@ const index$K = require("./components/SelectInput/index.cjs");
 const index$L = require("./components/SelectInputV2/index.cjs");
 const index$M = require("./components/Separator/index.cjs");
 const index$N = require("./components/Skeleton/index.cjs");
-const index$O = require("./components/Snippet/index.cjs");
-const index$P = require("./components/Stack/index.cjs");
-const index$Q = require("./components/Status/index.cjs");
-const index$R = require("./components/StepList/index.cjs");
-const index$S = require("./components/Stepper/index.cjs");
-const index$T = require("./components/SwitchButton/index.cjs");
-const index$U = require("./components/Table/index.cjs");
-const index$V = require("./components/Tabs/index.cjs");
-const index$W = require("./components/Tag/index.cjs");
-const index$X = require("./components/TagInput/index.cjs");
-const index$Y = require("./components/TagList/index.cjs");
-const index$Z = require("./components/Text/index.cjs");
-const index$_ = require("./components/TextArea/index.cjs");
-const index$$ = require("./components/TextInput/index.cjs");
-const index$10 = require("./components/TextInputV2/index.cjs");
-const index$11 = require("./components/TimeInput/index.cjs");
-const index$12 = require("./components/Toaster/index.cjs");
-const index$13 = require("./components/Toggle/index.cjs");
-const index$14 = require("./components/ToggleGroup/index.cjs");
-const index$15 = require("./components/Tooltip/index.cjs");
-const index$16 = require("./components/UnitInput/index.cjs");
-const index$17 = require("./components/VerificationCode/index.cjs");
+const index$O = require("./components/Slider/index.cjs");
+const index$P = require("./components/Snippet/index.cjs");
+const index$Q = require("./components/Stack/index.cjs");
+const index$R = require("./components/Status/index.cjs");
+const index$S = require("./components/StepList/index.cjs");
+const index$T = require("./components/Stepper/index.cjs");
+const index$U = require("./components/SwitchButton/index.cjs");
+const index$V = require("./components/Table/index.cjs");
+const index$W = require("./components/Tabs/index.cjs");
+const index$X = require("./components/Tag/index.cjs");
+const index$Y = require("./components/TagInput/index.cjs");
+const index$Z = require("./components/TagList/index.cjs");
+const index$_ = require("./components/Text/index.cjs");
+const index$$ = require("./components/TextArea/index.cjs");
+const index$10 = require("./components/TextInput/index.cjs");
+const index$11 = require("./components/TextInputV2/index.cjs");
+const index$12 = require("./components/TimeInput/index.cjs");
+const index$13 = require("./components/Toaster/index.cjs");
+const index$14 = require("./components/Toggle/index.cjs");
+const index$15 = require("./components/ToggleGroup/index.cjs");
+const index$16 = require("./components/Tooltip/index.cjs");
+const index$17 = require("./components/UnitInput/index.cjs");
+const index$18 = require("./components/VerificationCode/index.cjs");
 const icons = require("@ultraviolet/icons");
 exports.extendTheme = index.extendTheme;
 Object.defineProperty(exports, "darkTheme", {
@@ -171,29 +172,30 @@ exports.SelectInput = index$K.SelectInput;
 exports.SelectInputV2 = index$L.SelectInputV2;
 exports.Separator = index$M.Separator;
 exports.Skeleton = index$N.Skeleton;
-exports.Snippet = index$O.Snippet;
-exports.Stack = index$P.Stack;
-exports.Status = index$Q.Status;
-exports.StepList = index$R.StepList;
-exports.Stepper = index$S.Stepper;
-exports.SwitchButton = index$T.SwitchButton;
-exports.Table = index$U.Table;
-exports.Tabs = index$V.Tabs;
-exports.Tag = index$W.Tag;
-exports.TagInput = index$X.TagInput;
-exports.TagList = index$Y.TagList;
-exports.Text = index$Z.Text;
-exports.TextArea = index$_.TextArea;
-exports.TextInput = index$$.TextInput;
-exports.TextInputV2 = index$10.TextInputV2;
-exports.TimeInput = index$11.TimeInput;
-exports.ToastContainer = index$12.ToastContainer;
-exports.toast = index$12.toast;
-exports.Toggle = index$13.Toggle;
-exports.ToggleGroup = index$14.ToggleGroup;
-exports.Tooltip = index$15.Tooltip;
-exports.UnitInput = index$16.UnitInput;
-exports.VerificationCode = index$17.VerificationCode;
+exports.Slider = index$O.Slider;
+exports.Snippet = index$P.Snippet;
+exports.Stack = index$Q.Stack;
+exports.Status = index$R.Status;
+exports.StepList = index$S.StepList;
+exports.Stepper = index$T.Stepper;
+exports.SwitchButton = index$U.SwitchButton;
+exports.Table = index$V.Table;
+exports.Tabs = index$W.Tabs;
+exports.Tag = index$X.Tag;
+exports.TagInput = index$Y.TagInput;
+exports.TagList = index$Z.TagList;
+exports.Text = index$_.Text;
+exports.TextArea = index$$.TextArea;
+exports.TextInput = index$10.TextInput;
+exports.TextInputV2 = index$11.TextInputV2;
+exports.TimeInput = index$12.TimeInput;
+exports.ToastContainer = index$13.ToastContainer;
+exports.toast = index$13.toast;
+exports.Toggle = index$14.Toggle;
+exports.ToggleGroup = index$15.ToggleGroup;
+exports.Tooltip = index$16.Tooltip;
+exports.UnitInput = index$17.UnitInput;
+exports.VerificationCode = index$18.VerificationCode;
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: () => icons.Icon