@redsift/pickers 11.5.0 → 11.6.0-muiv5-alpha.0

package/components/item/useMenuItem.js

@@ -0,0 +1,69 @@
+import { useEffect, useCallback } from 'react';
+import { usePopoverContext } from '@redsift/popovers';
+import { useFocusOnListItem } from '@redsift/design-system';
+
+function useMenuItem(props) {
+  const {
+    domElementRef,
+    id,
+    isDisabled,
+    onClick,
+    isLinkMenuItem,
+    linkRef,
+    hasPopup
+  } = props;
+  const {
+    handleOpen,
+    hideInsteadOfClose,
+    setHideInsteadOfClose
+  } = usePopoverContext();
+  const {
+    tabIndex,
+    isFocused,
+    handleKeyDown: handleFocusKeyDown,
+    handleClick: handleFocusClick
+  } = useFocusOnListItem({
+    domElementRef,
+    isDisabled: isDisabled,
+    id
+  });
+  useEffect(() => {
+    if (hasPopup && !hideInsteadOfClose) {
+      setHideInsteadOfClose === null || setHideInsteadOfClose === void 0 ? void 0 : setHideInsteadOfClose(true);
+    }
+  }, [hasPopup, hideInsteadOfClose, setHideInsteadOfClose]);
+  const handleKeyDown = useCallback(event => {
+    const code = event.code;
+    if (code === 'Enter' || code === 'Space') {
+      if (isLinkMenuItem) {
+        var _linkRef$current;
+        linkRef === null || linkRef === void 0 ? void 0 : (_linkRef$current = linkRef.current) === null || _linkRef$current === void 0 ? void 0 : _linkRef$current.click();
+      } else {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+      }
+    }
+    handleFocusKeyDown(event);
+    handleOpen(false);
+  }, []);
+  const handleClick = useCallback(() => {
+    handleFocusClick();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
+    handleOpen(false);
+  }, []);
+  useEffect(() => {
+    if (isFocused && domElementRef.current) {
+      var _current;
+      (_current = domElementRef.current) === null || _current === void 0 ? void 0 : _current.focus();
+    }
+  }, [isFocused]);
+  return {
+    tabIndex,
+    isFocused,
+    isDisabled,
+    handleKeyDown,
+    handleClick
+  };
+}
+
+export { useMenuItem };
+//# sourceMappingURL=useMenuItem.js.map

package/components/item/useMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuItem.js","sources":["../../../src/components/item/useMenuItem.ts"],"sourcesContent":["import { useCallback, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { usePopoverContext } from '@redsift/popovers';\nimport { UseFocusWithinGroupProps, useFocusOnListItem } from '@redsift/design-system';\n\nexport function useMenuItem(props: {\n  domElementRef: RefObject<Element>;\n  id: string;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  isLinkMenuItem?: boolean;\n  linkRef?: RefObject<HTMLAnchorElement>;\n  hasPopup?: boolean;\n}): UseFocusWithinGroupProps & {\n  isDisabled?: boolean;\n} {\n  const { domElementRef, id, isDisabled, onClick, isLinkMenuItem, linkRef, hasPopup } = props;\n\n  const { handleOpen, hideInsteadOfClose, setHideInsteadOfClose } = usePopoverContext();\n  const {\n    tabIndex,\n    isFocused,\n    handleKeyDown: handleFocusKeyDown,\n    handleClick: handleFocusClick,\n  } = useFocusOnListItem({ domElementRef, isDisabled: isDisabled!, id });\n\n  useEffect(() => {\n    if (hasPopup && !hideInsteadOfClose) {\n      setHideInsteadOfClose?.(true);\n    }\n  }, [hasPopup, hideInsteadOfClose, setHideInsteadOfClose]);\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const code = event.code;\n    if (code === 'Enter' || code === 'Space') {\n      if (isLinkMenuItem) {\n        linkRef?.current?.click();\n      } else {\n        onClick?.();\n      }\n    }\n    handleFocusKeyDown(event);\n    handleOpen(false);\n  }, []);\n\n  const handleClick = useCallback(() => {\n    handleFocusClick();\n    onClick?.();\n    handleOpen(false);\n  }, []);\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current) {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused,\n    isDisabled,\n    handleKeyDown,\n    handleClick,\n  };\n}\n"],"names":["useMenuItem","props","domElementRef","id","isDisabled","onClick","isLinkMenuItem","linkRef","hasPopup","handleOpen","hideInsteadOfClose","setHideInsteadOfClose","usePopoverContext","tabIndex","isFocused","handleKeyDown","handleFocusKeyDown","handleClick","handleFocusClick","useFocusOnListItem","useEffect","useCallback","event","code","_linkRef$current","current","click","_current","focus"],"mappings":";;;;AAIO,SAASA,WAAWA,CAACC,KAQ3B,EAEC;EACA,MAAM;IAAEC,aAAa;IAAEC,EAAE;IAAEC,UAAU;IAAEC,OAAO;IAAEC,cAAc;IAAEC,OAAO;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGP,KAAK,CAAA;EAE3F,MAAM;IAAEQ,UAAU;IAAEC,kBAAkB;AAAEC,IAAAA,qBAAAA;GAAuB,GAAGC,iBAAiB,EAAE,CAAA;EACrF,MAAM;IACJC,QAAQ;IACRC,SAAS;AACTC,IAAAA,aAAa,EAAEC,kBAAkB;AACjCC,IAAAA,WAAW,EAAEC,gBAAAA;GACd,GAAGC,kBAAkB,CAAC;IAAEjB,aAAa;AAAEE,IAAAA,UAAU,EAAEA,UAAW;AAAED,IAAAA,EAAAA;AAAG,GAAC,CAAC,CAAA;AAEtEiB,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIZ,QAAQ,IAAI,CAACE,kBAAkB,EAAE;AACnCC,MAAAA,qBAAqB,aAArBA,qBAAqB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,qBAAqB,CAAG,IAAI,CAAC,CAAA;AAC/B,KAAA;GACD,EAAE,CAACH,QAAQ,EAAEE,kBAAkB,EAAEC,qBAAqB,CAAC,CAAC,CAAA;AAEzD,EAAA,MAAMI,aAAa,GAAGM,WAAW,CAAEC,KAAoB,IAAK;AAC1D,IAAA,MAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAA;AACvB,IAAA,IAAIA,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,OAAO,EAAE;AACxC,MAAA,IAAIjB,cAAc,EAAE;AAAA,QAAA,IAAAkB,gBAAA,CAAA;AAClBjB,QAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAiB,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAA,GAAPjB,OAAO,CAAEkB,OAAO,MAAA,IAAA,IAAAD,gBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAkBE,KAAK,EAAE,CAAA;AAC3B,OAAC,MAAM;AACLrB,QAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,EAAI,CAAA;AACb,OAAA;AACF,KAAA;IACAW,kBAAkB,CAACM,KAAK,CAAC,CAAA;IACzBb,UAAU,CAAC,KAAK,CAAC,CAAA;GAClB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMQ,WAAW,GAAGI,WAAW,CAAC,MAAM;AACpCH,IAAAA,gBAAgB,EAAE,CAAA;AAClBb,IAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,EAAI,CAAA;IACXI,UAAU,CAAC,KAAK,CAAC,CAAA;GAClB,EAAE,EAAE,CAAC,CAAA;AAENW,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIN,SAAS,IAAIZ,aAAa,CAACuB,OAAO,EAAE;AAAA,MAAA,IAAAE,QAAA,CAAA;AACtC,MAAA,CAAAA,QAAA,GAACzB,aAAa,CAAyCuB,OAAO,MAAA,IAAA,IAAAE,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA9DA,QAAA,CAAgEC,KAAK,EAAE,CAAA;AACzE,KAAA;AACF,GAAC,EAAE,CAACd,SAAS,CAAC,CAAC,CAAA;EAEf,OAAO;IACLD,QAAQ;IACRC,SAAS;IACTV,UAAU;IACVW,aAAa;AACbE,IAAAA,WAAAA;GACD,CAAA;AACH;;;;"}

