@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/dist/cjs/Dropdown/DropdownButton.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import type { ButtonProps } from "../Button";
+import type { RenderTargetParams } from "./Dropdown";
+export interface DropdownButtonProps extends Omit<ButtonProps, "title" | "endIcon"> {
+    /** Descriptive title for `Dropdown` */
+    title: ReactNode;
+    renderFooter?: (args: RenderTargetParams) => ReactNode;
+    children: ReactNode;
+}
+/**
+ * @deprecated use `MenuButton` instead
+ */
+export declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/Dropdown/DropdownButton.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownButton = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _Button = require("../Button");
+var _Icons = require("../Icons");
+var _Dropdown = require("./Dropdown");
+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,
+    renderFooter = _ref.renderFooter,
+    buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var renderButton = function renderButton(_ref2) {
+    var toggle = _ref2.toggle;
+    var handleClick = function handleClick(evt) {
+      if (buttonProps.onClick) {
+        buttonProps.onClick(evt);
+      }
+      if (!evt.defaultPrevented) {
+        toggle();
+      }
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
+      onClick: handleClick,
+      endIcon: _Icons.ChevronDownIcon,
+      ref: ref,
+      children: title
+    }));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
+    renderTarget: renderButton,
+    renderFooter: renderFooter,
+    children: children
+  });
+});
+DropdownButton.displayName = "DropdownButton";

package/dist/cjs/Dropdown/DropdownContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface DropdownContextInterface {
+    showMenu(show: boolean): void;
+}
+export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
+export declare const useDropdownContext: () => DropdownContextInterface;

package/dist/cjs/Dropdown/DropdownContext.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDropdownContext = exports.DropdownContext = void 0;
+var _react = require("react");
+var DropdownContext = exports.DropdownContext = /*#__PURE__*/(0, _react.createContext)(null);
+var useDropdownContext = exports.useDropdownContext = function useDropdownContext() {
+  var context = (0, _react.useContext)(DropdownContext);
+  if (!context) {
+    throw new Error("useDropdownContext used outside DropdownContext");
+  }
+  return context;
+};

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

@@ -0,0 +1,14 @@
+import type { VFC } from "react";
+import type { IconComponentType } from "../../Icons";
+import type { DropdownBaseItemProps } from "../useDropdownItemProps";
+export declare type DropdownButtonItemProps = DropdownBaseItemProps<HTMLButtonElement> & JSX.IntrinsicElements["button"] & {
+    /** Left aligned icon */
+    startIcon?: IconComponentType;
+    /**
+     * Variant of the item
+     * @default default
+     */
+    variant?: "default" | "destructive";
+};
+/** @deprecated */
+export declare const DropdownButtonItem: VFC<DropdownButtonItemProps>;

package/dist/cjs/Dropdown/components/DropdownButtonItem.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownButtonItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _useDropdownItemProps = require("../useDropdownItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+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 = function _DropdownButtonItem(props) {
+  var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(props);
+  // `toggle` is destructured here because we don't want it passed to the `button`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
+    toggle = _props$dropdownItemPr.toggle,
+    children = _props$dropdownItemPr.children,
+    variant = _props$dropdownItemPr.variant,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+  var showDestructiveVariant = !props.disabled && variant === "destructive";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, mergedProps), {}, {
+    className: (0, _clsx["default"])(mergedProps.className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"])))),
+    children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
+      children: children
+    })]
+  }));
+};
+_DropdownButtonItem.defaultProps = {
+  toggle: true
+};
+
+/** @deprecated */
+var DropdownButtonItem = exports.DropdownButtonItem = _DropdownButtonItem;

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

