@algolia/satellite 1.0.0-beta.155 → 1.0.0-beta.156

package/cjs/EmptyState/EmptyState.js

@@ -75,7 +75,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
         className: titleClassNames,
         children: title
-      }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: descriptionClassNames,
         children: description
       }), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlexGrid["default"], {

package/cjs/Pagination/DotPagination/DotPagination.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
+import type { NumberUnion } from "utils/NumberUnion";
 export declare type DotPaginationLocale = {
     goToPageText?(page: number): string;
 };
-export declare type DotPaginationProps = {
+export declare type DotPaginationProps<T extends number> = {
     /** Currently selected page (1 based index) */
-    currentPage: number;
-    onChange: (page: number) => void;
-    nbPages: number;
+    currentPage: NumberUnion<T>;
+    onChange: (page: NumberUnion<T>) => void;
+    nbPages: T;
     size?: "small" | "medium";
     locale?: DotPaginationLocale;
 };
-export declare const DotPagination: ({ currentPage, onChange, nbPages, size, locale: propsLocale, }: DotPaginationProps) => JSX.Element;
+export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale: propsLocale, }: DotPaginationProps<T>) => JSX.Element;
 export default DotPagination;

package/cjs/Sidebar/SidebarHeading.js

@@ -19,7 +19,7 @@ var SidebarHeading = function SidebarHeading(_ref) {
     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\n          ", "\n        "])), collapsed && "sr-only"), className),
+    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\n          ", "\n        "])), collapsed && "opacity-0"), className),
     children: children
   });
 };

package/cjs/Sidebar/SidebarLink.js

@@ -13,7 +13,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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) { (0, _defineProperty2["default"])(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; }
 var SidebarLink = function SidebarLink(props) {
@@ -30,16 +30,19 @@ var SidebarLink = function SidebarLink(props) {
   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\n          group hover:no-underline focus:outline-none\n          ", "\n        "])), disabled ? "cursor-not-allowed" : "cursor-pointer"), className),
+    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 truncate\n          ", ""])), disabled ? "text-grey-300" : isActive ? "font-semibold text-accent-600" : "typo-subdued group-focus:text-accent-600 group-hover:text-accent-600"),
-      children: [children, isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["", " ml-1 shrink-0"])), disabled ? "text-grey-300" : "text-grey-500"),
+      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)(_reactFeather.ExternalLink, {
+        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/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -11,7 +11,7 @@ var _reactFeather = require("react-feather");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
+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) { (0, _defineProperty2["default"])(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; }
 var SidebarGroupLink = function SidebarGroupLink(props) {
@@ -23,10 +23,13 @@ var SidebarGroupLink = function SidebarGroupLink(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 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"),
+    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: [label, isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["ml-1 shrink-0"]))),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
+      children: label
+    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-1 shrink-0"]))),
       size: "1em"
     })]
   }));

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -84,7 +84,7 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
         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"])(["truncate"]))),
+            className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["overflow-hidden"]))),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarGroupLink.SidebarGroupLink, _objectSpread(_objectSpread({}, link), {}, {
               active: activeLinkIndex === idx
             }))

package/cjs/index.d.ts

@@ -3,6 +3,7 @@ export { default as colors } from "./styles/colors";
 export { default as brandColors } from "./styles/brandColors";
 export { default as stl } from "./styles/helpers/satellitePrefixer";
 export { default as makePurgeCssExtractor } from "./styles/helpers/makePurgeCssExtractor";
+export * from "./utils/NumberUnion";
 export * from "./utils/parseUrl";
 export * from "./utils/useLinkProps";
 export * from "./AnnouncementBadge";

package/cjs/index.js

@@ -50,6 +50,18 @@ var _colors = _interopRequireDefault(require("./styles/colors"));
 var _brandColors = _interopRequireDefault(require("./styles/brandColors"));
 var _satellitePrefixer = _interopRequireDefault(require("./styles/helpers/satellitePrefixer"));
 var _makePurgeCssExtractor = _interopRequireDefault(require("./styles/helpers/makePurgeCssExtractor"));
+var _NumberUnion = require("./utils/NumberUnion");
+Object.keys(_NumberUnion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NumberUnion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NumberUnion[key];
+    }
+  });
+});
 var _parseUrl = require("./utils/parseUrl");
 Object.keys(_parseUrl).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/utils/NumberUnion.d.ts

@@ -0,0 +1,5 @@
+declare type AscendingArray<length extends number, accumulator extends Array<number> = []> = accumulator["length"] extends length ? accumulator : AscendingArray<length, [...accumulator, accumulator["length"]]>;
+declare type ArrayToUnion<T extends Array<any>> = T[number];
+/** example: `NumberUnion<3> = 1 | 2 | 3` */
+export declare type NumberUnion<T extends number> = Exclude<ArrayToUnion<AscendingArray<T>>, 0> | T;
+export {};

package/cjs/utils/NumberUnion.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/EmptyState/EmptyState.js