package/components/menu-button/MenuButton.d.ts

@@ -0,0 +1,29 @@
+import * as _redsift_design_system from '@redsift/design-system';
+import React from 'react';
+import { MenuButtonProps } from './types.js';
+import { MenuButtonTriggerProps } from '../menu-button-trigger/types.js';
+import { MenuButtonContentProps } from '../menu-button-content/types.js';
+import { MenuButtonContentHeaderProps } from '../menu-button-content-header/types.js';
+import { MenuButtonContentMenuProps } from '../menu-button-content-menu/types.js';
+import { MenuButtonContentFooterProps } from '../menu-button-content-footer/types.js';
+
+/**
+ * The MenuButton component.
+ */
+declare const BaseMenuButton: React.FC<MenuButtonProps> & {
+    displayName?: string;
+    className?: string;
+};
+declare const MenuButton: React.FC<MenuButtonProps> & {
+    displayName?: string | undefined;
+    className?: string | undefined;
+} & {
+    Trigger: _redsift_design_system.Comp<MenuButtonTriggerProps, HTMLButtonElement>;
+    Content: _redsift_design_system.Comp<MenuButtonContentProps, HTMLDivElement> & {
+        Header: _redsift_design_system.Comp<MenuButtonContentHeaderProps, HTMLDivElement>;
+        Menu: _redsift_design_system.Comp<MenuButtonContentMenuProps, HTMLDivElement>;
+        Footer: _redsift_design_system.Comp<MenuButtonContentFooterProps, HTMLDivElement>;
+    };
+};
+
+export { BaseMenuButton, MenuButton };

package/components/menu-button/MenuButton.js

@@ -0,0 +1,76 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { Popover } from '@redsift/popovers';
+import { MenuButtonContext } from './context.js';
+import { useTheme, ThemeProvider, FocusWithinGroup, Flexbox, Text, Theme } from '@redsift/design-system';
+import { MenuButtonTrigger } from '../menu-button-trigger/MenuButtonTrigger.js';
+import { MenuButtonContent } from '../menu-button-content/MenuButtonContent.js';
+
+const COMPONENT_NAME = 'MenuButton';
+const CLASSNAME = 'redsift-menu-button';
+
+/**
+ * The MenuButton component.
+ */
+const BaseMenuButton = props => {
+  const {
+    color,
+    description,
+    descriptionProps,
+    isDisabled,
+    label,
+    labelProps,
+    minWidth = 'trigger-width',
+    theme: propsTheme,
+    triggerClassName,
+    variant,
+    wrapperProps
+  } = props;
+  const theme = useTheme(propsTheme);
+
+  /** MenuButton context. */
+  const state = {
+    color,
+    isDisabled: isDisabled || false,
+    theme,
+    triggerClassName,
+    variant
+  };
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    value: {
+      theme
+    }
+  }, /*#__PURE__*/React.createElement(FocusWithinGroup, {
+    focusType: "virtual-focus",
+    listRole: "menu",
+    focusOnInit: false
+  }, /*#__PURE__*/React.createElement(MenuButtonContext.Provider, {
+    value: state
+  }, /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: "0px"
+  }, wrapperProps), label && typeof label === 'string' ? /*#__PURE__*/React.createElement(Text, labelProps, label) : label ? label : null, /*#__PURE__*/React.createElement(Popover, _extends({
+    theme: theme,
+    overrideDisplayName: {
+      content: 'MenuButtonContent',
+      trigger: 'MenuButtonTrigger'
+    },
+    placement: "bottom-end",
+    minWidth: minWidth
+  }, props)), description && typeof description === 'string' ? /*#__PURE__*/React.createElement(Text, _extends({
+    theme: theme,
+    marginTop: "8px",
+    variant: "caption",
+    color: theme === Theme.light ? 'dark-grey' : 'white'
+  }, descriptionProps), description) : description ? description : null))));
+};
+BaseMenuButton.className = CLASSNAME;
+BaseMenuButton.displayName = COMPONENT_NAME;
+const MenuButton = Object.assign(BaseMenuButton, {
+  Trigger: MenuButtonTrigger,
+  Content: MenuButtonContent
+});
+
+export { BaseMenuButton, MenuButton };
+//# sourceMappingURL=MenuButton.js.map

