@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/cjs/MenuButton/components/items/Item.d.ts

@@ -0,0 +1,14 @@
+import type { DropdownMenuItemProps } from "@radix-ui/react-dropdown-menu";
+import type { FC } from "react";
+import type { IconComponentType } from "../../../Icons";
+import type { BaseItemProps } from "../../useMenuItemProps";
+export declare type ItemProps = BaseItemProps<HTMLDivElement> & DropdownMenuItemProps & {
+    /** Left aligned icon */
+    startIcon?: IconComponentType;
+    /**
+     * Variant of the item
+     * @default "default"
+     */
+    variant?: "default" | "destructive";
+};
+export declare const Item: FC<ItemProps>;

package/dist/cjs/MenuButton/components/items/Item.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = 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 DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _useMenuItemProps = require("../../useMenuItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["children", "variant", "startIcon"];
+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 Item = exports.Item = function Item(props) {
+  var itemProps = (0, _useMenuItemProps.useMenuItemProps)(props);
+  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
+    children = _props$itemProps.children,
+    variant = _props$itemProps.variant,
+    StartIcon = _props$itemProps.startIcon,
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$itemProps, _excluded);
+  var showDestructiveVariant = !props.disabled && variant === "destructive";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownMenu.Item, _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
+    })]
+  }));
+};

package/dist/cjs/MenuButton/components/items/LinkItem.d.ts

@@ -0,0 +1,16 @@
+import type { IconComponentType } from "Icons";
+import type { FC } from "react";
+import type { BaseItemProps } from "../../useMenuItemProps";
+declare type LinkItemNavigationType = "auto" | "reload" | "newTab";
+export declare type LinkItemProps = BaseItemProps & {
+    href: string;
+    /** Left aligned icon */
+    startIcon?: IconComponentType;
+    /**
+     * Configures how the link should be opened
+     * @default auto
+     * */
+    navigationType?: LinkItemNavigationType;
+};
+export declare const LinkItem: FC<LinkItemProps>;
+export {};

package/dist/cjs/MenuButton/components/items/LinkItem.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkItem = 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 DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _Icons = require("../../../Icons");
+var _Satellite = require("../../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _parseUrl = require("../../../utils/parseUrl");
+var _useMenuItemProps = require("../../useMenuItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["startIcon", "className", "children", "onClick", "navigationType"];
+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 LinkItem = exports.LinkItem = function LinkItem(props) {
+  var _useSatelliteContext = (0, _Satellite.useSatelliteContext)(),
+    router = _useSatelliteContext.router;
+  var itemProps = (0, _useMenuItemProps.useMenuItemProps)(props);
+  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
+    StartIcon = _props$itemProps.startIcon,
+    className = _props$itemProps.className,
+    children = _props$itemProps.children,
+    onClick = _props$itemProps.onClick,
+    _props$itemProps$navi = _props$itemProps.navigationType,
+    navigationType = _props$itemProps$navi === void 0 ? "auto" : _props$itemProps$navi,
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$itemProps, _excluded);
+  var href = router.transformHref(props.href || "");
+  var parsedLocation = (0, _react.useMemo)(function () {
+    return (0, _parseUrl.parseURL)(href);
+  }, [href]);
+  var isExternalLink = navigationType === "auto" ? router.shouldOpenInNewTab(parsedLocation) : navigationType === "newTab";
+  var onItemClick = function onItemClick(event) {
+    if (mergedProps.disabled) return;
+    onClick === null || onClick === void 0 || onClick(event);
+    if (event.defaultPrevented) return;
+    if (navigationType === "reload") {
+      window.location.assign(href);
+    } else if (isExternalLink) {
+      window.open(href, "_blank", "noopener noreferrer");
+    } else {
+      router.push({
+        url: href
+      });
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownMenu.Item, _objectSpread(_objectSpread({}, mergedProps), {}, {
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className),
+    onClick: onItemClick,
+    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 text-grey-500"]))),
+      size: "1em"
+    })]
+  }));
+};

package/dist/cjs/MenuButton/components/items/RadioItem.d.ts

@@ -0,0 +1,5 @@
+import type { DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
+import type { FC } from "react";
+import type { BaseItemProps } from "../../useMenuItemProps";
+export declare type RadioItemProps = Pick<DropdownMenuRadioItemProps, "value" | "defaultChecked"> & BaseItemProps<HTMLDivElement>;
+export declare const RadioItem: FC<RadioItemProps>;

package/dist/cjs/MenuButton/components/items/RadioItem.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioItem = 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 DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Icons = require("../../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _useMenuItemProps = require("../../useMenuItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["children", "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 RadioItem = exports.RadioItem = function RadioItem(props) {
+  var itemProps = (0, _useMenuItemProps.useMenuItemProps)(props);
+  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
+    children = _props$itemProps.children,
+    className = _props$itemProps.className,
+    radioProps = (0, _objectWithoutProperties2["default"])(_props$itemProps, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.RadioItem, _objectSpread(_objectSpread({}, radioProps), {}, {
+    className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["data-[state=checked]:bg-xenon-100"])))),
+    onSelect: function onSelect(e) {
+      return e.preventDefault();
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 flex items-start relative py-2 pr-5 overflow-hidden"]))),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"]))),
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.ItemIndicator, {
+        asChild: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.CheckIcon, {
+          className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["absolute right-0 text-accent-600 h-5"])))
+        })
+      })]
+    })
+  }));
+};
+RadioItem.displayName = "RadioItem";

