@algolia/satellite 1.1.0 → 1.1.2

package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.js

@@ -0,0 +1,40 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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) { _defineProperty(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; }
+import cx from "clsx";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { useDropdownItemProps } from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var _DropdownButtonItem = function _DropdownButtonItem(props) {
+  var dropdownItemProps = 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 = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
+  var showDestructiveVariant = !props.disabled && variant === "destructive";
+  return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({}, mergedProps), {}, {
+    className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
+      children: children
+    })]
+  }));
+};
+_DropdownButtonItem.defaultProps = {
+  toggle: true
+};
+
+/** @deprecated */
+export var DropdownButtonItem = _DropdownButtonItem;

package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -0,0 +1,53 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { useState } from "react";
+import { ChevronDownIcon, ChevronRightIcon } from "../../../../Icons";
+import stl from "../../../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "../../../../utils";
+import { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/** @deprecated */
+export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
+  var title = _ref.title,
+    name = _ref.name,
+    expanded = _ref.expanded,
+    _onClick = _ref.onClick,
+    children = _ref.children;
+  var _useDropdownCollapsib = useDropdownCollapsibleItemsGroup(),
+    expandedItems = _useDropdownCollapsib.expandedItems,
+    onItemClick = _useDropdownCollapsib.onItemClick;
+  var _useState = useState(function () {
+      return uniqueId("ddci");
+    }),
+    _useState2 = _slicedToArray(_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__*/_jsxs("div", {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
+    children: [/*#__PURE__*/_jsxs("button", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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__*/_jsx("div", {
+        children: title
+      }), isExpanded ? /*#__PURE__*/_jsx(ChevronDownIcon, {
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
+        size: "1.25em"
+      }) : /*#__PURE__*/_jsx(ChevronRightIcon, {
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-500"]))),
+        size: "1.25em"
+      })]
+    }), isExpanded && /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
+      children: children
+    })]
+  });
+};

package/dist/esm/Overlay/Dropdown/components/DropdownDivider.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import stl from "../../../styles/helpers/satellitePrefixer";
+
+/** @deprecated */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DropdownDivider = function DropdownDivider() {
+  return /*#__PURE__*/_jsx("div", {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
+  });
+};

package/dist/esm/Overlay/Dropdown/components/DropdownFooterItem.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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) { _defineProperty(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; }
+import cx from "clsx";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** @deprecated */
+export var DropdownFooterItem = function DropdownFooterItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!children) return null;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["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/esm/Overlay/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/esm/Overlay/Dropdown/components/DropdownLinkItem.js

@@ -0,0 +1,48 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import cx from "clsx";
+import { ExternalLinkIcon } from "../../../Icons";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "../../../utils/useLinkProps";
+import { useDropdownItemProps } from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var _DropdownLinkItem = function _DropdownLinkItem(props) {
+  var dropdownItemProps = useDropdownItemProps(props);
+  var linkProps = 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 = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
+  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
+  }, mergedProps), {}, {
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"]))),
+      children: children
+    }), isExternalLink && /*#__PURE__*/_jsx(ExternalLinkIcon, {
+      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["ml-1 shrink-0"]))),
+      size: "1em"
+    })]
+  }));
+};
+_DropdownLinkItem.defaultProps = {
+  toggle: true
+};
+
+/** @deprecated */
+export var DropdownLinkItem = _DropdownLinkItem;

package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.d.ts

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

package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.js

@@ -0,0 +1,40 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["className", "toggle", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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; }
+import { RadioButton } from "../../../Fields";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { useDropdownItemProps } from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/** @deprecated */
+var _DropdownRadioItem = function _DropdownRadioItem(props) {
+  var dropdownItemProps = useDropdownItemProps(props);
+  // `toggle` is destructured here because we don't want it passed to the `RadioButton`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
+    className = _props$dropdownItemPr.className,
+    toggle = _props$dropdownItemPr.toggle,
+    children = _props$dropdownItemPr.children,
+    radioProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
+  return /*#__PURE__*/_jsx("label", {
+    className: className,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex-1 flex items-start py-2 overflow-hidden"]))),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
+        children: children
+      }), /*#__PURE__*/_jsx(RadioButton, _objectSpread({
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mt-2px mr-2px"])))
+      }, radioProps))]
+    })
+  });
+};
+_DropdownRadioItem.defaultProps = {
+  toggle: false
+};
+
+/** @deprecated */
+export var DropdownRadioItem = _DropdownRadioItem;

