@algolia/satellite 1.0.0-beta.173 → 1.0.0-beta.175

package/cjs/Icons/utils.d.ts

@@ -0,0 +1 @@
+export declare function getUniqueIconId(): string;

package/cjs/Icons/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUniqueIconId = getUniqueIconId;
+var _utils = require("../utils");
+function getUniqueIconId() {
+  return (0, _utils.uniqueId)("satellite-icon-");
+}

package/cjs/Input/Input.d.ts

@@ -1,5 +1,5 @@
 import type { InputHTMLAttributes, ReactNode } from "react";
-import type { IconComponentType } from "../types";
+import type { IconComponentType } from "../Icons";
 export declare type InputVariant = "small" | "medium" | "large";
 export declare type InputStatus = "default" | "validated" | "invalid";
 export declare type InputPropsLocale = {

package/cjs/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import type { AnchorHTMLAttributes } from "react";
-import type { IconComponentType } from "../types";
+import type { IconComponentType } from "../Icons";
 export declare type LinkProps = {
     href: string;
     startIcon?: IconComponentType;

package/cjs/Medallion/Medallion.d.ts

@@ -1,5 +1,5 @@
 import type { VFC } from "react";
-import type { IconComponentType } from "../types";
+import type { IconComponentType } from "../Icons";
 import type { MedallionSize, MedallionVariant } from "./types";
 export interface MedallionProps {
     icon: IconComponentType;

package/cjs/MenuButton/MenuButton.d.ts

@@ -0,0 +1,25 @@
+/// <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: {
+    ({ ...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>;
+    Divider: () => JSX.Element;
+    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>;
+    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>>;
+    displayName: string;
+};
+export default ExperimentalMenuButton;

package/cjs/MenuButton/MenuButton.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Content = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Card = require("../Card");
+var _Satellite = require("../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _collapsible = require("./components/collapsible");
+var _CustomTrigger = _interopRequireDefault(require("./components/CustomTrigger"));
+var _DefaultTrigger = _interopRequireDefault(require("./components/DefaultTrigger"));
+var _Divider = _interopRequireDefault(require("./components/Divider"));
+var _items = require("./components/items");
+var _Label = _interopRequireDefault(require("./components/Label"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+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 && Object.prototype.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 MenuButton = function MenuButton(_ref) {
+  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Root, _objectSpread({}, props));
+};
+var Content = exports.Content = function Content(_ref2) {
+  var children = _ref2.children,
+    _ref2$align = _ref2.align,
+    align = _ref2$align === void 0 ? "start" : _ref2$align,
+    _ref2$side = _ref2.side,
+    side = _ref2$side === void 0 ? "bottom" : _ref2$side,
+    className = _ref2.className;
+  var createPortal = (0, _Satellite.useCreatePortal)();
+  return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Content, {
+    align: align,
+    side: side,
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["z-dropdown min-w-64 max-w-128"]))), className),
+    sideOffset: 15,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapsible.CollapsibleItemsSingleGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+        fullBleed: true,
+        elevation: "300",
+        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1 text-grey-900"]))),
+        children: children
+      })
+    })
+  }));
+};
+MenuButton.Content = Content;
+MenuButton.CollapsibleItem = _collapsible.CollapsibleItem;
+MenuButton.CollapsibleItemsSingleGroup = _collapsible.CollapsibleItemsSingleGroup;
+MenuButton.CollapsibleItemsMultipleGroup = _collapsible.CollapsibleItemsMultipleGroup;
+MenuButton.Divider = _Divider["default"];
+MenuButton.Label = _Label["default"];
+MenuButton.Trigger = _DefaultTrigger["default"];
+MenuButton.CustomTrigger = _CustomTrigger["default"];
+MenuButton.ButtonItem = _items.ButtonItem;
+MenuButton.LinkItem = _items.LinkItem;
+MenuButton.RadioItem = _items.RadioItem;
+MenuButton.ToggleItem = _items.ToggleItem;
+MenuButton.RadioGroup = DropdownMenu.RadioGroup;
+MenuButton.displayName = "MenuButton";
+var ExperimentalMenuButton = MenuButton;
+var _default = exports["default"] = ExperimentalMenuButton;

