@algolia/satellite 1.0.0-beta.17 → 1.0.0-beta.170

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItemsMultiGroup = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Multiple collapsible item can be open at a given time
+ */
+var DropdownCollapsibleItemsMultiGroup = exports.DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
+  var initialExpandedItems = _ref.initialExpandedItems,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(function () {
+      return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    expandedItems = _useState2[0],
+    setExpandedItems = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
+    expandedItems: expandedItems,
+    onItemClick: function onItemClick(name) {
+      return setExpandedItems(function (items) {
+        return items.includes(name) ? items.filter(function (i) {
+          return i !== name;
+        }) : [].concat((0, _toConsumableArray2["default"])(items), [name]);
+      });
+    },
+    children: children
+  });
+};

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItemsSingleGroup = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Only one collapsible item can be open at a given time (unless you manually override)
+ */
+var DropdownCollapsibleItemsSingleGroup = exports.DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
+  var initialExpandedItem = _ref.initialExpandedItem,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(function () {
+      return initialExpandedItem ? [initialExpandedItem] : [];
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    expandedItems = _useState2[0],
+    setExpandedItems = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
+    expandedItems: expandedItems,
+    onItemClick: function onItemClick(name) {
+      return setExpandedItems(function (items) {
+        return items.includes(name) ? [] : [name];
+      });
+    },
+    children: children
+  });
+};

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

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

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

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

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

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

package/cjs/Dropdown/components/DropdownDivider.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropdownDivider = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+var DropdownDivider = exports.DropdownDivider = function DropdownDivider() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
+  });
+};
+var _default = exports["default"] = DropdownDivider;

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

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

package/cjs/Dropdown/components/DropdownFooterItem.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropdownFooterItem = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+var _excluded = ["children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DropdownFooterItem = exports.DropdownFooterItem = function DropdownFooterItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (!children) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var _default = exports["default"] = DropdownFooterItem;

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

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

package/cjs/Dropdown/components/DropdownLinkItem.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropdownLinkItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _reactFeather = require("react-feather");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
+var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["toggle", "disabled", "startIcon", "className", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DropdownLinkItem = exports.DropdownLinkItem = function DropdownLinkItem(props) {
+  var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
+  var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, props), dropdownItemProps));
+  var isExternalLink = linkProps.target === "_blank";
+  // `toggle` and `disabled` is destructured here because we don't want them passed to the `a`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
+    toggle = _props$dropdownItemPr.toggle,
+    disabled = _props$dropdownItemPr.disabled,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    className = _props$dropdownItemPr.className,
+    children = _props$dropdownItemPr.children,
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className)
+  }, mergedProps), {}, {
+    children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 text-grey-500"]))),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full truncate"]))),
+      children: children
+    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
+      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["ml-1 shrink-0"]))),
+      size: "1em"
+    })]
+  }));
+};
+DropdownLinkItem.defaultProps = {
+  toggle: true
+};
+var _default = exports["default"] = DropdownLinkItem;

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

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

package/cjs/Dropdown/components/DropdownRadioItem.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropdownRadioItem = 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 _RadioGroup = require("../../RadioGroup");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["className", "toggle", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DropdownRadioItem = exports.DropdownRadioItem = function DropdownRadioItem(props) {
+  var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
+  // `toggle` is destructured here because we don't want it passed to the `RadioButton`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
+    className = _props$dropdownItemPr.className,
+    toggle = _props$dropdownItemPr.toggle,
+    children = _props$dropdownItemPr.children,
+    radioProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex-1 flex items-start py-2 overflow-hidden"]))),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"]))),
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroup.RadioButton, _objectSpread({
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mt-2px mr-2px"])))
+      }, radioProps))]
+    })
+  });
+};
+DropdownRadioItem.defaultProps = {
+  toggle: false
+};
+var _default = exports["default"] = DropdownRadioItem;

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

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

package/cjs/Dropdown/components/DropdownTitle.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropdownTitle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DropdownTitle = exports.DropdownTitle = function DropdownTitle(_ref) {
+  var className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", _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"] = DropdownTitle;

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

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

