@kaizen/components 1.55.2 → 1.56.0

package/dist/cjs/actionsV1.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var index = require('./__actions__/Menu/v1/index.cjs');
+var Button = require('./__actions__/Button/v1/Button/Button.cjs');
+var IconButton = require('./__actions__/Button/v1/IconButton/IconButton.cjs');
+exports.Menu = index.Menu;
+exports.MenuHeading = index.MenuHeading;
+exports.MenuItem = index.MenuItem;
+exports.MenuList = index.MenuList;
+exports.StatelessMenu = index.StatelessMenu;
+exports.Button = Button.Button;
+exports.IconButton = IconButton.IconButton;

package/dist/cjs/actionsV2.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var Menu = require('./__actions__/Menu/v1/Menu.cjs');
+var MenuList = require('./__actions__/Menu/v1/subcomponents/MenuList/MenuList.cjs');
+var MenuDropdown = require('./__actions__/Menu/v1/subcomponents/MenuDropdown/MenuDropdown.cjs');
+var MenuItem = require('./__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.cjs');
+var MenuHeading = require('./__actions__/Menu/v1/subcomponents/MenuHeading/MenuHeading.cjs');
+var StatelessMenu = require('./__actions__/Menu/v1/subcomponents/StatelessMenu/StatelessMenu.cjs');
+var Button = require('./__actions__/Button/v1/Button/Button.cjs');
+var IconButton = require('./__actions__/Button/v1/IconButton/IconButton.cjs');
+exports.Menu = Menu.Menu;
+exports.MenuList = MenuList.MenuList;
+exports.MenuDropdown = MenuDropdown.MenuDropdown;
+exports.MenuItem = MenuItem.MenuItem;
+exports.MenuHeading = MenuHeading.MenuHeading;
+exports.StatelessMenu = StatelessMenu.StatelessMenu;
+exports.Button = Button.Button;
+exports.IconButton = IconButton.IconButton;

package/dist/cjs/actionsV3.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var Menu = require('./__actions__/Menu/v3/Menu.cjs');
+var MenuItem = require('./__actions__/Menu/v3/MenuItem.cjs');
+var MenuTrigger = require('./__actions__/Menu/v3/MenuTrigger.cjs');
+var Button = require('./__actions__/Button/v3/Button.cjs');
+exports.Menu = Menu.Menu;
+exports.MenuItem = MenuItem.MenuItem;
+exports.MenuTrigger = MenuTrigger.MenuTrigger;
+exports.Button = Button.Button;

package/dist/cjs/index.cjs

@@ -5,8 +5,6 @@ var AvatarGroup = require('./AvatarGroup/AvatarGroup.cjs');
 var Badge = require('./Badge/Badge.cjs');
 var Brand = require('./Brand/Brand.cjs');
 var BrandMoment = require('./BrandMoment/BrandMoment.cjs');
-var Button = require('./Button/Button/Button.cjs');
-var IconButton = require('./Button/IconButton/IconButton.cjs');
 var ButtonGroup = require('./ButtonGroup/ButtonGroup.cjs');
 var CalendarSingle = require('./Calendar/CalendarSingle/CalendarSingle.cjs');
 var CalendarRange = require('./Calendar/CalendarRange/CalendarRange.cjs');
@@ -322,11 +320,6 @@ var LoadingHeading = require('./Loading/LoadingHeading/LoadingHeading.cjs');
 var LoadingInput = require('./Loading/LoadingInput/LoadingInput.cjs');
 var LoadingParagraph = require('./Loading/LoadingParagraph/LoadingParagraph.cjs');
 var LoadingSpinner = require('./Loading/LoadingSpinner/LoadingSpinner.cjs');
