@algolia/satellite 1.0.0-beta.146 → 1.0.0-beta.148

package/esm/Modal/components/ModalSection.js

@@ -1,15 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ModalSection = function ModalSection(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$fullBleed = _ref.fullBleed,
-      fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
+    className = _ref.className,
+    _ref$fullBleed = _ref.fullBleed,
+    fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
   return /*#__PURE__*/_jsx("section", {
     className: cx(fullBleed && stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["-mx-10"]))), className),
     children: children

package/esm/Pagination/CompactPagination/CompactPagination.d.ts

@@ -23,7 +23,9 @@ export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationP
     nextDisabled?: boolean;
 };
 export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
+/** @ignore */
 export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
+/** @ignore */
 export declare const isIndeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is IndeterminateCompactPaginationProps;
 export declare const CompactPagination: (props: CompactPaginationProps) => JSX.Element;
 export default CompactPagination;

package/esm/Pagination/CompactPagination/CompactPagination.js

@@ -1,12 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { ArrowLeft, ArrowRight, ChevronsLeft, ChevronsRight } from "react-feather";
 import { IconButton } from "../../Button";
 import { useLocale } from "../../Satellite";
@@ -22,21 +18,21 @@ var DEFAULT_COMPACT_PAGINATION_LOCALE = {
     return typeof nbPages === "number" ? "Page ".concat(page, " of ").concat(nbPages) : "Page ".concat(page, " of many");
   }
 };
+/** @ignore */
 export var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
   return "nbPages" in props;
 };
+
+/** @ignore */
 export var isIndeterminateCompactPaginationProps = function isIndeterminateCompactPaginationProps(props) {
   return !isDeterminateCompactPaginationProps(props);
 };
 export var CompactPagination = function CompactPagination(props) {
   var _props$label;
-
   var contextLocale = useLocale("compactPagination");
-
   var locale = _objectSpread(_objectSpread({}, DEFAULT_COMPACT_PAGINATION_LOCALE), {}, {
     contextLocale: contextLocale
   }, props.locale);
-
   var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
   var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? locale.label(props.currentPage, props.nbPages) : locale.label(props.currentPage);
   var isFirstPage = props.currentPage === 1;

package/esm/Pagination/DotPagination/DotPagination.js

@@ -1,12 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useLocale } from "../../Satellite";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,15 +13,13 @@ var DEFAULT_DOT_PAGINATION_LOCALE = {
 };
 export var DotPagination = function DotPagination(_ref) {
   var currentPage = _ref.currentPage,
-      onChange = _ref.onChange,
-      nbPages = _ref.nbPages,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size,
-      propsLocale = _ref.locale;
+    onChange = _ref.onChange,
+    nbPages = _ref.nbPages,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    propsLocale = _ref.locale;
   var contextLocale = useLocale("dotPagination");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DOT_PAGINATION_LOCALE), contextLocale), propsLocale);
-
   return /*#__PURE__*/_jsx("ul", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
     children: new Array(nbPages).fill(undefined).map(function (_, idx) {

package/esm/Pagination/Pagination/Pagination.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { ArrowLeft, ArrowRight } from "react-feather";
 import Button, { ButtonGroup } from "../../Button";
 import { useLocale } from "../../Satellite";
@@ -23,7 +19,6 @@ var DEFAULT_PAGINATION_LOCALE = {
   goToNextPage: "Go to next page"
 };
 var DEFAULT_MAX_BUTTONS = 10;
-
 var Ellipsis = function Ellipsis() {
   return /*#__PURE__*/_jsx(Button, {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["pointer-events-none"]))),
@@ -32,12 +27,11 @@ var Ellipsis = function Ellipsis() {
     children: "\u2026"
   });
 };
-
 var Group = function Group(_ref) {
   var group = _ref.group,
-      currentPage = _ref.currentPage,
-      onChange = _ref.onChange,
-      goToPage = _ref.goToPage;
+    currentPage = _ref.currentPage,
+    onChange = _ref.onChange,
+    goToPage = _ref.goToPage;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: group.map(function (index) {
       return /*#__PURE__*/_jsx(Button, {
@@ -51,6 +45,7 @@ var Group = function Group(_ref) {
     })
   });
 };
+
 /**
  * Use pagination to help our users to move through an ordered collection of items.
  *
@@ -58,33 +53,26 @@ var Group = function Group(_ref) {
  * - Don't use on list with less than 20 items
  * - Place the pagination at the bottom of the split item
  */
-
-
 export var Pagination = function Pagination(_ref2) {
   var currentPage = _ref2.currentPage,
-      nbPages = _ref2.nbPages,
-      onChange = _ref2.onChange,
-      _ref2$maxButtons = _ref2.maxButtons,
-      maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
-      propsLocale = _ref2.locale;
+    nbPages = _ref2.nbPages,
+    onChange = _ref2.onChange,
+    _ref2$maxButtons = _ref2.maxButtons,
+    maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
+    propsLocale = _ref2.locale;
   var contextLocale = useLocale("pagination");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_PAGINATION_LOCALE), contextLocale), propsLocale);
