@algolia/satellite 2.0.0 → 2.1.0

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableFooter = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../../../styles/helpers/satellitePrefixer"));
+var _satellitePrefixer = _interopRequireDefault(require("./../../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var TableFooter = exports.TableFooter = function TableFooter(_ref) {

package/dist/cjs/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/cjs/Layout/index.js

@@ -14,6 +14,17 @@ Object.keys(_Card).forEach(function (key) {
     }
   });
 });
+var _CollapsibleCard = require("./CollapsibleCard");
+Object.keys(_CollapsibleCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollapsibleCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CollapsibleCard[key];
+    }
+  });
+});
 var _FlexGrid = require("./FlexGrid");
 Object.keys(_FlexGrid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -10,8 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../utils/useLinkProps");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = require("./../../utils/useLinkProps");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var _excluded = ["href", "onClick", "className"];

package/dist/cjs/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/cjs/Navigation/Link/Link.js

@@ -10,9 +10,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _Icons = require("../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../utils/useLinkProps");
+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;
 var _excluded = ["className", "children", "startIcon", "endIcon", "href", "onClick"];
@@ -21,7 +21,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * 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.
  */
 var Link = exports.Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,

package/dist/cjs/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/cjs/Navigation/Pagination/CompactPagination/CompactPagination.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.isIndeterminateCompactPaginationProps = exports.isDeterminateCompactPaginationProps = exports.CompactPagination = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _Actions = require("../../../Actions");
-var _Icons = require("../../../Icons");
-var _Satellite = require("../../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _Actions = require("./../../../Actions");
+var _Icons = require("./../../../Icons");
+var _Satellite = require("./../../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -37,7 +37,7 @@ var isIndeterminateCompactPaginationProps = exports.isIndeterminateCompactPagina
 /**
  * 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.
  */
 var CompactPagination = exports.CompactPagination = function CompactPagination(props) {
   var _props$label;

package/dist/cjs/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/cjs/Navigation/Pagination/DotPagination/DotPagination.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.DotPagination = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _Satellite = require("../../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _Satellite = require("./../../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -21,7 +21,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.
  */
 var DotPagination = exports.DotPagination = function DotPagination(_ref) {
   var currentPage = _ref.currentPage,

package/dist/cjs/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/cjs/Navigation/Pagination/Pagination/Pagination.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Pagination = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Actions = require("../../../Actions");
-var _Icons = require("../../../Icons");
-var _Satellite = require("../../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _range = require("../../../utils/range");
+var _Actions = require("./../../../Actions");
+var _Icons = require("./../../../Icons");
+var _Satellite = require("./../../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
+var _range = require("./../../../utils/range");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -54,7 +54,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.
  */
 var Pagination = exports.Pagination = function Pagination(_ref2) {
   var currentPage = _ref2.currentPage,

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

@@ -10,11 +10,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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 _Icons = require("./../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _getTextFromReactNode = require("./../../utils/getTextFromReactNode");
+var _uniqueId = require("./../../utils/uniqueId");
 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, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38;

package/dist/cjs/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/cjs/Navigation/Stepper/Stepper.js

@@ -11,11 +11,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _Satellite = require("../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _Step = require("./Step");
 var _StepperContext = require("./StepperContext");
 var _utils = require("./utils");
+var _Satellite = require("./../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["steps", "activeStep", "onStepChange", "size", "orientation", "connectors", "locale", "className"];
@@ -35,6 +35,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.
+ */
 var Stepper = exports.Stepper = function Stepper(_ref) {
   var steps = _ref.steps,
     customActiveStep = _ref.activeStep,

package/dist/cjs/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/cjs/Navigation/Tabs/ContentTabs/ContentTabs.js

@@ -8,11 +8,16 @@ exports.ContentTabs = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _reactTabs = require("@radix-ui/react-tabs");
 var _clsx = _interopRequireDefault(require("clsx"));
-var _Indicators = require("../../../Indicators");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _utils = require("../utils");
+var _Indicators = require("./../../../Indicators");
+var _utils = require("./../utils");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/**
+ * 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.
+ */
 var ContentTabs = exports.ContentTabs = function ContentTabs(_ref) {
   var className = _ref.className,
     tabs = _ref.tabs,

package/dist/cjs/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/cjs/Navigation/Tabs/LinkTabs/LinkTabs.js

@@ -8,9 +8,9 @@ exports.defaultUrlMatcher = exports.LinkTabs = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useLocation = _interopRequireDefault(require("react-use/lib/useLocation"));
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _matchLocation = require("../../../utils/matchLocation");
-var _LinkTab = require("../components/LinkTab");
+var _LinkTab = require("./../components/LinkTab");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
+var _matchLocation = require("./../../../utils/matchLocation");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var defaultUrlMatcher = exports.defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
@@ -22,7 +22,7 @@ var defaultUrlMatcher = exports.defaultUrlMatcher = function defaultUrlMatcher(t
 /**
  * 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.
  */
 var LinkTabs = exports.LinkTabs = function LinkTabs(_ref) {
   var className = _ref.className,

package/dist/cjs/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/cjs/Navigation/Tabs/components/LinkTab.js

@@ -8,10 +8,10 @@ exports.LinkTab = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _Indicators = require("../../../Indicators");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../../utils/useLinkProps");
-var _utils = require("../utils");
+var _Indicators = require("./../../../Indicators");
+var _utils = require("./../utils");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = require("./../../../utils/useLinkProps");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
   grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tab-grey"]))),

package/dist/cjs/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/cjs/Overlay/MenuButton/MenuButton.js

@@ -23,7 +23,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * 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.
  */
 var MenuButton = exports.MenuButton = function MenuButton(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Root, _objectSpread({}, props));

package/dist/cjs/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/cjs/Overlay/MenuButton/components/Content.js

@@ -10,16 +10,17 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _reactDropdownMenu = require("@radix-ui/react-dropdown-menu");
 var _clsx = _interopRequireDefault(require("clsx"));
-var _Layout = require("../../../Layout");
-var _Satellite = require("../../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _react = require("react");
 var _collapsible = require("./collapsible");
+var _Layout = require("./../../../Layout");
+var _Satellite = require("./../../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
 var _excluded = ["children", "className"];
 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 Content = exports.Content = function Content(_ref) {
+var Content = exports.Content = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -28,7 +29,8 @@ var Content = exports.Content = function Content(_ref) {
     align: "start",
     side: "bottom",
     sideOffset: 15,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["z-dropdown min-w-64 max-w-128"]))), className)
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["z-dropdown min-w-64 max-w-128"]))), className),
+    ref: ref
   }, rest), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapsible.CollapsibleItemsSingleGroup, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layout.Card, {
@@ -39,4 +41,5 @@ var Content = exports.Content = function Content(_ref) {
       })
     })
   })));
-};
+});
+Content.displayName = "MenuButton.Content";

package/dist/cjs/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/cjs/Overlay/MenuButton/components/CustomTrigger.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CustomTrigger = exports.CustomTrigger = function CustomTrigger(_ref) {
+var CustomTrigger = exports.CustomTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var childElement = _react.Children.only(children);
@@ -26,6 +26,8 @@ var CustomTrigger = exports.CustomTrigger = function CustomTrigger(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Trigger, _objectSpread(_objectSpread({}, props), {}, {
     disabled: childElement.props.disabled,
     asChild: true,
+    ref: ref,
     children: children
   }));
-};
+});
+CustomTrigger.displayName = "MenuButton.CustomTrigger";

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

