@easypost/easy-ui 1.0.0-alpha.78 → 1.0.0-alpha.79

package/InputField/index.mjs

@@ -1,4 +1,4 @@
-import { I } from "../__chunks__/InputField-D4feGzmR.mjs";
+import { I } from "../__chunks__/InputField-D4Arfzdz.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-B97kYKaW.js");
+const KebabButton = require("../__chunks__/KebabButton-BF8hfPrB.js");
 exports.KebabButton = KebabButton.KebabButton;

package/KebabButton/index.mjs

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

package/Menu/index.js

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

package/Menu/index.mjs

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

package/Modal/index.js

@@ -34,17 +34,17 @@ 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-DA6XfGLP.js");
+const Button = require("../__chunks__/Button-DUZZ9HoT.js");
 const Close = require("../__chunks__/Close-BQ2IlPyf.js");
 const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
 const Text = require("../__chunks__/Text-B1xglKFU.js");
 const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
-const useModalOverlay = require("../__chunks__/useModalOverlay-C_b9YfI9.js");
-const Overlay = require("../__chunks__/Overlay-BqaNlC3s.js");
-const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-BJJgq7LS.js");
+const useModalOverlay = require("../__chunks__/useModalOverlay-E3JkPreO.js");
+const Overlay = require("../__chunks__/Overlay-88Ee_QUh.js");
+const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-DSYyww_1.js");
 const useIntersectionDetection = require("../__chunks__/useIntersectionDetection-DI5n4zwA.js");
