@algolia/satellite 1.1.0 → 1.1.1

package/dist/cjs/Sidebar/SidebarButtonLink.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarButtonLink = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _Icons = require("../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _Tooltip = require("../Tooltip");
-var _useLinkProps = require("../utils/useLinkProps");
-var _SidebarContext = require("./SidebarContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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 Tooltip = function Tooltip(_ref) {
-  var content = _ref.content,
-    children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.TooltipWrapper, {
-    side: "right",
-    sideOffset: 24,
-    delay: 0,
-    hideDelay: 0,
-    content: content,
-    interactive: false,
-    children: children
-  });
-};
-var SidebarButtonLink = exports.SidebarButtonLink = function SidebarButtonLink(props) {
-  var id = props.id,
-    icon = props.icon,
-    href = props.href,
-    disabled = props.disabled,
-    children = props.children;
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-    isLinkActive = _useSidebarContext.isLinkActive,
-    collapsed = _useSidebarContext.collapsed;
-  var linkProps = (0, _useLinkProps.useLinkProps)(props);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isInteractedWith = _useState2[0],
-    setIsInteractedWith = _useState2[1];
-  var isExternalLink = linkProps.target === "_blank";
-  var isActive = !disabled && !isExternalLink && isLinkActive(href);
-  var showColors = !disabled && (isActive || isInteractedWith);
-  var Icon = "active" in icon ? showColors ? icon.active : icon.inactive : icon;
-  var tooltipContent = "tooltipContent" in props ? props.tooltipContent : children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
-    content: collapsed ? tooltipContent : null,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({}, linkProps), {}, {
-      id: id,
-      onMouseEnter: function onMouseEnter() {
-        return setIsInteractedWith(true);
-      },
-      onFocus: function onFocus() {
-        return setIsInteractedWith(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setIsInteractedWith(false);
-      },
-      onBlur: function onBlur() {
-        return setIsInteractedWith(false);
-      },
-      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n          h-8 min-w-8 w-full rounded\n          flex items-center space-x-3\n          border border-transparent\n          display-body\n          hover:no-underline focus:no-underline\n          ", "\n          ", "\n          ", "\n          ", "\n        "])), disabled ? "cursor-not-allowed opacity-70" : "focus:border-grey-500", isActive ? "shadow-z100" : !disabled && "hover:border-grey-200", isActive && "bg-gradient-to-b from-white to-grey-50", collapsed ? "pl-2" : "px-2"),
-      "aria-current": isActive,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["", " ml-[-3px] shrink-0"])), showColors ? "text-accent-600" : "text-grey-400"),
-        height: 20,
-        width: 20
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            truncate\n            ", "\n            ", "\n            ", "\n          "])), collapsed && "sr-only", showColors ? "text-accent-600" : "typo-subdued", isActive && "font-bold"),
-        children: children
-      }), isExternalLink && !collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["", " !ml-1 shrink-0"])), showColors ? "text-accent-600" : "typo-subdued"),
-        size: "1em"
-      })]
-    }))
-  });
-};

package/dist/cjs/Sidebar/SidebarHeader.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarHeader = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var SidebarHeader = exports.SidebarHeader = function SidebarHeader(_ref) {
-  var className = _ref.className,
-    children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-[72px] shrink-0 border-b border-grey-200/50"]))), className),
-    children: children
-  });
-};

package/dist/cjs/Sidebar/SidebarHeading.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarHeading = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _SidebarContext = require("./SidebarContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var SidebarHeading = exports.SidebarHeading = function SidebarHeading(_ref) {
-  var id = _ref.id,
-    className = _ref.className,
-    children = _ref.children;
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-    collapsed = _useSidebarContext.collapsed;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    id: id,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n          h-8 block leading-[2rem]\n          display-subheading typo-subdued uppercase select-none truncate\n          ", "\n        "])), collapsed && "opacity-0"), className),
-    children: children
-  });
-};

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

@@ -1,9 +0,0 @@
-import type { ReactNode, VFC } from "react";
-import type { IconComponentType } from "../Icons";
-export declare type SidebarLinkProps = {
-    icon: IconComponentType;
-    href: string;
-    disabled?: boolean;
-    children: ReactNode;
-} & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "target" | "rel" | "aria-label" | "onClick">;
-export declare const SidebarLink: VFC<SidebarLinkProps>;