@@ -0,0 +1,10 @@
+import type { MouseEvent, ReactNode, VFC } from "react";
+export interface DropdownCollapsibleItemProps {
+    title: ReactNode;
+    name?: string;
+    expanded?: boolean;
+    onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
+    children: ReactNode;
+}
+/** @deprecated */
+export declare const DropdownCollapsibleItem: VFC<DropdownCollapsibleItemProps>;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _Icons = require("../../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _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,
+    expanded = _ref.expanded,
+    _onClick = _ref.onClick,
+    children = _ref.children;
+  var _useDropdownCollapsib = (0, _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup)(),
+    expandedItems = _useDropdownCollapsib.expandedItems,
+    onItemClick = _useDropdownCollapsib.onItemClick;
+  var _useState = (0, _react.useState)(function () {
+      return (0, _utils.uniqueId)("ddci");
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
+    internalName = _useState2[0];
+  var itemName = name !== null && name !== void 0 ? name : internalName;
+  var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col"]))),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n          w-full h-10 px-4\n          flex items-center justify-between\n          text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n        "]))),
+      onClick: function onClick(evt) {
+        if (typeof expanded === "boolean") {
+          _onClick === null || _onClick === void 0 || _onClick(evt, itemName, expandedItems);
+        } else {
+          onItemClick(itemName);
+        }
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: title
+      }), isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
+        size: "1.25em"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronRightIcon, {
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
+        size: "1.25em"
+      })]
+    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
+      children: children
+    })]
+  });
+};

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

@@ -0,0 +1,8 @@
+import type { ReactNode, VFC } from "react";
+export declare type DropdownCollapsibleItemsGroupProps = {
+    expandedItems: string[];
+    onItemClick(name: string): void;
+    children: ReactNode;
+};
+/** @deprecated */
+export declare const DropdownCollapsibleItemsGroup: VFC<DropdownCollapsibleItemsGroupProps>;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroupContext.DropdownCollapsibleItemsGroupContext.Provider, {
+    value: {
+      expandedItems: expandedItems,
+      onItemClick: onItemClick
+    },
+    children: children
+  });
+};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface DropdownCollapsibleItemsGroupContextInterface {
+    expandedItems: readonly string[];
+    onItemClick(name: string): void;
+}
+export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
+/** @deprecated */
+export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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) {
+    throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
+  }
+  return context;
+};

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

@@ -0,0 +1,10 @@
+import type { ReactNode, VFC } from "react";
+export declare type DropdownCollapsibleItemsMultiGroupProps = {
+    initialExpandedItems?: string[];
+    children: ReactNode;
+};
+/**
+ * Multiple collapsible item can be open at a given time
+ * @deprecated
+ */
+export declare const DropdownCollapsibleItemsMultiGroup: VFC<DropdownCollapsibleItemsMultiGroupProps>;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItemsMultiGroup = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+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,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(function () {
+      return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    expandedItems = _useState2[0],
+    setExpandedItems = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
+    expandedItems: expandedItems,
+    onItemClick: function onItemClick(name) {
+      return setExpandedItems(function (items) {
+        return items.includes(name) ? items.filter(function (i) {
+          return i !== name;
+        }) : [].concat((0, _toConsumableArray2["default"])(items), [name]);
+      });
+    },
+    children: children
+  });
+};

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

@@ -0,0 +1,10 @@
+import type { ReactNode, VFC } from "react";
+export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
+    initialExpandedItem?: string;
+    children: ReactNode;
+};
+/**
+ * Only one collapsible item can be open at a given time (unless you manually override)
+ * @deprecated
+ */
+export declare const DropdownCollapsibleItemsSingleGroup: VFC<DropdownCollapsibleItemsExclusiveGroupProps>;

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItemsSingleGroup = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+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,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(function () {
+      return initialExpandedItem ? [initialExpandedItem] : [];
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    expandedItems = _useState2[0],
+    setExpandedItems = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
+    expandedItems: expandedItems,
+    onItemClick: function onItemClick(name) {
+      return setExpandedItems(function (items) {
+        return items.includes(name) ? [] : [name];
+      });
+    },
+    children: children
+  });
+};

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