package/cjs/MenuButton/components/CustomTrigger.d.ts

@@ -0,0 +1,5 @@
+import type { DropdownMenuTriggerProps } from "@radix-ui/react-dropdown-menu";
+import type { FC } from "react";
+export declare type CustomTriggerProps = Omit<DropdownMenuTriggerProps, "asChild">;
+export declare const CustomTrigger: FC<CustomTriggerProps>;
+export default CustomTrigger;

package/cjs/MenuButton/components/CustomTrigger.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CustomTrigger = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 && Object.prototype.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 props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Trigger, _objectSpread(_objectSpread({}, props), {}, {
+    asChild: true
+  }));
+};
+var _default = exports["default"] = CustomTrigger;

package/cjs/MenuButton/components/DefaultTrigger.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from "react";
+import type { ButtonProps } from "../../Button";
+export declare type DefaultTriggerProps = Omit<ButtonProps, "endIcon">;
+export declare const DefaultTrigger: FC<DefaultTriggerProps>;
+export default DefaultTrigger;

package/cjs/MenuButton/components/DefaultTrigger.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DefaultTrigger = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _reactFeather = require("react-feather");
+var _Button = _interopRequireDefault(require("../../Button"));
+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); }
+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 && Object.prototype.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 DefaultTrigger = exports.DefaultTrigger = function DefaultTrigger(_ref) {
+  var children = _ref.children,
+    buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Trigger, {
+    asChild: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({
+      endIcon: _reactFeather.ChevronDown
+    }, buttonProps), {}, {
+      children: children
+    }))
+  });
+};
+var _default = exports["default"] = DefaultTrigger;

package/cjs/MenuButton/components/Divider.d.ts

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

package/cjs/MenuButton/components/Divider.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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 _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 && Object.prototype.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() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Separator, {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
+  });
+};
+var _default = exports["default"] = Divider;

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

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+export declare type LabelProps = JSX.IntrinsicElements["span"];
+export declare const Label: FC<LabelProps>;
+export default Label;

package/cjs/MenuButton/components/Label.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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 _clsx = _interopRequireDefault(require("clsx"));
+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 && Object.prototype.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 className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Label, {
+    asChild: true,
+    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)
+    }))
+  });
+};
+var _default = exports["default"] = Label;

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

@@ -0,0 +1,9 @@
+import type { FC, 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<CollapsibleItemProps>;
+export default CollapsibleItem;

package/cjs/MenuButton/components/collapsible/CollapsibleItem.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CollapsibleItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _react = require("react");
+var _reactFeather = require("react-feather");
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _utils = require("../../../utils");
+var _CollapsibleItemsGroupContext = require("./CollapsibleItemsGroupContext");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 && Object.prototype.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 CollapsibleItem = exports.CollapsibleItem = function CollapsibleItem(_ref) {
+  var title = _ref.title,
+    name = _ref.name,
+    expanded = _ref.expanded,
+    _onClick = _ref.onClick,
+    children = _ref.children;
+  var _useCollapsibleItemsG = (0, _CollapsibleItemsGroupContext.useCollapsibleItemsGroup)(),
+    expandedItems = _useCollapsibleItemsG.expandedItems,
+    onItemClick = _useCollapsibleItemsG.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);
+  var OpenIndicator = isExpanded ? _reactFeather.ChevronDown : _reactFeather.ChevronRight;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col"]))),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownMenu.Item, {
+      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        "]))),
+      onSelect: function onSelect(evt) {
+        return evt.preventDefault();
+      },
+      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
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(OpenIndicator, {
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
+        size: "1.25em"
+      })]
+    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
+      children: children
+    })]
+  });
+};
+var _default = exports["default"] = CollapsibleItem;

package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroup.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from "react";
+export declare type CollapsibleItemsGroupProps = {
+    expandedItems: string[];
+    onItemClick(name: string): void;
+};
+export declare const CollapsibleItemsGroup: FC<CollapsibleItemsGroupProps>;