package/components/menu-button/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sources":["../../../src/components/menu-button/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuButtonContent } from '../menu-button-content';\nimport { MenuButtonTrigger } from '../menu-button-trigger';\n\nimport { MenuButtonProps } from './types';\nimport { Popover } from '@redsift/popovers';\nimport { MenuButtonContext } from './context';\nimport { FocusWithinGroup, Flexbox, Text, Theme, useTheme, ThemeProvider } from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'MenuButton';\nconst CLASSNAME = 'redsift-menu-button';\n\n/**\n * The MenuButton component.\n */\nexport const BaseMenuButton: React.FC<MenuButtonProps> & {\n  displayName?: string;\n  className?: string;\n} = (props) => {\n  const {\n    color,\n    description,\n    descriptionProps,\n    isDisabled,\n    label,\n    labelProps,\n    minWidth = 'trigger-width',\n    theme: propsTheme,\n    triggerClassName,\n    variant,\n    wrapperProps,\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  /** MenuButton context. */\n  const state = {\n    color,\n    isDisabled: isDisabled || false,\n    theme,\n    triggerClassName,\n    variant,\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <FocusWithinGroup focusType=\"virtual-focus\" listRole=\"menu\" focusOnInit={false}>\n        <MenuButtonContext.Provider value={state}>\n          <Flexbox flexDirection=\"column\" alignItems=\"flex-start\" gap=\"0px\" {...wrapperProps}>\n            {label && typeof label === 'string' ? <Text {...labelProps}>{label}</Text> : label ? label : null}\n            <Popover\n              theme={theme}\n              overrideDisplayName={{ content: 'MenuButtonContent', trigger: 'MenuButtonTrigger' }}\n              placement=\"bottom-end\"\n              minWidth={minWidth}\n              {...props}\n            />\n            {description && typeof description === 'string' ? (\n              <Text\n                theme={theme}\n                marginTop=\"8px\"\n                variant=\"caption\"\n                color={theme === Theme.light ? 'dark-grey' : 'white'}\n                {...descriptionProps}\n              >\n                {description}\n              </Text>\n            ) : description ? (\n              description\n            ) : null}\n          </Flexbox>\n        </MenuButtonContext.Provider>\n      </FocusWithinGroup>\n    </ThemeProvider>\n  );\n};\nBaseMenuButton.className = CLASSNAME;\nBaseMenuButton.displayName = COMPONENT_NAME;\n\nexport const MenuButton = Object.assign(BaseMenuButton, {\n  Trigger: MenuButtonTrigger,\n  Content: MenuButtonContent,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseMenuButton","props","color","description","descriptionProps","isDisabled","label","labelProps","minWidth","theme","propsTheme","triggerClassName","variant","wrapperProps","useTheme","state","React","createElement","ThemeProvider","value","FocusWithinGroup","focusType","listRole","focusOnInit","MenuButtonContext","Provider","Flexbox","_extends","flexDirection","alignItems","gap","Text","Popover","overrideDisplayName","content","trigger","placement","marginTop","Theme","light","className","displayName","MenuButton","Object","assign","Trigger","MenuButtonTrigger","Content","MenuButtonContent"],"mappings":";;;;;;;;AASA,MAAMA,cAAc,GAAG,YAAY,CAAA;AACnC,MAAMC,SAAS,GAAG,qBAAqB,CAAA;;AAEvC;AACA;AACA;AACaC,MAAAA,cAGZ,GAAIC,KAAK,IAAK;EACb,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,gBAAgB;IAChBC,UAAU;IACVC,KAAK;IACLC,UAAU;AACVC,IAAAA,QAAQ,GAAG,eAAe;AAC1BC,IAAAA,KAAK,EAAEC,UAAU;IACjBC,gBAAgB;IAChBC,OAAO;AACPC,IAAAA,YAAAA;AACF,GAAC,GAAGZ,KAAK,CAAA;AAET,EAAA,MAAMQ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;;AAElC;AACA,EAAA,MAAMK,KAAK,GAAG;IACZb,KAAK;IACLG,UAAU,EAAEA,UAAU,IAAI,KAAK;IAC/BI,KAAK;IACLE,gBAAgB;AAChBC,IAAAA,OAAAA;GACD,CAAA;AAED,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEV,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,eAC9BO,KAAA,CAAAC,aAAA,CAACG,gBAAgB,EAAA;AAACC,IAAAA,SAAS,EAAC,eAAe;AAACC,IAAAA,QAAQ,EAAC,MAAM;AAACC,IAAAA,WAAW,EAAE,KAAA;AAAM,GAAA,eAC7EP,KAAA,CAAAC,aAAA,CAACO,iBAAiB,CAACC,QAAQ,EAAA;AAACN,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,eACvCC,KAAA,CAAAC,aAAA,CAACS,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,UAAU,EAAC,YAAY;AAACC,IAAAA,GAAG,EAAC,KAAA;AAAK,GAAA,EAAKjB,YAAY,CAAA,EAC/EP,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBAAGU,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAKxB,UAAU,EAAGD,KAAY,CAAC,GAAGA,KAAK,GAAGA,KAAK,GAAG,IAAI,eACjGU,KAAA,CAAAC,aAAA,CAACe,OAAO,EAAAL,QAAA,CAAA;AACNlB,IAAAA,KAAK,EAAEA,KAAM;AACbwB,IAAAA,mBAAmB,EAAE;AAAEC,MAAAA,OAAO,EAAE,mBAAmB;AAAEC,MAAAA,OAAO,EAAE,mBAAA;KAAsB;AACpFC,IAAAA,SAAS,EAAC,YAAY;AACtB5B,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACfP,KAAK,CACV,CAAC,EACDE,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,gBAC7Ca,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAAJ,QAAA,CAAA;AACHlB,IAAAA,KAAK,EAAEA,KAAM;AACb4B,IAAAA,SAAS,EAAC,KAAK;AACfzB,IAAAA,OAAO,EAAC,SAAS;IACjBV,KAAK,EAAEO,KAAK,KAAK6B,KAAK,CAACC,KAAK,GAAG,WAAW,GAAG,OAAA;AAAQ,GAAA,EACjDnC,gBAAgB,CAAA,EAEnBD,WACG,CAAC,GACLA,WAAW,GACbA,WAAW,GACT,IACG,CACiB,CACZ,CACL,CAAC,CAAA;AAEpB,EAAC;AACDH,cAAc,CAACwC,SAAS,GAAGzC,SAAS,CAAA;AACpCC,cAAc,CAACyC,WAAW,GAAG3C,cAAc,CAAA;AAEpC,MAAM4C,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC5C,cAAc,EAAE;AACtD6C,EAAAA,OAAO,EAAEC,iBAAiB;AAC1BC,EAAAA,OAAO,EAAEC,iBAAAA;AACX,CAAC;;;;"}

package/components/menu-button/context.js

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const MenuButtonContext = /*#__PURE__*/React.createContext(null);
+
+export { MenuButtonContext };
+//# sourceMappingURL=context.js.map

package/components/menu-button/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/menu-button/context.ts"],"sourcesContent":["import React from 'react';\nimport { MenuButtonState } from './types';\n\nexport const MenuButtonContext = React.createContext<MenuButtonState | null>(null);\n"],"names":["MenuButtonContext","React","createContext"],"mappings":";;AAGO,MAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAyB,IAAI;;;;"}

package/components/menu-button/types.d.ts

@@ -0,0 +1,45 @@
+import { ButtonColor, ButtonVariant, TextProps, Theme, FlexboxProps } from '@redsift/design-system';
+import { PopoverProps } from '@redsift/popovers';
+import { ReactElement } from 'react';
+
+/**
+ * Context props.
+ */
+type MenuButtonState = {
+    /** Button color that will be forward to the trigger. */
+    readonly color?: ButtonColor;
+    /** Whether the trigger is disabled or not. */
+    readonly isDisabled: boolean;
+    /** Class name to append to the trigger. */
+    readonly triggerClassName?: string;
+    /** Button variant that will be forward to the trigger. */
+    readonly variant?: ButtonVariant;
+};
+/**
+ * Component props.
+ */
+interface MenuButtonProps extends PopoverProps {
+    /** Button color that will be forward to the trigger. */
+    color?: ButtonColor;
+    /** Description of the menu button. */
+    description?: string | ReactElement;
+    /** Additional description properties. */
+    descriptionProps?: Omit<TextProps, 'ref'>;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Label of the menu button. */
+    label?: string | ReactElement;
+    /** Additional label properties. */
+    labelProps?: Omit<TextProps, 'ref'>;
+    /** Class name to append to the trigger. */
+    triggerClassName?: string;
+    /** Button variant that will be forward to the trigger. */
+    variant?: ButtonVariant;
+    /** Theme. */
+    theme?: Theme;
+    /** Props to forward to the wrapper. */
+    wrapperProps?: Omit<FlexboxProps, 'ref'>;
+}
+type StyledMenuButtonProps = MenuButtonProps;
+
+export { MenuButtonProps, MenuButtonState, StyledMenuButtonProps };

package/components/menu-button-content/MenuButtonContent.d.ts

@@ -0,0 +1,17 @@
+import { Comp } from '@redsift/design-system';
+import { MenuButtonContentProps } from './types.js';
+import { MenuButtonContentHeaderProps } from '../menu-button-content-header/types.js';
+import { MenuButtonContentMenuProps } from '../menu-button-content-menu/types.js';
+import { MenuButtonContentFooterProps } from '../menu-button-content-footer/types.js';
+
+/**
+ * The MenuButtonContent component.
+ */
+declare const BaseMenuButtonContent: Comp<MenuButtonContentProps, HTMLDivElement>;
+declare const MenuButtonContent: Comp<MenuButtonContentProps, HTMLDivElement> & {
+    Header: Comp<MenuButtonContentHeaderProps, HTMLDivElement>;
+    Menu: Comp<MenuButtonContentMenuProps, HTMLDivElement>;
+    Footer: Comp<MenuButtonContentFooterProps, HTMLDivElement>;
+};
+
+export { BaseMenuButtonContent, MenuButtonContent };

package/components/menu-button-content/MenuButtonContent.js

@@ -0,0 +1,68 @@
+import { extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useContext } from 'react';
+import { getContainerProps, AppContainerContext, useTheme, partitionComponents, isComponent, Flexbox } from '@redsift/design-system';
+import { usePopoverContext, useMergeRefs, FloatingPortal, StyledPopoverContent, PopoverContent } from '@redsift/popovers';
+import classNames from 'classnames';
+import { MenuButtonContentMenu } from '../menu-button-content-menu/MenuButtonContentMenu.js';
+import { MenuButtonContentHeader } from '../menu-button-content-header/MenuButtonContentHeader.js';
+import { MenuButtonContentFooter } from '../menu-button-content-footer/MenuButtonContentFooter.js';
+
+const COMPONENT_NAME = 'MenuButtonContent';
+const CLASSNAME = 'redsift-menu-button-content';
+
+/**
+ * The MenuButtonContent component.
+ */
+const BaseMenuButtonContent = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    style
+  } = props;
+  const containerProps = getContainerProps(props);
+  const {
+    getFloatingProps,
+    isOpen,
+    refs,
+    strategy,
+    x,
+    y,
+    hideInsteadOfClose
+  } = usePopoverContext();
+  const popoverRef = useMergeRefs([refs.setFloating, ref]);
+  const appContainerState = useContext(AppContainerContext);
+  const theme = useTheme();
+  const [[header], [menu], [footer]] = partitionComponents(React.Children.toArray(children), [isComponent('MenuButtonContentHeader'), isComponent('MenuButtonContentMenu'), isComponent('MenuButtonContentFooter')]);
+  return /*#__PURE__*/React.createElement(FloatingPortal, {
+    root: appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.appContainerRef.current
+  }, isOpen || hideInsteadOfClose ? /*#__PURE__*/React.createElement(StyledPopoverContent, _extends({
+    $theme: theme,
+    ref: popoverRef
+  }, getFloatingProps(props), {
+    style: _objectSpread2({
+      position: strategy,
+      top: y !== null && y !== void 0 ? y : 0,
+      left: x !== null && x !== void 0 ? x : 0,
+      display: hideInsteadOfClose && !isOpen ? 'none' : 'flex'
+    }, style),
+    className: classNames(PopoverContent.className, BaseMenuButtonContent.className, className)
+  }), !header && !menu && !footer ? /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    gap: "0px",
+    width: "100%"
+  }, containerProps), /*#__PURE__*/React.createElement(MenuButtonContentMenu, null, children)) : /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    gap: "0px",
+    width: "100%"
+  }, containerProps), header, menu, footer)) : null);
+});
+BaseMenuButtonContent.className = CLASSNAME;
+BaseMenuButtonContent.displayName = COMPONENT_NAME;
+const MenuButtonContent = Object.assign(BaseMenuButtonContent, {
+  Header: MenuButtonContentHeader,
+  Menu: MenuButtonContentMenu,
+  Footer: MenuButtonContentFooter
+});
+
+export { BaseMenuButtonContent, MenuButtonContent };
+//# sourceMappingURL=MenuButtonContent.js.map