@@ -0,0 +1,5 @@
+export * from "./DropdownCollapsibleItem";
+export * from "./DropdownCollapsibleItemsGroup";
+export * from "./DropdownCollapsibleItemsMultiGroup";
+export * from "./DropdownCollapsibleItemsSingleGroup";
+export { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";

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

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useDropdownCollapsibleItemsGroup: true
+};
+Object.defineProperty(exports, "useDropdownCollapsibleItemsGroup", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup;
+  }
+});
+var _DropdownCollapsibleItem = require("./DropdownCollapsibleItem");
+Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItem[key];
+    }
+  });
+});
+var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
+Object.keys(_DropdownCollapsibleItemsGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItemsGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItemsGroup[key];
+    }
+  });
+});
+var _DropdownCollapsibleItemsMultiGroup = require("./DropdownCollapsibleItemsMultiGroup");
+Object.keys(_DropdownCollapsibleItemsMultiGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItemsMultiGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItemsMultiGroup[key];
+    }
+  });
+});
+var _DropdownCollapsibleItemsSingleGroup = require("./DropdownCollapsibleItemsSingleGroup");
+Object.keys(_DropdownCollapsibleItemsSingleGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItemsSingleGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItemsSingleGroup[key];
+    }
+  });
+});
+var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");

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

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

package/dist/cjs/Dropdown/components/DropdownDivider.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownDivider = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+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/dist/cjs/Dropdown/components/DropdownFooterItem.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode, VFC } from "react";
+declare type DropdownFooterItemProps = {
+    /** @ignore */
+    className?: string;
+    children: ReactNode;
+};
+/** @deprecated */
+export declare const DropdownFooterItem: VFC<DropdownFooterItemProps>;
+export {};

package/dist/cjs/Dropdown/components/DropdownFooterItem.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownFooterItem = 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 _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+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,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (!children) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)
+  }, props), {}, {
+    children: children
+  }));
+};

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

@@ -0,0 +1,10 @@
+import type { VFC } from "react";
+import type { IconComponentType } from "../../Icons";
+import type { DropdownBaseItemProps } from "../useDropdownItemProps";
+export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElement> & JSX.IntrinsicElements["a"] & {
+    href: string;
+    /** Left aligned icon */
+    startIcon?: IconComponentType;
+};
+/** @deprecated */
+export declare const DropdownLinkItem: VFC<DropdownLinkItemProps>;

package/dist/cjs/Dropdown/components/DropdownLinkItem.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownLinkItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Icons = require("../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = require("../../utils/useLinkProps");
+var _useDropdownItemProps = require("../useDropdownItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+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 = function _DropdownLinkItem(props) {
+  var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(props);
+  var linkProps = (0, _useLinkProps.useLinkProps)(_objectSpread(_objectSpread({}, props), dropdownItemProps));
+  var isExternalLink = linkProps.target === "_blank";
+  // `toggle` and `disabled` is destructured here because we don't want them passed to the `a`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
+    toggle = _props$dropdownItemPr.toggle,
+    disabled = _props$dropdownItemPr.disabled,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    className = _props$dropdownItemPr.className,
+    children = _props$dropdownItemPr.children,
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className)
+  }, mergedProps), {}, {
+    children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 text-grey-500"]))),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full truncate"]))),
+      children: children
+    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
+      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["ml-1 shrink-0"]))),
+      size: "1em"
+    })]
+  }));
+};
+_DropdownLinkItem.defaultProps = {
+  toggle: true
+};
+
+/** @deprecated */
+var DropdownLinkItem = exports.DropdownLinkItem = _DropdownLinkItem;

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

@@ -0,0 +1,8 @@
+import type { ReactNode, VFC } from "react";
+import type { RadioButtonProps } from "../../RadioGroup";
+import type { DropdownBaseItemProps } from "../useDropdownItemProps";
+export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
+    children?: ReactNode;
+}
+/** @deprecated */
+export declare const DropdownRadioItem: VFC<DropdownRadioItemProps>;