@easypost/easy-ui 1.0.0-alpha.64 → 1.0.0-alpha.66

package/FormLayout/index.js

@@ -30,8 +30,8 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const HorizontalGrid = require("../__chunks__/HorizontalGrid-7W4Y5Vah.js");
-const Text = require("../__chunks__/Text-DM6H1mZu.js");
+const HorizontalGrid = require("../__chunks__/HorizontalGrid-BFqXCljf.js");
+const Text = require("../__chunks__/Text-BwXTDw77.js");
 const utilities_react = require("../utilities/react.js");
 function Grid(props) {
   const { children, columns } = props;
@@ -40,7 +40,7 @@ function Grid(props) {
     gap: "2"
   }, children);
 }
-const Header$1 = "_Header_vxlfm_5";
+const Header$1 = "_Header_z2fhf_5";
 const styles$2 = {
   Header: Header$1
 };
@@ -58,7 +58,7 @@ function HelperText(props) {
   }, children);
 }
 const WithinSectionContext = React.createContext(false);
-const Section$1 = "_Section_1uuyc_5";
+const Section$1 = "_Section_18izm_5";
 const styles$1 = {
   Section: Section$1
 };
@@ -107,7 +107,7 @@ function Title(props) {
   }, restProps), textProps), children);
 }
 Title.displayName = "FormLayout.Title";
-const FormLayout$1 = "_FormLayout_el8ic_5";
+const FormLayout$1 = "_FormLayout_g4scu_5";
 const styles = {
   FormLayout: FormLayout$1
 };

package/FormLayout/index.mjs

@@ -28,8 +28,8 @@ var __objRest = (source, exclude) => {
 };
 import React__default, { createContext, useMemo, isValidElement, useContext } from "react";
 import { classNames } from "../utilities/css.mjs";
-import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-B399c2dw.mjs";
-import { T as Text } from "../__chunks__/Text-DLBOW0Eu.mjs";
+import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-CyBrrh6k.mjs";
+import { T as Text } from "../__chunks__/Text-DYLBjpe-.mjs";
 import { deepFind } from "../utilities/react.mjs";
 function Grid(props) {
   const { children, columns } = props;
@@ -38,7 +38,7 @@ function Grid(props) {
     gap: "2"
   }, children);
 }
-const Header$1 = "_Header_vxlfm_5";
+const Header$1 = "_Header_z2fhf_5";
 const styles$2 = {
   Header: Header$1
 };
@@ -56,7 +56,7 @@ function HelperText(props) {
   }, children);
 }
 const WithinSectionContext = createContext(false);
-const Section$1 = "_Section_1uuyc_5";
+const Section$1 = "_Section_18izm_5";
 const styles$1 = {
   Section: Section$1
 };
@@ -105,7 +105,7 @@ function Title(props) {
   }, restProps), textProps), children);
 }
 Title.displayName = "FormLayout.Title";
-const FormLayout$1 = "_FormLayout_el8ic_5";
+const FormLayout$1 = "_FormLayout_g4scu_5";
 const styles = {
   FormLayout: FormLayout$1
 };

package/HorizontalGrid/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const HorizontalGrid = require("../__chunks__/HorizontalGrid-7W4Y5Vah.js");
+const HorizontalGrid = require("../__chunks__/HorizontalGrid-BFqXCljf.js");
 exports.HorizontalGrid = HorizontalGrid.HorizontalGrid;

package/HorizontalGrid/index.mjs

@@ -1,4 +1,4 @@
-import { H } from "../__chunks__/HorizontalGrid-B399c2dw.mjs";
+import { H } from "../__chunks__/HorizontalGrid-CyBrrh6k.mjs";
 export {
   H as HorizontalGrid
 };

package/HorizontalStack/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const HorizontalStack = require("../__chunks__/HorizontalStack-Bz49rrqk.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-BG-lZii5.js");
 exports.HorizontalStack = HorizontalStack.HorizontalStack;