package/components/menu-button-content/MenuButtonContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContent.js","sources":["../../../src/components/menu-button-content/MenuButtonContent.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\n\nimport {\n  AppContainerContext,\n  Comp,\n  Flexbox,\n  getContainerProps,\n  isComponent,\n  partitionComponents,\n  useTheme,\n} from '@redsift/design-system';\nimport { MenuButtonContentProps } from './types';\nimport {\n  FloatingPortal,\n  PopoverContent,\n  StyledPopoverContent,\n  useMergeRefs,\n  usePopoverContext,\n} from '@redsift/popovers';\nimport classNames from 'classnames';\nimport { MenuButtonContentFooter } from '../menu-button-content-footer';\nimport { MenuButtonContentHeader } from '../menu-button-content-header';\nimport { MenuButtonContentMenu } from '../menu-button-content-menu';\n\nconst COMPONENT_NAME = 'MenuButtonContent';\nconst CLASSNAME = 'redsift-menu-button-content';\n\n/**\n * The MenuButtonContent component.\n */\nexport const BaseMenuButtonContent: Comp<MenuButtonContentProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, style } = props;\n  const containerProps = getContainerProps(props);\n\n  const { getFloatingProps, isOpen, refs, strategy, x, y, hideInsteadOfClose } = usePopoverContext();\n  const popoverRef = useMergeRefs([refs.setFloating, ref]);\n\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme();\n\n  const [[header], [menu], [footer]] = partitionComponents(React.Children.toArray(children), [\n    isComponent('MenuButtonContentHeader'),\n    isComponent('MenuButtonContentMenu'),\n    isComponent('MenuButtonContentFooter'),\n  ]);\n\n  return (\n    <FloatingPortal root={appContainerState?.appContainerRef.current}>\n      {isOpen || hideInsteadOfClose ? (\n        <StyledPopoverContent\n          $theme={theme!}\n          ref={popoverRef}\n          {...getFloatingProps(props)}\n          style={{\n            position: strategy,\n            top: y ?? 0,\n            left: x ?? 0,\n            display: hideInsteadOfClose && !isOpen ? 'none' : 'flex',\n            ...style,\n          }}\n          className={classNames(PopoverContent.className, BaseMenuButtonContent.className, className)}\n        >\n          {!header && !menu && !footer ? (\n            <Flexbox flexDirection=\"column\" gap=\"0px\" width=\"100%\" {...containerProps}>\n              <MenuButtonContentMenu>{children}</MenuButtonContentMenu>\n            </Flexbox>\n          ) : (\n            <Flexbox flexDirection=\"column\" gap=\"0px\" width=\"100%\" {...containerProps}>\n              {header}\n              {menu}\n              {footer}\n            </Flexbox>\n          )}\n        </StyledPopoverContent>\n      ) : null}\n    </FloatingPortal>\n  );\n});\nBaseMenuButtonContent.className = CLASSNAME;\nBaseMenuButtonContent.displayName = COMPONENT_NAME;\n\nexport const MenuButtonContent = Object.assign(BaseMenuButtonContent, {\n  Header: MenuButtonContentHeader,\n  Menu: MenuButtonContentMenu,\n  Footer: MenuButtonContentFooter,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseMenuButtonContent","forwardRef","props","ref","children","className","style","containerProps","getContainerProps","getFloatingProps","isOpen","refs","strategy","x","y","hideInsteadOfClose","usePopoverContext","popoverRef","useMergeRefs","setFloating","appContainerState","useContext","AppContainerContext","theme","useTheme","header","menu","footer","partitionComponents","React","Children","toArray","isComponent","createElement","FloatingPortal","root","appContainerRef","current","StyledPopoverContent","_extends","$theme","_objectSpread","position","top","left","display","classNames","PopoverContent","Flexbox","flexDirection","gap","width","MenuButtonContentMenu","displayName","MenuButtonContent","Object","assign","Header","MenuButtonContentHeader","Menu","Footer","MenuButtonContentFooter"],"mappings":"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"}

package/components/menu-button-content/types.d.ts

@@ -0,0 +1,9 @@
+import { PopoverContentProps } from '@redsift/popovers';
+
+/**
+ * Component props.
+ */
+interface MenuButtonContentProps extends PopoverContentProps {
+}
+
+export { MenuButtonContentProps };

package/components/menu-button-content-footer/MenuButtonContentFooter.d.ts

@@ -0,0 +1,9 @@
+import { MenuButtonContentFooterProps } from './types.js';
+import { Comp } from '@redsift/design-system';
+
+/**
+ * The MenuButtonContentFooter component.
+ */
+declare const MenuButtonContentFooter: Comp<MenuButtonContentFooterProps, HTMLDivElement>;
+
+export { MenuButtonContentFooter };

package/components/menu-button-content-footer/MenuButtonContentFooter.js

@@ -0,0 +1,28 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { StyledMenuButtonContentFooter } from './styles.js';
+
+const _excluded = ["children", "className"];
+const COMPONENT_NAME = 'MenuButtonContentFooter';
+const CLASSNAME = 'redsift-combobox-content-footer';
+
+/**
+ * The MenuButtonContentFooter component.
+ */
+const MenuButtonContentFooter = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(StyledMenuButtonContentFooter, _extends({}, forwardedProps, {
+    className: classNames(MenuButtonContentFooter.className, className),
+    ref: ref
+  }), children);
+});
+MenuButtonContentFooter.className = CLASSNAME;
+MenuButtonContentFooter.displayName = COMPONENT_NAME;
+
+export { MenuButtonContentFooter };
+//# sourceMappingURL=MenuButtonContentFooter.js.map

package/components/menu-button-content-footer/MenuButtonContentFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContentFooter.js","sources":["../../../src/components/menu-button-content-footer/MenuButtonContentFooter.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { StyledMenuButtonContentFooter } from './styles';\nimport { MenuButtonContentFooterProps } from './types';\nimport { Comp } from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'MenuButtonContentFooter';\nconst CLASSNAME = 'redsift-combobox-content-footer';\n\n/**\n * The MenuButtonContentFooter component.\n */\nexport const MenuButtonContentFooter: Comp<MenuButtonContentFooterProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  return (\n    <StyledMenuButtonContentFooter\n      {...forwardedProps}\n      className={classNames(MenuButtonContentFooter.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {children}\n    </StyledMenuButtonContentFooter>\n  );\n});\nMenuButtonContentFooter.className = CLASSNAME;\nMenuButtonContentFooter.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","MenuButtonContentFooter","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","StyledMenuButtonContentFooter","_extends","classNames","displayName"],"mappings":";;;;;;AAOA,MAAMA,cAAc,GAAG,yBAAyB,CAAA;AAChD,MAAMC,SAAS,GAAG,iCAAiC,CAAA;;AAEnD;AACA;AACA;AACO,MAAMC,uBAA2E,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpH,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,oBACEC,KAAA,CAAAC,aAAA,CAACC,6BAA6B,EAAAC,QAAA,KACxBN,cAAc,EAAA;IAClBD,SAAS,EAAEQ,UAAU,CAACb,uBAAuB,CAACK,SAAS,EAAEA,SAAS,CAAE;AACpEF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErCC,QAC4B,CAAC,CAAA;AAEpC,CAAC,EAAC;AACFJ,uBAAuB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC7CC,uBAAuB,CAACc,WAAW,GAAGhB,cAAc;;;;"}

package/components/menu-button-content-footer/styles.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+import { baseContainer } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledMenuButtonContentFooter = styled.div`
+  ${baseContainer}
+`;
+
+export { StyledMenuButtonContentFooter };
+//# sourceMappingURL=styles.js.map

package/components/menu-button-content-footer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/menu-button-content-footer/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledMenuButtonContentFooterProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledMenuButtonContentFooter = styled.div<StyledMenuButtonContentFooterProps>`\n  ${baseContainer}\n`;\n"],"names":["StyledMenuButtonContentFooter","styled","div","baseContainer"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,6BAA6B,GAAGC,MAAM,CAACC,GAAwC,CAAA;AAC5F,EAAA,EAAIC,aAAc,CAAA;AAClB;;;;"}