-
   var padding = Math.floor((Math.min(nbPages, maxButtonsParam) - 1) / 2);
   var maxButtons = 2 * padding + 1;
   var currentPageGroupStart = Math.max(1, Math.min(currentPage - padding, nbPages - maxButtons));
   var currentPageGroupEnd = Math.min(currentPageGroupStart + maxButtons, nbPages);
   var groups = [[], range(currentPageGroupStart, currentPageGroupEnd + 1), []];
-
   if (currentPageGroupStart > 1) {
     groups[0].push(1);
   }
-
   if (currentPageGroupEnd < nbPages) {
     groups[2].push(nbPages);
   }
-
   return /*#__PURE__*/_jsxs(ButtonGroup, {
     as: "nav",
     children: [/*#__PURE__*/_jsx(Button, {

package/esm/ProgressBar/ProgressBar.js

@@ -1,19 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject, _templateObject2;
-
 var _excluded = ["value", "className", "barClassName"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 /**
  * Progress bars visually represent the completion of a task or operation.
  *
@@ -22,10 +16,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 export var ProgressBar = function ProgressBar(_ref) {
   var value = _ref.value,
-      className = _ref.className,
-      barClassName = _ref.barClassName,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    barClassName = _ref.barClassName,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["progress-bar"]))), className),
     role: "progressbar",

package/esm/ProgressBar/ProgressBar.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var rgba = _rgba;
 var progressBarPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".progress-bar": {
       height: "4px",

package/esm/ProgressSpinner/ProgressSpinner.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["className", "size", "thickness", "align"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,17 +13,17 @@ var ALIGN_CLASSNAMES = {
   left: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mr-auto"]))),
   center: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["m-auto"]))),
   right: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-auto"])))
-}; // Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
+};
 
+// Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
 export var ProgressSpinner = function ProgressSpinner(_ref) {
   var className = _ref.className,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size,
-      _ref$thickness = _ref.thickness,
-      thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
-      align = _ref.align,
-      svgProps = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$thickness = _ref.thickness,
+    thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
+    align = _ref.align,
+    svgProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
     className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["progress-spinner"]))), align && ALIGN_CLASSNAMES[align], className),
     viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size),

package/esm/ProgressSpinner/ProgressSpinner.tailwind.js

@@ -3,11 +3,11 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var progressSpinnerPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-
+    theme = _ref.theme;
   /**
    * @param {string} color
    */
+
   addComponents({
     ".progress-spinner": {
       color: theme("colors.accent.600"),

package/esm/RadioGroup/RadioButton.js

@@ -1,23 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject;
-
 var _excluded = ["className"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import cx from "clsx";
 import { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["radio-button"]))), className),
     type: "radio",

package/esm/RadioGroup/RadioButton.tailwind.js

@@ -7,7 +7,7 @@ var disabledColor = _disabledColor;
 var rgba = _rgba;
 var radioButtonPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".radio-button": {
       position: "relative",

package/esm/RadioGroup/RadioGroup.js

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 import { useState } from "react";
 import Card from "../Card";
 import stl from "../styles/helpers/satellitePrefixer";
@@ -13,17 +11,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var RadioGroupItem = function RadioGroupItem(_ref) {
   var value = _ref.value,
-      disabled = _ref.disabled,
-      children = _ref.children;
-
+    disabled = _ref.disabled,
+    children = _ref.children;
   var _useRadioGroupContext = useRadioGroupContext(),
-      name = _useRadioGroupContext.name,
-      contextDisabled = _useRadioGroupContext.disabled,
-      _onChange = _useRadioGroupContext.onChange,
-      contextValue = _useRadioGroupContext.value,
-      _useRadioGroupContext2 = _useRadioGroupContext.textPosition,
-      textPosition = _useRadioGroupContext2 === void 0 ? "left" : _useRadioGroupContext2;
-
+    name = _useRadioGroupContext.name,
+    contextDisabled = _useRadioGroupContext.disabled,
+    _onChange = _useRadioGroupContext.onChange,
+    contextValue = _useRadioGroupContext.value,
+    _useRadioGroupContext2 = _useRadioGroupContext.textPosition,
+    textPosition = _useRadioGroupContext2 === void 0 ? "left" : _useRadioGroupContext2;
   var checked = value === contextValue;
   disabled = contextDisabled || disabled;
   return /*#__PURE__*/_jsxs("label", {
@@ -45,6 +41,7 @@ export var RadioGroupItem = function RadioGroupItem(_ref) {
     })]
   });
 };
+
 /**
  * Use radio buttons when users have to make a single selection from a list of options.
  *
@@ -60,22 +57,19 @@ export var RadioGroupItem = function RadioGroupItem(_ref) {
  * - If you need to have an unselected state, just add a radio button with a *None* option.
  * - Sometimes, you might want to include an *Other* option (Usually followed by a text input if a user needs to provide a specific answer)
  */
-
 export var RadioGroup = function RadioGroup(_ref2) {
   var className = _ref2.className,
-      name = _ref2.name,
-      value = _ref2.value,
-      disabled = _ref2.disabled,
-      textPosition = _ref2.textPosition,
-      children = _ref2.children,
-      onChange = _ref2.onChange;
-
+    name = _ref2.name,
+    value = _ref2.value,
+    disabled = _ref2.disabled,
+    textPosition = _ref2.textPosition,
+    children = _ref2.children,
+    onChange = _ref2.onChange;
   var _useState = useState(function () {
-    return uniqueId("RadioGroupName-");
-  }),
-      _useState2 = _slicedToArray(_useState, 1),
-      componentDefaultName = _useState2[0];
-
+      return uniqueId("RadioGroupName-");
+    }),
+    _useState2 = _slicedToArray(_useState, 1),
+    componentDefaultName = _useState2[0];
   name = name || componentDefaultName;
   var contextValue = {
     name: name,

package/esm/RadioGroup/RadiogroupContext.js

@@ -2,10 +2,8 @@ import { createContext, useContext } from "react";
 export var RadioGroupContext = /*#__PURE__*/createContext(null);
 export var useRadioGroupContext = function useRadioGroupContext() {
   var contextValue = useContext(RadioGroupContext);
-
   if (!contextValue) {
     throw new Error("Invalid usage of useRadioGroupContext outside of RadioGroupContext");
   }
-
   return contextValue;
 };

package/esm/RangeSlider/RangeSlider.js

@@ -2,32 +2,27 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var _excluded = ["className", "value", "defaultValue", "min", "max", "disabled", "track1Color", "track2Color"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import cx from "clsx";
 import { forwardRef, useEffect, useState } from "react";
+import colors from "../styles/colors";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var clamp = function clamp(value, lowerBound, higherBound) {
   if (value < lowerBound) return lowerBound;
   if (value > higherBound) return higherBound;
   return value;
 };
-
 var getScaleValues = function getScaleValues(value, min, max) {
   var maxScale = (value - min) / (max - min);
   var minScale = 1 - maxScale;
   return [clamp(maxScale, 0, 1), clamp(minScale, 0, 1)];
 };
+
 /**
  * A range slider is an input field where users select a numeric value within a given range (minimum and maximum values).
  *
@@ -35,62 +30,58 @@ var getScaleValues = function getScaleValues(value, min, max) {
  * - Provide min and max value whenever possible
  * - Provide text input for better accessibility
  */
-
-
 export var RangeSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      disabled = _ref.disabled,
-      track1Color = _ref.track1Color,
-      track2Color = _ref.track2Color,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    disabled = _ref.disabled,
+    track1Color = _ref.track1Color,
+    track2Color = _ref.track2Color,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(function () {
-    return (typeof value !== "undefined" ? value : defaultValue) || 0;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalValue = _useState2[0],
-      setInternalValue = _useState2[1];
-
+      return (typeof value !== "undefined" ? value : defaultValue) || 0;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
   var _getScaleValues = getScaleValues(internalValue, min, max),
-      _getScaleValues2 = _slicedToArray(_getScaleValues, 2),
-      track1 = _getScaleValues2[0],
-      track2 = _getScaleValues2[1];
-
+    _getScaleValues2 = _slicedToArray(_getScaleValues, 2),
+    track1 = _getScaleValues2[0],
+    track2 = _getScaleValues2[1];
   useEffect(function () {
     if (typeof value !== "undefined" && value !== internalValue) {
       setInternalValue(value);
     }
   }, [internalValue, value]);
-
   var handleChange = function handleChange(evt) {
     if (otherProps.onChange) {
       otherProps.onChange(evt);
     }
-
     if (!evt.defaultPrevented) {
       setInternalValue(evt.currentTarget.valueAsNumber);
     }
   };
-
+  var trackColors = {
+    track1: disabled ? colors.grey[200] : track1Color,
+    track2: disabled ? colors.grey[100] : track2Color
+  };
   return /*#__PURE__*/_jsxs("div", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["range-slider ", ""])), disabled && "opacity-70"), className),
     children: [/*#__PURE__*/_jsx("div", {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["range-slider-track-1"]))),
       style: {
         width: "".concat(track1 * 100, "%"),
-        backgroundColor: track1Color
+        backgroundColor: trackColors.track1
       }
     }), /*#__PURE__*/_jsx("div", {
       className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["range-slider-track-2"]))),
       style: {
         width: "".concat(track2 * 100, "%"),
-        backgroundColor: track2Color
+        backgroundColor: trackColors.track2
       }
     }), /*#__PURE__*/_jsx("div", {
       className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["range-slider-thumb"]))),