package/HorizontalStack/index.mjs

@@ -1,4 +1,4 @@
-import { H } from "../__chunks__/HorizontalStack-9tVfFqP2.mjs";
+import { H } from "../__chunks__/HorizontalStack-p9m9muAJ.mjs";
 export {
   H as HorizontalStack
 };

package/Icon/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Icon = require("../__chunks__/Icon-AWZqgFkO.js");
+const Icon = require("../__chunks__/Icon-BHbBKuGB.js");
 exports.Icon = Icon.Icon;

package/Icon/index.mjs

@@ -1,4 +1,4 @@
-import { I } from "../__chunks__/Icon-tvIiMl4h.mjs";
+import { I } from "../__chunks__/Icon-ZRjQkfey.mjs";
 export {
   I as Icon
 };

package/IconButton/index.js

@@ -30,19 +30,19 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const UnstyledButton = require("../__chunks__/UnstyledButton-Dmq9K7Jv.js");
-const Icon = require("../__chunks__/Icon-AWZqgFkO.js");
-const Text = require("../__chunks__/Text-DM6H1mZu.js");
+const Icon = require("../__chunks__/Icon-BHbBKuGB.js");
+const Text = require("../__chunks__/Text-BwXTDw77.js");
 const utilities_css = require("../utilities/css.js");
