@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/dist/esm/Link/BaseLink.d.ts

@@ -0,0 +1,7 @@
+import type { AnchorHTMLAttributes } from "react";
+export declare type BaseLinkProps = {
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const BaseLink: import("react").ForwardRefExoticComponent<{
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/esm/Link/BaseLink.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["href", "onClick"];
+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 { forwardRef } from "react";
+import { useLinkProps } from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var BaseLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var href = _ref.href,
+    onClick = _ref.onClick,
+    anchorProps = _objectWithoutProperties(_ref, _excluded);
+  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, anchorProps), {}, {
+    href: href,
+    onClick: onClick
+  }));
+  return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
+    ref: ref
+  }));
+});
+BaseLink.displayName = "BaseLink";

package/dist/esm/Link/ButtonLink.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type PolymorphicButtonProps } from "../Button/PolymorphicButton";
+export declare type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "ref"> & {
+    href: string;
+};
+/**
+ * The `ButtonLink` component is used to display a link as a button.
+ *
+ * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ */
+export declare const ButtonLink: import("react").ForwardRefExoticComponent<Omit<PolymorphicButtonProps<"a">, "ref" | "as"> & {
+    href: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/esm/Link/ButtonLink.js

@@ -0,0 +1,34 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["endIcon", "href", "onClick"];
+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 { forwardRef } from "react";
+import { PolymorphicButton } from "../Button/PolymorphicButton";
+import { ExternalLinkIcon } from "../Icons";
+import { useLinkProps } from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The `ButtonLink` component is used to display a link as a button.
+ *
+ * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ */
+export var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var EndIcon = _ref.endIcon,
+    href = _ref.href,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), {}, {
+    href: href,
+    onClick: onClick
+  }));
+  if (linkProps.target === "_blank" && EndIcon === undefined) {
+    EndIcon = ExternalLinkIcon;
+  }
+  return /*#__PURE__*/_jsx(PolymorphicButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
+    ref: ref,
+    as: "a",
+    endIcon: EndIcon
+  }));
+});
+ButtonLink.displayName = "ButtonLink";

package/dist/esm/Link/IconButtonLink.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type PolymorphicIconButtonProps } from "../Button/PolymorphicIconButton";
+export declare type IconButtonLinkProps = Omit<PolymorphicIconButtonProps<"a">, "as" | "ref"> & {
+    href: string;
+};
+/**
+ * The `ButtonLink` component is used to display a link as an icon button.
+ *
+ * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ */
+export declare const IconButtonLink: import("react").ForwardRefExoticComponent<Omit<PolymorphicIconButtonProps<"a">, "ref" | "as"> & {
+    href: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/esm/Link/IconButtonLink.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["href", "onClick"];
+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 { forwardRef } from "react";
+import { PolymorphicIconButton } from "../Button/PolymorphicIconButton";
+import { useLinkProps } from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The `ButtonLink` component is used to display a link as an icon button.
+ *
+ * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ */
+export var IconButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var href = _ref.href,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), {}, {
+    href: href,
+    onClick: onClick
+  }));
+  return /*#__PURE__*/_jsx(PolymorphicIconButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
+    as: "a",
+    ref: ref
+  }));
+});
+IconButtonLink.displayName = "IconButtonLink";

package/dist/esm/Link/Link.d.ts

@@ -0,0 +1,17 @@
+import type { AnchorHTMLAttributes } from "react";
+import type { IconComponentType } from "../Icons";
+export declare type LinkProps = {
+    href: string;
+    startIcon?: IconComponentType;
+    endIcon?: IconComponentType;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+/**
+ * The `Link` component is used to display a link.
+ *
+ * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ */
+export declare const Link: import("react").ForwardRefExoticComponent<{
+    href: string;
+    startIcon?: IconComponentType | undefined;
+    endIcon?: IconComponentType | undefined;
+} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/esm/Link/Link.js

@@ -0,0 +1,50 @@
+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", "children", "startIcon", "endIcon", "href", "onClick"];
+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 { forwardRef } from "react";
+import { ExternalLinkIcon } from "../Icons";
+import stl from "../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The `Link` component is used to display a link.
+ *
+ * See the [Link documentation page](https://satellite.algolia.com/components/navigation/link) for more information.
+ */
+export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    StartIcon = _ref.startIcon,
+    EndIcon = _ref.endIcon,
+    href = _ref.href,
+    onClick = _ref.onClick,
+    anchorProps = _objectWithoutProperties(_ref, _excluded);
+  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, anchorProps), {}, {
+    href: href,
+    onClick: onClick
+  }));
+  var isExternalLink = linkProps.target === "_blank" && EndIcon === undefined;
+  if (isExternalLink) {
+    EndIcon = ExternalLinkIcon;
+  }
+  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
+    ref: ref,
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1 shrink-0"]))),
+      width: "1em",
+      height: "1em"
+    }), children, EndIcon && /*#__PURE__*/_jsx(EndIcon, {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1 shrink-0"]))),
+      width: "1em",
+      height: "1em"
+    })]
+  }));
+});
+Link.displayName = "Link";

