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

package/esm/ScrollIndicator/ScrollIndicator.js

@@ -1,15 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import cx from "clsx";
 import { createElement, useCallback, useMemo, useState } from "react";
 import useMeasure from "react-use/lib/useMeasure";
 import useScroll from "react-use/lib/useScroll";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useScrollIndicators = function useScrollIndicators() {
   /**
    * We don't use the actual measurements from the hook because they're not as precise
@@ -18,18 +15,16 @@ var useScrollIndicators = function useScrollIndicators() {
    * This is mostly used as a side-effect to force the component to rerender when its size changes
    */
   var _useMeasure = useMeasure(),
-      _useMeasure2 = _slicedToArray(_useMeasure, 1),
-      setMeasureRef = _useMeasure2[0];
-
+    _useMeasure2 = _slicedToArray(_useMeasure, 1),
+    setMeasureRef = _useMeasure2[0];
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      element = _useState2[0],
-      setElement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    element = _useState2[0],
+    setElement = _useState2[1];
   var setScrollIndicatorsRef = useCallback(function (element) {
-    setElement(element); // Types are wrong, a ref callback must be able to accept null
+    setElement(element);
+    // Types are wrong, a ref callback must be able to accept null
     // @ts-ignore
-
     setMeasureRef(element);
   }, [setMeasureRef]);
   var fakeScrollRef = useMemo(function () {
@@ -37,48 +32,40 @@ var useScrollIndicators = function useScrollIndicators() {
       current: element
     };
   }, [element]);
-
   var _useScroll = useScroll(fakeScrollRef),
-      scrollTop = _useScroll.y;
-
+    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: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["scroll-indicator"]))),
   dark: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["scroll-indicator scroll-indicator-dark"])))
 };
 export var 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;
-
+    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;
-
+    showTopIndicator = _useScrollIndicators.showTopIndicator,
+    showBottomIndicator = _useScrollIndicators.showBottomIndicator,
+    setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
   return /*#__PURE__*/_jsx("div", {
     className: cx(VARIANT_CLASSNAMES[variant], stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          ", "\n          ", "\n        "])), showTopIndicator && "scroll-indicator-top", showBottomIndicator && "scroll-indicator-bottom"), wrapperClassName),
     children: /*#__PURE__*/createElement(tagName, {

package/esm/ScrollIndicator/ScrollIndicator.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var rgba = _rgba;
 var scrollIndicatorPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".scroll-indicator": {
       position: "relative",

package/esm/Select/Select.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 = ["variant", "className"];
-
 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 { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
@@ -18,6 +14,7 @@ var VARIANT_CLASSNAMES = {
   medium: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["select-input-medium"]))),
   large: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["select-input-large"])))
 };
+
 /**
  * Select lets users choose one option from an options menu. Consider select when you have 3 or more options, to avoid cluttering the interface.
  *
@@ -26,13 +23,11 @@ var VARIANT_CLASSNAMES = {
  * - Have a default option selected whenever possible
  * - Use `Select` as a placeholder option only if there's no logical default option
  */
-
 export var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "medium" : _ref$variant,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    variant = _ref$variant === void 0 ? "medium" : _ref$variant,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("select", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["select-input display-body"]))), VARIANT_CLASSNAMES[variant], className),
     ref: ref

package/esm/Select/Select.tailwind.js

@@ -5,10 +5,10 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var disabledColor = _disabledColor;
 var _require = _require2,