package/components/menu-button-content-footer/types.d.ts

@@ -0,0 +1,11 @@
+import { ContainerProps } from '@redsift/design-system';
+import { ComponentProps } from 'react';
+
+/**
+ * Component props.
+ */
+interface MenuButtonContentFooterProps extends ComponentProps<'div'>, ContainerProps {
+}
+type StyledMenuButtonContentFooterProps = MenuButtonContentFooterProps & {};
+
+export { MenuButtonContentFooterProps, StyledMenuButtonContentFooterProps };

package/components/menu-button-content-header/MenuButtonContentHeader.d.ts

@@ -0,0 +1,9 @@
+import { MenuButtonContentHeaderProps } from './types.js';
+import { Comp } from '@redsift/design-system';
+
+/**
+ * The MenuButtonContentHeader component.
+ */
+declare const MenuButtonContentHeader: Comp<MenuButtonContentHeaderProps, HTMLDivElement>;
+
+export { MenuButtonContentHeader };

package/components/menu-button-content-header/MenuButtonContentHeader.js

@@ -0,0 +1,28 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { StyledMenuButtonContentHeader } from './styles.js';
+
+const _excluded = ["children", "className"];
+const COMPONENT_NAME = 'MenuButtonContentHeader';
+const CLASSNAME = 'redsift-combobox-content-header';
+
+/**
+ * The MenuButtonContentHeader component.
+ */
+const MenuButtonContentHeader = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(StyledMenuButtonContentHeader, _extends({}, forwardedProps, {
+    className: classNames(MenuButtonContentHeader.className, className),
+    ref: ref
+  }), children);
+});
+MenuButtonContentHeader.className = CLASSNAME;
+MenuButtonContentHeader.displayName = COMPONENT_NAME;
+
+export { MenuButtonContentHeader };
+//# sourceMappingURL=MenuButtonContentHeader.js.map