package/dist/esm/Link/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Link";
+export * from "./BaseLink";
+export * from "./ButtonLink";
+export * from "./IconButtonLink";

package/dist/esm/Link/index.js

@@ -0,0 +1,4 @@
+export * from "./Link";
+export * from "./BaseLink";
+export * from "./ButtonLink";
+export * from "./IconButtonLink";

package/dist/esm/Medallion/Medallion.d.ts

@@ -0,0 +1,16 @@
+import type { VFC } from "react";
+import type { IconComponentType } from "../Icons";
+import type { MedallionSize, MedallionVariant } from "./types";
+export interface MedallionProps {
+    icon: IconComponentType;
+    variant?: MedallionVariant;
+    size?: MedallionSize;
+    /** @ignore */
+    className?: string;
+}
+/**
+ * The `Medallion` component is used to display a medallion.
+ *
+ * See the [Medallion documentation page](https://satellite.algolia.com/components/images/medallion) for more information.
+ */
+export declare const Medallion: VFC<MedallionProps>;

package/dist/esm/Medallion/Medallion.js

@@ -0,0 +1,37 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+import cx from "clsx";
+import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+var VARIANT_CLASSNAMES = {
+  grey: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["medallion-grey text-grey-600"]))),
+  pink: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["medallion-pink text-pink-600"]))),
+  accent: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["medallion-accent text-accent-600"]))),
+  blue: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["medallion-blue text-blue-600"]))),
+  green: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["medallion-green text-green-600"]))),
+  orange: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["medallion-orange text-orange-600"]))),
+  red: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["medallion-red text-red-600"]))),
+  // eslint-disable-next-line @algolia/stl/prefer-accent -- here we're definitely refering to the color itself
+  white: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["medallion-white text-nebula-500"])))
+};
+
+/**
+ * The `Medallion` component is used to display a medallion.
+ *
+ * See the [Medallion documentation page](https://satellite.algolia.com/components/images/medallion) for more information.
+ */
+export var Medallion = function Medallion(_ref) {
+  var Icon = _ref.icon,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "accent" : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "default" : _ref$size,
+    className = _ref.className;
+  var medallionClassName = VARIANT_CLASSNAMES[variant];
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
+    children: /*#__PURE__*/_jsx(Icon, {
+      className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["p-1 ", ""])), size === "large" && "w-10 h-10")
+    })
+  });
+};

package/dist/esm/Medallion/Medallion.tailwind.d.ts

@@ -0,0 +1,5 @@
+export = medallionPlugin;
+declare const medallionPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/dist/esm/Medallion/Medallion.tailwind.js

@@ -0,0 +1,30 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _rgba from "../styles/rgba";
+import _plugin from "tailwindcss/plugin";
+// @ts-check
+var plugin = _plugin;
+var rgba = _rgba;
+var medallionPlugin = plugin(function (_ref) {
+  var addComponents = _ref.addComponents,
+    theme = _ref.theme;
+  var colors = ["grey", "pink", "accent", "blue", "green", "orange", "red", "white"];
+  addComponents({
+    ".medallion": {
+      height: "40px",
+      width: "40px"
+    },
+    ".medallion-large": {
+      height: "72px",
+      width: "72px"
+    }
+  });
+
+  // Variants
+  colors.map(function (color) {
+    return addComponents(_defineProperty({}, ".medallion-".concat(color), {
+      backgroundImage: color === "white" ? "linear-gradient(to bottom, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)") : "linear-gradient(to bottom, ".concat(theme("colors.".concat(color, ".100")), " 0%, ").concat(theme("colors.".concat(color, ".200")), " 100%)"),
+      boxShadow: color === "white" ? "0px 4px 8px -2px rgba(33, 36, 61, 0.25), inset 0px -2px 2px rgba(35, 38, 59, 0.03)" : "0px 4px 8px -2px rgba(33, 36, 61, 0.25), inset 0px -2px 2px ".concat(rgba(theme("colors.".concat(color, ".300")), 0.03))
+    }));
+  });
+});
+export default medallionPlugin;

package/dist/esm/Medallion/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Medallion";
+export * from "./types";

package/dist/esm/Medallion/index.js

@@ -0,0 +1,2 @@
+export * from "./Medallion";
+export * from "./types";

package/dist/esm/Medallion/types.d.ts

@@ -0,0 +1,2 @@
+export declare type MedallionVariant = "accent" | "grey" | "pink" | "blue" | "green" | "orange" | "red" | "white";
+export declare type MedallionSize = "default" | "large";