@@ -10,8 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
 var _react = require("react");
-var _Actions = require("../../../Actions");
-var _Icons = require("../../../Icons");
+var _Actions = require("./../../../Actions");
+var _Icons = require("./../../../Icons");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -31,4 +31,4 @@ var DefaultTrigger = exports.DefaultTrigger = /*#__PURE__*/(0, _react.forwardRef
     }))
   });
 });
-DefaultTrigger.displayName = "MenuButtonDefaultTrigger";
+DefaultTrigger.displayName = "MenuButton.DefaultTrigger";

package/dist/cjs/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>>;

package/dist/cjs/Overlay/MenuButton/components/Divider.js

@@ -8,13 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.Divider = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _react = require("react");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Divider = exports.Divider = function Divider() {
+var Divider = exports.Divider = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Separator, {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"]))),
+    ref: ref
   });
-};
+});
+Divider.displayName = "MenuButton.Divider";

package/dist/cjs/Overlay/MenuButton/components/Label.d.ts

@@ -1,3 +1,4 @@
-import type { FC, PropsWithChildren } from "react";
-export declare type LabelProps = JSX.IntrinsicElements["span"];
+import { type DropdownMenuLabelProps } from "@radix-ui/react-dropdown-menu";
+import { type FC, type PropsWithChildren } from "react";
+export declare type LabelProps = DropdownMenuLabelProps;
 export declare const Label: FC<PropsWithChildren<LabelProps>>;

package/dist/cjs/Overlay/MenuButton/components/Label.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,23 +8,24 @@ exports.Label = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _reactDropdownMenu = require("@radix-ui/react-dropdown-menu");
 var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _react = require("react");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var _excluded = ["className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Label = exports.Label = function Label(_ref) {
+var Label = exports.Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Label, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDropdownMenu.Label, {
     asChild: true,
+    ref: ref,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, props), {}, {
       className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center h-10 px-4\n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]))), className)
     }))
   });
-};
+});
+Label.displayName = "MenuButton.Label";

package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.d.ts

@@ -1,8 +1,10 @@
-import type { FC, MouseEvent, PropsWithChildren, ReactNode } from "react";
+import type { MouseEvent, ReactNode } from "react";
 export interface CollapsibleItemProps {
     title: ReactNode;
     name?: string;
     expanded?: boolean;
     onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
 }
-export declare const CollapsibleItem: FC<PropsWithChildren<CollapsibleItemProps>>;
+export declare const CollapsibleItem: import("react").ForwardRefExoticComponent<CollapsibleItemProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;