package/cjs/Dropdown/components/DropdownToggleItem.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropdownToggleItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _Toggle = require("../../Toggle");
+var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["className", "toggle", "startIcon", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DropdownToggleItem = exports.DropdownToggleItem = function DropdownToggleItem(props) {
+  var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
+  // `toggle` is destructured here because we don't want it passed to the `Toggle`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
+    className = _props$dropdownItemPr.className,
+    toggle = _props$dropdownItemPr.toggle,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    children = _props$dropdownItemPr.children,
+    toggleProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    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, _objectSpread({
+      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"])))
+    }, toggleProps))]
+  });
+};
+DropdownToggleItem.defaultProps = {
+  toggle: false
+};
+var _default = exports["default"] = DropdownToggleItem;

package/cjs/Dropdown/index.d.ts

@@ -0,0 +1,13 @@
+export * from "./Dropdown";
+export * from "./DropdownButton";
+export * from "./components/DropdownRadioItem";
+export * from "./components/DropdownToggleItem";
+export * from "./components/DropdownLinkItem";
+export * from "./components/DropdownButtonItem";
+export * from "./components/DropdownFooterItem";
+export * from "./components/DropdownCollapsibleItem";
+export * from "./components/DropdownDivider";
+export * from "./components/DropdownTitle";
+export * from "./useDropdownItemProps";
+export * from "./DropdownContext";
+export { default } from "./Dropdown";

package/cjs/Dropdown/index.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Dropdown["default"];
+  }
+});
+var _Dropdown = _interopRequireWildcard(require("./Dropdown"));
+Object.keys(_Dropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dropdown[key];
+    }
+  });
+});
+var _DropdownButton = require("./DropdownButton");
+Object.keys(_DropdownButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownButton[key];
+    }
+  });
+});
+var _DropdownRadioItem = require("./components/DropdownRadioItem");
+Object.keys(_DropdownRadioItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownRadioItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownRadioItem[key];
+    }
+  });
+});
+var _DropdownToggleItem = require("./components/DropdownToggleItem");
+Object.keys(_DropdownToggleItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownToggleItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownToggleItem[key];
+    }
+  });
+});
+var _DropdownLinkItem = require("./components/DropdownLinkItem");
+Object.keys(_DropdownLinkItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownLinkItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownLinkItem[key];
+    }
+  });
+});
+var _DropdownButtonItem = require("./components/DropdownButtonItem");
+Object.keys(_DropdownButtonItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownButtonItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownButtonItem[key];
+    }
+  });
+});
+var _DropdownFooterItem = require("./components/DropdownFooterItem");
+Object.keys(_DropdownFooterItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownFooterItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownFooterItem[key];
+    }
+  });
+});
+var _DropdownCollapsibleItem = require("./components/DropdownCollapsibleItem");
+Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItem[key];
+    }
+  });
+});
+var _DropdownDivider = require("./components/DropdownDivider");
+Object.keys(_DropdownDivider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownDivider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownDivider[key];
+    }
+  });
+});
+var _DropdownTitle = require("./components/DropdownTitle");
+Object.keys(_DropdownTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownTitle[key];
+    }
+  });
+});
+var _useDropdownItemProps = require("./useDropdownItemProps");
+Object.keys(_useDropdownItemProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useDropdownItemProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDropdownItemProps[key];
+    }
+  });
+});
+var _DropdownContext = require("./DropdownContext");
+Object.keys(_DropdownContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownContext[key];
+    }
+  });
+});
+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; }

package/cjs/Dropdown/useDropdownItemProps.d.ts

@@ -0,0 +1,21 @@
+import type { EventHandler, MouseEvent } from "react";
+export interface DropdownBaseItemProps<T extends HTMLElement = HTMLElement> {
+    className?: string;
+    toggle?: boolean;
+    disabled?: boolean;
+    onClick?: EventHandler<MouseEvent<T>>;
+}
+export declare const useDropdownItemProps: <T extends HTMLElement = HTMLElement>(props: DropdownBaseItemProps<T>) => {
+    disabled: boolean;
+    "aria-disabled": boolean;
+    tabIndex: number;
+    onClick: undefined;
+    className: string;
+} | {
+    disabled?: undefined;
+    "aria-disabled"?: undefined;
+    tabIndex?: undefined;
+    onClick: (evt: MouseEvent<T, globalThis.MouseEvent>) => void;
+    className: string;
+};
+export default useDropdownItemProps;