package/dist/cjs/Sidebar/SidebarLink.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarLink = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Icons = require("../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../utils/useLinkProps");
-var _SidebarContext = require("./SidebarContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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 SidebarLink = exports.SidebarLink = function SidebarLink(props) {
-  var _linkProps$href;
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-    isLinkActive = _useSidebarContext.isLinkActive;
-  var id = props.id,
-    className = props.className,
-    disabled = props.disabled,
-    Icon = props.icon,
-    children = props.children;
-  var linkProps = (0, _useLinkProps.useLinkProps)(props);
-  var isExternalLink = linkProps.target === "_blank";
-  var isActive = !disabled && !isExternalLink && isLinkActive((_linkProps$href = linkProps.href) !== null && _linkProps$href !== void 0 ? _linkProps$href : "");
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({}, linkProps), {}, {
-    id: id,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n          flex items-center overflow-hidden w-full\n          group hover:no-underline focus:outline-none\n          ", "\n        "])), disabled ? "cursor-not-allowed" : "cursor-pointer"), className),
-    "aria-current": isActive,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 mr-3 ", ""])), disabled ? "text-grey-300" : "text-grey-500"),
-      width: "1rem",
-      height: "1rem"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n          flex-1 inline-flex items-center overflow-hidden\n          ", ""])), disabled ? "text-grey-300" : isActive ? "font-semibold text-accent-600" : "typo-subdued group-focus:text-accent-600 group-hover:text-accent-600"),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
-        children: children
-      }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
-        className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 ml-1 ", ""])), disabled ? "text-grey-300" : "text-grey-500 group-focus:text-accent-600 group-hover:text-accent-600"),
-        size: "1em"
-      })]
-    })]
-  }));
-};

package/dist/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActiveLinkIndicator = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-var LINK_HEIGHT_PX = 24;
-var LINKS_SPACING_PX = 8;
-var ActiveLinkIndicator = exports.ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
-  var className = _ref.className,
-    activeIndex = _ref.activeIndex,
-    linksCount = _ref.linksCount;
-  var showIndicator = typeof activeIndex === "number" && activeIndex >= 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-4 flex justify-center"]))), className),
-    style: {
-      height: linksCount * LINK_HEIGHT_PX + (linksCount - 1) * LINKS_SPACING_PX
-    },
-    "aria-hidden": true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["w-px h-full bg-grey-200"]))),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            w-px bg-accent-500\n            motion-safe:transition-transform motion-safe:duration-100 ease-in-out\n            ", "\n          "])), showIndicator ? "visible" : "hidden"),
-        style: {
-          height: LINK_HEIGHT_PX,
-          transform: typeof activeIndex === "number" ? "translateY(".concat(activeIndex * (LINK_HEIGHT_PX + LINKS_SPACING_PX), "px)") : undefined
-        }
-      })
-    })
-  });
-};

package/dist/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarGroupLink = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Icons = require("../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../utils/useLinkProps");
-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 SidebarGroupLink = exports.SidebarGroupLink = function SidebarGroupLink(props) {
-  var label = props.label,
-    active = props.active,
-    id = props.id,
-    disabled = props.disabled;
-  var linkProps = (0, _useLinkProps.useLinkProps)(props);
-  var isExternalLink = linkProps.target === "_blank";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({}, linkProps), {}, {
-    id: id,
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        inline-flex w-full items-center hover:no-underline focus:outline-none leading-md\n        ", "\n        ", ""])), disabled ? "cursor-not-allowed" : "cursor-pointer", disabled ? "text-grey-300" : active ? "font-semibold text-accent-600" : "typo-subdued hover:text-accent-600 focus:text-accent-600"),
-    "aria-current": active,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
-      children: label
-    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
-      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-1 shrink-0"]))),
-      size: "1em"
-    })]
-  }));
-};

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

@@ -1,24 +0,0 @@
-import type { ReactNode, VFC } from "react";
-import { type IconComponentType } from "../../Icons";
-import type { SidebarLinksGroupLink } from "./types";
-declare type SidebarLinksGroupBaseProps = {
-    id?: string;
-    /** @ignore */
-    className?: string;
-    links: SidebarLinksGroupLink[];
-};
-export declare type StaticSidebarLinksGroupProps = SidebarLinksGroupBaseProps & {
-    title?: never;
-    icon?: never;
-    initialIsOpen?: never;
-    onGroupToggle?: never;
-};
-export declare type CollapsibleSidebarLinksGroupProps = SidebarLinksGroupBaseProps & {
-    title: ReactNode;
-    icon: IconComponentType;
-    initialIsOpen?: boolean;
-    onGroupToggle?: (open: boolean) => void;
-};
-export declare type SidebarLinksGroupProps = StaticSidebarLinksGroupProps | CollapsibleSidebarLinksGroupProps;
-export declare const SidebarLinksGroup: VFC<SidebarLinksGroupProps>;
-export {};

