@algolia/satellite 1.0.0-beta.174 → 1.0.0-beta.176

package/cjs/AutoComplete/AutoComplete.js

@@ -24,7 +24,7 @@ var _ScrollIndicator = _interopRequireDefault(require("../ScrollIndicator"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _Tag = _interopRequireDefault(require("../Tag"));
 var _uniqBy = _interopRequireDefault(require("../utils/uniqBy"));
-var _AutocompleteContext = require("./components/AutocompleteContext");
+var _AutoCompleteContext = require("./components/AutoCompleteContext");
 var _AutoCompleteEmptyState = _interopRequireDefault(require("./components/AutoCompleteEmptyState"));
 var _DefaultOptionItem = require("./components/DefaultOptionItem");
 var _utils = require("./utils");
@@ -299,20 +299,15 @@ var AutoComplete = exports.AutoComplete = function AutoComplete(_ref) {
   var shouldShowDefaultEmptyState = emptyState === undefined && !!inputValue.length;
   var shouldShowEmptyState = !!emptyState;
   var hideMenu = !combobox.isOpen || items.length === 0 && !shouldShowEmptyState && !shouldShowDefaultEmptyState;
-  var OptionItem = (0, _react.useMemo)(function () {
-    return optionItemComponent !== null && optionItemComponent !== void 0 ? optionItemComponent : function (props) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultOptionItem.DefaultOptionItem, _objectSpread(_objectSpread({}, props), {}, {
-        locale: locale
-      }));
-    };
-  }, [optionItemComponent, locale]);
+  var OptionItem = optionItemComponent !== null && optionItemComponent !== void 0 ? optionItemComponent : _DefaultOptionItem.DefaultOptionItem;
   (0, _react.useEffect)(function () {
     updateRef(internalsRef, {
       inputRef: inputRef,
       inputValue: inputValue
     });
   }, [inputRef, internalsRef, inputValue]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutocompleteContext.AutocompleteProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoCompleteContext.AutoCompleteProvider, {
+    locale: locale,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex"]))), className),
       ref: function ref(el) {

package/cjs/AutoComplete/components/AutoCompleteContext.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren, VFC } from "react";
+import type { AutoCompleteLocale } from "../types";
+declare type AutoCompleteContextType = {
+    locale: Required<AutoCompleteLocale>;
+};
+declare type AutoCompleteProviderProps = PropsWithChildren<AutoCompleteContextType>;
+export declare const AutoCompleteProvider: VFC<AutoCompleteProviderProps>;
+export declare const useIsInsideAutoComplete: () => boolean;
+export declare const useAutoCompleteLocale: () => Required<AutoCompleteLocale>;
+export {};

package/cjs/AutoComplete/components/AutoCompleteContext.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsInsideAutoComplete = exports.useAutoCompleteLocale = exports.AutoCompleteProvider = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var AutoCompleteContext = /*#__PURE__*/(0, _react.createContext)(null);
+var AutoCompleteProvider = exports.AutoCompleteProvider = function AutoCompleteProvider(_ref) {
+  var locale = _ref.locale,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoCompleteContext.Provider, {
+    value: {
+      locale: locale
+    },
+    children: children
+  });
+};
+var useIsInsideAutoComplete = exports.useIsInsideAutoComplete = function useIsInsideAutoComplete() {
+  return !!(0, _react.useContext)(AutoCompleteContext);
+};
+var useAutoCompleteLocale = exports.useAutoCompleteLocale = function useAutoCompleteLocale() {
+  var context = (0, _react.useContext)(AutoCompleteContext);
+  if (!context) {
+    throw new Error("useAutoCompleteLocale must be used inside AutoCompleteProvider");
+  }
+  return context.locale;
+};

package/cjs/AutoComplete/components/DefaultOptionItem.js

@@ -5,10 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DefaultOptionItem = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _AutoCompleteContext = require("./AutoCompleteContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var metadataSpacer = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
   className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["px-1"]))),
   children: "\xB7"