package/dist/esm/Overlay/Dropdown/components/DropdownTitle.js

@@ -0,0 +1,18 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject;
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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; }
+import cx from "clsx";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** @deprecated */
+export var DropdownTitle = function DropdownTitle(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("h4", _objectSpread(_objectSpread({}, props), {}, {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center h-10 px-4\n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]))), className)
+  }));
+};

package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode, VFC } from "react";
+import type { ToggleProps } from "../../../Fields";
+import type { IconComponentType } from "../../../Icons";
+import type { DropdownBaseItemProps } from "../useDropdownItemProps";
+export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemProps<HTMLInputElement> {
+    /** Left aligned icon */
+    startIcon?: IconComponentType;
+    children?: ReactNode;
+}
+/** @deprecated */
+export declare const DropdownToggleItem: VFC<DropdownToggleItemProps>;

package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.js

@@ -0,0 +1,43 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["className", "toggle", "startIcon", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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; }
+import cx from "clsx";
+import { Toggle } from "../../../Fields";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { useDropdownItemProps } from "../useDropdownItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/** @deprecated */
+var _DropdownToggleItem = function _DropdownToggleItem(props) {
+  var dropdownItemProps = useDropdownItemProps(props);
+  // `toggle` is destructured here because we don't want it passed to the `Toggle`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
+    className = _props$dropdownItemPr.className,
+    toggle = _props$dropdownItemPr.toggle,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    children = _props$dropdownItemPr.children,
+    toggleProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
+  return /*#__PURE__*/_jsxs("label", {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
+      children: children
+    }), /*#__PURE__*/_jsx(Toggle, _objectSpread({
+      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["shrink-0"])))
+    }, toggleProps))]
+  });
+};
+_DropdownToggleItem.defaultProps = {
+  toggle: false
+};
+
+/** @deprecated */
+export var DropdownToggleItem = _DropdownToggleItem;

package/dist/esm/Overlay/Dropdown/useDropdownItemProps.js

@@ -0,0 +1,30 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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) { _defineProperty(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; }
+import cx from "clsx";
+import stl from "../../styles/helpers/satellitePrefixer";
+import { useDropdownContext } from "./DropdownContext";
+export var useDropdownItemProps = function useDropdownItemProps(props) {
+  var _useDropdownContext = useDropdownContext(),
+    showMenu = _useDropdownContext.showMenu;
+  var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
+  var disabledProps = props.disabled ? {
+    disabled: true,
+    "aria-disabled": true,
+    tabIndex: -1,
+    onClick: undefined
+  } : {};
+  return _objectSpread({
+    className: className,
+    onClick: function onClick(evt) {
+      if (props.onClick) {
+        props.onClick(evt);
+      }
+      if (!evt.defaultPrevented && props.toggle) {
+        showMenu(false);
+      }
+    }
+  }, disabledProps);
+};

package/dist/esm/Overlay/MenuButton/components/Content.js

@@ -0,0 +1,35 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject, _templateObject2;
+var _excluded = ["children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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; }
+import { Content as DropdownMenuContent } from "@radix-ui/react-dropdown-menu";
+import cx from "clsx";
+import { Card } from "../../../Layout";
+import { useCreatePortal } from "../../../Satellite";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { CollapsibleItemsSingleGroup } from "./collapsible";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Content = function Content(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var createPortal = useCreatePortal();
+  return createPortal( /*#__PURE__*/_jsx(DropdownMenuContent, _objectSpread(_objectSpread({
+    align: "start",
+    side: "bottom",
+    sideOffset: 15,
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["z-dropdown min-w-64 max-w-128"]))), className)
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx(CollapsibleItemsSingleGroup, {
+      children: /*#__PURE__*/_jsx(Card, {
+        fullBleed: true,
+        elevation: "300",
+        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col py-1 text-grey-900"]))),
+        children: children
+      })
+    })
+  })));
+};