package/dist/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -1,97 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarLinksGroup = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
-var _react = require("react");
-var _usePrevious = _interopRequireDefault(require("react-use/lib/usePrevious"));
-var _Icons = require("../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _SidebarContext = require("../SidebarContext");
-var _ActiveLinkIndicator = require("./ActiveLinkIndicator");
-var _SidebarGroupLink = require("./SidebarGroupLink");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-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 isCollapsibleSidebarLinksGroupProps = function isCollapsibleSidebarLinksGroupProps(props) {
-  return "title" in props && "icon" in props;
-};
-var SidebarLinksGroup = exports.SidebarLinksGroup = function SidebarLinksGroup(props) {
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-    isLinkActive = _useSidebarContext.isLinkActive;
-  var id = props.id,
-    className = props.className,
-    links = props.links;
-  var contentId = (0, _react.useMemo)(function () {
-    return (0, _uniqueId["default"])("links-group-");
-  }, []);
-  var activeLinkIndex = links.findIndex(function (link) {
-    return !link.disabled && isLinkActive(link.href);
-  });
-  var previousActiveLinkIndex = (0, _usePrevious["default"])(activeLinkIndex);
-  var hasMatchingLink = activeLinkIndex >= 0;
-  var _useState = (0, _react.useState)(!isCollapsibleSidebarLinksGroupProps(props) || hasMatchingLink || props.initialIsOpen !== false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  (0, _react.useEffect)(function () {
-    if (isCollapsibleSidebarLinksGroupProps(props)) {
-      var _props$onGroupToggle;
-      (_props$onGroupToggle = props.onGroupToggle) === null || _props$onGroupToggle === void 0 || _props$onGroupToggle.call(props, isOpen);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isOpen]);
-  (0, _react.useEffect)(function () {
-    if (!isOpen && activeLinkIndex >= 0 && typeof previousActiveLinkIndex === "number" && activeLinkIndex !== previousActiveLinkIndex) {
-      setIsOpen(true);
-    }
-  }, [activeLinkIndex, previousActiveLinkIndex, isOpen]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    id: id,
-    className: className,
-    children: [isCollapsibleSidebarLinksGroupProps(props) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n          flex w-full text-left items-center mb-4 overflow-hidden focus:outline-none group cursor-pointer"]))),
-      onClick: function onClick() {
-        return setIsOpen(!isOpen);
-      },
-      "aria-expanded": isOpen,
-      "aria-controls": contentId,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(props.icon, {
-        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 mr-3"]))),
-        width: "1rem",
-        height: "1rem"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["truncate display-subheading uppercase text-grey-800 group-focus:text-accent-500 group-hover:text-accent-500 mr-2"]))),
-        children: props.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronRightIcon, {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 motion-safe:transition-all motion-safe:duration-150 ease-in-out ", ""])), isOpen && "rotate-90"),
-        size: "1rem"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      id: contentId,
-      className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["flex ", ""])), !isOpen && "hidden"),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActiveLinkIndicator.ActiveLinkIndicator, {
-        className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 mr-3"]))),
-        activeIndex: activeLinkIndex,
-        linksCount: links.length
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["flex-1 space-y-2 overflow-hidden"]))),
-        children: links.map(function (link, idx) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-            className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["overflow-hidden"]))),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarGroupLink.SidebarGroupLink, _objectSpread(_objectSpread({}, link), {}, {
-              active: activeLinkIndex === idx
-            }))
-          }, "".concat(idx, "-").concat(link.href));
-        })
-      })]
-    })]
-  });
-};

package/dist/cjs/Sidebar/SidebarNav.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarNav = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("react");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _SidebarContext = require("./SidebarContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var SidebarNav = exports.SidebarNav = function SidebarNav(_ref) {
-  var id = _ref.id,
-    className = _ref.className,
-    spacingProp = _ref.spacing,
-    label = _ref.label,
-    children = _ref.children;
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-    variant = _useSidebarContext.variant;
-  var spacing = typeof spacingProp === "string" ? spacingProp : variant === "primary" ? "small" : "large";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    id: id,
-    className: className,
-    "aria-label": label,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["", ""])), spacing === "small" ? "space-y-2" : "px-3 space-y-8"),
-      children: _react.Children.map(children, function (child, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          children: child
-        }, index);
-      })
-    })
-  });
-};

