@algolia/satellite 1.1.0 → 1.1.1

package/dist/cjs/RangeSlider/RangeSlider.js

@@ -1,119 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RangeSlider = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _reactSlider = require("@radix-ui/react-slider");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Field = require("../Field");
-var _colors = _interopRequireDefault(require("../styles/colors"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "className", "value", "defaultValue", "onChange", "onCommit", "disabled", "required", "min", "max", "track1Color", "track2Color"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8; // Prevents unwanted number narrowing
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TRACK_SHADOWS_CLASSNAME = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["shadow-[inset_0_1px_3px_0_rgb(0_0_0_/_10%),0_0.5px_0_0_rgb(255_255_255_/_5%)]"])));
-var coerceToRadixValue = function coerceToRadixValue(value) {
-  return typeof value === "number" ? [value] : value;
-};
-var getThumbCount = function getThumbCount(value) {
-  return Array.isArray(value) ? value.length : 1;
-};
-var ThumbGroove = function ThumbGroove(_ref) {
-  var className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["h-3 w-px bg-grey-500 group-hover:bg-grey-600"]))), className)
-  });
-};
-var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
-  var idProp = _ref2.id,
-    className = _ref2.className,
-    value = _ref2.value,
-    defaultValue = _ref2.defaultValue,
-    onChange = _ref2.onChange,
-    onCommit = _ref2.onCommit,
-    disabled = _ref2.disabled,
-    _ref2$required = _ref2.required,
-    required = _ref2$required === void 0 ? false : _ref2$required,
-    _ref2$min = _ref2.min,
-    min = _ref2$min === void 0 ? 0 : _ref2$min,
-    _ref2$max = _ref2.max,
-    max = _ref2$max === void 0 ? 100 : _ref2$max,
-    track1Color = _ref2.track1Color,
-    track2Color = _ref2.track2Color,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var thumbsCount = getThumbCount(value !== null && value !== void 0 ? value : defaultValue);
-  var trackColors = {
-    track1: disabled ? _colors["default"].grey[200] : track1Color,
-    track2: disabled ? _colors["default"].grey[100] : track2Color
-  };
-  var _useField = (0, _Field.useField)({
-      required: required
-    }),
-    state = _useField.state,
-    labelId = _useField.labelId,
-    descriptionId = _useField.descriptionId,
-    inputId = _useField.inputId;
-  var isInvalid = state.status === "invalid";
-  var id = idProp !== null && idProp !== void 0 ? idProp : inputId;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactSlider.Root, _objectSpread(_objectSpread({}, otherProps), {}, {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["relative h-6 min-w-[200px] flex items-center select-none touch-none aria-disabled:opacity-70 cursor-pointer aria-disabled:cursor-not-allowed"]))), className),
-    value: coerceToRadixValue(value),
-    defaultValue: coerceToRadixValue(defaultValue),
-    onValueChange: function onValueChange(value) {
-      return (// @ts-expect-error
-        onChange === null || onChange === void 0 ? void 0 : onChange(value.length === 1 ? value[0] : value)
-      );
-    },
-    onValueCommit: function onValueCommit(value) {
-      return (// @ts-expect-error
-        onCommit === null || onCommit === void 0 ? void 0 : onCommit(value.length === 1 ? value[0] : value)
-      );
-    },
-    disabled: disabled,
-    max: max,
-    min: min,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSlider.SliderTrack, {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["relative h-1 flex-1 rounded bg-grey-100 ", ""])), isInvalid && "bg-red-100"), TRACK_SHADOWS_CLASSNAME),
-      style: {
-        backgroundColor: trackColors.track2
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSlider.SliderRange, {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["absolute rounded-full h-full bg-accent-600 ", ""])), isInvalid && "bg-red-700"), TRACK_SHADOWS_CLASSNAME),
-        style: {
-          backgroundColor: trackColors.track1
-        }
-      })
-    }), Array(thumbsCount).fill(undefined).map(function (_, idx) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactSlider.SliderThumb, {
-        ref: ref,
-        id: id && (idx === 0 ? id : "".concat(id, "-").concat(idx)),
-        "aria-labelledby": labelId,
-        "aria-describedby": descriptionId,
-        "aria-required": required,
-        "aria-invalid": isInvalid,
-        className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["group absolute -translate-x-1.5 -translate-y-3\n              w-3 h-6 rounded-[2px] border border-grey-500\n              bg-white bg-gradient-to-b from-white to-grey-50 shadow-[0_1px_0_0_rgb(35_38_59_/_5%)]\n              ", "\n            "])), isInvalid ? "border-red-700 hover:border-red-700 focus:outline-red-700" : "hover:border-grey-600"),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ThumbGroove, {
-          className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["absolute top-1.5 right-1.5 ", ""])), isInvalid && "bg-red-700 group-hover:bg-red-700")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ThumbGroove, {
-          className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["absolute top-1.5 left-1.5 ", ""])), isInvalid && "bg-red-700 group-hover:bg-red-700")
-        })]
-      }, "thumb_".concat(idx));
-    })]
-  }));
-};
-
-/**
- * The `RangeSlider` component is an input field where users select one or two numeric values within a given range (minimum and maximum values).
- *
- * See the [Range Slider documentation page](https://satellite.algolia.com/components/controls/range-slider) for more information.
- */
-var RangeSlider = exports.RangeSlider = /*#__PURE__*/(0, _react.forwardRef)(RangeSliderInternal);
-RangeSlider.displayName = "RangeSlider";