package/components/menu-button-content-header/MenuButtonContentHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContentHeader.js","sources":["../../../src/components/menu-button-content-header/MenuButtonContentHeader.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { StyledMenuButtonContentHeader } from './styles';\nimport { MenuButtonContentHeaderProps } from './types';\nimport { Comp } from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'MenuButtonContentHeader';\nconst CLASSNAME = 'redsift-combobox-content-header';\n\n/**\n * The MenuButtonContentHeader component.\n */\nexport const MenuButtonContentHeader: Comp<MenuButtonContentHeaderProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  return (\n    <StyledMenuButtonContentHeader\n      {...forwardedProps}\n      className={classNames(MenuButtonContentHeader.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {children}\n    </StyledMenuButtonContentHeader>\n  );\n});\nMenuButtonContentHeader.className = CLASSNAME;\nMenuButtonContentHeader.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","MenuButtonContentHeader","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","StyledMenuButtonContentHeader","_extends","classNames","displayName"],"mappings":";;;;;;AAOA,MAAMA,cAAc,GAAG,yBAAyB,CAAA;AAChD,MAAMC,SAAS,GAAG,iCAAiC,CAAA;;AAEnD;AACA;AACA;AACO,MAAMC,uBAA2E,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpH,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,oBACEC,KAAA,CAAAC,aAAA,CAACC,6BAA6B,EAAAC,QAAA,KACxBN,cAAc,EAAA;IAClBD,SAAS,EAAEQ,UAAU,CAACb,uBAAuB,CAACK,SAAS,EAAEA,SAAS,CAAE;AACpEF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErCC,QAC4B,CAAC,CAAA;AAEpC,CAAC,EAAC;AACFJ,uBAAuB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC7CC,uBAAuB,CAACc,WAAW,GAAGhB,cAAc;;;;"}