package/dist/cjs/Stepper/Step.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Step = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Icons = require("../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _getTextFromReactNode = require("../utils/getTextFromReactNode");
-var _uniqueId = require("../utils/uniqueId");
-var _StepperContext = require("./StepperContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "index", "icon", "label", "name", "completed", "disabled"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
-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 BUTTON_SIZE_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["px-2.5 py-2"]))),
-  "default": (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["px-3 py-2.5"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["p-4"])))
-};
-var CONNECTOR_SIZE_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["left-5 top-7"]))),
-  "default": (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["left-6 top-7"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["left-8 top-8"])))
-};
-var ICON_SIZE_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["w-5 h-5"]))),
-  "default": (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["w-6 h-6"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["w-8 h-8"])))
-};
-var ICON_SIZE = {
-  small: 12,
-  "default": 14,
-  large: 16
-};
-var CheckIconInternal = function CheckIconInternal(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.CheckIcon, _objectSpread({}, props));
-};
-var Step = exports.Step = function Step(_ref) {
-  var className = _ref.className,
-    index = _ref.index,
-    CustomIcon = _ref.icon,
-    label = _ref.label,
-    name = _ref.name,
-    completed = _ref.completed,
-    disabled = _ref.disabled,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var context = (0, _StepperContext.useStepperContext)();
-  var active = context.activeStep === index;
-  var stepName = (0, _getTextFromReactNode.getTextFromReactNode)(name);
-  var buttonId = (0, _react.useMemo)(function () {
-    return (0, _uniqueId.uniqueId)("stepper-step-");
-  }, []);
-  var locale = context.locale;
-  var disabledLocale = typeof locale.disabledStep === "function" ? locale.disabledStep(stepName) : locale.disabledStep;
-  var activeLocale = typeof locale.activeStep === "function" ? locale.activeStep(stepName) : locale.activeStep;
-  var completedLocale = typeof locale.completedStep === "function" ? locale.completedStep(stepName) : locale.completedStep;
-  var incompletedLocale = typeof locale.incompletedStep === "function" ? locale.incompletedStep(stepName) : locale.incompletedStep;
-  var Icon = CustomIcon;
-  if (completed) {
-    Icon = CheckIconInternal;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, props), {}, {
-    className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600 group/step"])))),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      id: buttonId,
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["relative w-full flex items-center text-left gap-2 rounded border group/button"]))), (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["-outline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-xenon-600"]))), disabled ? (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["cursor-not-allowed"]))) : (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["hover:bg-grey-100"]))), active ? (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["border-grey-200 bg-white"]))) : (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["border-transparent"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
-      "aria-label": disabled ? disabledLocale : active ? activeLocale : completed ? completedLocale : incompletedLocale,
-      "aria-current": active ? "step" : undefined,
-      disabled: disabled,
-      tabIndex: index === context.activeStep ? 0 : -1,
-      "data-step-idx": index,
-      onClick: function onClick() {
-        var _context$onStepChange;
-        return (_context$onStepChange = context.onStepChange) === null || _context$onStepChange === void 0 ? void 0 : _context$onStepChange.call(context, index);
-      },
-      onKeyDown: function onKeyDown(event) {
-        switch (event.key) {
-          case "Space":
-          case "Enter":
-            {
-              var _context$onStepChange2;
-              (_context$onStepChange2 = context.onStepChange) === null || _context$onStepChange2 === void 0 || _context$onStepChange2.call(context, index);
-              break;
-            }
-        }
-      },
-      children: [context.connectors && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["absolute -z-10 border-l h-full group-last/step:hidden"]))), completed ? (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["border-green-600"]))) : (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["border-grey-200"]))), CONNECTOR_SIZE_CLASSNAMES[context.size])
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["rounded-full flex items-center justify-center shrink-0 text-sm"]))), !active && !completed && (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100"]))), !active && !completed && !disabled && (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["group-hover/button:bg-white"]))), active && !completed && (0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-800 text-white"]))), completed && (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["bg-green-600 text-white"]))), ICON_SIZE_CLASSNAMES[context.size]),
-        children: Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-          width: ICON_SIZE[context.size],
-          height: ICON_SIZE[context.size]
-        }) : index + 1
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _clsx["default"])(disabled && (0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"])))),
-        children: [!!label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["text-sm line-clamp-1"]))),
-          children: label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["text-base line-clamp-2"]))), (completed || active) && (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))), context.size === "small" && (0, _satellitePrefixer["default"])(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2["default"])(["text-sm"])))),
-          children: name
-        })]
-      })]
-    })
-  }));
-};