@easypost/easy-ui 1.0.0-alpha.50 → 1.0.0-alpha.52

package/__chunks__/{InputField-DpZDDBRI.mjs → InputField-w-orC_z_.mjs}

@@ -20,18 +20,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React__default, { useEffect, useState } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { s as styles, m as mapIconSize, g as getElementType, b as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, L as Label, I as InputIcon, a as InputCaption } from "./InputIcon-C0O8aQLE.mjs";
-import { T as Text } from "./Text-Co1k1a0Q.mjs";
-import { I as Icon } from "./Icon-B9N6In4d.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-NAjBMn23.mjs";
-import { f as $431fbd86ca7dc216$export$f21a1ffae260145a } from "./useFocusVisible-3GO81-mK.mjs";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-CTaIJjOz.mjs";
+import { s as styles, m as mapIconSize, g as getElementType, b as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, L as Label, I as InputIcon, a as InputCaption } from "./InputIcon-D5WHF9JB.mjs";
+import { T as Text } from "./Text-CLXCmUFd.mjs";
+import { I as Icon } from "./Icon-BmhO04p4.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-DcvMv4SL.mjs";
+import { e as $431fbd86ca7dc216$export$f21a1ffae260145a } from "./useFocusVisible-DXAxI2Xj.mjs";
+import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-SJQ-f8LF.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-Z8kPFt1Y.mjs";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CFhWic3i.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
-import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-V_J-oAim.mjs";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-D7496iqi.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-IDftdxEG.mjs";
+import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-DPD-La1H.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-Uo_zjP6s.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-C_CD-7QE.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
 function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;

package/__chunks__/{InputIcon-C0O8aQLE.mjs → InputIcon-D5WHF9JB.mjs}