-    selectIconBG = _require.selectIconBG;
+  selectIconBG = _require.selectIconBG;
 var selectPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     // I chose .select-input to avoid name collision with tailwindcss.com/docs/user-select/
     ".select-input": {

package/esm/Sidebar/Sidebar.js

@@ -1,12 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 { useCallback } from "react";
 import { useLocale } from "../Satellite";
@@ -21,24 +17,22 @@ var DEFAULT_SIDEBAR_LOCALE = {
 };
 export var 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 : _ref$isLinkActive,
-      location = _ref.location,
-      children = _ref.children;
+    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 : _ref$isLinkActive,
+    location = _ref.location,
+    children = _ref.children;
   var isLinkActive = useCallback(function (href) {
     return isLinkActiveProp(href, location);
   }, [isLinkActiveProp, location]);
   var contextLocale = 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__*/_jsx(SidebarContext.Provider, {
     value: {

package/esm/Sidebar/SidebarButtonLink.js

@@ -1,13 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 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 { useState } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { TooltipWrapper } from "../Tooltip";
@@ -15,10 +11,9 @@ import useLinkProps from "../utils/useLinkProps";
 import { useSidebarContext } from "./SidebarContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_jsx(TooltipWrapper, {
     placement: "right",
     delay: 0,
@@ -35,25 +30,20 @@ var Tooltip = function Tooltip(_ref) {
     children: children
   });
 };
-
 export var SidebarButtonLink = function SidebarButtonLink(props) {
   var id = props.id,
-      icon = props.icon,
-      href = props.href,
-      disabled = props.disabled,
-      children = props.children;
-
+    icon = props.icon,
+    href = props.href,
+    disabled = props.disabled,
+    children = props.children;
   var _useSidebarContext = useSidebarContext(),
-      isLinkActive = _useSidebarContext.isLinkActive,
-      collapsed = _useSidebarContext.collapsed;
-
+    isLinkActive = _useSidebarContext.isLinkActive,
+    collapsed = _useSidebarContext.collapsed;
   var linkProps = useLinkProps(props);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isInteractedWith = _useState2[0],
-      setIsInteractedWith = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isInteractedWith = _useState2[0],
+    setIsInteractedWith = _useState2[1];
   var isActive = !disabled && isLinkActive(href);
   var showColors = !disabled && (isActive || isInteractedWith);
   var Icon = "active" in icon ? showColors ? icon.active : icon.inactive : icon;

package/esm/Sidebar/SidebarContext.js

@@ -2,10 +2,8 @@ import { createContext, useContext } from "react";
 export var SidebarContext = /*#__PURE__*/createContext(null);
 export var useSidebarContext = function useSidebarContext() {
   var context = useContext(SidebarContext);
-
   if (!context) {
     throw new Error("useSidebarContext used outside of Sidebar");
   }
-
   return context;
 };

package/esm/Sidebar/SidebarHeader.js

@@ -1,13 +1,11 @@
 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 SidebarHeader = function SidebarHeader(_ref) {
   var className = _ref.className,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_jsx("header", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["h-[72px] shrink-0 border-b border-grey-200/50"]))), className),
     children: children

package/esm/Sidebar/SidebarHeading.js

@@ -1,19 +1,15 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { useSidebarContext } from "./SidebarContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarHeading = function SidebarHeading(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      children = _ref.children;
-
+    className = _ref.className,
+    children = _ref.children;
   var _useSidebarContext = useSidebarContext(),
-      collapsed = _useSidebarContext.collapsed;
-
+    collapsed = _useSidebarContext.collapsed;
   return /*#__PURE__*/_jsx("span", {
     id: id,
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          h-8 block leading-[2rem]\n          display-subheading typo-subdued uppercase select-none\n          ", "\n        "])), collapsed && "invisible"), className),

package/esm/Sidebar/SidebarLink.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 useLinkProps from "../utils/useLinkProps";
@@ -15,15 +11,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var SidebarLink = function SidebarLink(props) {
   var _linkProps$href;
-
   var _useSidebarContext = useSidebarContext(),
-      isLinkActive = _useSidebarContext.isLinkActive;
-
+    isLinkActive = _useSidebarContext.isLinkActive;
   var id = props.id,
-      className = props.className,
-      disabled = props.disabled,
-      Icon = props.icon,
-      children = props.children;
+    className = props.className,
+    disabled = props.disabled,
+    Icon = props.icon,
+    children = props.children;
   var linkProps = useLinkProps(props);
   var isActive = !disabled && isLinkActive((_linkProps$href = linkProps.href) !== null && _linkProps$href !== void 0 ? _linkProps$href : "");
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({}, linkProps), {}, {

package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,8 +7,8 @@ var LINK_HEIGHT_PX = 24;
 var LINKS_SPACING_PX = 8;
 export var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
   var className = _ref.className,
-      activeIndex = _ref.activeIndex,
-      linksCount = _ref.linksCount;
+    activeIndex = _ref.activeIndex,
+    linksCount = _ref.linksCount;
   var showIndicator = typeof activeIndex === "number" && activeIndex >= 0;
   return /*#__PURE__*/_jsx("div", {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-4 flex justify-center"]))), className),

package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -1,20 +1,16 @@
 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 stl from "../../styles/helpers/satellitePrefixer";
 import useLinkProps from "../../utils/useLinkProps";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarGroupLink = function SidebarGroupLink(props) {
   var label = props.label,
-      active = props.active,
-      id = props.id,
-      disabled = props.disabled;
+    active = props.active,
+    id = props.id,
+    disabled = props.disabled;
   var linkProps = useLinkProps(props);
   return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({}, linkProps), {}, {
     id: id,

package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -1,13 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
 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 { uniqueId } from "lodash";
 import { useEffect, useMemo, useState } from "react";
 import { ChevronRight } from "react-feather";
@@ -18,18 +14,15 @@ import { ActiveLinkIndicator } from "./ActiveLinkIndicator";
 import { SidebarGroupLink } from "./SidebarGroupLink";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var isCollapsibleSidebarLinksGroupProps = function isCollapsibleSidebarLinksGroupProps(props) {
   return "title" in props && "icon" in props;
 };
-
 export var SidebarLinksGroup = function SidebarLinksGroup(props) {
   var _useSidebarContext = useSidebarContext(),
-      isLinkActive = _useSidebarContext.isLinkActive;
-
+    isLinkActive = _useSidebarContext.isLinkActive;
   var id = props.id,
-      className = props.className,
-      links = props.links;
+    className = props.className,
+    links = props.links;
   var contentId = useMemo(function () {
     return uniqueId("links-group-");
   }, []);
@@ -38,19 +31,16 @@ export var SidebarLinksGroup = function SidebarLinksGroup(props) {
   });
   var previousActiveLinkIndex = usePrevious(activeLinkIndex);
   var hasMatchingLink = activeLinkIndex >= 0;
-
   var _useState = useState(!isCollapsibleSidebarLinksGroupProps(props) || hasMatchingLink || props.initialIsOpen !== false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   useEffect(function () {
     if (isCollapsibleSidebarLinksGroupProps(props)) {
       var _props$onGroupToggle;
-
       (_props$onGroupToggle = props.onGroupToggle) === null || _props$onGroupToggle === void 0 ? void 0 : _props$onGroupToggle.call(props, isOpen);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
   useEffect(function () {
     if (!isOpen && activeLinkIndex >= 0 && typeof previousActiveLinkIndex === "number" && activeLinkIndex !== previousActiveLinkIndex) {

package/esm/Sidebar/SidebarNav.js

@@ -1,21 +1,17 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { Children } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { useSidebarContext } from "./SidebarContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarNav = function SidebarNav(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      spacingProp = _ref.spacing,
-      label = _ref.label,
-      children = _ref.children;
-
+    className = _ref.className,
+    spacingProp = _ref.spacing,
+    label = _ref.label,
+    children = _ref.children;
   var _useSidebarContext = useSidebarContext(),
-      variant = _useSidebarContext.variant;
-
+    variant = _useSidebarContext.variant;
   var spacing = typeof spacingProp === "string" ? spacingProp : variant === "primary" ? "small" : "large";
   return /*#__PURE__*/_jsx("nav", {
     id: id,

package/esm/Switch/Switch.js

@@ -1,8 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject, _templateObject2;
-
 import cx from "clsx";
 import { useLayoutEffect, useRef, useState } from "react";
 import { BUTTON_SIZE_CLASSNAMES } from "../Button/styles";
@@ -14,43 +12,37 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Switch = function Switch(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      disabled = _ref.disabled,
-      name = _ref.name,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size;
-
+    children = _ref.children,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size;
   var _useState = useState(function () {
-    return uniqueId("SwitchName-");
-  }),
-      _useState2 = _slicedToArray(_useState, 1),
-      componentDefaultName = _useState2[0];
-
+      return uniqueId("SwitchName-");
+    }),
+    _useState2 = _slicedToArray(_useState, 1),
+    componentDefaultName = _useState2[0];
   var radioName = name !== null && name !== void 0 ? name : componentDefaultName;
   var containerRef = useRef(null);
   var valueIndicatorRef = useRef(null);
-
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      valueIndicatorStyle = _useState4[0],
-      setValueIndicatorStyle = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    valueIndicatorStyle = _useState4[0],
+    setValueIndicatorStyle = _useState4[1];
+
   /**
    * Positionning might be affected by different changes (changes in options order/number/label size, widget size etc),
    * so we want to recompute things on every render. To avoid infinite loops, we check if the style
    * actually changed before applying it.
    */
   // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
   useLayoutEffect(function () {
     var targetEl = document.querySelector(buildAnimationKeySelector(radioName, value));
-
     if (!targetEl || !valueIndicatorRef.current || !containerRef.current) {
       return setValueIndicatorStyle(undefined);
     }
-
     var containerRect = containerRef.current.getBoundingClientRect();
     var targetRect = targetEl.getBoundingClientRect();
     var newValueIndicatorStyle = {
@@ -61,7 +53,6 @@ export var Switch = function Switch(_ref) {
       transitionDuration: "200ms",
       transitionTimingFunction: "ease-in-out"
     };
-
     if (newValueIndicatorStyle.transform !== (valueIndicatorStyle === null || valueIndicatorStyle === void 0 ? void 0 : valueIndicatorStyle.transform) || newValueIndicatorStyle.width !== (valueIndicatorStyle === null || valueIndicatorStyle === void 0 ? void 0 : valueIndicatorStyle.width)) {
       setValueIndicatorStyle(newValueIndicatorStyle);
     }

package/esm/Switch/Switch.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var switchPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".switch": {
       // this + position relative helps create a new stack context (helps with z-index)

package/esm/Switch/SwitchOption.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 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 { useRadioGroupContext } from "../RadioGroup";
 import stl from "../styles/helpers/satellitePrefixer";
 import { OverflowTooltipWrapper } from "../Tooltip/OverflowTooltipWrapper";
@@ -15,8 +11,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var SwitchOption = function SwitchOption(_ref) {
   var value = _ref.value,
-      disabled = _ref.disabled,
-      children = _ref.children;
+    disabled = _ref.disabled,
+    children = _ref.children;
   var context = useRadioGroupContext();
   var checked = context.value === value;
   var inputDisabled = context.disabled || disabled;