-const useDialog = require("../__chunks__/useDialog-CmV1awNZ.js");
+const useDialog = require("../__chunks__/useDialog-D_2QCyti.js");
 const ModalContext = React.createContext(null);
 const useModalContext = () => {
   const modalContext = React.useContext(ModalContext);

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-D-ucl04v.mjs";
+import { B as Button } from "../__chunks__/Button-BE3zVhME.mjs";
 import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
 import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
 import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
 import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
-import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-BLiaW3WH.mjs";
-import { d as $337b884510726a0d$export$c6fdb837b070b4ff, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-huXBYY4a.mjs";
-import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-BIc8jsUc.mjs";
+import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-1zoyqSAR.mjs";
+import { d as $337b884510726a0d$export$c6fdb837b070b4ff, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Cj4W5w8m.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-DTO7VB3r.mjs";
 import { u as useIntersectionDetection } from "../__chunks__/useIntersectionDetection-BvUmtDgl.mjs";
-import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-zKH03v_d.mjs";
+import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-BhvpnpTk.mjs";
 const ModalContext = createContext(null);
 const useModalContext = () => {
   const modalContext = useContext(ModalContext);

package/MultiSelect/index.js

@@ -52,41 +52,41 @@ var __async = (__this, __arguments, generator) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Button = require("../__chunks__/Button-D9a9VZzF.js");
-const utils = require("../__chunks__/utils-CY9C69XV.js");
-const useHover = require("../__chunks__/useHover-BCKoTdS5.js");
-const useFocusRing = require("../__chunks__/useFocusRing-CtLKOxxD.js");
-const mergeProps = require("../__chunks__/mergeProps-6pKCnMWU.js");
-const PillGroup = require("../__chunks__/PillGroup-q2LMLV6q.js");
-const Dialog = require("../__chunks__/Dialog-Dde11Vfw.js");
+const Button = require("../__chunks__/Button-2GplvjoR.js");
+const utils = require("../__chunks__/utils-B-3LZYje.js");
+const useHover = require("../__chunks__/useHover-BMIowV0x.js");
+const useFocusRing = require("../__chunks__/useFocusRing-ygRrwBu3.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const PillGroup = require("../__chunks__/PillGroup-B9WQ2to5.js");
+const Dialog = require("../__chunks__/Dialog-D1oLQPjX.js");
 const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
 const useResizeObserver = require("../__chunks__/useResizeObserver-BsbT3mjh.js");
-const useFilter = require("../__chunks__/useFilter-DUqh08RA.js");
-const useFormValidation = require("../__chunks__/useFormValidation-DaCYT2Ut.js");
-const SelectionManager = require("../__chunks__/SelectionManager-px2R7S_e.js");
-const useSingleSelectListState = require("../__chunks__/useSingleSelectListState-IrBbHxlA.js");
-const useListState = require("../__chunks__/useListState-CKHwm7j_.js");
-const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");
-const Overlay = require("../__chunks__/Overlay-BqaNlC3s.js");
+const useFilter = require("../__chunks__/useFilter-DMnYaJdO.js");
+const useFormValidation = require("../__chunks__/useFormValidation-CAsEJ1eu.js");
+const SelectionManager = require("../__chunks__/SelectionManager-BZ_5U5QP.js");
+const useSingleSelectListState = require("../__chunks__/useSingleSelectListState-Br2JooAG.js");
+const useListState = require("../__chunks__/useListState-CU712DaQ.js");
+const useControlledState = require("../__chunks__/useControlledState-B2XIiHlL.js");
+const Overlay = require("../__chunks__/Overlay-88Ee_QUh.js");
 const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CzeNwq2D.js");
-const ariaHideOutside = require("../__chunks__/ariaHideOutside-7ae_6If3.js");
-const useListBoxSection = require("../__chunks__/useListBoxSection-u2FxpXWK.js");
-const useFocusVisible = require("../__chunks__/useFocusVisible-CLoIPL6T.js");
-const usePress = require("../__chunks__/usePress-DchxjERD.js");
-const useLabels = require("../__chunks__/useLabels-DrIYrapv.js");
+const ariaHideOutside = require("../__chunks__/ariaHideOutside-Bq8FQnZq.js");
+const useListBoxSection = require("../__chunks__/useListBoxSection-yxKStnVF.js");
+const useFocusVisible = require("../__chunks__/useFocusVisible-7ks2C0sQ.js");
+const usePress = require("../__chunks__/usePress-Btah4Wrd.js");
+const useLabels = require("../__chunks__/useLabels-DMDlcCM_.js");
 const useUpdateEffect = require("../__chunks__/useUpdateEffect-BII0W8Ne.js");
-const useSelectableItem = require("../__chunks__/useSelectableItem-CxOGkw0W.js");
-const useSelectableList = require("../__chunks__/useSelectableList-F9Rfjy4j.js");
-const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-C3ZwxPrF.js");
-const useMenuTrigger = require("../__chunks__/useMenuTrigger-Dq7mhK38.js");
-const useTextField = require("../__chunks__/useTextField-USpUKriF.js");
+const useSelectableItem = require("../__chunks__/useSelectableItem-iCGDFQiY.js");
+const useSelectableList = require("../__chunks__/useSelectableList-CPHfKit7.js");
+const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-X4sjSzZt.js");
+const useMenuTrigger = require("../__chunks__/useMenuTrigger-CYz-sHYa.js");
+const useTextField = require("../__chunks__/useTextField-DYKc0daU.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const utilities = require("../__chunks__/utilities-x6Aiy1EG.js");
-const Spinner = require("../__chunks__/Spinner-BsvfYBAO.js");
+const utilities = require("../__chunks__/utilities-DgR-vXbf.js");
+const Spinner = require("../__chunks__/Spinner-CipzStjn.js");
 const Text = require("../__chunks__/Text-B1xglKFU.js");
 const utilities_css = require("../utilities/css.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
-const VisuallyHidden = require("../__chunks__/VisuallyHidden-Cl5AQsPA.js");
+const VisuallyHidden = require("../__chunks__/VisuallyHidden-DeSpvYML.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/MultiSelect/index.mjs

@@ -51,42 +51,42 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React from "react";
 import React__default, { useState, useMemo, useRef, useCallback, useEffect, useReducer, createContext, forwardRef } from "react";
-import { c as $f39a9eba43920ace$export$86427a43e3e48ebb, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, b as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-UHHZB1DN.mjs";
-import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$2881499e37b75b9a } from "../__chunks__/utils-CwzguevQ.mjs";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-mdyQ6kou.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-Dg_M1jfs.mjs";
-import { f as $ff5963eb1fccf552$export$e08e3b67e392101e, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-DRsiQq2k.mjs";
-import { $ as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a, a as $eed445e0843c11d0$export$7ff8f37d2d81a48d, b as $e1995378a142960e$export$bf788dd355e3a401, c as $01b77f81d0f07f68$export$75b6ee27786ba447, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, e as $514c0188e459b4c0$export$9afb8bc826b033ea, f as $eed445e0843c11d0$export$41f133550aa26f48, g as $eed445e0843c11d0$export$a11e76429ed99b4, P as PillGroup } from "../__chunks__/PillGroup-8hng2YcX.mjs";
-import { h } from "../__chunks__/PillGroup-8hng2YcX.mjs";
-import { c as $de32f1b87079253c$export$d2f961adcb0afbe, d as $07b14b47974efb58$export$9b9a0cd73afb7ca4, a as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../__chunks__/Dialog-BBt18JUl.mjs";
+import { c as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-BpGjkRZu.mjs";
+import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$2881499e37b75b9a } from "../__chunks__/utils-CZnJZGiu.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-CwJuylzq.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-DAMeUI3t.mjs";
+import { f as $ff5963eb1fccf552$export$e08e3b67e392101e, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { $ as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a, a as $eed445e0843c11d0$export$7ff8f37d2d81a48d, b as $e1995378a142960e$export$bf788dd355e3a401, c as $01b77f81d0f07f68$export$75b6ee27786ba447, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, e as $514c0188e459b4c0$export$9afb8bc826b033ea, f as $eed445e0843c11d0$export$41f133550aa26f48, g as $eed445e0843c11d0$export$a11e76429ed99b4, P as PillGroup } from "../__chunks__/PillGroup-CuPREwvS.mjs";
+import { h } from "../__chunks__/PillGroup-CuPREwvS.mjs";
+import { c as $de32f1b87079253c$export$d2f961adcb0afbe, d as $07b14b47974efb58$export$9b9a0cd73afb7ca4, a as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../__chunks__/Dialog-71SzSgdZ.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-Dyb4wvuA.mjs";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../__chunks__/useFilter-Cd0PVtCe.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../__chunks__/useFormValidation-gt5I8m2g.mjs";
-import { c as $c5a24bc478652b5f$export$1005530eda016c13 } from "../__chunks__/SelectionManager-my6312qq.mjs";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../__chunks__/useSingleSelectListState-61RqBjo5.mjs";
-import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../__chunks__/useListState-DqBHV23A.mjs";
-import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-CFWhSD5C.mjs";
-import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-huXBYY4a.mjs";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../__chunks__/useFilter-CQzUxSTO.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../__chunks__/useFormValidation-HasG7QCl.mjs";
+import { c as $c5a24bc478652b5f$export$1005530eda016c13 } from "../__chunks__/SelectionManager-VOfe5ZyB.mjs";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../__chunks__/useSingleSelectListState-ByDUc5Ex.mjs";
+import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../__chunks__/useListState-Doymm1MR.mjs";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-BDO08zJF.mjs";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Cj4W5w8m.mjs";
 import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../__chunks__/LiveAnnouncer-BSV5-C0m.mjs";
-import { b as $5e3802645cc19319$export$1c3ebcada18427bf } from "../__chunks__/ariaHideOutside-DRsDXtWO.mjs";
-import { c as $b1f0cad8af73213b$export$3585ede4d035bf14, d as $b1f0cad8af73213b$export$9145995848b05025 } from "../__chunks__/useListBoxSection-Bw5OEI4S.mjs";
-import { u as $c87311424ea30a05$export$e1865c3bedcd822b, d as $d4ee10de306f2510$export$cd4e5573fbe2b576, a as $431fbd86ca7dc216$export$b204af158042fbac } from "../__chunks__/useFocusVisible-DgcLCVnV.mjs";
-import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../__chunks__/usePress-DQ3FxwWo.mjs";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../__chunks__/useLabels-DCSAqT2C.mjs";
+import { b as $5e3802645cc19319$export$1c3ebcada18427bf } from "../__chunks__/ariaHideOutside-CT4hjtef.mjs";
+import { c as $b1f0cad8af73213b$export$3585ede4d035bf14, d as $b1f0cad8af73213b$export$9145995848b05025 } from "../__chunks__/useListBoxSection-UWw98S5n.mjs";
+import { v as $c87311424ea30a05$export$e1865c3bedcd822b, d as $d4ee10de306f2510$export$cd4e5573fbe2b576, a as $431fbd86ca7dc216$export$b204af158042fbac } from "../__chunks__/useFocusVisible-DWC9qGtP.mjs";
+import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../__chunks__/usePress-BGHDb_ce.mjs";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../__chunks__/useLabels-DWprW4wx.mjs";
 import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "../__chunks__/useUpdateEffect-C9amKlvd.mjs";
-import { b as $ae20dd8cbca75726$export$d6daf82dcd84e87c, e as $55f9b1ae81f22853$export$2b35b76d2e30e129 } from "../__chunks__/useSelectableItem-DcveeRN2.mjs";
-import { b as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../__chunks__/useSelectableList-C_zJw1dp.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-SC1Py3Uf.mjs";
-import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../__chunks__/useMenuTrigger-C9nRdVJk.mjs";
-import { $ as $2d73ec29415bd339$export$712718f7aec83d5 } from "../__chunks__/useTextField-B6vr1ZoD.mjs";
+import { b as $ae20dd8cbca75726$export$d6daf82dcd84e87c, e as $55f9b1ae81f22853$export$2b35b76d2e30e129 } from "../__chunks__/useSelectableItem-CBqJNF3F.mjs";
+import { b as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../__chunks__/useSelectableList-C1gLRl6h.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-D-qKpkp4.mjs";
+import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../__chunks__/useMenuTrigger-Bm2l00Fx.mjs";
+import { $ as $2d73ec29415bd339$export$712718f7aec83d5 } from "../__chunks__/useTextField-DUw10Bpa.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, Y as Y_PADDING_INSIDE_OVERLAY, I as ITEM_HEIGHT, f as getMenuPopoverMaxHeight } from "../__chunks__/utilities-U5Ql_Myz.mjs";
-import { S as Spinner } from "../__chunks__/Spinner-BsFJZqxe.mjs";
+import { D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, Y as Y_PADDING_INSIDE_OVERLAY, I as ITEM_HEIGHT, f as getMenuPopoverMaxHeight } from "../__chunks__/utilities-DaMKHxI8.mjs";
+import { S as Spinner } from "../__chunks__/Spinner-CNAJknx9.mjs";
 import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
 import { getComponentToken, pxToRem } from "../utilities/css.mjs";
 import { useScrollbar } from "../utilities/useScrollbar.mjs";
-import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-DLuOutNi.mjs";
+import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-CCdi-Y1w.mjs";
 function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
   var _collection_getItem;
   let { defaultFilter, menuTrigger = "input", allowsEmptyCollection = false, allowsCustomValue, shouldCloseOnBlur = true } = props;

package/MultipageSection/MultipageSection.d.ts

@@ -0,0 +1,118 @@
+import React, { ReactNode } from "react";
+import { MultipageSectionSidebarNav, MultipageSectionSidebarNavLink, MultipageSectionSidebarNavSection } from "./MultipageSectionSidebarNav";
+import { IconSymbol } from "../types";
+export type MultipageSectionProps = {
+    /** MultipageSection children. */
+    children: ReactNode;
+};
+export type MultipageSectionContainerProps = {
+    /** MultipageSection container children. */
+    children: ReactNode;
+};
+export type MultipageSectionSplitContainerProps = {
+    /** MultipageSection split container children. */
+    children: ReactNode;
+};
+export type MultipageSectionSidebarProps = {
+    /** MultipageSection sidebar children. */
+    children: ReactNode;
+};
+export type MultipageSectionBrandHeaderProps = {
+    /** MultipageSection brand header children. */
+    children: ReactNode;
+};
+export type MultipageSectionBrandHeaderLogoProps = {
+    /** MultipageSection brand header logo children. */
+    children: ReactNode;
+};
+export type MultipageSectionBrandHeaderTitleProps = {
+    /** MultipageSection brand header title children. */
+    children: ReactNode;
+};
+export type MultipageSectionContentProps = {
+    /** MultipageSection content children. */
+    children: ReactNode;
+};
+export type MultipageSectionContentHeaderProps = {
+    /** MultipageSection container header children. */
+    children: ReactNode;
+};
+export type MultipageSectionContentTitleProps = {
+    /** MultipageSection content title icon. */
+    titleIcon?: IconSymbol;
+    /** MultipageSection content title text. */
+    children: ReactNode;
+};
+/**
+ * `MultipageSection` represents a section for multipage navigation and
+ * a content area that is preceded by a branded header.
+ *
+ * @example
+ * ```tsx
+ *  <MultipageSection>
+ *     <MultipageSection.Container>
+ *       <MultipageSection.BrandHeader>
+ *         <MultipageSection.BrandHeaderLogo>
+ *           <SomeLogo />
+ *         </MultipageSection.BrandHeaderLogo>
+ *         <MultipageSection.BrandHeaderTitle>
+ *           Brand Title
+ *         </MultipageSection.BrandHeaderTitle>
+ *       </MultipageSection.BrandHeader>
+ *       <MultipageSection.SplitContainer>
+ *         <MultipageSection.Sidebar>
+ *           <MultipageSection.SidebarNav selectedHref="/1">
+ *             <MultipageSection.SidebarNavLink
+ *               href="/1"
+ *               iconSymbol={Icon}
+ *             >
+ *               Link 1
+ *             </MultipageSection.SidebarNavLink>
+ *             <MultipageSection.SidebarNavLink
+ *               href="/2"
+ *               iconSymbol={Icon}
+ *             >
+ *               Link 2
+ *             </MultipageSection.SidebarNavLink>
+ *           </MultipageSection.SidebarNav>
+ *         </MultipageSection.Sidebar>
+ *         <MultipageSection.Content>
+ *           <MultipageSection.ContentHeader>
+ *             <MultipageSection.ContentTitle titleIcon={Icon}>
+ *               Content Title
+ *             </MultipageSection.ContentTitle>
+ *           </MultipageSection.ContentHeader>
+ *           <div>Content</div>
+ *         </MultipageSection.Content>
+ *       </MultipageSection.SplitContainer>
+ *     </MultipageSection.Container>
+ *   </MultipageSection>
+ * ```
+ */
+export declare function MultipageSection(props: MultipageSectionProps): React.JSX.Element;
+export declare namespace MultipageSection {
+    var Container: typeof MultipageSectionContainer;
+    var SplitContainer: typeof MultipageSectionSplitContainer;
+    var Sidebar: typeof MultipageSectionSidebar;
+    var BrandHeader: typeof MultipageSectionBrandHeader;
+    var BrandHeaderLogo: typeof MultipageSectionBrandHeaderLogo;
+    var BrandHeaderTitle: typeof MultipageSectionBrandHeaderTitle;
+    var Content: typeof MultipageSectionContent;
+    var ContentHeader: typeof MultipageSectionContentHeader;
+    var ContentTitle: typeof MultipageSectionContentTitle;
+    var SidebarNav: typeof MultipageSectionSidebarNav;
+    var SidebarNavSection: typeof MultipageSectionSidebarNavSection;
+    var SidebarNavLink: typeof MultipageSectionSidebarNavLink;
+    var useMultipageSectionSidebarNav: () => import("./MultipageSectionSidebarNav").SidebarNavContextType;
+}
+export declare function MultipageSectionContainer(props: MultipageSectionContainerProps): React.JSX.Element;
+export declare function MultipageSectionSplitContainer(props: MultipageSectionSplitContainerProps): React.JSX.Element;
+declare function MultipageSectionSidebar(props: MultipageSectionSidebarProps): React.JSX.Element;
+declare function MultipageSectionBrandHeader(props: MultipageSectionBrandHeaderProps): React.JSX.Element;
+declare function MultipageSectionBrandHeaderLogo(props: MultipageSectionBrandHeaderLogoProps): React.JSX.Element;
+declare function MultipageSectionBrandHeaderTitle(props: MultipageSectionBrandHeaderTitleProps): React.JSX.Element;
+declare function MultipageSectionContent(props: MultipageSectionContentProps): React.JSX.Element;
+declare function MultipageSectionContentHeader(props: MultipageSectionContentHeaderProps): React.JSX.Element;
+declare function MultipageSectionContentTitle(props: MultipageSectionContentTitleProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=MultipageSection.d.ts.map

package/MultipageSection/MultipageSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipageSection.d.ts","sourceRoot":"","sources":["../../src/MultipageSection/MultipageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EACL,0BAA0B,EAC1B,8BAA8B,EAC9B,iCAAiC,EAElC,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,MAAM,qBAAqB,GAAG;IAClC,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG;IAChD,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oCAAoC,GAAG;IACjD,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qCAAqC,GAAG;IAClD,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAC/C,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,2CAA2C;IAC3C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAG5D;yBAHe,gBAAgB;;;;;;;;;;;;;;;AAKhC,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAItC;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,mCAAmC,qBAI3C;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAOnE;AAED,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,qBAU3E;AAED,iBAAS,+BAA+B,CACtC,KAAK,EAAE,oCAAoC,qBAK5C;AAED,iBAAS,gCAAgC,CACvC,KAAK,EAAE,qCAAqC,qBAQ7C;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAOnE;AAED,iBAAS,6BAA6B,CACpC,KAAK,EAAE,kCAAkC,qBAQ1C;AAED,iBAAS,4BAA4B,CACnC,KAAK,EAAE,iCAAiC,qBAmBzC"}

package/MultipageSection/MultipageSection.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { MultipageSection } from "./MultipageSection";
+type Story = StoryObj<typeof MultipageSection>;
+declare const meta: Meta<typeof MultipageSection>;
+export default meta;
+export declare const Standard: Story;
+export declare const Layout: Story;
+//# sourceMappingURL=MultipageSection.stories.d.ts.map

package/MultipageSection/MultipageSection.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipageSection.stories.d.ts","sourceRoot":"","sources":["../../src/MultipageSection/MultipageSection.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAUvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAoEtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAoFpB,CAAC"}

package/MultipageSection/MultipageSection.test.d.ts

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

package/MultipageSection/MultipageSection.test.d.ts.map

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

package/MultipageSection/MultipageSectionSidebarNav.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions } from "react-aria";
+import { IconSymbol } from "../types";
+export type MultipageSectionSidebarNavProps = {
+    /** Selected href of sidebar nav link. */
+    selectedHref?: AriaLinkOptions["href"];
+    /** Multipage container children. */
+    children: ReactNode;
+};
+export type MultipageSectionSidebarNavSectionProps = {
+    /** Sidebar nav section title. */
+    title: ReactNode;
+    /** Sidebar nav section children. */
+    children: ReactNode;
+};
+export type MultipageSectionSidebarNavLinkProps = {
+    /** Nav link icon symbol. */
+    iconSymbol: IconSymbol;
+    /** Nav link children. */
+    children: ReactNode;
+} & AriaLinkOptions;
+export type SidebarNavContextType = {
+    selectedHref?: MultipageSectionSidebarNavProps["selectedHref"];
+};
+export declare const useMultipageSectionSidebarNav: () => SidebarNavContextType;
+export declare function MultipageSectionSidebarNav(props: MultipageSectionSidebarNavProps): React.JSX.Element;
+export declare function MultipageSectionSidebarNavSection(props: MultipageSectionSidebarNavSectionProps): React.JSX.Element;
+export declare function MultipageSectionSidebarNavLink(props: MultipageSectionSidebarNavLinkProps): React.JSX.Element;
+//# sourceMappingURL=MultipageSectionSidebarNav.d.ts.map

package/MultipageSection/MultipageSectionSidebarNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipageSectionSidebarNav.d.ts","sourceRoot":"","sources":["../../src/MultipageSection/MultipageSectionSidebarNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,eAAe,EAKhB,MAAM,YAAY,CAAC;AAIpB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,+BAA+B,GAAG;IAC5C,yCAAyC;IACzC,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvC,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sCAAsC,GAAG;IACnD,iCAAiC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG;IAChD,4BAA4B;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,+BAA+B,CAAC,cAAc,CAAC,CAAC;CAChE,CAAC;AAMF,eAAO,MAAM,6BAA6B,6BAQzC,CAAC;AAEF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,qBAavC;AAED,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,sCAAsC,qBAS9C;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,mCAAmC,qBA6B3C"}

package/MultipageSection/index.d.ts

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

package/MultipageSection/index.d.ts.map

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

package/MultipageSection/index.js

@@ -0,0 +1,208 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
+const Text = require("../__chunks__/Text-B1xglKFU.js");
+const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
+const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const utilities_css = require("../utilities/css.js");
+const useLink = require("../__chunks__/useLink-CcRvXaFq.js");
+const useFocusRing = require("../__chunks__/useFocusRing-ygRrwBu3.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const useHover = require("../__chunks__/useHover-BMIowV0x.js");
+const link = "_link_90vuv_4";
+const focused = "_focused_90vuv_13";
+const hovered = "_hovered_90vuv_25";
+const selected = "_selected_90vuv_29";
+const styles$1 = {
+  link,
+  focused,
+  hovered,
+  selected
+};
+const SidebarNavContext = React.createContext(null);
+const useMultipageSectionSidebarNav = () => {
+  const context = React.useContext(SidebarNavContext);
+  if (!context) {
+    throw new Error("useMultipageSectionSidebarNav must be used within a MultipageSectionSidebarNav");
+  }
+  return context;
+};
+function MultipageSectionSidebarNav(props) {
+  const { selectedHref, children } = props;
+  const context = React.useMemo(() => {
+    return {
+      selectedHref
+    };
+  }, [selectedHref]);
+  return React.createElement(SidebarNavContext.Provider, {
+    value: context
+  }, React.createElement(VerticalStack.VerticalStack, {
+    as: "nav",
+    gap: "2"
+  }, children));
+}
+function MultipageSectionSidebarNavSection(props) {
+  const { title, children } = props;
+  return React.createElement(VerticalStack.VerticalStack, {
+    gap: "2",
+    inlineAlign: "start"
+  }, React.createElement(Text.Text, {
+    variant: "overline"
+  }, title), children);
+}
+function MultipageSectionSidebarNavLink(props) {
+  const { href, iconSymbol, children } = props;
+  const { selectedHref } = useMultipageSectionSidebarNav();
+  const ref = React.useRef(null);
+  const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
+  const isSelected = href === selectedHref;
+  const className = utilities_css.classNames(styles$1.link, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
+  return React.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "page" : void 0
+  }), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), React.createElement(Text.Text, {
+    variant: "body2",
+    weight: isSelected ? "semibold" : void 0
+  }, children));
+}
+const MultipageSection$1 = "_MultipageSection_1opeu_4";
+const container = "_container_1opeu_14";
+const splitContainer = "_splitContainer_1opeu_15";
+const brandHeader = "_brandHeader_1opeu_25";
+const brandLogo = "_brandLogo_1opeu_32";
+const sidebar = "_sidebar_1opeu_36";
+const content = "_content_1opeu_43";
+const styles = {
+  MultipageSection: MultipageSection$1,
+  container,
+  splitContainer,
+  brandHeader,
+  brandLogo,
+  sidebar,
+  content
+};
+function MultipageSection(props) {
+  const { children } = props;
+  return React.createElement("section", {
+    className: styles.MultipageSection
+  }, children);
+}
+function MultipageSectionContainer(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles.container
+  }, children);
+}
+function MultipageSectionSplitContainer(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles.splitContainer
+  }, children);
+}
+function MultipageSectionSidebar(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    role: "region",
+    className: styles.sidebar
+  }, children);
+}
+function MultipageSectionBrandHeader(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles.brandHeader
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "2",
+    blockAlign: "center"
+  }, children));
+}
+function MultipageSectionBrandHeaderLogo(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles.brandLogo
+  }, children);
+}
+function MultipageSectionBrandHeaderTitle(props) {
+  const { children } = props;
+  return React.createElement(Text.Text, {
+    as: "h2",
+    variant: "heading3",
+    color: "primary.800"
+  }, children);
+}
+function MultipageSectionContent(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles.content
+  }, React.createElement(VerticalStack.VerticalStack, {
+    gap: "2"
+  }, children));
+}
+function MultipageSectionContentHeader(props) {
+  const { children } = props;
+  return React.createElement(HorizontalStack.HorizontalStack, {
+    as: "header",
+    blockAlign: "center",
+    align: "space-between"
+  }, children);
+}
+function MultipageSectionContentTitle(props) {
+  const { children, titleIcon } = props;
+  return React.createElement(React.Fragment, null, titleIcon ? React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "1",
+    blockAlign: "center"
+  }, React.createElement(Icon.Icon, {
+    symbol: titleIcon,
+    size: "lg",
+    color: "primary.800"
+  }), React.createElement(Text.Text, {
+    as: "h3",
+    variant: "heading5",
+    color: "primary.800"
+  }, children)) : React.createElement(Text.Text, {
+    as: "h3",
+    variant: "heading5",
+    color: "primary.800"
+  }, children));
+}
+MultipageSection.Container = MultipageSectionContainer;
+MultipageSection.SplitContainer = MultipageSectionSplitContainer;
+MultipageSection.Sidebar = MultipageSectionSidebar;
+MultipageSection.BrandHeader = MultipageSectionBrandHeader;
+MultipageSection.BrandHeaderLogo = MultipageSectionBrandHeaderLogo;
+MultipageSection.BrandHeaderTitle = MultipageSectionBrandHeaderTitle;
+MultipageSection.Content = MultipageSectionContent;
+MultipageSection.ContentHeader = MultipageSectionContentHeader;
+MultipageSection.ContentTitle = MultipageSectionContentTitle;
+MultipageSection.SidebarNav = MultipageSectionSidebarNav;
+MultipageSection.SidebarNavSection = MultipageSectionSidebarNavSection;
+MultipageSection.SidebarNavLink = MultipageSectionSidebarNavLink;
+MultipageSection.useMultipageSectionSidebarNav = useMultipageSectionSidebarNav;
+exports.MultipageSection = MultipageSection;
+exports.MultipageSectionContainer = MultipageSectionContainer;
+exports.MultipageSectionSplitContainer = MultipageSectionSplitContainer;