@@ -17,12 +21,14 @@ var DefaultOptionItem = exports.DefaultOptionItem = function DefaultOptionItem(_
   var _locale$optionItemPre;
   var option = _ref.option,
     multiple = _ref.multiple,
-    locale = _ref.locale;
+    localeProp = _ref.locale;
+  var contextLocale = (0, _AutoCompleteContext.useAutoCompleteLocale)();
+  var locale = _objectSpread(_objectSpread({}, contextLocale), localeProp);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate py-2"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["font-semibold text-md text-grey-900"]))),
-      children: option["new"] ? "".concat(locale === null || locale === void 0 || (_locale$optionItemPre = locale.optionItemPrefix) === null || _locale$optionItemPre === void 0 ? void 0 : _locale$optionItemPre.call(locale, multiple), " ").concat(option.label) : option.label
+      children: option["new"] ? "".concat((_locale$optionItemPre = locale.optionItemPrefix) === null || _locale$optionItemPre === void 0 ? void 0 : _locale$optionItemPre.call(locale, multiple), " ").concat(option.label) : option.label
     }), option.metadata && option.metadata.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex text-grey-600"]))),
       children: option.metadata.map(function (metadata, idx) {

package/cjs/AutoComplete/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./AutoComplete";
 export * from "./components/DefaultOptionItem";
 export * from "./components/AutoCompleteEmptyState";
-export * from "./components/AutocompleteContext";
+export * from "./components/AutoCompleteContext";
 export * from "./types";
 export { defaultCreateFromInputValue } from "./utils";
 export { default } from "./AutoComplete";

package/cjs/AutoComplete/index.js

@@ -55,15 +55,15 @@ Object.keys(_AutoCompleteEmptyState).forEach(function (key) {
     }
   });
 });
-var _AutocompleteContext = require("./components/AutocompleteContext");
-Object.keys(_AutocompleteContext).forEach(function (key) {
+var _AutoCompleteContext = require("./components/AutoCompleteContext");
+Object.keys(_AutoCompleteContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AutocompleteContext[key]) return;
+  if (key in exports && exports[key] === _AutoCompleteContext[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _AutocompleteContext[key];
+      return _AutoCompleteContext[key];
     }
   });
 });

package/cjs/Button/Button.tailwind.js

@@ -13,6 +13,7 @@ var buttonPlugin = plugin(function (_ref) {
       position: "relative",
       borderRadius: theme("borderRadius.DEFAULT"),
       cursor: "pointer",
+      minWidth: "min-content",
       "&, &:hover": {
         textDecoration: "none"
       },

package/cjs/Button/PolymorphicButton.js

@@ -66,7 +66,7 @@ var PolymorphicButton = exports.PolymorphicButton = /*#__PURE__*/(0, _react.forw
       height: ICON_SIZE,
       className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"]))), iconClassNames)
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["truncate text-center px-1"]))), textClassNames),
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["whitespace-nowrap px-1"]))), textClassNames),
       children: children
     }), EndIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(EndIcon, {
       width: ICON_SIZE,

package/cjs/Dropdown/Dropdown.d.ts

@@ -35,10 +35,6 @@ declare type DropdownSubComponents = {
     Title: typeof DropdownTitle;
 };
 export declare const DEFAULT_DROPDOWN_POPPER_MODIFIERS: StrictModifier[];
-/**
- * The `Dropdown` component helps users select an item from a list of available options.
- *
- * See the [Dropdown documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
- */
+/** @deprecated use `MenuButton` instead */
 export declare const Dropdown: VFC<DropdownProps> & DropdownSubComponents;
 export default Dropdown;

package/cjs/Dropdown/Dropdown.js

@@ -35,13 +35,7 @@ var DEFAULT_DROPDOWN_POPPER_MODIFIERS = exports.DEFAULT_DROPDOWN_POPPER_MODIFIER
     offset: [0, 16]
   }
 }];
-
-/**
- * The `Dropdown` component helps users select an item from a list of available options.
- *
- * See the [Dropdown documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
- */
-var Dropdown = exports.Dropdown = function Dropdown(_ref) {
+var _Dropdown = function _Dropdown(_ref) {
   var _renderFooter;
   var _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
@@ -117,12 +111,15 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     })
   });
 };
-Dropdown.ButtonItem = _DropdownButtonItem["default"];
-Dropdown.LinkItem = _DropdownLinkItem["default"];
-Dropdown.RadioItem = _DropdownRadioItem["default"];
-Dropdown.ToggleItem = _DropdownToggleItem["default"];
-Dropdown.CollapsibleItem = _DropdownCollapsibleItem.DropdownCollapsibleItem;
-Dropdown.FooterItem = _DropdownFooterItem["default"];
-Dropdown.Divider = _DropdownDivider["default"];
-Dropdown.Title = _DropdownTitle["default"];
+_Dropdown.ButtonItem = _DropdownButtonItem["default"];
+_Dropdown.LinkItem = _DropdownLinkItem["default"];
+_Dropdown.RadioItem = _DropdownRadioItem["default"];
+_Dropdown.ToggleItem = _DropdownToggleItem["default"];
+_Dropdown.CollapsibleItem = _DropdownCollapsibleItem.DropdownCollapsibleItem;
+_Dropdown.FooterItem = _DropdownFooterItem["default"];
+_Dropdown.Divider = _DropdownDivider["default"];
+_Dropdown.Title = _DropdownTitle["default"];
+
+/** @deprecated use `MenuButton` instead */
+var Dropdown = exports.Dropdown = _Dropdown;
 var _default = exports["default"] = Dropdown;

