@algolia/satellite 2.0.0 → 2.1.0

package/dist/esm/Layout/Tables/DataTable/components/Footer.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import { CompactPagination, Pagination } from "../../../../Navigation";
-import { isDeterminatePagination, isIndeterminatePagination } from "../utils";
+import { isDeterminatePagination, isIndeterminatePagination } from "./../utils";
+import { CompactPagination, Pagination } from "./../../../../Navigation";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DataTableFooter = function DataTableFooter(_ref) {
   var pagination = _ref.pagination,

package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts

@@ -1,4 +1,4 @@
-import type { AdvancedColumnDefinition, Sorting, SortingDirection } from "../types";
+import type { AdvancedColumnDefinition, Sorting, SortingDirection } from "../../../../Layout/Tables/DataTable/types";
 export interface DataTableHeaderProps<Item> {
     /** The columns to display in the header. */
     columns: AdvancedColumnDefinition<Item>[];

package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from "react";
-import type { AdvancedColumnDefinition, SortingDirection } from "../types";
+import type { AdvancedColumnDefinition, SortingDirection } from "../../../../Layout/Tables/DataTable/types";
 export interface DataTableHeaderCellProps<Item> extends HTMLAttributes<HTMLTableCellElement> {
     /** The column to display in the header cell. */
     column: AdvancedColumnDefinition<Item>;

package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.js

@@ -6,8 +6,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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) { _defineProperty(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; }
 import cx from "clsx";
-import { ChevronDownIcon, ChevronUpIcon } from "../../../../Icons";
-import stl from "../../../../styles/helpers/satellitePrefixer";
+import { ChevronDownIcon, ChevronUpIcon } from "./../../../../Icons";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var iconClassName = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["h-4 inline ml-1"])));
 export var DataTableHeaderCell = function DataTableHeaderCell(_ref) {

package/dist/esm/Layout/Tables/DataTable/components/Loader.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { DataTableLocale } from "../DataTable";
+import type { DataTableLocale } from "../../../../Layout/Tables/DataTable/DataTable";
 export interface DataTableLoaderProps {
     /** @ignore */
     className?: string;

package/dist/esm/Layout/Tables/DataTable/components/Loader.js

@@ -2,8 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject;
 import { useEffect, useState } from "react";
-import { EmptyState, ProgressSpinner } from "../../../../Indicators";
-import stl from "../../../../styles/helpers/satellitePrefixer";
+import { EmptyState, ProgressSpinner } from "./../../../../Indicators";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DataTableLoader = function DataTableLoader(_ref) {
   var className = _ref.className,

package/dist/esm/Layout/Tables/Table/Table.d.ts

@@ -25,6 +25,6 @@ export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTa
 /**
  * The `Table` component is used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *
- * See the [Table documentation page](https://satellite.algolia.com/layouts/table) for more information.
+ * See the [Table documentation page](https://satellite.algolia.com/8261d6576/p/56f8b4-table) for more information.
  */
 export declare const Table: FC<TableProps>;

package/dist/esm/Layout/Tables/Table/Table.js

@@ -6,13 +6,13 @@ var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"
 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) { _defineProperty(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; }
 import cx from "clsx";
-import stl from "../../../styles/helpers/satellitePrefixer";
 import { TableFooter } from "./components/TableFooter";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Table` component is used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *
- * See the [Table documentation page](https://satellite.algolia.com/layouts/table) for more information.
+ * See the [Table documentation page](https://satellite.algolia.com/8261d6576/p/56f8b4-table) for more information.
  */
 export var Table = function Table(_ref) {
   var className = _ref.className,

package/dist/esm/Layout/Tables/Table/components/TableFooter.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
 import cx from "clsx";
-import stl from "../../../../styles/helpers/satellitePrefixer";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var TableFooter = function TableFooter(_ref) {
   var _ref$size = _ref.size,

package/dist/esm/Layout/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Card";
+export * from "./CollapsibleCard";
 export * from "./FlexGrid";
 export * from "./Insert";
 export * from "./Sidebar";

package/dist/esm/Layout/index.js

@@ -1,4 +1,5 @@
 export * from "./Card";
+export * from "./CollapsibleCard";
 export * from "./FlexGrid";
 export * from "./Insert";
 export * from "./Sidebar";

package/dist/esm/Navigation/Link/BaseLink.js

@@ -7,8 +7,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import cx from "clsx";
 import { forwardRef } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useLinkProps } from "../../utils/useLinkProps";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "./../../utils/useLinkProps";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var BaseLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var href = _ref.href,

package/dist/esm/Navigation/Link/Link.d.ts

@@ -17,7 +17,7 @@ export declare type LinkProps = {
 /**
  * The `Link` component is used to display a link.
  *
- * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ * See the [Link documentation page](https://satellite.algolia.com/8261d6576/p/885fb5-link) for more information.
  */
 export declare const Link: import("react").ForwardRefExoticComponent<{
     /**

package/dist/esm/Navigation/Link/Link.js

@@ -7,14 +7,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import cx from "clsx";
 import { forwardRef } from "react";
-import { ExternalLinkIcon } from "../../Icons";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useLinkProps } from "../../utils/useLinkProps";
+import { ExternalLinkIcon } from "./../../Icons";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "./../../utils/useLinkProps";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Link` component is used to display a link.
  *
- * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ * See the [Link documentation page](https://satellite.algolia.com/8261d6576/p/885fb5-link) for more information.
  */
 export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,

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

@@ -53,7 +53,7 @@ export declare const isIndeterminateCompactPaginationProps: (props: CompactPagin
 /**
  * The `CompactPagination` component is used to help our users to move through an ordered collection of items represented by a page number and arrows.
  *
- * See the [Compact Pagination documentation page](https://satellite.algolia.com/components/navigation/compact-pagination) for more information.
+ * See the [Compact Pagination documentation page](https://satellite.algolia.com/8261d6576/p/39f2e9-pagination/b/8091e5) for more information.
  */
 export declare const CompactPagination: FC<CompactPaginationProps>;
 export {};

package/dist/esm/Navigation/Pagination/CompactPagination/CompactPagination.js

@@ -3,10 +3,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2;
 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) { _defineProperty(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; }
-import { IconButton } from "../../../Actions";
-import { ArrowLeftIcon, ArrowRightIcon, ChevronsLeftIcon, ChevronsRightIcon } from "../../../Icons";
-import { useLocale } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { IconButton } from "./../../../Actions";
+import { ArrowLeftIcon, ArrowRightIcon, ChevronsLeftIcon, ChevronsRightIcon } from "./../../../Icons";
+import { useLocale } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_COMPACT_PAGINATION_LOCALE = {
   goToFirstPage: "Go to first page",
@@ -30,7 +30,7 @@ export var isIndeterminateCompactPaginationProps = function isIndeterminateCompa
 /**
  * The `CompactPagination` component is used to help our users to move through an ordered collection of items represented by a page number and arrows.
  *
- * See the [Compact Pagination documentation page](https://satellite.algolia.com/components/navigation/compact-pagination) for more information.
+ * See the [Compact Pagination documentation page](https://satellite.algolia.com/8261d6576/p/39f2e9-pagination/b/8091e5) for more information.
  */
 export var CompactPagination = function CompactPagination(props) {
   var _props$label;

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

@@ -1,4 +1,4 @@
-import type { NumberUnion } from "utils/NumberUnion";
+import type { NumberUnion } from "../../../utils/NumberUnion";
 export declare type DotPaginationLocale = {
     goToPageText?(page: number): string;
 };
@@ -27,6 +27,6 @@ export declare type DotPaginationProps<T extends number> = {
 /**
  * The `DotPagination` component is used to help our users to move through an ordered collection of items represented by dots.
  *
- * See the [Dot Pagination documentation page](https://satellite.algolia.com/components/navigation/dot-pagination) for more information.
+ * See the [Dot Pagination documentation page](https://satellite.algolia.com/8261d6576/p/39f2e9-pagination/b/451eb9) for more information.
  */
 export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale, }: DotPaginationProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.js

@@ -3,8 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2;
 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) { _defineProperty(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; }
-import { useLocale } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { useLocale } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_DOT_PAGINATION_LOCALE = {
   goToPageText: function goToPageText(pageIdx) {
@@ -14,7 +14,7 @@ var DEFAULT_DOT_PAGINATION_LOCALE = {
 /**
  * The `DotPagination` component is used to help our users to move through an ordered collection of items represented by dots.
  *
- * See the [Dot Pagination documentation page](https://satellite.algolia.com/components/navigation/dot-pagination) for more information.
+ * See the [Dot Pagination documentation page](https://satellite.algolia.com/8261d6576/p/39f2e9-pagination/b/451eb9) for more information.
  */
 export var DotPagination = function DotPagination(_ref) {
   var currentPage = _ref.currentPage,

package/dist/esm/Navigation/Pagination/Pagination/Pagination.d.ts

@@ -29,6 +29,6 @@ export interface PaginationProps {
 /**
  * The `Pagination` component is used to help our users to move through an ordered collection of items.
  *
- * See the [Pagination documentation page](https://satellite.algolia.com/components/navigation/pagination) for more information.
+ * See the [Pagination documentation page](https://satellite.algolia.com/8261d6576/p/39f2e9-pagination) for more information.
  */
 export declare const Pagination: FC<PaginationProps>;

package/dist/esm/Navigation/Pagination/Pagination/Pagination.js

@@ -3,11 +3,11 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 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) { _defineProperty(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; }
-import { Button, ButtonGroup } from "../../../Actions";
-import { ArrowLeftIcon, ArrowRightIcon } from "../../../Icons";
-import { useLocale } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { range } from "../../../utils/range";
+import { Button, ButtonGroup } from "./../../../Actions";
+import { ArrowLeftIcon, ArrowRightIcon } from "./../../../Icons";
+import { useLocale } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
+import { range } from "./../../../utils/range";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_PAGINATION_LOCALE = {
   goToPage: function goToPage(index) {
@@ -47,7 +47,7 @@ var Group = function Group(_ref) {
 /**
  * The `Pagination` component is used to help our users to move through an ordered collection of items.
  *
- * See the [Pagination documentation page](https://satellite.algolia.com/components/navigation/pagination) for more information.
+ * See the [Pagination documentation page](https://satellite.algolia.com/8261d6576/p/39f2e9-pagination) for more information.
  */
 export var Pagination = function Pagination(_ref2) {
   var currentPage = _ref2.currentPage,

package/dist/esm/Navigation/Stepper/Step.js

@@ -7,11 +7,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import cx from "clsx";
 import { useMemo } from "react";
-import { CheckIcon } from "../../Icons";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { getTextFromReactNode } from "../../utils/getTextFromReactNode";
-import { uniqueId } from "../../utils/uniqueId";
 import { useStepperContext } from "./StepperContext";
+import { CheckIcon } from "./../../Icons";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { getTextFromReactNode } from "./../../utils/getTextFromReactNode";
+import { uniqueId } from "./../../utils/uniqueId";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BUTTON_SIZE_CLASSNAMES = {
   small: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["px-2.5 py-2"]))),

package/dist/esm/Navigation/Stepper/Stepper.d.ts

@@ -44,4 +44,9 @@ export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, "chil
      */
     locale?: StepperLocale;
 }
+/**
+ * The `Stepper` is an interactive, navigational component that visually guides users through multi-step processes in a linear, defined order.
+ *
+ * See the [Stepper documentation page](https://satellite.algolia.com/8261d6576/p/28fd3b-stepper) for more information.
+ */
 export declare const Stepper: FC<StepperProps>;

package/dist/esm/Navigation/Stepper/Stepper.js

@@ -8,11 +8,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import cx from "clsx";
 import { useRef, useState } from "react";
-import { useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
 import { Step } from "./Step";
 import { StepperContext } from "./StepperContext";
 import { useStepIndices } from "./utils";
+import { useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_TAG_LOCALE = {
   disabledStep: function disabledStep(stepName) {
@@ -28,6 +28,11 @@ var DEFAULT_TAG_LOCALE = {
     return "".concat(stepName, " completed");
   }
 };
+/**
+ * The `Stepper` is an interactive, navigational component that visually guides users through multi-step processes in a linear, defined order.
+ *
+ * See the [Stepper documentation page](https://satellite.algolia.com/8261d6576/p/28fd3b-stepper) for more information.
+ */
 export var Stepper = function Stepper(_ref) {
   var steps = _ref.steps,
     customActiveStep = _ref.activeStep,

package/dist/esm/Navigation/Tabs/ContentTabs/ContentTabs.d.ts

@@ -1,3 +1,8 @@
 import type { FC } from "react";
-import type { ContentTabsProps } from "../types";
+import type { ContentTabsProps } from "../../../Navigation/Tabs/types";
+/**
+ * The `ContentTabs` component is an easy way to organize content by grouping similar information on the same page. Use it to help users navigate between related views within the same context, especially when the number of views may be more than 3.
+ *
+ * See the [Tabs documentation page](https://satellite.algolia.com/8261d6576/p/58f428-tabs) for more information.
+ */
 export declare const ContentTabs: FC<ContentTabsProps>;

package/dist/esm/Navigation/Tabs/ContentTabs/ContentTabs.js

@@ -2,9 +2,15 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@radix-ui/react-tabs";
 import cx from "clsx";
-import { Badge } from "../../../Indicators";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "../utils";
+import { Badge } from "./../../../Indicators";
+import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "./../utils";
+import stl from "./../../../styles/helpers/satellitePrefixer";
+
+/**
+ * The `ContentTabs` component is an easy way to organize content by grouping similar information on the same page. Use it to help users navigate between related views within the same context, especially when the number of views may be more than 3.
+ *
+ * See the [Tabs documentation page](https://satellite.algolia.com/8261d6576/p/58f428-tabs) for more information.
+ */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var ContentTabs = function ContentTabs(_ref) {
   var className = _ref.className,

package/dist/esm/Navigation/Tabs/LinkTabs/LinkTabs.d.ts

@@ -1,9 +1,9 @@
 import type { FC } from "react";
-import type { LinkTabsProps, UrlMatcher } from "../types";
+import type { LinkTabsProps, UrlMatcher } from "../../../Navigation/Tabs/types";
 export declare const defaultUrlMatcher: UrlMatcher;
 /**
  * The `LinkTabs` component is an easy way to organize content by grouping similar information on the same page. Use it to help users navigate between related views within the same context, especially when the number of views may be more than 3.
  *
- * See the [Tabs documentation page](https://satellite.algolia.com/components/navigation/tabs) for more information.
+ * See the [Tabs documentation page](https://satellite.algolia.com/8261d6576/p/58f428-tabs) for more information.
  */
 export declare const LinkTabs: FC<LinkTabsProps>;

package/dist/esm/Navigation/Tabs/LinkTabs/LinkTabs.js

@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import cx from "clsx";
 import useLocation from "react-use/lib/useLocation";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { matchLocation } from "../../../utils/matchLocation";
-import { LinkTab } from "../components/LinkTab";
+import { LinkTab } from "./../components/LinkTab";
+import stl from "./../../../styles/helpers/satellitePrefixer";
+import { matchLocation } from "./../../../utils/matchLocation";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
   return matchLocation(tab.to, {
@@ -15,7 +15,7 @@ export var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
 /**
  * The `LinkTabs` component is an easy way to organize content by grouping similar information on the same page. Use it to help users navigate between related views within the same context, especially when the number of views may be more than 3.
  *
- * See the [Tabs documentation page](https://satellite.algolia.com/components/navigation/tabs) for more information.
+ * See the [Tabs documentation page](https://satellite.algolia.com/8261d6576/p/58f428-tabs) for more information.
  */
 export var LinkTabs = function LinkTabs(_ref) {
   var className = _ref.className,

package/dist/esm/Navigation/Tabs/components/LinkTab.d.ts

@@ -1,5 +1,5 @@
 import type { FC, MouseEventHandler } from "react";
-import type { LinkTab as LinkTabType } from "../types";
+import type { LinkTab as LinkTabType } from "../../../Navigation/Tabs/types";
 export interface LinkTabProps {
     tab: LinkTabType;
     onClick?: MouseEventHandler<HTMLAnchorElement>;

package/dist/esm/Navigation/Tabs/components/LinkTab.js

@@ -4,10 +4,10 @@ var _templateObject, _templateObject2;
 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) { _defineProperty(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; }
 import cx from "clsx";
-import { Badge } from "../../../Indicators";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { useLinkProps } from "../../../utils/useLinkProps";
-import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "../utils";
+import { Badge } from "./../../../Indicators";
+import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "./../utils";
+import stl from "./../../../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "./../../../utils/useLinkProps";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   var _ref;

package/dist/esm/Navigation/Tabs/utils.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-import stl from "../../styles/helpers/satellitePrefixer";
+import stl from "./../../styles/helpers/satellitePrefixer";
 export var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
   grey: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tab-grey"]))),
   accent: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tab-accent"]))),

package/dist/esm/Overlay/MenuButton/MenuButton.d.ts

@@ -5,21 +5,30 @@ export declare type MenuButtonProps = DropdownMenuProps;
 /**
  * The `MenuButton` component helps users select an item from a list of available options.
  *
- * See the [MenuButton documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
+ * See the [MenuButton documentation page](https://satellite.algolia.com/8261d6576/p/13e693-menu-button) for more information.
  */
 export declare const MenuButton: {
     (props: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
-    CollapsibleItem: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemProps>>;
+    CollapsibleItem: import("react").ForwardRefExoticComponent<import("./components/collapsible").CollapsibleItemProps & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsMultiGroupProps>>;
     CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>>;
-    Content: ({ children, className, ...rest }: import("./components/Content").MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    CustomTrigger: import("react").FC<import("react").PropsWithChildren<import("./components/CustomTrigger").CustomTriggerProps>>;
-    Divider: () => import("react/jsx-runtime").JSX.Element;
-    Item: import("react").FC<import("react").PropsWithChildren<import("./components/items").ItemProps>>;
-    Label: import("react").FC<import("react").PropsWithChildren<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>>;
-    LinkItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").LinkItemProps>>;
+    Content: import("react").ForwardRefExoticComponent<import("./components/Content").MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    CustomTrigger: import("react").ForwardRefExoticComponent<import("./components/CustomTrigger").CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Divider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & DropdownMenu.DropdownMenuItemProps & {
+        startIcon?: import("../..").IconComponentType | undefined;
+        variant?: "default" | "destructive" | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").FC<import("react").PropsWithChildren<DropdownMenu.DropdownMenuLabelProps>>;
+    LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
     RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").RadioItemProps>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Pick<DropdownMenu.DropdownMenuRadioItemProps, "value" | "defaultChecked"> & {
+        children?: import("react").ReactNode;
+    } & import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     ToggleItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").ToggleItemProps>>;
     Trigger: import("react").ForwardRefExoticComponent<import("./components/DefaultTrigger").DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     displayName: string;

package/dist/esm/Overlay/MenuButton/MenuButton.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The `MenuButton` component helps users select an item from a list of available options.
  *
- * See the [MenuButton documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
+ * See the [MenuButton documentation page](https://satellite.algolia.com/8261d6576/p/13e693-menu-button) for more information.
  */
 export var MenuButton = function MenuButton(props) {
   return /*#__PURE__*/_jsx(DropdownMenu.Root, _objectSpread({}, props));

package/dist/esm/Overlay/MenuButton/components/Content.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export declare type MenuButtonContentProps = Omit<DropdownMenuContentProps, "asChild">;
-export declare const Content: ({ children, className, ...rest }: MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const Content: import("react").ForwardRefExoticComponent<MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/Overlay/MenuButton/components/Content.js

@@ -7,12 +7,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { Content as DropdownMenuContent } from "@radix-ui/react-dropdown-menu";
 import cx from "clsx";
-import { Card } from "../../../Layout";
-import { useCreatePortal } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { forwardRef } from "react";
 import { CollapsibleItemsSingleGroup } from "./collapsible";
+import { Card } from "./../../../Layout";
+import { useCreatePortal } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Content = function Content(_ref) {
+export var Content = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -21,7 +22,8 @@ export var Content = function Content(_ref) {
     align: "start",
     side: "bottom",
     sideOffset: 15,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["z-dropdown min-w-64 max-w-128"]))), className)
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["z-dropdown min-w-64 max-w-128"]))), className),
+    ref: ref
   }, rest), {}, {
     children: /*#__PURE__*/_jsx(CollapsibleItemsSingleGroup, {
       children: /*#__PURE__*/_jsx(Card, {
@@ -32,4 +34,5 @@ export var Content = function Content(_ref) {
       })
     })
   })));
-};
+});
+Content.displayName = "MenuButton.Content";

package/dist/esm/Overlay/MenuButton/components/CustomTrigger.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import type { DropdownMenuTriggerProps } from "@radix-ui/react-dropdown-menu";
-import type { FC, PropsWithChildren } from "react";
 export declare type CustomTriggerProps = Omit<DropdownMenuTriggerProps, "asChild">;
-export declare const CustomTrigger: FC<PropsWithChildren<CustomTriggerProps>>;
+export declare const CustomTrigger: import("react").ForwardRefExoticComponent<CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/Overlay/MenuButton/components/CustomTrigger.js

@@ -4,9 +4,10 @@ var _excluded = ["children"];
 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) { _defineProperty(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; }
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { forwardRef } from "react";
 import { Children } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var CustomTrigger = function CustomTrigger(_ref) {
+export var CustomTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var childElement = Children.only(children);
@@ -16,6 +17,8 @@ export var CustomTrigger = function CustomTrigger(_ref) {
   return /*#__PURE__*/_jsx(DropdownMenu.Trigger, _objectSpread(_objectSpread({}, props), {}, {
     disabled: childElement.props.disabled,
     asChild: true,
+    ref: ref,
     children: children
   }));
-};
+});
+CustomTrigger.displayName = "MenuButton.CustomTrigger";

package/dist/esm/Overlay/MenuButton/components/DefaultTrigger.js

@@ -5,8 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { forwardRef } from "react";
-import { Button } from "../../../Actions";
-import { ChevronDownIcon } from "../../../Icons";
+import { Button } from "./../../../Actions";
+import { ChevronDownIcon } from "./../../../Icons";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DefaultTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -21,4 +21,4 @@ export var DefaultTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }))
   });
 });
-DefaultTrigger.displayName = "MenuButtonDefaultTrigger";
+DefaultTrigger.displayName = "MenuButton.DefaultTrigger";

package/dist/esm/Overlay/MenuButton/components/Divider.d.ts

@@ -1 +1,2 @@
-export declare const Divider: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const Divider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;