package/esm/RangeSlider/RangeSlider.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var rgba = _rgba;
 var rangeSliderPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var thumbHeight = 24;
   var trackHeight = 4;
   addComponents({

package/esm/Satellite/Satellite.js

@@ -3,10 +3,10 @@ import { router as defaultRouter } from "./SatelliteRouter";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Satellite = function Satellite(_ref) {
   var _ref$router = _ref.router,
-      router = _ref$router === void 0 ? defaultRouter : _ref$router,
-      locales = _ref.locales,
-      portalTarget = _ref.portalTarget,
-      children = _ref.children;
+    router = _ref$router === void 0 ? defaultRouter : _ref$router,
+    locales = _ref.locales,
+    portalTarget = _ref.portalTarget,
+    children = _ref.children;
   return /*#__PURE__*/_jsx(SatelliteContext.Provider, {
     value: {
       router: router,

package/esm/Satellite/SatelliteContext.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { createContext, useContext } from "react";
 import { router } from "./SatelliteRouter";
 var DEFAULT_CONTEXT = {

package/esm/Satellite/SatelliteRouter.js

@@ -5,19 +5,18 @@ export var DefaultRouter = /*#__PURE__*/function () {
   function DefaultRouter() {
     _classCallCheck(this, DefaultRouter);
   }
-
   _createClass(DefaultRouter, [{
     key: "push",
     value: function push(_ref) {
       var url = _ref.url,
-          state = _ref.state;
+        state = _ref.state;
       window.history.pushState(state, "", url);
     }
   }, {
     key: "replace",
     value: function replace(_ref2) {
       var url = _ref2.url,
-          state = _ref2.state;
+        state = _ref2.state;
       window.history.replaceState(state, "", url);
     }
   }, {
@@ -36,7 +35,6 @@ export var DefaultRouter = /*#__PURE__*/function () {
       return href;
     }
   }]);
-
   return DefaultRouter;
 }();
 export var router = new DefaultRouter();

package/esm/Satellite/locale.js

@@ -2,7 +2,6 @@ import { useContext } from "react";
 import SatelliteContext from "./SatelliteContext";
 export var useLocale = function useLocale(componentKey) {
   var _useContext = useContext(SatelliteContext),
-      locales = _useContext.locales;
-
+    locales = _useContext.locales;
   return locales === null || locales === void 0 ? void 0 : locales[componentKey];
 };

package/esm/Satellite/useCreatePortal.js

@@ -4,9 +4,9 @@ import { useSatelliteContext } from "./SatelliteContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var useCreatePortal = function useCreatePortal() {
   var _useSatelliteContext = useSatelliteContext(),
-      portalTarget = _useSatelliteContext.portalTarget; // SSR? Too bad! Abort, abort!
-
+    portalTarget = _useSatelliteContext.portalTarget;
 
+  // SSR? Too bad! Abort, abort!
   if (typeof document === "undefined") return function () {
     return /*#__PURE__*/_jsx(Fragment, {});
   };