package/cjs/Dropdown/DropdownButton.d.ts

@@ -7,5 +7,8 @@ export interface DropdownButtonProps extends Omit<ButtonProps, "title" | "endIco
     renderFooter?: (args: RenderTargetParams) => ReactNode;
     children: ReactNode;
 }
+/**
+ * @deprecated use `MenuButton` instead
+ */
 export declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default DropdownButton;

package/cjs/Dropdown/DropdownButton.js

@@ -15,6 +15,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "title", "renderFooter"];
 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; }
+/**
+ * @deprecated use `MenuButton` instead
+ */
 var DropdownButton = exports.DropdownButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     title = _ref.title,

package/cjs/Dropdown/components/DropdownButtonItem.d.ts

@@ -10,5 +10,6 @@ export declare type DropdownButtonItemProps = DropdownBaseItemProps<HTMLButtonEl
      */
     variant?: "default" | "destructive";
 };
+/** @deprecated */
 export declare const DropdownButtonItem: VFC<DropdownButtonItemProps>;
 export default DropdownButtonItem;

package/cjs/Dropdown/components/DropdownButtonItem.js

@@ -16,7 +16,7 @@ var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["toggle", "children", "variant", "startIcon"];
 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 DropdownButtonItem = exports.DropdownButtonItem = function DropdownButtonItem(props) {
+var _DropdownButtonItem = function _DropdownButtonItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
   // `toggle` is destructured here because we don't want it passed to the `button`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
@@ -38,7 +38,10 @@ var DropdownButtonItem = exports.DropdownButtonItem = function DropdownButtonIte
     })]
   }));
 };
-DropdownButtonItem.defaultProps = {
+_DropdownButtonItem.defaultProps = {
   toggle: true
 };
+
+/** @deprecated */
+var DropdownButtonItem = exports.DropdownButtonItem = _DropdownButtonItem;
 var _default = exports["default"] = DropdownButtonItem;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts

@@ -6,5 +6,6 @@ export interface DropdownCollapsibleItemProps {
     onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
     children: ReactNode;
 }
+/** @deprecated */
 export declare const DropdownCollapsibleItem: VFC<DropdownCollapsibleItemProps>;
 export default DropdownCollapsibleItem;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -14,6 +14,7 @@ var _utils = require("../../../utils");
 var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+/** @deprecated */
 var DropdownCollapsibleItem = exports.DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
   var title = _ref.title,
     name = _ref.name,

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts

@@ -4,4 +4,5 @@ export declare type DropdownCollapsibleItemsGroupProps = {
     onItemClick(name: string): void;
     children: ReactNode;
 };
+/** @deprecated */
 export declare const DropdownCollapsibleItemsGroup: VFC<DropdownCollapsibleItemsGroupProps>;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DropdownCollapsibleItemsGroup = void 0;
 var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
 var _jsxRuntime = require("react/jsx-runtime");
+/** @deprecated */
 var DropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
   var expandedItems = _ref.expandedItems,
     onItemClick = _ref.onItemClick,

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts

@@ -4,4 +4,5 @@ export interface DropdownCollapsibleItemsGroupContextInterface {
     onItemClick(name: string): void;
 }
 export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
+/** @deprecated */
 export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroupContext = void 0;
 var _react = require("react");
 var DropdownCollapsibleItemsGroupContext = exports.DropdownCollapsibleItemsGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/** @deprecated */
 var useDropdownCollapsibleItemsGroup = exports.useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
   var context = (0, _react.useContext)(DropdownCollapsibleItemsGroupContext);
   if (!context) {

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts

@@ -5,5 +5,6 @@ export declare type DropdownCollapsibleItemsMultiGroupProps = {
 };
 /**
  * Multiple collapsible item can be open at a given time
+ * @deprecated
  */
 export declare const DropdownCollapsibleItemsMultiGroup: VFC<DropdownCollapsibleItemsMultiGroupProps>;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js

@@ -12,6 +12,7 @@ var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Multiple collapsible item can be open at a given time
+ * @deprecated
  */
 var DropdownCollapsibleItemsMultiGroup = exports.DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
   var initialExpandedItems = _ref.initialExpandedItems,

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -5,5 +5,6 @@ export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
 };
 /**
  * Only one collapsible item can be open at a given time (unless you manually override)
+ * @deprecated
  */
 export declare const DropdownCollapsibleItemsSingleGroup: VFC<DropdownCollapsibleItemsExclusiveGroupProps>;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js

@@ -11,6 +11,7 @@ var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Only one collapsible item can be open at a given time (unless you manually override)
+ * @deprecated
  */
 var DropdownCollapsibleItemsSingleGroup = exports.DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
   var initialExpandedItem = _ref.initialExpandedItem,

package/cjs/Dropdown/components/DropdownDivider.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+/** @deprecated */
 export declare const DropdownDivider: () => JSX.Element;
 export default DropdownDivider;

package/cjs/Dropdown/components/DropdownDivider.js

@@ -9,6 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
+/** @deprecated */
 var DropdownDivider = exports.DropdownDivider = function DropdownDivider() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))