package/dist/esm/Medallion/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/MenuButton/MenuButton.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
+export declare type MenuButtonProps = DropdownMenuProps;
+/**
+ * The `MenuButton` component helps users select an item from a list of available options.
+ *
+ * See the [MenuButton documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
+ */
+export declare const MenuButton: {
+    (props: MenuButtonProps): JSX.Element;
+    CollapsibleItem: import("react").FC<import("./components/collapsible").CollapsibleItemProps>;
+    CollapsibleItemsMultipleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsMultiGroupProps>;
+    CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
+    Content: ({ children, className, ...rest }: import("./components/Content").MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
+    Divider: () => JSX.Element;
+    Item: import("react").FC<import("./components/items").ItemProps>;
+    Label: import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+    LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
+    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").FC<import("./components/items").RadioItemProps>;
+    ToggleItem: import("react").FC<import("./components/items").ToggleItemProps>;
+    Trigger: import("react").ForwardRefExoticComponent<import("./components/DefaultTrigger").DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    displayName: string;
+};

package/dist/esm/MenuButton/MenuButton.js

@@ -0,0 +1,34 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { CollapsibleItem, CollapsibleItemsMultipleGroup, CollapsibleItemsSingleGroup } from "./components/collapsible";
+import { Content } from "./components/Content";
+import { CustomTrigger } from "./components/CustomTrigger";
+import { DefaultTrigger } from "./components/DefaultTrigger";
+import { Divider } from "./components/Divider";
+import { Item, LinkItem, RadioItem, ToggleItem } from "./components/items";
+import { Label } from "./components/Label";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The `MenuButton` component helps users select an item from a list of available options.
+ *
+ * See the [MenuButton documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
+ */
+export var MenuButton = function MenuButton(props) {
+  return /*#__PURE__*/_jsx(DropdownMenu.Root, _objectSpread({}, props));
+};
+MenuButton.CollapsibleItem = CollapsibleItem;
+MenuButton.CollapsibleItemsMultipleGroup = CollapsibleItemsMultipleGroup;
+MenuButton.CollapsibleItemsSingleGroup = CollapsibleItemsSingleGroup;
+MenuButton.Content = Content;
+MenuButton.CustomTrigger = CustomTrigger;
+MenuButton.Divider = Divider;
+MenuButton.Item = Item;
+MenuButton.Label = Label;
+MenuButton.LinkItem = LinkItem;
+MenuButton.RadioGroup = DropdownMenu.RadioGroup;
+MenuButton.RadioItem = RadioItem;
+MenuButton.ToggleItem = ToggleItem;
+MenuButton.Trigger = DefaultTrigger;
+MenuButton.displayName = "MenuButton";

package/dist/esm/MenuButton/components/Content.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
+export declare type MenuButtonContentProps = Omit<DropdownMenuContentProps, "asChild">;
+export declare const Content: ({ children, className, ...rest }: MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/esm/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 "../../Card";
+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/MenuButton/components/CustomTrigger.d.ts

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

package/dist/esm/MenuButton/components/CustomTrigger.js

@@ -0,0 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+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 { jsx as _jsx } from "react/jsx-runtime";
+export var CustomTrigger = function CustomTrigger(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_jsx(DropdownMenu.Trigger, _objectSpread(_objectSpread({}, props), {}, {
+    asChild: true
+  }));
+};

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

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

package/dist/esm/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 "../../Button";
+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/MenuButton/components/Divider.d.ts

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

package/dist/esm/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/MenuButton/components/Label.d.ts

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

package/dist/esm/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/MenuButton/components/collapsible/CollapsibleItem.d.ts

@@ -0,0 +1,8 @@
+import type { FC, MouseEvent, ReactNode } from "react";
+export interface CollapsibleItemProps {
+    title: ReactNode;
+    name?: string;
+    expanded?: boolean;
+    onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
+}
+export declare const CollapsibleItem: FC<CollapsibleItemProps>;

package/dist/esm/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/MenuButton/components/collapsible/CollapsibleItemsGroup.d.ts

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

package/dist/esm/MenuButton/components/collapsible/CollapsibleItemsGroup.js

@@ -0,0 +1,14 @@
+import { CollapsibleItemsGroupContext } from "./CollapsibleItemsGroupContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CollapsibleItemsGroup = function CollapsibleItemsGroup(_ref) {
+  var expandedItems = _ref.expandedItems,
+    onItemClick = _ref.onItemClick,
+    children = _ref.children;
+  return /*#__PURE__*/_jsx(CollapsibleItemsGroupContext.Provider, {
+    value: {
+      expandedItems: expandedItems,
+      onItemClick: onItemClick
+    },
+    children: children
+  });
+};

package/dist/esm/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;