-const IconButton$1 = "_IconButton_1p31x_5";
-const colorPrimary = "_colorPrimary_1p31x_20";
-const colorSecondary = "_colorSecondary_1p31x_28";
-const colorSuccess = "_colorSuccess_1p31x_36";
-const colorWarning = "_colorWarning_1p31x_44";
-const colorNeutral = "_colorNeutral_1p31x_52";
-const colorSupport = "_colorSupport_1p31x_60";
-const colorInverse = "_colorInverse_1p31x_66";
-const variantOutlined = "_variantOutlined_1p31x_72";
-const variantFilled = "_variantFilled_1p31x_101";
+const IconButton$1 = "_IconButton_1pl3h_5";
+const colorPrimary = "_colorPrimary_1pl3h_20";
+const colorSecondary = "_colorSecondary_1pl3h_28";
+const colorSuccess = "_colorSuccess_1pl3h_36";
+const colorWarning = "_colorWarning_1pl3h_44";
+const colorNeutral = "_colorNeutral_1pl3h_52";
+const colorSupport = "_colorSupport_1pl3h_60";
+const colorInverse = "_colorInverse_1pl3h_66";
+const variantOutlined = "_variantOutlined_1pl3h_72";
+const variantFilled = "_variantFilled_1pl3h_101";
 const styles = {
   IconButton: IconButton$1,
   colorPrimary,

package/IconButton/index.mjs

@@ -28,19 +28,19 @@ var __objRest = (source, exclude) => {
 };
 import React__default, { forwardRef } from "react";
 import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-Ctqv-3bt.mjs";
-import { I as Icon } from "../__chunks__/Icon-tvIiMl4h.mjs";
-import { T as Text } from "../__chunks__/Text-DLBOW0Eu.mjs";
+import { I as Icon } from "../__chunks__/Icon-ZRjQkfey.mjs";
+import { T as Text } from "../__chunks__/Text-DYLBjpe-.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const IconButton$1 = "_IconButton_1p31x_5";
-const colorPrimary = "_colorPrimary_1p31x_20";
-const colorSecondary = "_colorSecondary_1p31x_28";
-const colorSuccess = "_colorSuccess_1p31x_36";
-const colorWarning = "_colorWarning_1p31x_44";
-const colorNeutral = "_colorNeutral_1p31x_52";
-const colorSupport = "_colorSupport_1p31x_60";
-const colorInverse = "_colorInverse_1p31x_66";
-const variantOutlined = "_variantOutlined_1p31x_72";
-const variantFilled = "_variantFilled_1p31x_101";
+const IconButton$1 = "_IconButton_1pl3h_5";
+const colorPrimary = "_colorPrimary_1pl3h_20";
+const colorSecondary = "_colorSecondary_1pl3h_28";
+const colorSuccess = "_colorSuccess_1pl3h_36";
+const colorWarning = "_colorWarning_1pl3h_44";
+const colorNeutral = "_colorNeutral_1pl3h_52";
+const colorSupport = "_colorSupport_1pl3h_60";
+const colorInverse = "_colorInverse_1pl3h_66";
+const variantOutlined = "_variantOutlined_1pl3h_72";
+const variantFilled = "_variantFilled_1pl3h_101";
 const styles = {
   IconButton: IconButton$1,
   colorPrimary,

package/InputField/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const InputField = require("../__chunks__/InputField-BBG9VjEM.js");
+const InputField = require("../__chunks__/InputField-e2dBsTrQ.js");
 exports.InputField = InputField.InputField;

package/InputField/index.mjs

@@ -1,4 +1,4 @@
-import { I } from "../__chunks__/InputField-LUuwaWK6.mjs";
+import { I } from "../__chunks__/InputField-1toY1X94.mjs";
 export {
   I as InputField
 };

package/KebabButton/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const KebabButton = require("../__chunks__/KebabButton-DXxpDShY.js");
+const KebabButton = require("../__chunks__/KebabButton-3APOVOtc.js");
 exports.KebabButton = KebabButton.KebabButton;

package/KebabButton/index.mjs

@@ -1,4 +1,4 @@
-import { K } from "../__chunks__/KebabButton-DdERbhKc.mjs";
+import { K } from "../__chunks__/KebabButton-CGvwEB3q.mjs";
 export {
   K as KebabButton
 };

package/Menu/MenuOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOverlay.d.ts","sourceRoot":"","sources":["../../src/Menu/MenuOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,GAAG,EACH,SAAS,EACT,aAAa,EACd,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAGL,SAAS,EAIV,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAsBlD,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,aAAa,GACb,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAEpC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,gCAAgC;IAChC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAEhC;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE5C,8GAA8G;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE7B,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE9B,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAErC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,4BAMvE"}
+{"version":3,"file":"MenuOverlay.d.ts","sourceRoot":"","sources":["../../src/Menu/MenuOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,GAAG,EACH,SAAS,EACT,aAAa,EACd,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAGL,SAAS,EAIV,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAqBlD,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,aAAa,GACb,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAEpC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,gCAAgC;IAChC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAEhC;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE5C,8GAA8G;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE7B,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE9B,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAErC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,4BAMvE"}

package/Menu/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Menu = require("../__chunks__/Menu-BtQxi784.js");
+const Menu = require("../__chunks__/Menu-90Db_wYM.js");
 exports.Menu = Menu.Menu;

package/Menu/index.mjs

@@ -1,4 +1,4 @@
-import { M } from "../__chunks__/Menu-CGSgffvA.mjs";
+import { M } from "../__chunks__/Menu-D7JiGJt4.mjs";
 export {
   M as Menu
 };

package/Menu/utilities.d.ts

@@ -10,6 +10,9 @@ export declare const Y_PADDING_INSIDE_OVERLAY = 8;
 export declare const OVERLAY_OFFSET = 8;
 export declare const OVERLAY_PADDING_FROM_CONTAINER = 12;
 export declare const SELECT_ALL_KEY = "all";
+export declare function getMenuPopoverMaxHeight({ maxItemsUntilScroll, }: {
+    maxItemsUntilScroll: number;
+}): number;
 export declare function getUnmergedPopoverStyles(width: MenuOverlayWidth, triggerWidth: number | null): React.CSSProperties;
 export declare function getAllSelectableItems<T>(state: TreeState<T>): Set<Key>;
 export declare function filterSelectedKeys(keys: Set<Key>): Set<Key>;

package/Menu/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/Menu/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,cAAc,QAAQ,CAAC;AAEpC,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,MAAM,GAAG,IAAI,GAC1B,KAAK,CAAC,aAAa,CAmBrB;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAkBtE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,YAEhD;AAED,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,YAE7D;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAKzD;AAED,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAE9D;AAED,wBAAgB,mBAAmB;;;;EAiClC"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/Menu/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,cAAc,QAAQ,CAAC;AAEpC,wBAAgB,uBAAuB,CAAC,EACtC,mBAAmB,GACpB,EAAE;IACD,mBAAmB,EAAE,MAAM,CAAC;CAC7B,UAEA;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,MAAM,GAAG,IAAI,GAC1B,KAAK,CAAC,aAAa,CAmBrB;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAkBtE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,YAEhD;AAED,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,YAE7D;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAKzD;AAED,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAE9D;AAED,wBAAgB,mBAAmB;;;;EAiClC"}

package/Modal/index.js

@@ -34,12 +34,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
-const Button = require("../__chunks__/Button-SuH-KkYi.js");
+const Button = require("../__chunks__/Button-CVaEK94Q.js");
 const Close = require("../__chunks__/Close-BQ2IlPyf.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-Bz49rrqk.js");
-const Icon = require("../__chunks__/Icon-AWZqgFkO.js");
-const Text = require("../__chunks__/Text-DM6H1mZu.js");
-const VerticalStack = require("../__chunks__/VerticalStack-D25ZR-UD.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-BG-lZii5.js");
+const Icon = require("../__chunks__/Icon-BHbBKuGB.js");
+const Text = require("../__chunks__/Text-BwXTDw77.js");
+const VerticalStack = require("../__chunks__/VerticalStack-DIpmkisq.js");
 const useModalOverlay = require("../__chunks__/useModalOverlay-BljLSPJ0.js");
 const Overlay = require("../__chunks__/Overlay-Dmwy9VjC.js");
 const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-Dp7RXQ9B.js");
@@ -65,20 +65,20 @@ const useModalTrigger = () => {
   const modalTriggerContext = useModalTriggerContext();
   return modalTriggerContext.state;
 };
-const underlayBg = "_underlayBg_1hdxv_5";
-const underlayBox = "_underlayBox_1hdxv_28";
-const underlayEdge = "_underlayEdge_1hdxv_36";
-const Modal$1 = "_Modal_1hdxv_42";
-const header = "_header_1hdxv_60";
-const stuck = "_stuck_1hdxv_66";
-const body = "_body_1hdxv_70";
-const content = "_content_1hdxv_77";
-const footer = "_footer_1hdxv_94";
-const closeBtn = "_closeBtn_1hdxv_111";
-const iconAtEnd = "_iconAtEnd_1hdxv_125";
-const sizeSm = "_sizeSm_1hdxv_131";
-const sizeMd = "_sizeMd_1hdxv_135";
-const sizeLg = "_sizeLg_1hdxv_139";
+const underlayBg = "_underlayBg_jn42y_5";
+const underlayBox = "_underlayBox_jn42y_28";
+const underlayEdge = "_underlayEdge_jn42y_36";
+const Modal$1 = "_Modal_jn42y_42";
+const header = "_header_jn42y_60";
+const stuck = "_stuck_jn42y_66";
+const body = "_body_jn42y_70";
+const content = "_content_jn42y_77";
+const footer = "_footer_jn42y_94";
+const closeBtn = "_closeBtn_jn42y_111";
+const iconAtEnd = "_iconAtEnd_jn42y_125";
+const sizeSm = "_sizeSm_jn42y_131";
+const sizeMd = "_sizeMd_jn42y_135";
+const sizeLg = "_sizeLg_jn42y_139";
 const styles = {
   underlayBg,
   underlayBox,

package/Modal/index.mjs

@@ -32,17 +32,17 @@ var __objRest = (source, exclude) => {
 import React__default, { createContext, useContext, useMemo, cloneElement, useState, useRef } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { useScrollbar } from "../utilities/useScrollbar.mjs";
-import { B as Button } from "../__chunks__/Button-DfkicQp7.mjs";
+import { B as Button } from "../__chunks__/Button-CVbi-24J.mjs";
 import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-9tVfFqP2.mjs";
-import { I as Icon } from "../__chunks__/Icon-tvIiMl4h.mjs";
-import { T as Text } from "../__chunks__/Text-DLBOW0Eu.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-1CrrssEd.mjs";
-import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-S0R2uVTX.mjs";
-import { d as $337b884510726a0d$export$c6fdb837b070b4ff, c as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-DyfvFsGi.mjs";
-import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-DDcXdZOM.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-p9m9muAJ.mjs";
+import { I as Icon } from "../__chunks__/Icon-ZRjQkfey.mjs";
+import { T as Text } from "../__chunks__/Text-DYLBjpe-.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-C466n8W1.mjs";
+import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-CkOujl0G.mjs";
+import { d as $337b884510726a0d$export$c6fdb837b070b4ff, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-BEmOdNIB.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-BS8c6XEz.mjs";
 import { u as useIntersectionDetection } from "../__chunks__/useIntersectionDetection-BvUmtDgl.mjs";
-import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-c-C07qhw.mjs";
+import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-h-MPfyGr.mjs";
 const ModalContext = createContext(null);
 const useModalContext = () => {
   const modalContext = useContext(ModalContext);
@@ -63,20 +63,20 @@ const useModalTrigger = () => {
   const modalTriggerContext = useModalTriggerContext();
   return modalTriggerContext.state;
 };
-const underlayBg = "_underlayBg_1hdxv_5";
-const underlayBox = "_underlayBox_1hdxv_28";
-const underlayEdge = "_underlayEdge_1hdxv_36";
-const Modal$1 = "_Modal_1hdxv_42";
-const header = "_header_1hdxv_60";
-const stuck = "_stuck_1hdxv_66";
-const body = "_body_1hdxv_70";
-const content = "_content_1hdxv_77";
-const footer = "_footer_1hdxv_94";
-const closeBtn = "_closeBtn_1hdxv_111";
-const iconAtEnd = "_iconAtEnd_1hdxv_125";
-const sizeSm = "_sizeSm_1hdxv_131";
-const sizeMd = "_sizeMd_1hdxv_135";
-const sizeLg = "_sizeLg_1hdxv_139";
+const underlayBg = "_underlayBg_jn42y_5";
+const underlayBox = "_underlayBox_jn42y_28";
+const underlayEdge = "_underlayEdge_jn42y_36";
+const Modal$1 = "_Modal_jn42y_42";
+const header = "_header_jn42y_60";
+const stuck = "_stuck_jn42y_66";
+const body = "_body_jn42y_70";
+const content = "_content_jn42y_77";
+const footer = "_footer_jn42y_94";
+const closeBtn = "_closeBtn_jn42y_111";
+const iconAtEnd = "_iconAtEnd_jn42y_125";
+const sizeSm = "_sizeSm_jn42y_131";
+const sizeMd = "_sizeMd_jn42y_135";
+const sizeLg = "_sizeLg_jn42y_139";
 const styles = {
   underlayBg,
   underlayBox,

package/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,123 @@
+import React from "react";
+import { Key, useFilter } from "react-aria";
+import { ComboBoxProps } from "react-aria-components";
+import { AsyncListData, useAsyncList, useListData } from "react-stately";
+import { MenuOverlayProps } from "../Menu/MenuOverlay";
+import { PillProps } from "../PillGroup";
+import { MultiSelectDropdownOption, MultiSelectDropdownOptionText } from "./MultiSelectDropdown";
+export type Item = {
+    key: Key;
+} & PillProps;
+export type MultiSelectProps<T extends object> = {
+    /**
+     * The children to render inside the multi-select component. This can either be a direct
+     * React node or a function that takes an item from the provided collection and returns a React node.
+     */
+    children: React.ReactNode | ((item: T) => React.ReactNode);
+    /**
+     * A list of keys representing disabled items in the dropdown. These items will be
+     * non-selectable in the multi-select input.
+     */
+    disabledKeys?: ComboBoxProps<T>["disabledKeys"];
+    /**
+     * The list of items to display in the dropdown. These items are typically passed down
+     * from a ComboBox component and represent the available options for selection.
+     */
+    dropdownItems: ComboBoxProps<T>["items"];
+    /**
+     * The current input value in the multi-select input field. This is used to filter or search
+     * for items within the dropdown list.
+     */
+    inputValue: ComboBoxProps<T>["inputValue"];
+    /**
+     * A boolean flag that indicates whether the dropdown is in a loading state.
+     * When true, the dropdown will display a loading spinner or indicator.
+     */
+    isLoading?: AsyncListData<T>["isLoading"];
+    /**
+     * The maximum number of items to show before the dropdown becomes scrollable.
+     * This value is passed down from the MenuOverlay component and controls the
+     * appearance of the dropdown when there are too many items to display.
+     */
+    maxItemsUntilScroll?: MenuOverlayProps<T>["maxItemsUntilScroll"];
+    /**
+     * Handler that is triggered whenever the input value changes. It is typically used to
+     * filter or update the available dropdown items based on the input.
+     */
+    onInputChange: ComboBoxProps<T>["onInputChange"];
+    /**
+     * A callback handler that is invoked when the selection changes. It receives the updated
+     * list of selected items and is typically used to manage state or trigger other side effects.
+     */
+    onSelectionChange: (items: T[]) => void;
+    /**
+     * Placeholder text that appears when no items are selected in the multi-select input.
+     */
+    placeholder?: string;
+    /**
+     * Function that renders a "pill" or tag-like element for each selected item in the multi-select.
+     * This is useful for custom rendering of selected items.
+     */
+    renderPill: (item: T) => React.ReactNode;
+    /**
+     * The currently selected items in the collection. This is a controlled value that reflects
+     * the currently selected items.
+     */
+    selectedItems: T[];
+};
+/**
+ * An input and dropdown that allows users to select multiple options from a list.
+ *
+ * @privateRemarks
+ * Some inspiration from
+ * https://github.com/irsyadadl/justd/blob/2.x/components/ui/multiple-select.tsx
+ * Note that there are some limitations to this component until React Aria
+ * builds a dedicated component:
+ * https://github.com/adobe/react-spectrum/issues/2140
+ *
+ * @example
+ * _Sync list:_
+ * ```tsx
+ * const [selectedItems, setSelectedItems] = React.useState<Item[]>([]);
+ * const { contains } = useFilter({ sensitivity: "base" });
+ * const filter = useCallback(
+ *   (item: Item, filterText: string) => contains(item.label, filterText),
+ *   [contains],
+ * );
+ * const list = useListData<Item>({
+ *   initialSelectedKeys: [],
+ *   initialItems: [{ key: 1, label: "Apple" }, { key: 2, label: "Banana" }],
+ *   filter,
+ * });
+ *
+ * <MultiSelect
+ *   isLoading={list.isLoading}
+ *   dropdownItems={list.items}
+ *   inputValue={list.filterText}
+ *   onInputChange={list.setFilterText}
+ *   disabledKeys={selectedItems.map((item) => item.key)}
+ *   selectedItems={selectedItems}
+ *   onSelectionChange={setSelectedItems}
+ *   placeholder="Select a fruit"
+ *   maxItemsUntilScroll={10}
+ *   renderPill={(item) => (
+ *     <MultiSelect.Pill label={item.label} />
+ *   )}
+ * >
+ *   {(item) => (
+ *     <MultiSelect.Option textValue={item.label}>
+ *       <MultiSelect.OptionText>{item.label}</MultiSelect.OptionText>
+ *     </MultiSelect.Option>
+ *   )}
+ * </MultiSelect>
+ * ```
+ */
+export declare function MultiSelect<T extends Item>(props: MultiSelectProps<T>): React.JSX.Element;
+export declare namespace MultiSelect {
+    var Pill: (props: PillProps) => React.JSX.Element;
+    var Option: typeof MultiSelectDropdownOption;
+    var OptionText: typeof MultiSelectDropdownOptionText;
+}
+export { useAsyncList, useFilter, useListData };
+export type { Key };
+//# sourceMappingURL=MultiSelect.d.ts.map

package/MultiSelect/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAoB,aAAa,EAAS,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAa,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAEL,yBAAyB,EACzB,6BAA6B,EAC9B,MAAM,uBAAuB,CAAC;AAM/B,MAAM,MAAM,IAAI,GAAG;IAAE,GAAG,EAAE,GAAG,CAAA;CAAE,GAAG,SAAS,CAAC;AAE5C,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC/C;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAE3D;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAEhD;;;OAGG;IACH,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEzC;;;OAGG;IACH,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAE3C;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAE1C;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAEjE;;;OAGG;IACH,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAEjD;;;OAGG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzC;;;OAGG;IACH,aAAa,EAAE,CAAC,EAAE,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,IAAI,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBAmJrE;yBAnJe,WAAW;;;;;AAoK3B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAChD,YAAY,EAAE,GAAG,EAAE,CAAC"}

package/MultiSelect/MultiSelect.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { MultiSelect } from "./MultiSelect";
+type Story = StoryObj<typeof MultiSelect>;
+declare const meta: Meta<typeof MultiSelect>;
+export default meta;
+export declare const StandardDropdown: Story;
+export declare const AsyncDropdown: Story;
+export declare const WithIcons: Story;
+export declare const DisabledKeys: Story;
+export declare const MaxItemsUntilScroll: Story;
+//# sourceMappingURL=MultiSelect.stories.d.ts.map

package/MultiSelect/MultiSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASlD,OAAO,EAEL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAyBvB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAYlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqC3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA2CvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwC1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAwCjC,CAAC"}

package/MultiSelect/MultiSelect.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MultiSelect.test.d.ts.map

package/MultiSelect/MultiSelect.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.test.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.test.tsx"],"names":[],"mappings":""}

package/MultiSelect/MultiSelectDropdown.d.ts

@@ -0,0 +1,22 @@
+import React, { RefObject } from "react";
+import { ListBoxItemProps } from "react-aria-components";
+import { AsyncListData } from "react-stately";
+import { MenuOverlayProps } from "../Menu/MenuOverlay";
+import { TextProps } from "../Text";
+import { Item } from "./MultiSelect";
+type MultiSelectDropdownProps<T extends object> = {
+    children: React.ReactNode | ((item: T) => React.ReactNode);
+    isLoading?: AsyncListData<T>["isLoading"];
+    maxItemsUntilScroll?: MenuOverlayProps<T>["maxItemsUntilScroll"];
+    menuRef: RefObject<HTMLDivElement>;
+    triggerRef: RefObject<HTMLDivElement>;
+    width: number;
+};
+type MultiSelectDropdownOptionProps = {
+    children: React.ReactNode;
+} & ListBoxItemProps;
+export declare function MultiSelectDropdown<T extends Item>(props: MultiSelectDropdownProps<T>): React.JSX.Element;
+export declare function MultiSelectDropdownOption(props: MultiSelectDropdownOptionProps): React.JSX.Element;
+export declare function MultiSelectDropdownOptionText(props: TextProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=MultiSelectDropdown.d.ts.map

package/MultiSelect/MultiSelectDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectDropdown.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAGL,gBAAgB,EAEjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQvD,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIrC,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACjE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,gBAAgB,CAAC;AAErB,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,IAAI,EAChD,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,qBAuDnC;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAGtC;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,SAAS,qBAE7D"}

package/MultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./MultiSelect";
+//# sourceMappingURL=index.d.ts.map

package/MultiSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}