package/cjs/Dropdown/components/DropdownFooterItem.d.ts

@@ -4,5 +4,6 @@ declare type DropdownFooterItemProps = {
     className?: string;
     children: ReactNode;
 };
+/** @deprecated */
 export declare const DropdownFooterItem: VFC<DropdownFooterItemProps>;
 export default DropdownFooterItem;

package/cjs/Dropdown/components/DropdownFooterItem.js

@@ -15,6 +15,7 @@ var _templateObject;
 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; }
+/** @deprecated */
 var DropdownFooterItem = exports.DropdownFooterItem = function DropdownFooterItem(_ref) {
   var children = _ref.children,
     className = _ref.className,

package/cjs/Dropdown/components/DropdownLinkItem.d.ts

@@ -6,5 +6,6 @@ export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElem
     /** Left aligned icon */
     startIcon?: IconComponentType;
 };
+/** @deprecated */
 export declare const DropdownLinkItem: VFC<DropdownLinkItemProps>;
 export default DropdownLinkItem;

package/cjs/Dropdown/components/DropdownLinkItem.js

@@ -18,7 +18,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["toggle", "disabled", "startIcon", "className", "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) { (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 DropdownLinkItem = exports.DropdownLinkItem = function DropdownLinkItem(props) {
+var _DropdownLinkItem = function _DropdownLinkItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
   var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, props), dropdownItemProps));
   var isExternalLink = linkProps.target === "_blank";
@@ -46,7 +46,10 @@ var DropdownLinkItem = exports.DropdownLinkItem = function DropdownLinkItem(prop
     })]
   }));
 };
-DropdownLinkItem.defaultProps = {
+_DropdownLinkItem.defaultProps = {
   toggle: true
 };
+
+/** @deprecated */
+var DropdownLinkItem = exports.DropdownLinkItem = _DropdownLinkItem;
 var _default = exports["default"] = DropdownLinkItem;

package/cjs/Dropdown/components/DropdownRadioItem.d.ts

@@ -4,5 +4,6 @@ import type { DropdownBaseItemProps } from "../useDropdownItemProps";
 export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
     children?: ReactNode;
 }
+/** @deprecated */
 export declare const DropdownRadioItem: VFC<DropdownRadioItemProps>;
 export default DropdownRadioItem;

package/cjs/Dropdown/components/DropdownRadioItem.js

@@ -16,7 +16,8 @@ var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["className", "toggle", "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) { (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 DropdownRadioItem = exports.DropdownRadioItem = function DropdownRadioItem(props) {
+/** @deprecated */
+var _DropdownRadioItem = function _DropdownRadioItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
   // `toggle` is destructured here because we don't want it passed to the `RadioButton`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
@@ -37,7 +38,10 @@ var DropdownRadioItem = exports.DropdownRadioItem = function DropdownRadioItem(p
     })
   });
 };