-var Menu = require('./Menu/Menu.cjs');
-var MenuHeading = require('./Menu/subcomponents/MenuHeading/MenuHeading.cjs');
-var MenuItem = require('./Menu/subcomponents/MenuItem/MenuItem.cjs');
-var MenuList = require('./Menu/subcomponents/MenuList/MenuList.cjs');
-var StatelessMenu = require('./Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var ConfirmationModal = require('./Modal/ConfirmationModal/ConfirmationModal.cjs');
 var ContextModal = require('./Modal/ContextModal/ContextModal.cjs');
 var GenericModal = require('./Modal/GenericModal/GenericModal.cjs');
@@ -414,6 +407,9 @@ var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.cjs');
 var Well = require('./Well/Well.cjs');
 var Workflow = require('./Workflow/Workflow.cjs');
 var index = require('./__overlays__/Tooltip/v1/index.cjs');
+var index$1 = require('./__actions__/Menu/v1/index.cjs');
+var Button = require('./__actions__/Button/v1/Button/Button.cjs');
+var IconButton = require('./__actions__/Button/v1/IconButton/IconButton.cjs');
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -446,8 +442,6 @@ exports.Badge = Badge.Badge;
 exports.BadgeAnimated = Badge.BadgeAnimated;
 exports.Brand = Brand.Brand;
 exports.BrandMoment = BrandMoment.BrandMoment;
-exports.Button = Button.Button;
-exports.IconButton = IconButton.IconButton;
 exports.ButtonGroup = ButtonGroup.ButtonGroup;
 exports.CalendarSingle = CalendarSingle.CalendarSingle;
 exports.CalendarRange = CalendarRange.CalendarRange;
@@ -944,11 +938,6 @@ exports.LoadingHeading = LoadingHeading.LoadingHeading;
 exports.LoadingInput = LoadingInput.LoadingInput;
 exports.LoadingParagraph = LoadingParagraph.LoadingParagraph;
 exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
-exports.Menu = Menu.Menu;
-exports.MenuHeading = MenuHeading.MenuHeading;
-exports.MenuItem = MenuItem.MenuItem;
-exports.MenuList = MenuList.MenuList;
-exports.StatelessMenu = StatelessMenu.StatelessMenu;
 exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;
 exports.ContextModal = ContextModal.ContextModal;
 exports.GenericModal = GenericModal.GenericModal;
@@ -1048,3 +1037,10 @@ exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
 exports.Well = Well.Well;
 exports.Workflow = Workflow.Workflow;
 exports.Tooltip = index.Tooltip;
+exports.Menu = index$1.Menu;
+exports.MenuHeading = index$1.MenuHeading;
+exports.MenuItem = index$1.MenuItem;
+exports.MenuList = index$1.MenuList;
+exports.StatelessMenu = index$1.StatelessMenu;
+exports.Button = Button.Button;
+exports.IconButton = IconButton.IconButton;

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -2,12 +2,11 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { assetUrl } from '@kaizen/hosted-assets';
-import { Button } from '../Button/Button/Button.mjs';
-import '../Button/IconButton/IconButton.mjs';
 import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
 import styles from './BrandMoment.module.scss.mjs';
+import { Button } from '../__actions__/Button/v1/Button/Button.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs

@@ -2,13 +2,12 @@ import { __rest, __assign } from 'tslib';
 import React, { useState, useId } from 'react';
 import classnames from 'classnames';
 import AnimateHeight from 'react-animate-height';
-import '../../Button/Button/Button.mjs';
-import { IconButton } from '../../Button/IconButton/IconButton.mjs';
 import { Heading } from '../../Heading/Heading.mjs';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../Icon/ChevronDownIcon.mjs';
 import { ChevronUpIcon } from '../../Icon/ChevronUpIcon.mjs';
 import styles from './Collapsible.module.scss.mjs';
+import { IconButton } from '../../__actions__/Button/v1/IconButton/IconButton.mjs';
 const Collapsible = /*#__PURE__*/function () {
   const Collapsible = function (_a) {
     var children = _a.children,

package/dist/esm/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs

@@ -1,16 +1,13 @@
 import React from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
-import { Button } from '../../../../Button/Button/Button.mjs';
-import '../../../../Button/IconButton/IconButton.mjs';
 import 'tslib';
 import '../../../../Icon/subcomponents/SVG/SVG.mjs';
 import { AddIcon } from '../../../../Icon/AddIcon.mjs';
-import { Menu } from '../../../../Menu/Menu.mjs';
-import '../../../../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
-import { MenuItem } from '../../../../Menu/subcomponents/MenuItem/MenuItem.mjs';
-import { MenuList } from '../../../../Menu/subcomponents/MenuList/MenuList.mjs';
-import '../../../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+import { Menu } from '../../../../__actions__/Menu/v1/Menu.mjs';
+import { MenuList } from '../../../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.mjs';
+import { MenuItem } from '../../../../__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.mjs';
+import { Button } from '../../../../__actions__/Button/v1/Button/Button.mjs';
 const AddFiltersMenu = /*#__PURE__*/function () {
   const AddFiltersMenu = function () {
     var formatMessage = useIntl().formatMessage;

package/dist/esm/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs

@@ -1,9 +1,8 @@
 import React from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
-import { Button } from '../../../../Button/Button/Button.mjs';
-import '../../../../Button/IconButton/IconButton.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
 import styles from './ClearAllButton.module.scss.mjs';
+import { Button } from '../../../../__actions__/Button/v1/Button/Button.mjs';
 const ClearAllButton = /*#__PURE__*/function () {
   const ClearAllButton = function () {
     var formatMessage = useIntl().formatMessage;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -9,7 +9,7 @@ const ListBoxSection = /*#__PURE__*/function () {
       sectionName = _a.sectionName,
       restProps = __rest(_a, ["items", "children", "sectionName"]);
     var listSectionId = useId();
-    var hasSectionHeader = ("sectionHeader" in restProps);
+    var hasSectionHeader = "sectionHeader" in restProps;
     return /*#__PURE__*/React.createElement("li", {
       role: "presentation"
     }, /*#__PURE__*/React.createElement("ul", {

package/dist/esm/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs

@@ -1,8 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
-import { Button } from '../../../../Button/Button/Button.mjs';
-import '../../../../Button/IconButton/IconButton.mjs';
 import styles from './LoadMoreButton.module.scss.mjs';
+import { Button } from '../../../../__actions__/Button/v1/Button/Button.mjs';
 const LoadMoreButton = /*#__PURE__*/function () {
   const LoadMoreButton = function (props) {
     return /*#__PURE__*/React.createElement("div", {

package/dist/esm/GuidanceBlock/GuidanceBlock.mjs

@@ -2,14 +2,13 @@ import { __rest, __assign } from 'tslib';
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import Media from 'react-media';
-import { Button } from '../Button/Button/Button.mjs';
-import '../Button/IconButton/IconButton.mjs';
 import { Heading } from '../Heading/Heading.mjs';
 import '../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowForwardIcon } from '../Icon/ArrowForwardIcon.mjs';
 import { Text } from '../Text/Text.mjs';
 import { Tooltip } from '../__overlays__/Tooltip/v1/index.mjs';
 import styles from './GuidanceBlock.module.scss.mjs';
+import { Button } from '../__actions__/Button/v1/Button/Button.mjs';
 var WithTooltip = function (_a) {
   var tooltipProps = _a.tooltipProps,
     children = _a.children;

package/dist/esm/Icon/subcomponents/SVG/SVG.mjs

@@ -15,8 +15,9 @@ const SVG = /*#__PURE__*/function () {
       viewBox = _c === void 0 ? "0 0 20 20" : _c,
       classNameOverride = _a.classNameOverride,
       children = _a.children,
-      restProps = __rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);
-    var classes = classnames(styles.icon, classNameOverride, inheritSize && styles.inheritSize);
+      shouldFlipOnRtl = _a.shouldFlipOnRtl,
+      restProps = __rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children", "shouldFlipOnRtl"]);
+    var classes = classnames(styles.icon, classNameOverride, inheritSize && styles.inheritSize, shouldFlipOnRtl && styles.flipOnRtl);
     if (role === "presentation") {
       return /*#__PURE__*/React.createElement("svg", __assign({
         className: classes,

package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs

@@ -1,11 +1,10 @@
 import React, { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { assetUrl } from '@kaizen/hosted-assets';
-import '../../../Button/Button/Button.mjs';
-import { IconButton } from '../../../Button/IconButton/IconButton.mjs';
 import { canPlayWebm } from '../../utils/canPlayWebm.mjs';
 import { usePausePlay } from '../../utils/usePausePlay.mjs';
 import styles from '../Base/Base.module.scss.mjs';
+import { IconButton } from '../../../__actions__/Button/v1/IconButton/IconButton.mjs';
 var VideoPlayer = function (_a) {
   var _b = _a.autoplay,
     autoplay = _b === void 0 ? true : _b,

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -1,11 +1,10 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Button } from '../../../../Button/Button/Button.mjs';
-import '../../../../Button/IconButton/IconButton.mjs';
 import { useMediaQueries } from '../../../../utils/useMediaQueries.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
 import styles from './ModalFooter.module.scss.mjs';
+import { Button } from '../../../../__actions__/Button/v1/Button/Button.mjs';
 const ModalFooter = /*#__PURE__*/function () {
   const ModalFooter = function (_a) {
     var unpadded = _a.unpadded,

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs

@@ -1,11 +1,10 @@
 import React from 'react';
-import '../../../../Button/Button/Button.mjs';
-import { IconButton } from '../../../../Button/IconButton/IconButton.mjs';
 import 'tslib';
 import '../../../../Icon/subcomponents/SVG/SVG.mjs';
 import { CloseIcon } from '../../../../Icon/CloseIcon.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
 import styles from './ModalHeader.module.scss.mjs';
+import { IconButton } from '../../../../__actions__/Button/v1/IconButton/IconButton.mjs';
 const ModalHeader = /*#__PURE__*/function () {
   const ModalHeader = function (_a) {
     var reversed = _a.reversed,

package/dist/esm/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs

@@ -5,7 +5,7 @@ import { ArrowBackwardIcon } from '../../../Icon/ArrowBackwardIcon.mjs';
 import { ArrowForwardIcon } from '../../../Icon/ArrowForwardIcon.mjs';
 import { EndIcon } from '../../../Icon/EndIcon.mjs';
 import { StartIcon } from '../../../Icon/StartIcon.mjs';
-import { GenericButton } from '../../../Button/GenericButton/GenericButton.mjs';
+import { GenericButton } from '../../../__actions__/Button/v1/GenericButton/GenericButton.mjs';
 var iconMap = {
   prev: /*#__PURE__*/React.createElement(ArrowBackwardIcon, {
     role: "presentation"

package/dist/esm/Pagination/subcomponents/PaginationLink/PaginationLink.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
-import { GenericButton } from '../../../Button/GenericButton/GenericButton.mjs';
+import { GenericButton } from '../../../__actions__/Button/v1/GenericButton/GenericButton.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |

package/dist/esm/RichTextEditor/utils/core/createRichTextEditor.mjs

@@ -17,6 +17,7 @@ var createRichTextEditor = function (_a) {
     isEditable = _c === void 0 ? function () {
       return true;
     } : _c;
+  var editorView = null;
   // Handle transactions eminating from the EditorView instance
   var dispatch = function (tx) {
     var newEditorState = editorView && editorView.state.apply(tx);
@@ -34,7 +35,7 @@ var createRichTextEditor = function (_a) {
       commandOrTransaction(editorView.state, dispatch);
     }
   };
-  var editorView = new EditorView(node, {
+  editorView = new EditorView(node, {
     state: initialEditorState,
     dispatchTransaction: dispatchCommandOrTransaction,
     attributes: attributes,

package/dist/esm/SplitButton/SplitButton.mjs

@@ -1,14 +1,10 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Menu } from '../Menu/Menu.mjs';
-import '../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
-import '../Menu/subcomponents/MenuItem/MenuItem.mjs';
-import '../Menu/subcomponents/MenuList/MenuList.mjs';
-import '../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import { ActionButton } from './subcomponents/ActionButton/ActionButton.mjs';
 import { DropdownButton } from './subcomponents/DropdownButton/DropdownButton.mjs';
 import styles from './SplitButton.module.scss.mjs';
+import { Menu } from '../__actions__/Menu/v1/Menu.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |

package/dist/esm/Tile/subcomponents/GenericTile/Action.mjs

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Button } from '../../../Button/Button/Button.mjs';
-import '../../../Button/IconButton/IconButton.mjs';
+import { Button } from '../../../__actions__/Button/v1/Button/Button.mjs';
 var Action = function (_a) {
   var action = _a.action,
     _b = _a.secondary,

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -1,8 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import '../../../Button/Button/Button.mjs';
-import { IconButton } from '../../../Button/IconButton/IconButton.mjs';
 import { Heading } from '../../../Heading/Heading.mjs';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowBackwardIcon } from '../../../Icon/ArrowBackwardIcon.mjs';
@@ -10,6 +8,7 @@ import { InformationIcon } from '../../../Icon/InformationIcon.mjs';
 import { Text } from '../../../Text/Text.mjs';
 import Action from './Action.mjs';
 import styles from './GenericTile.module.scss.mjs';
+import { IconButton } from '../../../__actions__/Button/v1/IconButton/IconButton.mjs';
 const GenericTile = /*#__PURE__*/function () {
   const GenericTile = function (_a) {
     var children = _a.children,

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs

@@ -2,8 +2,6 @@ import { __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { Avatar } from '../Avatar/Avatar.mjs';
-import '../Button/Button/Button.mjs';
-import { IconButton } from '../Button/IconButton/IconButton.mjs';
 import { Heading } from '../Heading/Heading.mjs';
 import '../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowLeftIcon } from '../Icon/ArrowLeftIcon.mjs';
@@ -17,6 +15,7 @@ import { MobileActions } from './subcomponents/MobileActions.mjs';
 import { SecondaryActions } from './subcomponents/SecondaryActions.mjs';
 import { isReversed, createTabletOverflowMenuItems } from './utils.mjs';
 import styles from './TitleBlockZen.module.scss.mjs';
+import { IconButton } from '../__actions__/Button/v1/IconButton/IconButton.mjs';
 var renderTag = function (surveyStatus) {
   var tagVariant;
   if (tagVariant === "profile") {

package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs

@@ -1,20 +1,17 @@
 import { __assign, __spreadArray } from 'tslib';
 import React from 'react';
-import { Button } from '../../Button/Button/Button.mjs';
-import { IconButton } from '../../Button/IconButton/IconButton.mjs';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../Icon/ChevronDownIcon.mjs';
 import { MeatballsIcon } from '../../Icon/MeatballsIcon.mjs';
-import { Menu } from '../../Menu/Menu.mjs';
-import '../../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
-import '../../Menu/subcomponents/MenuItem/MenuItem.mjs';
-import { MenuList } from '../../Menu/subcomponents/MenuList/MenuList.mjs';
-import '../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants.mjs';
 import { isMenuGroupNotButton } from '../utils.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
 import styles from './MainActions.module.scss.mjs';
+import { Button } from '../../__actions__/Button/v1/Button/Button.mjs';
+import { Menu } from '../../__actions__/Menu/v1/Menu.mjs';
+import { MenuList } from '../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.mjs';
+import { IconButton } from '../../__actions__/Button/v1/IconButton/IconButton.mjs';
 const MainActions = /*#__PURE__*/function () {
   const MainActions = function (_a) {
     var primaryAction = _a.primaryAction,

package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs

@@ -5,15 +5,13 @@ import { FocusOn } from 'react-focus-on';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../Icon/ChevronDownIcon.mjs';
 import { ChevronUpIcon } from '../../Icon/ChevronUpIcon.mjs';
-import '../../Menu/Menu.mjs';
-import { MenuHeading } from '../../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
-import { MenuItem } from '../../Menu/subcomponents/MenuItem/MenuItem.mjs';
-import { MenuList } from '../../Menu/subcomponents/MenuList/MenuList.mjs';
-import '../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID } from '../constants.mjs';
 import { isMenuGroupNotButton, convertSecondaryActionsToMenuItems } from '../utils.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import styles from './MobileActions.module.scss.mjs';
+import { MenuHeading } from '../../__actions__/Menu/v1/subcomponents/MenuHeading/MenuHeading.mjs';
+import { MenuList } from '../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.mjs';
+import { MenuItem } from '../../__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.mjs';
 var menuItemIsLink = function (item) {
   return "href" in item;
 };

package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs

@@ -1,19 +1,16 @@
 import { __assign, __spreadArray } from 'tslib';
 import React from 'react';
-import { Button } from '../../Button/Button/Button.mjs';
-import { IconButton } from '../../Button/IconButton/IconButton.mjs';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../Icon/ChevronDownIcon.mjs';
 import { MeatballsIcon } from '../../Icon/MeatballsIcon.mjs';
-import { Menu } from '../../Menu/Menu.mjs';
-import '../../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
-import '../../Menu/subcomponents/MenuItem/MenuItem.mjs';
-import { MenuList } from '../../Menu/subcomponents/MenuList/MenuList.mjs';
-import '../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import styles from '../TitleBlockZen.module.scss.mjs';
 import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
+import { Menu } from '../../__actions__/Menu/v1/Menu.mjs';
+import { Button } from '../../__actions__/Button/v1/Button/Button.mjs';
+import { MenuList } from '../../__actions__/Menu/v1/subcomponents/MenuList/MenuList.mjs';
+import { IconButton } from '../../__actions__/Button/v1/IconButton/IconButton.mjs';
 var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems) return undefined;
   return /*#__PURE__*/React.createElement(Menu, {

package/dist/esm/TitleBlockZen/subcomponents/TitleBlockMenuItem.mjs

@@ -1,12 +1,8 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import '../../Menu/Menu.mjs';
-import '../../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
-import { MenuItem } from '../../Menu/subcomponents/MenuItem/MenuItem.mjs';
-import '../../Menu/subcomponents/MenuList/MenuList.mjs';
-import '../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import styles from './TitleBlockMenuItem.module.scss.mjs';
+import { MenuItem } from '../../__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.mjs';
 const TitleBlockMenuItem = /*#__PURE__*/function () {
   const TitleBlockMenuItem = function (props) {
     var className = classnames(styles.menuItem, styles.destructive && styles["menuItem--destructive"], styles.disabled && styles["menuItem--disabled"], styles.isActive && styles["menuItem--active"]);

package/dist/esm/{Button → __actions__/Button/v1}/GenericButton/GenericButton.mjs

@@ -3,12 +3,12 @@ import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import classnames from 'classnames';
 import { useLink, useFocusable } from 'react-aria';
 import { useContextProps, LinkContext } from 'react-aria-components';
-import { BadgeAnimated, Badge } from '../../Badge/Badge.mjs';
-import '../../Loading/LoadingGraphic/LoadingGraphic.mjs';
-import '../../Loading/LoadingHeading/LoadingHeading.mjs';
-import '../../Loading/LoadingInput/LoadingInput.mjs';
-import '../../Loading/LoadingParagraph/LoadingParagraph.mjs';
-import { LoadingSpinner } from '../../Loading/LoadingSpinner/LoadingSpinner.mjs';
+import { BadgeAnimated, Badge } from '../../../../Badge/Badge.mjs';
+import '../../../../Loading/LoadingGraphic/LoadingGraphic.mjs';
+import '../../../../Loading/LoadingHeading/LoadingHeading.mjs';
+import '../../../../Loading/LoadingInput/LoadingInput.mjs';
+import '../../../../Loading/LoadingParagraph/LoadingParagraph.mjs';
+import { LoadingSpinner } from '../../../../Loading/LoadingSpinner/LoadingSpinner.mjs';
 import styles from './GenericButton.module.scss.mjs';
 
 // We're treating custom props as anything that is kebab cased.

package/dist/esm/__actions__/Button/v1/GenericButton/GenericButton.module.scss.mjs

@@ -0,0 +1,26 @@
+var styles = {
+  "button": "GenericButton-module_button__vTuHz",
+  "disabled": "GenericButton-module_disabled__NQENR",
+  "working": "GenericButton-module_working__Ia8R2",
+  "reversed": "GenericButton-module_reversed__m6Nia",
+  "content": "GenericButton-module_content__McBme",
+  "default": "GenericButton-module_default__08ztk",
+  "primary": "GenericButton-module_primary__8wfKy",
+  "destructive": "GenericButton-module_destructive__O-1WX",
+  "secondary": "GenericButton-module_secondary__e3lqK",
+  "small": "GenericButton-module_small__vlMuA",
+  "iconButton": "GenericButton-module_iconButton__jQQ4E",
+  "circleButton": "GenericButton-module_circleButton__Ovqs1",
+  "paginationLink": "GenericButton-module_paginationLink__t54TU",
+  "isPaginationLinkActive": "GenericButton-module_isPaginationLinkActive__FbfXr",
+  "directionalLink": "GenericButton-module_directionalLink__jgRQf",
+  "container": "GenericButton-module_container__sMeVe",
+  "label": "GenericButton-module_label__Z08Ax",
+  "fullWidth": "GenericButton-module_fullWidth__2MPO6",
+  "iconWrapper": "GenericButton-module_iconWrapper__eFGAT",
+  "additionalContentWrapper": "GenericButton-module_additionalContentWrapper__RwK-G",
+  "loadingSpinner": "GenericButton-module_loadingSpinner__lbL3G",
+  "centeredLoadingSpinner": "GenericButton-module_centeredLoadingSpinner__OPppp",
+  "hidden": "GenericButton-module_hidden__MacT-"
+};
+export { styles as default };

package/dist/esm/__actions__/Button/v3/Button.mjs

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Button as Button$1 } from 'react-aria-components';
+import { mergeClassNames } from '../../../utils/mergeClassNames.mjs';
+import styles from './Button.module.scss.mjs';
+import { useReversedColors } from '../../../__utilities__/ReversedColors/v3/ReversedColors.mjs';
+var Button = function (_a) {
+  var _b = _a.variant,
+    variant = _b === void 0 ? "default" : _b,
+    className = _a.className,
+    _c = _a.size,
+    size = _c === void 0 ? "medium" : _c,
+    children = _a.children,
+    otherProps = __rest(_a, ["variant", "className", "size", "children"]);
+  var isReversed = useReversedColors();
+  return /*#__PURE__*/React.createElement(Button$1, __assign({
+    className: mergeClassNames(styles.button, styles[variant], styles[size], isReversed && styles.reversed, className)
+  }, otherProps), children);
+};
+export { Button };

package/dist/esm/__actions__/Button/v3/Button.module.scss.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "button": "Button-module_button__QOSYH",
+  "default": "Button-module_default__gSx3e",
+  "reversed": "Button-module_reversed__DT-Id",
+  "small": "Button-module_small__S-t5B"
+};
+export { styles as default };

package/dist/esm/__actions__/Menu/v1/index.mjs

@@ -0,0 +1,14 @@
+import { Menu as Menu$1 } from './Menu.mjs';
+import { MenuHeading as MenuHeading$1 } from './subcomponents/MenuHeading/MenuHeading.mjs';
+import { MenuItem as MenuItem$1 } from './subcomponents/MenuItem/MenuItem.mjs';
+import { MenuList as MenuList$1 } from './subcomponents/MenuList/MenuList.mjs';
+import { StatelessMenu as StatelessMenu$1 } from './subcomponents/StatelessMenu/StatelessMenu.mjs';
+
+// Since we can't add a deprecation flag on a * export
+// Note: deprecate all of these once we have Button v3
+var Menu = Menu$1;
+var MenuHeading = MenuHeading$1;
+var MenuItem = MenuItem$1;
+var MenuList = MenuList$1;
+var StatelessMenu = StatelessMenu$1;
+export { Menu, MenuHeading, MenuItem, MenuList, StatelessMenu };

package/dist/esm/__actions__/Menu/v1/subcomponents/MenuDropdown/MenuDropdown.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "menuContainer": "MenuDropdown-module_menuContainer__X4272",
+  "defaultWidth": "MenuDropdown-module_defaultWidth__8jWqB"
+};
+export { styles as default };

package/dist/esm/{Menu → __actions__/Menu/v1}/subcomponents/MenuHeading/MenuHeading.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Heading } from '../../../Heading/Heading.mjs';
+import { Heading } from '../../../../../Heading/Heading.mjs';
 import styles from './MenuHeading.module.scss.mjs';
 const MenuHeading = /*#__PURE__*/function () {
   const MenuHeading = function (_a) {

package/dist/esm/__actions__/Menu/v1/subcomponents/MenuHeading/MenuHeading.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "heading": "MenuHeading-module_heading__WISMF"
+};
+export { styles as default };

package/dist/esm/__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.module.scss.mjs

@@ -0,0 +1,10 @@
+var styles = {
+  "menuListItem": "MenuItem-module_menuListItem__zWJSG",
+  "menuItem": "MenuItem-module_menuItem__3gZEN",
+  "menuItem--disabled": "MenuItem-module_menuItem--disabled__V3N8q",
+  "menuItem__Icon": "MenuItem-module_menuItem__Icon__ckzae",
+  "menuItem--destructive": "MenuItem-module_menuItem--destructive__z-9Ds",
+  "menuItem--active": "MenuItem-module_menuItem--active__tIKBp",
+  "menuItem__Label": "MenuItem-module_menuItem__Label__r9ZbQ"
+};
+export { styles as default };

package/dist/esm/__actions__/Menu/v1/subcomponents/MenuList/MenuList.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "menuSection": "MenuList-module_menuSection__FBeC8"
+};
+export { styles as default };

package/dist/esm/__actions__/Menu/v1/subcomponents/StatelessMenu/StatelessMenu.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "buttonWrapper": "StatelessMenu-module_buttonWrapper__ov51l"
+};
+export { styles as default };

package/dist/esm/__actions__/Menu/v3/Menu.mjs

@@ -0,0 +1,18 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Menu as Menu$1 } from 'react-aria-components';
+import { mergeClassNames } from '../../../utils/mergeClassNames.mjs';
+import styles from './Menu.module.scss.mjs';
+
+/**
+ * A menu displays a list of actions or options that a user can choose.
+ */
+var Menu = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(Menu$1, __assign({
+    className: mergeClassNames(styles.menu, className),
+    ref: ref
+  }, props));
+});
+export { Menu };