package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroup.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapsibleItemsGroup = void 0;
+var _CollapsibleItemsGroupContext = require("./CollapsibleItemsGroupContext");
+var _jsxRuntime = require("react/jsx-runtime");
+var CollapsibleItemsGroup = exports.CollapsibleItemsGroup = function CollapsibleItemsGroup(_ref) {
+  var expandedItems = _ref.expandedItems,
+    onItemClick = _ref.onItemClick,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollapsibleItemsGroupContext.CollapsibleItemsGroupContext.Provider, {
+    value: {
+      expandedItems: expandedItems,
+      onItemClick: onItemClick
+    },
+    children: children
+  });
+};

package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface CollapsibleItemsGroupContextInterface {
+    expandedItems: readonly string[];
+    onItemClick(name: string): void;
+}
+export declare const CollapsibleItemsGroupContext: import("react").Context<CollapsibleItemsGroupContextInterface | null>;
+export declare const useCollapsibleItemsGroup: () => CollapsibleItemsGroupContextInterface;

package/cjs/MenuButton/components/collapsible/CollapsibleItemsGroupContext.js

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

package/cjs/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from "react";
+export declare type CollapsibleItemsMultiGroupProps = {
+    initialExpandedItems?: string[];
+};
+/**
+ * Multiple collapsible item can be open at a given time
+ */
+export declare const CollapsibleItemsMultipleGroup: FC<CollapsibleItemsMultiGroupProps>;

package/cjs/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapsibleItemsMultipleGroup = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _CollapsibleItemsGroup = require("./CollapsibleItemsGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Multiple collapsible item can be open at a given time
+ */
+var CollapsibleItemsMultipleGroup = exports.CollapsibleItemsMultipleGroup = function CollapsibleItemsMultipleGroup(_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)(_CollapsibleItemsGroup.CollapsibleItemsGroup, {
+    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/cjs/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from "react";
+export declare type CollapsibleItemsExclusiveGroupProps = {
+    initialExpandedItem?: string;
+};
+/**
+ * Only one collapsible item can be open at a given time (unless you manually override)
+ */
+export declare const CollapsibleItemsSingleGroup: FC<CollapsibleItemsExclusiveGroupProps>;

package/cjs/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapsibleItemsSingleGroup = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _CollapsibleItemsGroup = require("./CollapsibleItemsGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Only one collapsible item can be open at a given time (unless you manually override)
+ */
+var CollapsibleItemsSingleGroup = exports.CollapsibleItemsSingleGroup = function CollapsibleItemsSingleGroup(_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)(_CollapsibleItemsGroup.CollapsibleItemsGroup, {
+    expandedItems: expandedItems,
+    onItemClick: function onItemClick(name) {
+      return setExpandedItems(function (items) {
+        return items.includes(name) ? [] : [name];
+      });
+    },
+    children: children
+  });
+};

package/cjs/MenuButton/components/collapsible/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./CollapsibleItem";
+export * from "./CollapsibleItemsGroup";
+export * from "./CollapsibleItemsGroupContext";
+export * from "./CollapsibleItemsMultipleGroup";
+export * from "./CollapsibleItemsSingleGroup";

package/cjs/MenuButton/components/collapsible/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CollapsibleItem = require("./CollapsibleItem");
+Object.keys(_CollapsibleItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollapsibleItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CollapsibleItem[key];
+    }
+  });
+});
+var _CollapsibleItemsGroup = require("./CollapsibleItemsGroup");
+Object.keys(_CollapsibleItemsGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollapsibleItemsGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CollapsibleItemsGroup[key];
+    }
+  });
+});
+var _CollapsibleItemsGroupContext = require("./CollapsibleItemsGroupContext");
+Object.keys(_CollapsibleItemsGroupContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollapsibleItemsGroupContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CollapsibleItemsGroupContext[key];
+    }
+  });
+});
+var _CollapsibleItemsMultipleGroup = require("./CollapsibleItemsMultipleGroup");
+Object.keys(_CollapsibleItemsMultipleGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollapsibleItemsMultipleGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CollapsibleItemsMultipleGroup[key];
+    }
+  });
+});
+var _CollapsibleItemsSingleGroup = require("./CollapsibleItemsSingleGroup");
+Object.keys(_CollapsibleItemsSingleGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollapsibleItemsSingleGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CollapsibleItemsSingleGroup[key];
+    }
+  });
+});

package/cjs/MenuButton/components/items/ButtonItem.d.ts

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