-DropdownRadioItem.defaultProps = {
+_DropdownRadioItem.defaultProps = {
   toggle: false
 };
+
+/** @deprecated */
+var DropdownRadioItem = exports.DropdownRadioItem = _DropdownRadioItem;
 var _default = exports["default"] = DropdownRadioItem;

package/cjs/Dropdown/components/DropdownTitle.d.ts

@@ -2,5 +2,6 @@ import type { ReactNode, VFC } from "react";
 export declare type DropdownTitleProps = JSX.IntrinsicElements["h4"] & {
     children: ReactNode;
 };
+/** @deprecated */
 export declare const DropdownTitle: VFC<DropdownTitleProps>;
 export default DropdownTitle;

package/cjs/Dropdown/components/DropdownTitle.js

@@ -15,6 +15,7 @@ var _templateObject;
 var _excluded = ["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; }
+/** @deprecated */
 var DropdownTitle = exports.DropdownTitle = function DropdownTitle(_ref) {
   var className = _ref.className,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);

package/cjs/Dropdown/components/DropdownToggleItem.d.ts

@@ -7,5 +7,6 @@ export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemPr
     startIcon?: IconComponentType;
     children?: ReactNode;
 }
+/** @deprecated */
 export declare const DropdownToggleItem: VFC<DropdownToggleItemProps>;
 export default DropdownToggleItem;

package/cjs/Dropdown/components/DropdownToggleItem.js

@@ -17,7 +17,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["className", "toggle", "startIcon", "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) { (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 DropdownToggleItem = exports.DropdownToggleItem = function DropdownToggleItem(props) {
+/** @deprecated */
+var _DropdownToggleItem = function _DropdownToggleItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
   // `toggle` is destructured here because we don't want it passed to the `Toggle`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
@@ -40,7 +41,10 @@ var DropdownToggleItem = exports.DropdownToggleItem = function DropdownToggleIte
     }, toggleProps))]
   });
 };
-DropdownToggleItem.defaultProps = {
+_DropdownToggleItem.defaultProps = {
   toggle: false
 };
+
+/** @deprecated */
+var DropdownToggleItem = exports.DropdownToggleItem = _DropdownToggleItem;
 var _default = exports["default"] = DropdownToggleItem;

package/cjs/EmptyState/EmptyState.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.EmptyState = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _FlexGrid = _interopRequireDefault(require("../FlexGrid"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
-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;
+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;
 var CONTAINER_CONTEXT_CLASSNAMES = {
   result: {
     medium: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["max-w-xs"]))),
@@ -78,16 +77,12 @@ var renderEmptyState = function renderEmptyState(_ref) {
       }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: descriptionClassNames,
         children: description
-      }), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlexGrid["default"], {
-        className: actionsClassNames,
-        alignment: centered ? "center" : "leading",
-        distribution: centered ? "center" : "leading",
-        direction: actionsDirection !== null && actionsDirection !== void 0 ? actionsDirection : centered ? "column" : "row",
-        spacing: "sm",
+      }), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["flex gap-2"]))), centered ? (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["items-center justify-center"]))) : (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["items-start justify-start"]))), actionsDirection === "column" || centered ? (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2["default"])(["flex-row"]))), actionsClassNames),
         children: actions
       })]
     }), !centered && usageContext === "page" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"]))),
+      className: (0, _satellitePrefixer["default"])(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2["default"])(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"]))),
       children: pageIllustration
     })]
   });

package/cjs/MenuButton/MenuButton.d.ts

@@ -1,25 +1,27 @@
 /// <reference types="react" />
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
-import type { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export declare type MenuButtonProps = DropdownMenuProps;
-export declare type MenuButtonContentProps = Omit<DropdownMenuContentProps, "asChild">;
-export declare const Content: ({ children, align, side, className }: MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-declare const ExperimentalMenuButton: {
+/**
+ * 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.
+ */
+export declare const MenuButton: {
     ({ ...props }: MenuButtonProps): JSX.Element;
-    Content: ({ children, align, side, className }: MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     CollapsibleItem: import("react").FC<import("./components/collapsible").CollapsibleItemProps>;
-    CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
     CollapsibleItemsMultipleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsMultiGroupProps>;
+    CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
+    Content: ({ children, align, side, className }: import("./components/Content").MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
     Divider: () => JSX.Element;
+    Item: import("react").FC<import("./components/items").ItemProps>;
     Label: import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-    Trigger: import("react").FC<import("./components/DefaultTrigger").DefaultTriggerProps>;
-    CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
-    ButtonItem: import("react").FC<import("./components/items").ButtonItemProps>;
     LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
+    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
     RadioItem: import("react").FC<import("./components/items").RadioItemProps>;
     ToggleItem: import("react").FC<import("./components/items").ToggleItemProps>;
-    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("./components/DefaultTrigger").DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     displayName: string;
 };
-export default ExperimentalMenuButton;
+export default MenuButton;