package/components/menu-button-content-header/styles.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+import { baseContainer } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledMenuButtonContentHeader = styled.div`
+  ${baseContainer}
+`;
+
+export { StyledMenuButtonContentHeader };
+//# sourceMappingURL=styles.js.map

package/components/menu-button-content-header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/menu-button-content-header/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledMenuButtonContentHeaderProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledMenuButtonContentHeader = styled.div<StyledMenuButtonContentHeaderProps>`\n  ${baseContainer}\n`;\n"],"names":["StyledMenuButtonContentHeader","styled","div","baseContainer"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,6BAA6B,GAAGC,MAAM,CAACC,GAAwC,CAAA;AAC5F,EAAA,EAAIC,aAAc,CAAA;AAClB;;;;"}

package/components/menu-button-content-header/types.d.ts

@@ -0,0 +1,11 @@
+import { ContainerProps } from '@redsift/design-system';
+import { ComponentProps } from 'react';
+
+/**
+ * Component props.
+ */
+interface MenuButtonContentHeaderProps extends ComponentProps<'div'>, ContainerProps {
+}
+type StyledMenuButtonContentHeaderProps = MenuButtonContentHeaderProps & {};
+
+export { MenuButtonContentHeaderProps, StyledMenuButtonContentHeaderProps };

package/components/menu-button-content-menu/MenuButtonContentMenu.d.ts

@@ -0,0 +1,9 @@
+import { Comp } from '@redsift/design-system';
+import { MenuButtonContentMenuProps } from './types.js';
+
+/**
+ * The MenuButtonContentMenu component.
+ */
+declare const MenuButtonContentMenu: Comp<MenuButtonContentMenuProps, HTMLDivElement>;
+
+export { MenuButtonContentMenu };