@@ -69,7 +69,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
       }), /*#__PURE__*/_jsx("h2", {
         className: titleClassNames,
         children: title
-      }), !!description && /*#__PURE__*/_jsx("p", {
+      }), !!description && /*#__PURE__*/_jsx("div", {
         className: descriptionClassNames,
         children: description
       }), !!actions && /*#__PURE__*/_jsx(FlexGrid, {

package/esm/Pagination/DotPagination/DotPagination.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
+import type { NumberUnion } from "utils/NumberUnion";
 export declare type DotPaginationLocale = {
     goToPageText?(page: number): string;
 };
-export declare type DotPaginationProps = {
+export declare type DotPaginationProps<T extends number> = {
     /** Currently selected page (1 based index) */
-    currentPage: number;
-    onChange: (page: number) => void;
-    nbPages: number;
+    currentPage: NumberUnion<T>;
+    onChange: (page: NumberUnion<T>) => void;
+    nbPages: T;
     size?: "small" | "medium";
     locale?: DotPaginationLocale;
 };
-export declare const DotPagination: ({ currentPage, onChange, nbPages, size, locale: propsLocale, }: DotPaginationProps) => JSX.Element;
+export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale: propsLocale, }: DotPaginationProps<T>) => JSX.Element;
 export default DotPagination;

package/esm/Sidebar/SidebarHeading.js

@@ -12,7 +12,7 @@ export var SidebarHeading = function SidebarHeading(_ref) {
     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 && "sr-only"), className),
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          h-8 block leading-[2rem]\n          display-subheading typo-subdued uppercase select-none\n          ", "\n        "])), collapsed && "opacity-0"), className),
     children: children
   });
 };

package/esm/Sidebar/SidebarLink.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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";
@@ -24,16 +24,19 @@ export var SidebarLink = function SidebarLink(props) {
   var isActive = !disabled && !isExternalLink && isLinkActive((_linkProps$href = linkProps.href) !== null && _linkProps$href !== void 0 ? _linkProps$href : "");
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({}, linkProps), {}, {
     id: id,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          flex items-center\n          group hover:no-underline focus:outline-none\n          ", "\n        "])), disabled ? "cursor-not-allowed" : "cursor-pointer"), className),
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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__*/_jsx(Icon, {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["shrink-0 mr-3 ", ""])), disabled ? "text-grey-300" : "text-grey-500"),
       width: "1rem",
       height: "1rem"
     }), /*#__PURE__*/_jsxs("span", {
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          flex-1 inline-flex items-center truncate\n          ", ""])), disabled ? "text-grey-300" : isActive ? "font-semibold text-accent-600" : "typo-subdued group-focus:text-accent-600 group-hover:text-accent-600"),
-      children: [children, isExternalLink && /*#__PURE__*/_jsx(ExternalLink, {
-        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["", " ml-1 shrink-0"])), disabled ? "text-grey-300" : "text-grey-500"),
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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__*/_jsx("span", {
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["truncate"]))),
+        children: children
+      }), isExternalLink && /*#__PURE__*/_jsx(ExternalLink, {
+        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["shrink-0 ml-1 ", ""])), disabled ? "text-grey-300" : "text-grey-500 group-focus:text-accent-600 group-hover:text-accent-600"),
         size: "1em"
       })]
     })]

package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+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 { ExternalLink } from "react-feather";
@@ -17,10 +17,13 @@ export var SidebarGroupLink = function SidebarGroupLink(props) {
   var isExternalLink = linkProps.target === "_blank";
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({}, linkProps), {}, {
     id: id,
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        inline-flex 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"),
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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: [label, isExternalLink && /*#__PURE__*/_jsx(ExternalLink, {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["ml-1 shrink-0"]))),
+    children: [/*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["truncate"]))),
+      children: label
+    }), isExternalLink && /*#__PURE__*/_jsx(ExternalLink, {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1 shrink-0"]))),
       size: "1em"
     })]
   }));

package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -78,7 +78,7 @@ export var SidebarLinksGroup = function SidebarLinksGroup(props) {
         className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["flex-1 space-y-2 overflow-hidden"]))),
         children: links.map(function (link, idx) {
           return /*#__PURE__*/_jsx("li", {
-            className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["truncate"]))),
+            className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["overflow-hidden"]))),
             children: /*#__PURE__*/_jsx(SidebarGroupLink, _objectSpread(_objectSpread({}, link), {}, {
               active: activeLinkIndex === idx
             }))

package/esm/index.d.ts

@@ -3,6 +3,7 @@ export { default as colors } from "./styles/colors";
 export { default as brandColors } from "./styles/brandColors";
 export { default as stl } from "./styles/helpers/satellitePrefixer";
 export { default as makePurgeCssExtractor } from "./styles/helpers/makePurgeCssExtractor";
+export * from "./utils/NumberUnion";
 export * from "./utils/parseUrl";
 export * from "./utils/useLinkProps";
 export * from "./AnnouncementBadge";

package/esm/index.js

@@ -3,6 +3,7 @@ export { default as colors } from "./styles/colors";
 export { default as brandColors } from "./styles/brandColors";
 export { default as stl } from "./styles/helpers/satellitePrefixer";
 export { default as makePurgeCssExtractor } from "./styles/helpers/makePurgeCssExtractor";
+export * from "./utils/NumberUnion";
 export * from "./utils/parseUrl";
 export * from "./utils/useLinkProps";
 export * from "./AnnouncementBadge";

package/esm/utils/NumberUnion.d.ts

@@ -0,0 +1,5 @@
+declare type AscendingArray<length extends number, accumulator extends Array<number> = []> = accumulator["length"] extends length ? accumulator : AscendingArray<length, [...accumulator, accumulator["length"]]>;
+declare type ArrayToUnion<T extends Array<any>> = T[number];
+/** example: `NumberUnion<3> = 1 | 2 | 3` */
+export declare type NumberUnion<T extends number> = Exclude<ArrayToUnion<AscendingArray<T>>, 0> | T;
+export {};

package/esm/utils/NumberUnion.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.155",
+  "version": "1.0.0-beta.156",
   "description": "Algolia design system React components",
   "scripts": {
     "clean": "rimraf dist",