package/dist/cjs/ScrollIndicator/ScrollIndicator.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScrollIndicator = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _useMeasure3 = _interopRequireDefault(require("react-use/lib/useMeasure"));
-var _useScroll2 = _interopRequireDefault(require("react-use/lib/useScroll"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var useScrollIndicators = function useScrollIndicators() {
-  /**
-   * We don't use the actual measurements from the hook because they're not as precise
-   * (see limitations https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
-   *
-   * This is mostly used as a side-effect to force the component to rerender when its size changes
-   */
-  var _useMeasure = (0, _useMeasure3["default"])(),
-    _useMeasure2 = (0, _slicedToArray2["default"])(_useMeasure, 1),
-    setMeasureRef = _useMeasure2[0];
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    element = _useState2[0],
-    setElement = _useState2[1];
-  var setScrollIndicatorsRef = (0, _react.useCallback)(function (element) {
-    setElement(element);
-    // Types are wrong, a ref callback must be able to accept null
-    // @ts-ignore
-    setMeasureRef(element);
-  }, [setMeasureRef]);
-  var fakeScrollRef = (0, _react.useMemo)(function () {
-    return {
-      current: element
-    };
-  }, [element]);
-  var _useScroll = (0, _useScroll2["default"])(fakeScrollRef),
-    scrollTop = _useScroll.y;
-  var result = {
-    showTopIndicator: false,
-    showBottomIndicator: false,
-    setScrollIndicatorsRef: setScrollIndicatorsRef
-  };
-  if (element) {
-    var scrollHeight = element.scrollHeight - element.clientHeight;
-    if (scrollHeight > 0) {
-      var percent = Math.floor(scrollTop / scrollHeight * 100);
-      result.showTopIndicator = percent > 0;
-      result.showBottomIndicator = percent < 100;
-    }
-  }
-  return result;
-};
-var VARIANT_CLASSNAMES = {
-  light: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator"]))),
-  dark: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator scroll-indicator-dark"])))
-};
-
-/**
- * The `ScrollIndicator` component is used to display a top and bottom color gradient depending on the scroll position.
- *
- * See the [Scroll Indicator documentation page](https://satellite.algolia.com/layouts/scroll-indicator) for more information.
- */
-var ScrollIndicator = exports.ScrollIndicator = function ScrollIndicator(_ref) {
-  var _ref$tagName = _ref.tagName,
-    tagName = _ref$tagName === void 0 ? "div" : _ref$tagName,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "light" : _ref$variant,
-    className = _ref.className,
-    wrapperClassName = _ref.wrapperClassName,
-    style = _ref.style,
-    children = _ref.children;
-  var _useScrollIndicators = useScrollIndicators(),
-    showTopIndicator = _useScrollIndicators.showTopIndicator,
-    showBottomIndicator = _useScrollIndicators.showBottomIndicator,
-    setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx["default"])(VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n          ", "\n          ", "\n        "])), showTopIndicator && "scroll-indicator-top", showBottomIndicator && "scroll-indicator-bottom"), wrapperClassName),
-    children: /*#__PURE__*/(0, _react.createElement)(tagName, {
-      style: style,
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator-content"]))), className),
-      ref: setScrollIndicatorsRef,
-      tabIndex: 0
-    }, children)
-  });
-};