package/dist/esm/Overlay/MenuButton/components/DefaultTrigger.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ButtonProps } from "../../../Actions";
+export declare type DefaultTriggerProps = Omit<ButtonProps, "endIcon">;
+export declare const DefaultTrigger: import("react").ForwardRefExoticComponent<DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["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) { _defineProperty(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; }
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { forwardRef } from "react";
+import { Button } from "../../../Actions";
+import { ChevronDownIcon } from "../../../Icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DefaultTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    buttonProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(DropdownMenu.Trigger, {
+    asChild: true,
+    children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      endIcon: ChevronDownIcon
+    }, buttonProps), {}, {
+      ref: ref,
+      children: children
+    }))
+  });
+});
+DefaultTrigger.displayName = "MenuButtonDefaultTrigger";

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

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Divider = function Divider() {
+  return /*#__PURE__*/_jsx(DropdownMenu.Separator, {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
+  });
+};

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

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject;
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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; }
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import cx from "clsx";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Label = function Label(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(DropdownMenu.Label, {
+    asChild: true,
+    children: /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, props), {}, {
+      className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center h-10 px-4\n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]))), className)
+    }))
+  });
+};

package/dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItem.js

@@ -0,0 +1,54 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { useState } from "react";
+import { ChevronDownIcon, ChevronRightIcon } from "../../../../Icons";
+import stl from "../../../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "../../../../utils";
+import { useCollapsibleItemsGroup } from "./CollapsibleItemsGroupContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var CollapsibleItem = function CollapsibleItem(_ref) {
+  var title = _ref.title,
+    name = _ref.name,
+    expanded = _ref.expanded,
+    _onClick = _ref.onClick,
+    children = _ref.children;
+  var _useCollapsibleItemsG = useCollapsibleItemsGroup(),
+    expandedItems = _useCollapsibleItemsG.expandedItems,
+    onItemClick = _useCollapsibleItemsG.onItemClick;
+  var _useState = useState(function () {
+      return uniqueId("ddci");
+    }),
+    _useState2 = _slicedToArray(_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 ? ChevronDownIcon : ChevronRightIcon;
+  return /*#__PURE__*/_jsxs("div", {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
+    children: [/*#__PURE__*/_jsxs(DropdownMenu.Item, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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__*/_jsx("div", {
+        children: title
+      }), /*#__PURE__*/_jsx(OpenIndicator, {
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
+        size: "1.25em"
+      })]
+    }), isExpanded && /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
+      children: children
+    })]
+  });
+};

package/dist/esm/Overlay/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/esm/Overlay/MenuButton/components/items/Item.js

@@ -0,0 +1,33 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["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) { _defineProperty(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; }
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import cx from "clsx";
+import stl from "../../../../styles/helpers/satellitePrefixer";
+import { useMenuItemProps } from "../../useMenuItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Item = function Item(props) {
+  var itemProps = useMenuItemProps(props);
+  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
+    children = _props$itemProps.children,
+    variant = _props$itemProps.variant,
+    StartIcon = _props$itemProps.startIcon,
+    mergedProps = _objectWithoutProperties(_props$itemProps, _excluded);
+  var showDestructiveVariant = !props.disabled && variant === "destructive";
+  return /*#__PURE__*/_jsxs(DropdownMenu.Item, _objectSpread(_objectSpread({}, mergedProps), {}, {
+    className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
+      children: children
+    })]
+  }));
+};

package/dist/esm/Overlay/MenuButton/components/items/LinkItem.js

@@ -0,0 +1,64 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["startIcon", "className", "children", "onClick", "navigationType"];
+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) { _defineProperty(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; }
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import cx from "clsx";
+import { useMemo } from "react";
+import { ExternalLinkIcon } from "../../../../Icons";
+import { useSatelliteContext } from "../../../../Satellite";
+import stl from "../../../../styles/helpers/satellitePrefixer";
+import { parseURL } from "../../../../utils/parseUrl";
+import { useMenuItemProps } from "../../useMenuItemProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var LinkItem = function LinkItem(props) {
+  var _useSatelliteContext = useSatelliteContext(),
+    router = _useSatelliteContext.router;
+  var itemProps = 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 = _objectWithoutProperties(_props$itemProps, _excluded);
+  var href = router.transformHref(props.href || "");
+  var parsedLocation = useMemo(function () {
+    return 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__*/_jsxs(DropdownMenu.Item, _objectSpread(_objectSpread({}, mergedProps), {}, {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
+    onClick: onItemClick,
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"]))),
+      children: children
+    }), isExternalLink && /*#__PURE__*/_jsx(ExternalLinkIcon, {
+      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["ml-1 shrink-0 text-grey-500"]))),
+      size: "1em"
+    })]
+  }));
+};