package/dist/cjs/MenuButton/components/items/ToggleItem.d.ts

@@ -0,0 +1,7 @@
+import type { DropdownMenuCheckboxItemProps } from "@radix-ui/react-dropdown-menu";
+import type { IconComponentType } from "Icons";
+import type { FC } from "react";
+export interface ToggleItemProps extends Omit<DropdownMenuCheckboxItemProps, "asChild"> {
+    startIcon?: IconComponentType;
+}
+export declare const ToggleItem: FC<ToggleItemProps>;

package/dist/cjs/MenuButton/components/items/ToggleItem.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _Toggle = require("../../../Toggle");
+var _useMenuItemProps = require("../../useMenuItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["className", "checked", "defaultChecked", "disabled", "startIcon", "onSelect", "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 ToggleItem = exports.ToggleItem = function ToggleItem(props) {
+  var itemProps = (0, _useMenuItemProps.useMenuItemProps)(props);
+  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
+    className = _props$itemProps.className,
+    checked = _props$itemProps.checked,
+    defaultChecked = _props$itemProps.defaultChecked,
+    disabled = _props$itemProps.disabled,
+    StartIcon = _props$itemProps.startIcon,
+    _onSelect = _props$itemProps.onSelect,
+    children = _props$itemProps.children,
+    checkboxItemProps = (0, _objectWithoutProperties2["default"])(_props$itemProps, _excluded);
+  var isControlled = typeof checked === "boolean";
+  var _useState = (0, _react.useState)(isControlled ? checked : defaultChecked),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
+  var isChecked = isControlled ? checked : internalChecked;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.CheckboxItem, _objectSpread(_objectSpread({}, checkboxItemProps), {}, {
+    asChild: true,
+    disabled: disabled,
+    checked: isChecked,
+    onSelect: function onSelect(event) {
+      // we prevent the default behavior from Radix which consist in closing
+      // the menu when clicking on an item list while we want to keep it open
+      event.preventDefault();
+      _onSelect === null || _onSelect === void 0 || _onSelect(event);
+    },
+    onCheckedChange: function onCheckedChange(checked) {
+      var _props$onCheckedChang;
+      if (!isControlled) {
+        setInternalChecked(checked);
+      }
+      (_props$onCheckedChang = props.onCheckedChange) === null || _props$onCheckedChang === void 0 || _props$onCheckedChang.call(props, checked);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className),
+      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"])(["flex-1 truncate mr-4"]))),
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle.Toggle, {
+        decorative: true,
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"]))),
+        checked: isChecked,
+        disabled: disabled
+      })]
+    })
+  }));
+};

package/dist/cjs/MenuButton/components/items/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Item";
+export * from "./LinkItem";
+export * from "./RadioItem";
+export * from "./ToggleItem";

package/dist/cjs/MenuButton/components/items/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Item = require("./Item");
+Object.keys(_Item).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Item[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Item[key];
+    }
+  });
+});
+var _LinkItem = require("./LinkItem");
+Object.keys(_LinkItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinkItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LinkItem[key];
+    }
+  });
+});
+var _RadioItem = require("./RadioItem");
+Object.keys(_RadioItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadioItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RadioItem[key];
+    }
+  });
+});
+var _ToggleItem = require("./ToggleItem");
+Object.keys(_ToggleItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ToggleItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ToggleItem[key];
+    }
+  });
+});

package/dist/cjs/MenuButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./MenuButton";

package/dist/cjs/MenuButton/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _MenuButton = require("./MenuButton");
+Object.keys(_MenuButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuButton[key];
+    }
+  });
+});

package/dist/cjs/MenuButton/useMenuItemProps.d.ts

@@ -0,0 +1,10 @@
+import type { MouseEventHandler } from "react";
+export interface BaseItemProps<T extends HTMLElement = HTMLElement> {
+    className?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<T>;
+}
+export declare const useMenuItemProps: <T extends HTMLElement = HTMLElement>(props: BaseItemProps<T>) => {
+    className: string;
+    onClick: MouseEventHandler<T> | undefined;
+};

package/dist/cjs/MenuButton/useMenuItemProps.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuItemProps = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _templateObject;
+var useMenuItemProps = exports.useMenuItemProps = function useMenuItemProps(props) {
+  var className = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed outline-none pointer-events-none" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
+  return {
+    className: className,
+    onClick: props.onClick
+  };
+};