package/components/menu-button-content-menu/MenuButtonContentMenu.js

@@ -0,0 +1,41 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useContext, useEffect } from 'react';
+import classNames from 'classnames';
+import { FocusWithinGroupContext, Flexbox } from '@redsift/design-system';
+
+const _excluded = ["children", "className"];
+const COMPONENT_NAME = 'MenuButtonContentMenu';
+const CLASSNAME = 'redsift-menu-button-content-menu';
+
+/**
+ * The MenuButtonContentMenu component.
+ */
+const MenuButtonContentMenu = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const focusContext = useContext(FocusWithinGroupContext);
+  useEffect(() => {
+    if (focusContext && focusContext.state.delayedAction && focusContext.state.tabStops.length) {
+      focusContext.dispatch(focusContext.state.delayedAction);
+    }
+  }, [focusContext.state.delayedAction, focusContext.state.tabStops.length]);
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    gap: "8px",
+    margin: "8px 0px",
+    width: "100%",
+    className: classNames(MenuButtonContentMenu.className, className),
+    role: "menu",
+    as: "ul"
+  }, forwardedProps, {
+    ref: ref
+  }), children);
+});
+MenuButtonContentMenu.className = CLASSNAME;
+MenuButtonContentMenu.displayName = COMPONENT_NAME;
+
+export { MenuButtonContentMenu };
+//# sourceMappingURL=MenuButtonContentMenu.js.map

package/components/menu-button-content-menu/MenuButtonContentMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContentMenu.js","sources":["../../../src/components/menu-button-content-menu/MenuButtonContentMenu.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Flexbox, FocusWithinGroupContext } from '@redsift/design-system';\nimport { MenuButtonContentMenuProps } from './types';\n\nconst COMPONENT_NAME = 'MenuButtonContentMenu';\nconst CLASSNAME = 'redsift-menu-button-content-menu';\n\n/**\n * The MenuButtonContentMenu component.\n */\nexport const MenuButtonContentMenu: Comp<MenuButtonContentMenuProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  const focusContext = useContext(FocusWithinGroupContext);\n\n  useEffect(() => {\n    if (focusContext && focusContext.state.delayedAction && focusContext.state.tabStops.length) {\n      focusContext.dispatch(focusContext.state.delayedAction);\n    }\n  }, [focusContext.state.delayedAction, focusContext.state.tabStops.length]);\n\n  return (\n    <Flexbox\n      flexDirection=\"column\"\n      gap=\"8px\"\n      margin=\"8px 0px\"\n      width=\"100%\"\n      className={classNames(MenuButtonContentMenu.className, className)}\n      role=\"menu\"\n      as=\"ul\"\n      {...forwardedProps}\n      ref={ref}\n    >\n      {children}\n    </Flexbox>\n  );\n});\nMenuButtonContentMenu.className = CLASSNAME;\nMenuButtonContentMenu.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","MenuButtonContentMenu","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","focusContext","useContext","FocusWithinGroupContext","useEffect","state","delayedAction","tabStops","length","dispatch","React","createElement","Flexbox","_extends","flexDirection","gap","margin","width","classNames","role","as","displayName"],"mappings":";;;;;;AAMA,MAAMA,cAAc,GAAG,uBAAuB,CAAA;AAC9C,MAAMC,SAAS,GAAG,kCAAkC,CAAA;;AAEpD;AACA;AACA;AACO,MAAMC,qBAAuE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChH,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAExD,EAAA,MAAMC,YAAY,GAAGC,UAAU,CAACC,uBAAuB,CAAC,CAAA;AAExDC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,YAAY,IAAIA,YAAY,CAACI,KAAK,CAACC,aAAa,IAAIL,YAAY,CAACI,KAAK,CAACE,QAAQ,CAACC,MAAM,EAAE;MAC1FP,YAAY,CAACQ,QAAQ,CAACR,YAAY,CAACI,KAAK,CAACC,aAAa,CAAC,CAAA;AACzD,KAAA;AACF,GAAC,EAAE,CAACL,YAAY,CAACI,KAAK,CAACC,aAAa,EAAEL,YAAY,CAACI,KAAK,CAACE,QAAQ,CAACC,MAAM,CAAC,CAAC,CAAA;AAE1E,EAAA,oBACEE,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,KAAK;AACTC,IAAAA,MAAM,EAAC,SAAS;AAChBC,IAAAA,KAAK,EAAC,MAAM;IACZpB,SAAS,EAAEqB,UAAU,CAAC1B,qBAAqB,CAACK,SAAS,EAAEA,SAAS,CAAE;AAClEsB,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,EAAE,EAAC,IAAA;AAAI,GAAA,EACHtB,cAAc,EAAA;AAClBH,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERC,QACM,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,qBAAqB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC3CC,qBAAqB,CAAC6B,WAAW,GAAG/B,cAAc;;;;"}

package/components/menu-button-content-menu/types.d.ts

@@ -0,0 +1,9 @@
+import { FlexboxProps } from '@redsift/design-system';
+
+/**
+ * Component props.
+ */
+interface MenuButtonContentMenuProps extends FlexboxProps {
+}
+
+export { MenuButtonContentMenuProps };

package/components/menu-button-trigger/MenuButtonTrigger.d.ts

@@ -0,0 +1,9 @@
+import { Comp } from '@redsift/design-system';
+import { MenuButtonTriggerProps } from './types.js';
+
+/**
+ * The MenuButtonTrigger component.
+ */
+declare const MenuButtonTrigger: Comp<MenuButtonTriggerProps, HTMLButtonElement>;
+
+export { MenuButtonTrigger };