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

package/HostedUILayout/index.mjs

@@ -0,0 +1,195 @@
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React__default, { useState, useCallback, forwardRef, useRef } from "react";
+import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-B3Um5vvS.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-BpGjkRZu.mjs";
+import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { M as Menu } from "../__chunks__/Menu-CfHK_0Sr.mjs";
+import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
+import { classNames } from "../utilities/css.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-DAMeUI3t.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-CwJuylzq.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-BGHDb_ce.mjs";
+import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-CxFvWxcs.mjs";
+const button = "_button_zvh9c_4";
+const focused = "_focused_zvh9c_26";
+const hovered = "_hovered_zvh9c_40";
+const selected = "_selected_zvh9c_45";
+const open = "_open_zvh9c_46";
+const badgeContainer = "_badgeContainer_zvh9c_51";
+const badge = "_badge_zvh9c_51";
+const styles$1 = {
+  button,
+  focused,
+  hovered,
+  selected,
+  open,
+  badgeContainer,
+  badge
+};
+function HostedUILayoutActions(props) {
+  const { children } = props;
+  return React__default.createElement(HorizontalStack, {
+    wrap: false,
+    gap: "1",
+    align: "end"
+  }, children);
+}
+function HostedUILayoutMenuAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
+  const [isOpen, setIsOpen] = useState(false);
+  const handleOpenChange = useCallback((isOpen2) => {
+    setIsOpen(isOpen2);
+  }, []);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({});
+  const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isOpen && styles$1.open);
+  return React__default.createElement(Menu, {
+    isOpen,
+    onOpenChange: handleOpenChange
+  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(PressableButton, __spreadValues({
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()))), children);
+}
+function HostedUILayoutLinkAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
+  const ref = useRef(null);
+  const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
+  return React__default.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "true" : void 0
+  }), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()));
+}
+function HostedUILayoutButtonAction(props) {
+  const _a = props, { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = _a, buttonProps = __objRest(_a, ["accessibilityLabel", "iconSymbol", "renderBadge", "isSelected"]);
+  const ref = useRef(null);
+  const className = classNames(styles$1.button, isSelected && styles$1.selected);
+  return React__default.createElement($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadValues({
+    ref,
+    className,
+    "aria-current": isSelected ? "true" : void 0
+  }, buttonProps), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()));
+}
+function HostedUILayoutActionBadge(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles$1.badge
+  }, children);
+}
+const PressableButton = forwardRef((props, ref) => {
+  const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
+  return React__default.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+    ref,
+    className: classNames(pressProps.className)
+  }));
+});
+PressableButton.displayName = "PressableButton";
+const HostedUILayout$1 = "_HostedUILayout_1ls9o_4";
+const logo = "_logo_1ls9o_15";
+const header = "_header_1ls9o_19";
+const content = "_content_1ls9o_34";
+const styles = {
+  HostedUILayout: HostedUILayout$1,
+  logo,
+  header,
+  content
+};
+function HostedUILayout(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles.HostedUILayout
+  }, children);
+}
+function HostedUILayoutHeader(props) {
+  const { children } = props;
+  return React__default.createElement("header", {
+    className: styles.header
+  }, children);
+}
+function HostedUILayoutLogo(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles.logo
+  }, children);
+}
+function HostedUILayoutLogoContainer(props) {
+  const { children } = props;
+  return React__default.createElement(HorizontalStack, {
+    gap: "1",
+    blockAlign: "center",
+    align: "start",
+    wrap: false
+  }, React__default.createElement(HostedUILayoutLogo, null, React__default.createElement(EasyPostLogo, null)), children);
+}
+function HostedUILayoutContent(props) {
+  const { children } = props;
+  return React__default.createElement("main", {
+    className: styles.content
+  }, children);
+}
+HostedUILayout.Header = HostedUILayoutHeader;
+HostedUILayout.Logo = HostedUILayoutLogo;
+HostedUILayout.LogoContainer = HostedUILayoutLogoContainer;
+HostedUILayout.Actions = HostedUILayoutActions;
+HostedUILayout.ActionBadge = HostedUILayoutActionBadge;
+HostedUILayout.MenuAction = HostedUILayoutMenuAction;
+HostedUILayout.LinkAction = HostedUILayoutLinkAction;
+HostedUILayout.ButtonAction = HostedUILayoutButtonAction;
+HostedUILayout.Content = HostedUILayoutContent;
+export {
+  HostedUILayout
+};

package/IconButton/index.js

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const UnstyledButton = require("../__chunks__/UnstyledButton-d3ChgECf.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-CnIn7VBo.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
 const Text = require("../__chunks__/Text-B1xglKFU.js");
 const utilities_css = require("../utilities/css.js");

package/IconButton/index.mjs

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-0yreaZnh.mjs";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-CfhKDftV.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
 import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";

package/InputField/index.js

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

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