package/dist/cjs/ScrollIndicator/ScrollIndicator.tailwind.js

@@ -1,50 +0,0 @@
-"use strict";
-
-// @ts-check
-var plugin = require("tailwindcss/plugin");
-var rgba = require("../styles/rgba");
-var scrollIndicatorPlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  addComponents({
-    ".scroll-indicator": {
-      position: "relative",
-      overflow: "hidden",
-      "&::before, &::after": {
-        position: "absolute",
-        width: "100%",
-        height: "48px",
-        left: "0px",
-        pointerEvents: "none"
-      },
-      "&::before": {
-        top: "0px",
-        backgroundImage: "linear-gradient(0, ".concat(rgba(theme("colors.white"), 0), " 0%, ").concat(theme("colors.white"), " 100%)")
-      },
-      "&::after": {
-        bottom: "0px",
-        backgroundImage: "linear-gradient(180deg, ".concat(rgba(theme("colors.white"), 0), " 0%, ").concat(theme("colors.white"), " 100%)")
-      }
-    },
-    ".scroll-indicator-dark": {
-      "&::before": {
-        backgroundImage: "linear-gradient(0, ".concat(rgba(theme("colors.grey.900"), 0), " 0%, ").concat(theme("colors.grey.900"), " 100%)")
-      },
-      "&::after": {
-        backgroundImage: "linear-gradient(180deg, ".concat(rgba(theme("colors.grey.900"), 0), " 0%, ").concat(theme("colors.grey.900"), " 100%)")
-      }
-    },
-    ".scroll-indicator-top::before": {
-      content: '" "'
-    },
-    ".scroll-indicator-bottom::after": {
-      content: '" "'
-    },
-    ".scroll-indicator-content": {
-      display: "block",
-      height: "100%",
-      overflowY: "auto"
-    }
-  });
-});
-module.exports = scrollIndicatorPlugin;

package/dist/cjs/Select/Select.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Field = require("../Field");
-var _Icons = require("../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["variant", "className", "required"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var VARIANT_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["select-input-small"]))),
-  medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["select-input-medium"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["select-input-large"])))
-};
-var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.XIcon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["h-4 w-4 mr-10 text-white bg-red-700 p-px rounded-full absolute top-1/2 right-0 -translate-y-1/2"])))
-  });
-};
-var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.CheckIcon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["h-4 w-4 mr-10 text-white bg-accent-600 p-px rounded-full absolute top-1/2 right-0 -translate-y-1/2"])))
-  });
-};
-
-/**
- * The `Select` component provides a dropdown menu, allowing users to choose one option from a list.
- *
- * See the [Select documentation page](https://satellite.algolia.com/components/forms/select) for more information.
- */
-var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _props$id;
-  var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "medium" : _ref$variant,
-    className = _ref.className,
-    required = _ref.required,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useField = (0, _Field.useField)({
-      required: required
-    }),
-    state = _useField.state,
-    labelId = _useField.labelId,
-    descriptionId = _useField.descriptionId,
-    inputId = _useField.inputId;
-  var isValidated = state.status === "validated";
-  var isInvalid = state.status === "invalid";
-  var StatusIcon = isInvalid ? InvalidIcon : state.status === "validated" ? ValidatedIcon : _react.Fragment;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["relative w-full"]))),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("select", _objectSpread(_objectSpread({
-      "aria-labelledby": labelId,
-      "aria-describedby": descriptionId
-    }, props), {}, {
-      id: (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : inputId,
-      required: required,
-      "aria-invalid": isInvalid,
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["select-input display-body"]))), VARIANT_CLASSNAMES[variant], isInvalid && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["select-input-invalid"]))), isValidated && (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["select-input-validated"]))), className),
-      ref: ref
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusIcon, {})]
-  });
-});
-Select.displayName = "Select";