@@ -30,32 +30,32 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default from "react";
-import { T as Text } from "./Text-Co1k1a0Q.mjs";
+import { T as Text } from "./Text-CLXCmUFd.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { I as Icon } from "./Icon-B9N6In4d.mjs";
-const root = "_root_15uhz_5";
-const inputIconContainer = "_inputIconContainer_15uhz_26";
-const label = "_label_15uhz_32";
-const input = "_input_15uhz_26";
-const errorInput = "_errorInput_15uhz_68";
-const inputSizeSm = "_inputSizeSm_15uhz_76";
-const inputSizeLg = "_inputSizeLg_15uhz_88";
-const passwordInput = "_passwordInput_15uhz_94";
-const passwordBtn = "_passwordBtn_15uhz_104";
-const hovered = "_hovered_15uhz_130";
-const textArea = "_textArea_15uhz_139";
-const passwordBtnError = "_passwordBtnError_15uhz_144";
-const passwordBtnSm = "_passwordBtnSm_15uhz_150";
-const passwordBtnLg = "_passwordBtnLg_15uhz_155";
-const icon = "_icon_15uhz_160";
-const iconDisabled = "_iconDisabled_15uhz_170";
-const iconStart = "_iconStart_15uhz_174";
-const iconEnd = "_iconEnd_15uhz_178";
-const iconStartInput = "_iconStartInput_15uhz_182";
-const iconEndInput = "_iconEndInput_15uhz_186";
-const inputIconPlacementSm = "_inputIconPlacementSm_15uhz_190";
-const inputIconPlacementLg = "_inputIconPlacementLg_15uhz_194";
-const caption = "_caption_15uhz_198";
+import { I as Icon } from "./Icon-BmhO04p4.mjs";
+const root = "_root_yhwwa_5";
+const inputIconContainer = "_inputIconContainer_yhwwa_26";
+const label = "_label_yhwwa_32";
+const input = "_input_yhwwa_26";
+const errorInput = "_errorInput_yhwwa_68";
+const inputSizeSm = "_inputSizeSm_yhwwa_76";
+const inputSizeLg = "_inputSizeLg_yhwwa_88";
+const passwordInput = "_passwordInput_yhwwa_94";
+const passwordBtn = "_passwordBtn_yhwwa_104";
+const hovered = "_hovered_yhwwa_130";
+const textArea = "_textArea_yhwwa_139";
+const passwordBtnError = "_passwordBtnError_yhwwa_144";
+const passwordBtnSm = "_passwordBtnSm_yhwwa_150";
+const passwordBtnLg = "_passwordBtnLg_yhwwa_155";
+const icon = "_icon_yhwwa_160";
+const iconDisabled = "_iconDisabled_yhwwa_170";
+const iconStart = "_iconStart_yhwwa_174";
+const iconEnd = "_iconEnd_yhwwa_178";
+const iconStartInput = "_iconStartInput_yhwwa_182";
+const iconEndInput = "_iconEndInput_yhwwa_186";
+const inputIconPlacementSm = "_inputIconPlacementSm_yhwwa_190";
+const inputIconPlacementLg = "_inputIconPlacementLg_yhwwa_194";
+const caption = "_caption_yhwwa_198";
 const styles = {
   root,
   inputIconContainer,

package/__chunks__/{InputIcon-BDeDh51H.js → InputIcon-eg1DDtXb.js}

@@ -31,32 +31,32 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const React = require("react");
-const Text = require("./Text-CLNl4ktK.js");
+const Text = require("./Text-DN9QVNH4.js");
 const utilities_css = require("../utilities/css.js");
-const Icon = require("./Icon-0Aepk36j.js");
-const root = "_root_15uhz_5";
-const inputIconContainer = "_inputIconContainer_15uhz_26";
-const label = "_label_15uhz_32";
-const input = "_input_15uhz_26";
-const errorInput = "_errorInput_15uhz_68";
-const inputSizeSm = "_inputSizeSm_15uhz_76";
-const inputSizeLg = "_inputSizeLg_15uhz_88";
-const passwordInput = "_passwordInput_15uhz_94";
-const passwordBtn = "_passwordBtn_15uhz_104";
-const hovered = "_hovered_15uhz_130";
-const textArea = "_textArea_15uhz_139";
-const passwordBtnError = "_passwordBtnError_15uhz_144";
-const passwordBtnSm = "_passwordBtnSm_15uhz_150";
-const passwordBtnLg = "_passwordBtnLg_15uhz_155";
-const icon = "_icon_15uhz_160";
-const iconDisabled = "_iconDisabled_15uhz_170";
-const iconStart = "_iconStart_15uhz_174";
-const iconEnd = "_iconEnd_15uhz_178";
-const iconStartInput = "_iconStartInput_15uhz_182";
-const iconEndInput = "_iconEndInput_15uhz_186";
-const inputIconPlacementSm = "_inputIconPlacementSm_15uhz_190";
-const inputIconPlacementLg = "_inputIconPlacementLg_15uhz_194";
-const caption = "_caption_15uhz_198";
+const Icon = require("./Icon-vgTkejl_.js");
+const root = "_root_yhwwa_5";
+const inputIconContainer = "_inputIconContainer_yhwwa_26";
+const label = "_label_yhwwa_32";
+const input = "_input_yhwwa_26";
+const errorInput = "_errorInput_yhwwa_68";
+const inputSizeSm = "_inputSizeSm_yhwwa_76";
+const inputSizeLg = "_inputSizeLg_yhwwa_88";
+const passwordInput = "_passwordInput_yhwwa_94";
+const passwordBtn = "_passwordBtn_yhwwa_104";
+const hovered = "_hovered_yhwwa_130";
+const textArea = "_textArea_yhwwa_139";
+const passwordBtnError = "_passwordBtnError_yhwwa_144";
+const passwordBtnSm = "_passwordBtnSm_yhwwa_150";
+const passwordBtnLg = "_passwordBtnLg_yhwwa_155";
+const icon = "_icon_yhwwa_160";
+const iconDisabled = "_iconDisabled_yhwwa_170";
+const iconStart = "_iconStart_yhwwa_174";
+const iconEnd = "_iconEnd_yhwwa_178";
+const iconStartInput = "_iconStartInput_yhwwa_182";
+const iconEndInput = "_iconEndInput_yhwwa_186";
+const inputIconPlacementSm = "_inputIconPlacementSm_yhwwa_190";
+const inputIconPlacementLg = "_inputIconPlacementLg_yhwwa_194";
+const caption = "_caption_yhwwa_198";
 const styles = {
   root,
   inputIconContainer,

package/__chunks__/{Menu-DFIPOTVY.mjs → Menu-Bo7BjljK.mjs}

@@ -29,23 +29,25 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default, { useState, createContext, useContext, useMemo } from "react";
+import React__default, { useState, createContext, useContext, useCallback, useMemo } from "react";
 import { o as omit } from "./omit-B_jU3Uog.mjs";
-import { T as Text } from "./Text-Co1k1a0Q.mjs";
+import { C as Checkbox } from "./Checkbox-BZqZjAnI.mjs";
+import { T as Text } from "./Text-CLXCmUFd.mjs";
+import { $ as $453cc9f0df89c0a5$export$77d5aafae4e095b2, S as SELECT_ALL_KEY, j as isSelectAllSelected, k as isSelectAllIndeterminate, b as $9fc4852771d079eb$export$6e2c8f0811a474ce, c as $f4b273590fab9f93$export$52210f68a14655d0, l as useSelectionCapture, d as $f2f8a6077418541e$export$542a6fd13ac93354, m as filterSelectedKeys, g as getUnmergedPopoverStyles, e as $86ea4cb521eb2e37$export$2317d149ed6f78c4, f as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, i as DEFAULT_PLACEMENT, D as DEFAULT_WIDTH, O as OVERLAY_PADDING_FROM_CONTAINER, I as ITEM_HEIGHT, Y as Y_PADDING_INSIDE_OVERLAY, h as OVERLAY_OFFSET, a as $168583247155ddda$export$dc9c12ed27dd1b49, u as useTriggerWidth } from "./useTriggerWidth-CI9YrWOP.mjs";
 import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "./Item-BhrTPNN2.mjs";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-CTaIJjOz.mjs";
+import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $bdb11010cef70236$export$b4cc09c592e8fdb8, d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-SJQ-f8LF.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
-import { $ as $982254629710d113$export$b95089534ab7c1fd } from "./useSelectableList-UrsfEn_q.mjs";
-import { c as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, e as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-DPi5mXfq.mjs";
-import { $ as $453cc9f0df89c0a5$export$77d5aafae4e095b2, a as $9fc4852771d079eb$export$6e2c8f0811a474ce, b as $f4b273590fab9f93$export$52210f68a14655d0, c as $f2f8a6077418541e$export$542a6fd13ac93354, g as getUnmergedPopoverStyles, d as $86ea4cb521eb2e37$export$2317d149ed6f78c4, D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, e as DEFAULT_PLACEMENT, f as DEFAULT_WIDTH, O as OVERLAY_PADDING_FROM_CONTAINER, I as ITEM_HEIGHT, Y as Y_PADDING_INSIDE_OVERLAY, h as OVERLAY_OFFSET, i as $168583247155ddda$export$dc9c12ed27dd1b49, u as useTriggerWidth } from "./useTriggerWidth-BMatkUuB.mjs";
-import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-DSrpUdfo.mjs";
-import { b as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-3GO81-mK.mjs";
+import { $ as $982254629710d113$export$b95089534ab7c1fd } from "./useSelectableList-DjrCndUM.mjs";
+import { c as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, e as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-CA-sH9oY.mjs";
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-DOcjAFnP.mjs";
+import { b as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-DXAxI2Xj.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
-import { $ as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./useKeyboard-C9jAeK81.mjs";
-import { a as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-CHyfwMdA.mjs";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./useFocusable-Uo_zjP6s.mjs";
+import { a as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-Dn-hODEw.mjs";
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
 import { useScrollbar } from "../utilities/useScrollbar.mjs";
+import { a as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-Dz_4R38U.mjs";
 import { $ as $875d6693e12af071$export$728d6ba534403756 } from "./useTreeState-BZxhJy4m.mjs";
-import { a as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-NSOiekJL.mjs";
 import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "./useCloseOnScroll-DxZ3orlK.mjs";
 function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
   let overlayTriggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
@@ -297,15 +299,15 @@ function useInternalMenuContext() {
   }
   return menuContext;
 }
-const underlay = "_underlay_19h3z_5";
-const root = "_root_19h3z_10";
-const menu = "_menu_19h3z_74";
-const menuList = "_menuList_19h3z_79";
-const sectionList = "_sectionList_19h3z_80";
-const sectionTitle = "_sectionTitle_19h3z_86";
-const itemContent = "_itemContent_19h3z_96";
-const separator = "_separator_19h3z_97";
-const item = "_item_19h3z_96";
+const underlay = "_underlay_19ji7_5";
+const root = "_root_19ji7_10";
+const menu = "_menu_19ji7_74";
+const menuList = "_menuList_19ji7_79";
+const sectionList = "_sectionList_19ji7_80";
+const sectionTitle = "_sectionTitle_19ji7_86";
+const itemContent = "_itemContent_19ji7_93";
+const separator = "_separator_19ji7_94";
+const item = "_item_19ji7_93";
 const styles = {
   underlay,
   root,
@@ -323,23 +325,30 @@ function MenuItem(_props) {
 Object.assign(MenuItem, $c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
 function MenuItemContent({ item: item2, state }) {
   const ref = React__default.useRef(null);
+  const { selectionManager: { selectionMode } } = state;
   const { closeOnSelect, href } = item2.props;
   const { menuItemProps, isFocused, isSelected, isDisabled } = $a2e5df62f93c7633$export$9d32628fc2aea7da(__spreadProps(__spreadValues({}, item2), {
     closeOnSelect
   }), state, ref);
   const MenuItemContainer = href ? LinkMenuItemContainer : StandardMenuItemContainer;
-  const props = href ? $3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"])) : menuItemProps;
+  const props = $3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === SELECT_ALL_KEY ? {
+    "aria-checked": isSelectAllSelected(state)
+  } : {});
   return React__default.createElement(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
     itemRef: ref,
     className: styles.item,
     "data-is-disabled": isDisabled,
     "data-is-focused": isFocused,
-    "data-is-selected": isSelected
+    "data-is-selected": item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected
   }), React__default.createElement("div", {
     className: styles.itemContent
-  }, React__default.createElement(Text, {
+  }, selectionMode !== "multiple" ? React__default.createElement(Text, {
     variant: "body1",
     truncate: true
+  }, item2.rendered) : React__default.createElement(Checkbox, {
+    isDisabled,
+    isIndeterminate: item2.key === SELECT_ALL_KEY ? isSelectAllIndeterminate(state) : void 0,
+    isSelected: item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected
   }, item2.rendered)));
 }
 function StandardMenuItemContainer(_a) {
@@ -356,6 +365,18 @@ function LinkMenuItemContainer(_c) {
     ref: itemRef
   }, props)));
 }
+var noop_1;
+var hasRequiredNoop;
+function requireNoop() {
+  if (hasRequiredNoop) return noop_1;
+  hasRequiredNoop = 1;
+  function noop2() {
+  }
+  noop_1 = noop2;
+  return noop_1;
+}
+var noopExports = requireNoop();
+const noop = /* @__PURE__ */ getDefaultExportFromCjs(noopExports);
 function MenuSection(_props) {
   return null;
 }
@@ -372,9 +393,12 @@ function MenuSectionContent({ section, state }) {
   const hasContent = section.hasChildNodes || section.rendered;
   return React__default.createElement(React__default.Fragment, null, isNotFirstOrLast && React__default.createElement("li", __spreadProps(__spreadValues({}, separatorProps), {
     className: styles.separator
-  })), hasContent && React__default.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React__default.createElement(React__default.Fragment, null, React__default.createElement("li", __spreadProps(__spreadValues({}, headingProps), {
+  })), hasContent && React__default.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React__default.createElement(React__default.Fragment, null, section.rendered && React__default.createElement("span", __spreadProps(__spreadValues({}, headingProps), {
     className: styles.sectionTitle
-  }), section.rendered), React__default.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
+  }), React__default.createElement(Text, {
+    variant: "subtitle1",
+    color: "primary.900"
+  }, section.rendered)), React__default.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
     className: styles.sectionList
   }), [...section.childNodes].map((item2) => {
     return React__default.createElement(MenuItemContent, {
@@ -392,13 +416,10 @@ function MenuOverlay(props) {
   return React__default.createElement(MenuOverlayContent, __spreadValues({}, props));
 }
 function MenuOverlayContent(props) {
-  const { children, disabledKeys, maxItemsUntilScroll = DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction, onClose, placement = DEFAULT_PLACEMENT, width = DEFAULT_WIDTH } = props;
+  const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = DEFAULT_PLACEMENT, width = DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
   const popoverRef = React__default.useRef(null);
   const menuRef = React__default.useRef(null);
-  const menuTreeState = $875d6693e12af071$export$728d6ba534403756({
-    children,
-    disabledKeys
-  });
+  const { isSelectionPending, markSelectionPending, markSelectionStale } = useSelectionCapture();
   const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
   const { popoverProps, underlayProps } = $f2f8a6077418541e$export$542a6fd13ac93354({
     containerPadding: OVERLAY_PADDING_FROM_CONTAINER,
@@ -409,9 +430,35 @@ function MenuOverlayContent(props) {
     scrollRef: menuRef,
     triggerRef
   }, menuTriggerState);
+  const handleSelectionChange = useCallback((keys) => {
+    if (!isSelectionPending()) {
+      return;
+    }
+    onSelectionChange(keys === "all" ? keys : filterSelectedKeys(keys));
+    markSelectionStale();
+  }, [isSelectionPending, markSelectionStale, onSelectionChange]);
+  const menuTreeState = $875d6693e12af071$export$728d6ba534403756({
+    children,
+    defaultSelectedKeys,
+    disabledKeys,
+    selectionMode,
+    selectedKeys,
+    onSelectionChange: handleSelectionChange
+  });
+  const handleAction = useCallback((key) => {
+    markSelectionPending();
+    if (key === SELECT_ALL_KEY && isSelectAllSelected(menuTreeState)) {
+      menuTreeState.selectionManager.clearSelection();
+    } else if (key === SELECT_ALL_KEY) {
+      menuTreeState.selectionManager.selectAll();
+    } else {
+      menuTreeState.selectionManager.toggleSelection(key);
+    }
+    onAction(key);
+  }, [markSelectionPending, menuTreeState, onAction]);
   const { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579($3ef42575df84b30b$export$9d1611c77c2fe928({
     disabledKeys,
-    onAction,
+    onAction: handleAction,
     onClose
   }, menuPropsFromTrigger), menuTreeState, menuRef);
   useScrollbar(menuRef, "ezui-os-theme-overlay");

package/__chunks__/{Menu-y3ibNiZf.js → Menu-ComLF8Lu.js}

@@ -32,21 +32,23 @@ var __objRest = (source, exclude) => {
 };
 const React = require("react");
 const omit = require("./omit-jjOwwbdQ.js");
-const Text = require("./Text-CLNl4ktK.js");
+const Checkbox = require("./Checkbox-CqRLbwPQ.js");
+const Text = require("./Text-DN9QVNH4.js");
+const useTriggerWidth = require("./useTriggerWidth-Bj1hzfIg.js");
 const Item = require("./Item-CfWjPrxx.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
 const useSelectableList = require("./useSelectableList-CjopKGbS.js");
 const usePress = require("./usePress-DjyN_yP2.js");
-const useTriggerWidth = require("./useTriggerWidth-E4NybnOT.js");
 const useFocus = require("./useFocus-Dk6g6k91.js");
 const useFocusVisible = require("./useFocusVisible-DAg8LS6j.js");
 const useHover = require("./useHover-BIKwjrCT.js");
-const useKeyboard = require("./useKeyboard-cV-AdZ-T.js");
+const useFocusable = require("./useFocusable-By9yXfUQ.js");
 const useSelectableItem = require("./useSelectableItem-Bgjo4Ulj.js");
+const _commonjsHelpers = require("./_commonjsHelpers-Bc2YnDe1.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
-const useTreeState = require("./useTreeState-D6aHf9kN.js");
 const Overlay = require("./Overlay-DBi2SVGv.js");
+const useTreeState = require("./useTreeState-D6aHf9kN.js");
 const useCloseOnScroll = require("./useCloseOnScroll-CLFhBFoo.js");
 function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
   let overlayTriggerState = useCloseOnScroll.$fc909762b330b746$export$61c6a8c84e605fb6(props);
@@ -217,7 +219,7 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
     onHoverChange,
     onHoverEnd
   });
-  let { keyboardProps } = useKeyboard.$46d819fcbaf35654$export$8f71654801c2f7cd({
+  let { keyboardProps } = useFocusable.$46d819fcbaf35654$export$8f71654801c2f7cd({
     onKeyDown: (e) => {
       if (e.repeat) {
         e.continuePropagation();
@@ -298,15 +300,15 @@ function useInternalMenuContext() {
   }
   return menuContext;
 }
-const underlay = "_underlay_19h3z_5";
-const root = "_root_19h3z_10";
-const menu = "_menu_19h3z_74";
-const menuList = "_menuList_19h3z_79";
-const sectionList = "_sectionList_19h3z_80";
-const sectionTitle = "_sectionTitle_19h3z_86";
-const itemContent = "_itemContent_19h3z_96";
-const separator = "_separator_19h3z_97";
-const item = "_item_19h3z_96";
+const underlay = "_underlay_19ji7_5";
+const root = "_root_19ji7_10";
+const menu = "_menu_19ji7_74";
+const menuList = "_menuList_19ji7_79";
+const sectionList = "_sectionList_19ji7_80";
+const sectionTitle = "_sectionTitle_19ji7_86";
+const itemContent = "_itemContent_19ji7_93";
+const separator = "_separator_19ji7_94";
+const item = "_item_19ji7_93";
 const styles = {
   underlay,
   root,
@@ -324,23 +326,30 @@ function MenuItem(_props) {
 Object.assign(MenuItem, Item.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
 function MenuItemContent({ item: item2, state }) {
   const ref = React.useRef(null);
+  const { selectionManager: { selectionMode } } = state;
   const { closeOnSelect, href } = item2.props;
   const { menuItemProps, isFocused, isSelected, isDisabled } = $a2e5df62f93c7633$export$9d32628fc2aea7da(__spreadProps(__spreadValues({}, item2), {
     closeOnSelect
   }), state, ref);
   const MenuItemContainer = href ? LinkMenuItemContainer : StandardMenuItemContainer;
-  const props = href ? mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"])) : menuItemProps;
+  const props = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === useTriggerWidth.SELECT_ALL_KEY ? {
+    "aria-checked": useTriggerWidth.isSelectAllSelected(state)
+  } : {});
   return React.createElement(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
     itemRef: ref,
     className: styles.item,
     "data-is-disabled": isDisabled,
     "data-is-focused": isFocused,
-    "data-is-selected": isSelected
+    "data-is-selected": item2.key === useTriggerWidth.SELECT_ALL_KEY ? useTriggerWidth.isSelectAllSelected(state) : isSelected
   }), React.createElement("div", {
     className: styles.itemContent
-  }, React.createElement(Text.Text, {
+  }, selectionMode !== "multiple" ? React.createElement(Text.Text, {
     variant: "body1",
     truncate: true
+  }, item2.rendered) : React.createElement(Checkbox.Checkbox, {
+    isDisabled,
+    isIndeterminate: item2.key === useTriggerWidth.SELECT_ALL_KEY ? useTriggerWidth.isSelectAllIndeterminate(state) : void 0,
+    isSelected: item2.key === useTriggerWidth.SELECT_ALL_KEY ? useTriggerWidth.isSelectAllSelected(state) : isSelected
   }, item2.rendered)));
 }
 function StandardMenuItemContainer(_a) {
@@ -357,6 +366,18 @@ function LinkMenuItemContainer(_c) {
     ref: itemRef
   }, props)));
 }
+var noop_1;
+var hasRequiredNoop;
+function requireNoop() {
+  if (hasRequiredNoop) return noop_1;
+  hasRequiredNoop = 1;
+  function noop2() {
+  }
+  noop_1 = noop2;
+  return noop_1;
+}
+var noopExports = requireNoop();
+const noop = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(noopExports);
 function MenuSection(_props) {
   return null;
 }
@@ -373,9 +394,12 @@ function MenuSectionContent({ section, state }) {
   const hasContent = section.hasChildNodes || section.rendered;
   return React.createElement(React.Fragment, null, isNotFirstOrLast && React.createElement("li", __spreadProps(__spreadValues({}, separatorProps), {
     className: styles.separator
-  })), hasContent && React.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React.createElement(React.Fragment, null, React.createElement("li", __spreadProps(__spreadValues({}, headingProps), {
+  })), hasContent && React.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React.createElement(React.Fragment, null, section.rendered && React.createElement("span", __spreadProps(__spreadValues({}, headingProps), {
     className: styles.sectionTitle
-  }), section.rendered), React.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
+  }), React.createElement(Text.Text, {
+    variant: "subtitle1",
+    color: "primary.900"
+  }, section.rendered)), React.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
     className: styles.sectionList
   }), [...section.childNodes].map((item2) => {
     return React.createElement(MenuItemContent, {
@@ -393,13 +417,10 @@ function MenuOverlay(props) {
   return React.createElement(MenuOverlayContent, __spreadValues({}, props));
 }
 function MenuOverlayContent(props) {
-  const { children, disabledKeys, maxItemsUntilScroll = useTriggerWidth.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction, onClose, placement = useTriggerWidth.DEFAULT_PLACEMENT, width = useTriggerWidth.DEFAULT_WIDTH } = props;
+  const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = useTriggerWidth.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = useTriggerWidth.DEFAULT_PLACEMENT, width = useTriggerWidth.DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
   const popoverRef = React.useRef(null);
   const menuRef = React.useRef(null);
-  const menuTreeState = useTreeState.$875d6693e12af071$export$728d6ba534403756({
-    children,
-    disabledKeys
-  });
+  const { isSelectionPending, markSelectionPending, markSelectionStale } = useTriggerWidth.useSelectionCapture();
   const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
   const { popoverProps, underlayProps } = useTriggerWidth.$f2f8a6077418541e$export$542a6fd13ac93354({
     containerPadding: useTriggerWidth.OVERLAY_PADDING_FROM_CONTAINER,
@@ -410,9 +431,35 @@ function MenuOverlayContent(props) {
     scrollRef: menuRef,
     triggerRef
   }, menuTriggerState);
+  const handleSelectionChange = React.useCallback((keys) => {
+    if (!isSelectionPending()) {
+      return;
+    }
+    onSelectionChange(keys === "all" ? keys : useTriggerWidth.filterSelectedKeys(keys));
+    markSelectionStale();
+  }, [isSelectionPending, markSelectionStale, onSelectionChange]);
+  const menuTreeState = useTreeState.$875d6693e12af071$export$728d6ba534403756({
+    children,
+    defaultSelectedKeys,
+    disabledKeys,
+    selectionMode,
+    selectedKeys,
+    onSelectionChange: handleSelectionChange
+  });
+  const handleAction = React.useCallback((key) => {
+    markSelectionPending();
+    if (key === useTriggerWidth.SELECT_ALL_KEY && useTriggerWidth.isSelectAllSelected(menuTreeState)) {
+      menuTreeState.selectionManager.clearSelection();
+    } else if (key === useTriggerWidth.SELECT_ALL_KEY) {
+      menuTreeState.selectionManager.selectAll();
+    } else {
+      menuTreeState.selectionManager.toggleSelection(key);
+    }
+    onAction(key);
+  }, [markSelectionPending, menuTreeState, onAction]);
   const { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579(mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928({
     disabledKeys,
-    onAction,
+    onAction: handleAction,
     onClose
   }, menuPropsFromTrigger), menuTreeState, menuRef);
   utilities_useScrollbar.useScrollbar(menuRef, "ezui-os-theme-overlay");

package/__chunks__/{Notification-C2f4ZUOA.mjs → Notification-B344rGS6.mjs}

@@ -21,17 +21,17 @@ import * as React from "react";
 import React__default, { useEffect, useState, useCallback, useRef, useMemo, createContext, useContext } from "react";
 import { C as Close } from "./Close-Cq6Q6MN6.mjs";
 import { C as CheckCircle } from "./CheckCircle-C9h2PNWU.mjs";
-import { e as $bdb11010cef70236$export$f680877a34711e37, $ as $bdb11010cef70236$export$b4cc09c592e8fdb8, b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-CTaIJjOz.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D8BlhW_5.mjs";
+import { d as $bdb11010cef70236$export$f680877a34711e37, $ as $bdb11010cef70236$export$b4cc09c592e8fdb8, b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-SJQ-f8LF.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-DJWWtB78.mjs";
 import { createPortal } from "react-dom";
 import { s as shimExports } from "./index-DCSYt1ke.mjs";
-import { I as Icon } from "./Icon-B9N6In4d.mjs";
-import { T as Text } from "./Text-Co1k1a0Q.mjs";
+import { I as Icon } from "./Icon-BmhO04p4.mjs";
+import { T as Text } from "./Text-CLXCmUFd.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-NAjBMn23.mjs";
-import { a as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./focusSafely-Cg665ed0.mjs";
-import { g as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-3GO81-mK.mjs";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-Dowl-zQ8.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-DcvMv4SL.mjs";
+import { a as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./focusSafely-MxnwWbsu.mjs";
+import { f as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-DXAxI2Xj.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-Bg5BTlgA.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
 var __defProp$3 = Object.defineProperty;
 var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
@@ -998,18 +998,18 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
     })
   };
 }
-const statusPromotional = "_statusPromotional_15148_5";
-const statusSuccess = "_statusSuccess_15148_10";
-const statusNeutral = "_statusNeutral_15148_15";
-const statusWarning = "_statusWarning_15148_20";
-const statusError = "_statusError_15148_25";
-const typeToast = "_typeToast_15148_30";
-const typeAlert = "_typeAlert_15148_34";
-const Notification$1 = "_Notification_15148_39";
-const iconText = "_iconText_15148_55";
-const closeButton = "_closeButton_15148_61";
-const region = "_region_15148_70";
-const container = "_container_15148_76";
+const statusPromotional = "_statusPromotional_yspgt_5";
+const statusSuccess = "_statusSuccess_yspgt_10";
+const statusNeutral = "_statusNeutral_yspgt_15";
+const statusWarning = "_statusWarning_yspgt_20";
+const statusError = "_statusError_yspgt_25";
+const typeToast = "_typeToast_yspgt_30";
+const typeAlert = "_typeAlert_yspgt_34";
+const Notification$1 = "_Notification_yspgt_39";
+const iconText = "_iconText_yspgt_55";
+const closeButton = "_closeButton_yspgt_61";
+const region = "_region_yspgt_70";
+const container = "_container_yspgt_76";
 const styles = {
   statusPromotional,
   statusSuccess,

package/__chunks__/{Notification-DKf4hi-k.js → Notification-BZ3ybUEX.js}

@@ -25,10 +25,10 @@ const mergeProps = require("./mergeProps-DniMwM6P.js");
 const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-D74_5d4h.js");
 const ReactDOM = require("react-dom");
 const index = require("./index-CTw89HMx.js");
-const Icon = require("./Icon-0Aepk36j.js");
-const Text = require("./Text-CLNl4ktK.js");
+const Icon = require("./Icon-vgTkejl_.js");
+const Text = require("./Text-DN9QVNH4.js");
 const utilities_css = require("../utilities/css.js");
-const UnstyledButton = require("./UnstyledButton-Bl1UoMqJ.js");
+const UnstyledButton = require("./UnstyledButton-DVpiY5Qh.js");
 const focusSafely = require("./focusSafely-BpCL6rxl.js");
 const useFocusVisible = require("./useFocusVisible-DAg8LS6j.js");
 const useFocusWithin = require("./useFocusWithin-CxvNMoRn.js");
@@ -1015,18 +1015,18 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
     })
   };
 }
-const statusPromotional = "_statusPromotional_15148_5";
-const statusSuccess = "_statusSuccess_15148_10";
-const statusNeutral = "_statusNeutral_15148_15";
-const statusWarning = "_statusWarning_15148_20";
-const statusError = "_statusError_15148_25";
-const typeToast = "_typeToast_15148_30";
-const typeAlert = "_typeAlert_15148_34";
-const Notification$1 = "_Notification_15148_39";
-const iconText = "_iconText_15148_55";
-const closeButton = "_closeButton_15148_61";
-const region = "_region_15148_70";
-const container = "_container_15148_76";
+const statusPromotional = "_statusPromotional_yspgt_5";
+const statusSuccess = "_statusSuccess_yspgt_10";
+const statusNeutral = "_statusNeutral_yspgt_15";
+const statusWarning = "_statusWarning_yspgt_20";
+const statusError = "_statusError_yspgt_25";
+const typeToast = "_typeToast_yspgt_30";
+const typeAlert = "_typeAlert_yspgt_34";
+const Notification$1 = "_Notification_yspgt_39";
+const iconText = "_iconText_yspgt_55";
+const closeButton = "_closeButton_yspgt_61";
+const region = "_region_yspgt_70";
+const container = "_container_yspgt_76";
 const styles = {
   statusPromotional,
   statusSuccess,

package/__chunks__/{Overlay-NSOiekJL.mjs → Overlay-Dz_4R38U.mjs}

@@ -1,8 +1,8 @@
 import React__default, { useMemo, useContext, createContext, useState } from "react";
 import { $ as $ae1eeba8b9eafd08$export$5165eccb35aaadb5 } from "./context-BzShm_W7.mjs";
-import { a as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-DvD_pBFD.mjs";
+import { a as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-CjqREKhC.mjs";
 import ReactDOM from "react-dom";
-import { c as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-CTaIJjOz.mjs";
+import { e as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-SJQ-f8LF.mjs";
 function $f1ab8c75478c6f73$export$cf75428e0b9ed1ea({ children }) {
   let context = useMemo(() => ({
     register: () => {