package/dist/cjs/Select/Select.tailwind.js

@@ -1,95 +0,0 @@
-"use strict";
-
-// @ts-check
-var plugin = require("tailwindcss/plugin");
-var disabledColor = require("../styles/disabledColor");
-var _require = require("../styles/helpers/icons"),
-  selectIconBG = _require.selectIconBG;
-var selectPlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  addComponents({
-    // I chose .select-input to avoid name collision with tailwindcss.com/docs/user-select/
-    ".select-input": {
-      appearance: "none",
-      outline: "none",
-      cursor: "pointer",
-      position: "relative",
-      padding: "0 ".concat(theme("spacing.10"), " 0 ").concat(theme("spacing.4")),
-      width: "100%",
-      color: theme("colors.grey.900"),
-      backgroundColor: theme("colors.white"),
-      backgroundImage: "\n        ".concat(selectIconBG(theme("colors.grey.500")), ",\n        linear-gradient(-180deg, ").concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)\n      "),
-      backgroundPosition: "right ".concat(theme("spacing.4"), " center, 0 0"),
-      backgroundRepeat: "no-repeat",
-      borderRadius: theme("borderRadius.DEFAULT"),
-      border: "1px solid ".concat(theme("colors.grey.500")),
-      boxShadow: "0 1px 0 0 ".concat(theme("colors.shadow.5")),
-      transition: "all 100ms ease-in-out",
-      "&::-moz-focus-inner, &:-moz-focusring": {
-        outline: "none",
-        color: "transparent",
-        textShadow: "0 0 0 ".concat(theme("colors.grey.900"))
-      },
-      "&:focus::-ms-value": {
-        color: theme("colors.grey.900")
-      },
-      "& > option": {
-        textShadow: "none",
-        "&:not(:checked)": {
-          color: theme("colors.grey.900")
-        },
-        "&:disabled": {
-          color: theme("colors.grey.300")
-        }
-      },
-      "&:hover": {
-        backgroundImage: "\n          ".concat(selectIconBG(theme("colors.grey.500")), ",\n          linear-gradient(-180deg, ").concat(theme("colors.grey.50"), " 0%, ").concat(theme("colors.grey.100"), " 100%)\n        "),
-        borderColor: theme("colors.grey.600")
-      },
-      "&:focus": {
-        backgroundImage: "\n          ".concat(selectIconBG(theme("colors.grey.500")), ",\n          linear-gradient(-180deg, ").concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)\n        "),
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.accent.600"), ",\n          0 2px 0 0 ").concat(theme("colors.shadow.5"), "\n        ")
-      },
-      "&:disabled": {
-        cursor: "not-allowed",
-        color: theme("colors.grey.300"),
-        backgroundImage: "\n          ".concat(selectIconBG(theme("colors.grey.300")), ",\n          linear-gradient(-180deg, ").concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)\n        "),
-        borderColor: disabledColor(theme("colors.grey.200")),
-        boxShadow: "none"
-      }
-    },
-    ".select-input-small": {
-      height: theme("spacing.8"),
-      backgroundSize: "8px, auto"
-    },
-    ".select-input-medium": {
-      height: theme("spacing.10"),
-      backgroundSize: "10px, auto"
-    },
-    ".select-input-large": {
-      height: theme("spacing.12"),
-      backgroundSize: "12px, auto"
-    },
-    ".select-input-invalid, .select-input-validated": {
-      padding: "0 ".concat(theme("spacing.16"), " 0 ").concat(theme("spacing.4"))
-    },
-    ".select-input-invalid": {
-      borderColor: theme("colors.red.700"),
-      backgroundColor: theme("colors.red.100"),
-      backgroundImage: selectIconBG(theme("colors.red.700")),
-      "&:hover": {
-        borderColor: theme("colors.red.700"),
-        backgroundColor: theme("colors.red.50"),
-        backgroundImage: selectIconBG(theme("colors.red.700"))
-      },
-      "&:focus": {
-        backgroundImage: selectIconBG(theme("colors.red.700")),
-        borderColor: theme("colors.red.700"),
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.red.700"), ",\n          0 2px 0 0 ").concat(theme("colors.shadow.5"), "\n        ")
-      }
-    }
-  });
-});
-module.exports = selectPlugin;

package/dist/cjs/Separator/Separator.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Separator = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var RadixSeparator = _interopRequireWildcard(require("@radix-ui/react-separator"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * The `Separator` component is used to visually separate content.
- *
- * See the [Separator documentation page](https://satellite.algolia.com/components/misc/separator) for more information.
- */
-var Separator = exports.Separator = function Separator(_ref) {
-  var className = _ref.className,
-    interactive = _ref.interactive,
-    _ref$orientation = _ref.orientation,
-    orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation;
-  var interactiveProps = interactive ? {
-    decorative: false,
-    tabIndex: 0,
-    "aria-valuemax": 100,
-    "aria-valuemin": 0,
-    "aria-valuenow": 50
-  } : {
-    decorative: true
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadixSeparator.Root, _objectSpread({
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["separator"]))), className, interactive && (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["interactive"])))),
-    orientation: orientation
-  }, interactiveProps));
-};

package/dist/cjs/Sidebar/Sidebar.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Sidebar = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Satellite = require("../Satellite");
-var _ScrollIndicator = require("../ScrollIndicator");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _matchLocation = require("../utils/matchLocation");
-var _SidebarContext = require("./SidebarContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_SIDEBAR_LOCALE = {
-  primarySidebarLabel: "Primary Navigation Sidebar",
-  secondarySidebarLabel: "Secondary Navigation Sidebar"
-};
-
-/**
- * The `Sidebar` component is used to display a sidebar of links.
- *
- * See the [Sidebar documentation page](https://satellite.algolia.com/layouts/sidebar) for more information.
- */
-var Sidebar = exports.Sidebar = function Sidebar(_ref) {
-  var id = _ref.id,
-    className = _ref.className,
-    labelProp = _ref.label,
-    localeProp = _ref.locale,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "primary" : _ref$variant,
-    _ref$collapsed = _ref.collapsed,
-    collapsed = _ref$collapsed === void 0 ? false : _ref$collapsed,
-    _ref$isLinkActive = _ref.isLinkActive,
-    isLinkActiveProp = _ref$isLinkActive === void 0 ? _matchLocation.matchLocation : _ref$isLinkActive,
-    location = _ref.location,
-    children = _ref.children;
-  var isLinkActive = (0, _react.useCallback)(function (href) {
-    return isLinkActiveProp(href, location);
-  }, [isLinkActiveProp, location]);
-  var contextLocale = (0, _Satellite.useLocale)("sidebar");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_SIDEBAR_LOCALE), contextLocale), localeProp);
-  var label = typeof labelProp === "string" ? labelProp : variant === "primary" ? locale.primarySidebarLabel : locale.secondarySidebarLabel;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarContext.SidebarContext.Provider, {
-    value: {
-      collapsed: collapsed,
-      variant: variant,
-      isLinkActive: isLinkActive
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
-      id: id,
-      "aria-label": label,
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n            display-body border-r border-grey-200/50\n            ", "\n            ", "\n          "])), collapsed ? "w-14" : "w-56", variant === "primary" ? "bg-grey-100" : "bg-white"), className),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollIndicator.ScrollIndicator, {
-        wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["h-full -mr-px"]))),
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["relative px-3 pb-7 flex flex-col no-scrollbar overflow-x-hidden"]))),
-        children: children
-      })
-    })
-  });
-};

package/dist/cjs/Sidebar/SidebarButtonLink.d.ts

@@ -1,20 +0,0 @@
-import type { MouseEventHandler, ReactNode, VFC } from "react";
-import type { IconComponentType } from "../Icons";
-export declare type SidebarButtonLinkIcon = IconComponentType | {
-    active: IconComponentType;
-    inactive: IconComponentType;
-};
-export interface SidebarButtonLinkProps {
-    id?: string;
-    icon: SidebarButtonLinkIcon;
-    href: string;
-    onClick?: MouseEventHandler<HTMLAnchorElement>;
-    disabled?: boolean;
-    /**
-     * Alternative content for the tooltip.
-     * @default children
-     */
-    tooltipContent?: ReactNode;
-    children: ReactNode;
-}
-export declare const SidebarButtonLink: VFC<SidebarButtonLinkProps>;