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

package/DateRangePicker/index.js

@@ -20,20 +20,20 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const RangeCalendar = require("../__chunks__/RangeCalendar-aUakXSjU.js");
-const DatePickerBase = require("../__chunks__/DatePickerBase-BWFcyR_m.js");
-const CalendarBase = require("../__chunks__/CalendarBase-RcVbhUvM.js");
-const useFormValidation = require("../__chunks__/useFormValidation-DaCYT2Ut.js");
-const Overlay = require("../__chunks__/Overlay-BqaNlC3s.js");
-const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");
-const FocusScope = require("../__chunks__/FocusScope-DxiwSl55.js");
-const mergeProps = require("../__chunks__/mergeProps-6pKCnMWU.js");
+const RangeCalendar = require("../__chunks__/RangeCalendar-BgB6xU9q.js");
+const DatePickerBase = require("../__chunks__/DatePickerBase-DRR0aOm4.js");
+const CalendarBase = require("../__chunks__/CalendarBase-B1T_Rybe.js");
+const useFormValidation = require("../__chunks__/useFormValidation-CAsEJ1eu.js");
+const Overlay = require("../__chunks__/Overlay-88Ee_QUh.js");
+const useControlledState = require("../__chunks__/useControlledState-B2XIiHlL.js");
+const FocusScope = require("../__chunks__/FocusScope-BYrP0odg.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
 const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
-const scrollIntoView = require("../__chunks__/scrollIntoView-CzFYIYQT.js");
-const useFocusWithin = require("../__chunks__/useFocusWithin-T1vqkUYN.js");
-const useField = require("../__chunks__/useField-MeTEdBhD.js");
-const context = require("../__chunks__/context-BQfsEeih.js");
-const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-C3ZwxPrF.js");
+const scrollIntoView = require("../__chunks__/scrollIntoView-DrxAy81g.js");
+const useFocusWithin = require("../__chunks__/useFocusWithin-CxspK-F2.js");
+const useField = require("../__chunks__/useField-C80n1AHI.js");
+const context = require("../__chunks__/context-Dxz9OXQY.js");
+const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-X4sjSzZt.js");
 function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
   var _value_start, _value_end;
   let overlayState = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(props);

package/DateRangePicker/index.mjs

@@ -18,20 +18,20 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import React__default, { useState, useMemo, useRef } from "react";
-import { R as RangeCalendar } from "../__chunks__/RangeCalendar-DhFnV8j-.mjs";
-import { $ as $35a22f14a1f04b11$export$2440da353cedad43, a as $35a22f14a1f04b11$export$80ff8fc0ae339c13, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, e as $dfb4eba373ed9493$exports, f as $16f0b7bb276bc17e$export$300019f83c56d282, g as $16f0b7bb276bc17e$export$7b3062cd49e80452, D as DatePickerBase } from "../__chunks__/DatePickerBase-BJH3bhGM.mjs";
-import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-D8NmV5mS.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb, d as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "../__chunks__/useFormValidation-gt5I8m2g.mjs";
-import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-huXBYY4a.mjs";
-import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-CFWhSD5C.mjs";
-import { a as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../__chunks__/FocusScope-jG-ZgYgr.mjs";
-import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-DRsiQq2k.mjs";
+import { R as RangeCalendar } from "../__chunks__/RangeCalendar-CNLF6YQu.mjs";
+import { $ as $35a22f14a1f04b11$export$2440da353cedad43, a as $35a22f14a1f04b11$export$80ff8fc0ae339c13, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, e as $dfb4eba373ed9493$exports, f as $16f0b7bb276bc17e$export$300019f83c56d282, g as $16f0b7bb276bc17e$export$7b3062cd49e80452, D as DatePickerBase } from "../__chunks__/DatePickerBase-Bg4YQMAj.mjs";
+import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-adL7KcVi.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb, d as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "../__chunks__/useFormValidation-HasG7QCl.mjs";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Cj4W5w8m.mjs";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-BDO08zJF.mjs";
+import { a as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../__chunks__/FocusScope-DP1VSF7s.mjs";
+import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
-import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-DSPpbfzY.mjs";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "../__chunks__/useFocusWithin-BE5KE588.mjs";
-import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "../__chunks__/useField-D71RzzwQ.mjs";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-C5QKMZmh.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-SC1Py3Uf.mjs";
+import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-BY1C_8w5.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "../__chunks__/useFocusWithin-DPnHAdQU.mjs";
+import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "../__chunks__/useField-D1rL_Lz6.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-BEoWr5Bw.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-D-qKpkp4.mjs";
 function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
   var _value_start, _value_end;
   let overlayState = $fc909762b330b746$export$61c6a8c84e605fb6(props);

package/Drawer/index.js

@@ -36,11 +36,11 @@ const utilities_css = require("../utilities/css.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
 const Text = require("../__chunks__/Text-B1xglKFU.js");
-const useModalOverlay = require("../__chunks__/useModalOverlay-C_b9YfI9.js");
-const Overlay = require("../__chunks__/Overlay-BqaNlC3s.js");
+const useModalOverlay = require("../__chunks__/useModalOverlay-E3JkPreO.js");
+const Overlay = require("../__chunks__/Overlay-88Ee_QUh.js");
 const CSSTransition = require("../__chunks__/CSSTransition-BXyX0mUc.js");
-const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-BJJgq7LS.js");
-const useDialog = require("../__chunks__/useDialog-CmV1awNZ.js");
+const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-DSYyww_1.js");
+const useDialog = require("../__chunks__/useDialog-D_2QCyti.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/Drawer/index.mjs

@@ -35,11 +35,11 @@ import { classNames } from "../utilities/css.mjs";
 import { useScrollbar } from "../utilities/useScrollbar.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
 import { T as Text } from "../__chunks__/Text-CX5GoBTS.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 $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 { C as CSSTransition } from "../__chunks__/CSSTransition-C4FQrt4m.mjs";
-import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-BIc8jsUc.mjs";
-import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-zKH03v_d.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-DTO7VB3r.mjs";
+import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-BhvpnpTk.mjs";
 const underlayBg = "_underlayBg_pn8iw_4";
 const underlayBgEnter = "_underlayBgEnter_pn8iw_32";
 const underlayBgEnterDone = "_underlayBgEnterDone_pn8iw_36";

package/DropdownButton/index.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
 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 utilities_css = require("../utilities/css.js");
 const DropdownButton$1 = "_DropdownButton_hi2tk_4";

package/DropdownButton/index.mjs

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
 };
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
 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 { classNames, variationName } from "../utilities/css.mjs";
 const DropdownButton$1 = "_DropdownButton_hi2tk_4";

package/FocusedProductLayout/index.js

@@ -33,12 +33,12 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const HelpMenu = require("../__chunks__/HelpMenu-B3gwBqqY.js");
+const HelpMenu = require("../__chunks__/HelpMenu-LZ_ky28u.js");
 const ArrowBack = require("../__chunks__/ArrowBack-C_LSatif.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
 const Text = require("../__chunks__/Text-B1xglKFU.js");
-const Button = require("../__chunks__/Button-DA6XfGLP.js");
-const Stepper = require("../__chunks__/Stepper-lFftpFos.js");
+const Button = require("../__chunks__/Button-DUZZ9HoT.js");
+const Stepper = require("../__chunks__/Stepper--KsoKMdM.js");
 function Content({ children }) {
   return React.createElement("main", null, children);
 }

package/FocusedProductLayout/index.mjs

@@ -31,12 +31,12 @@ var __objRest = (source, exclude) => {
 };
 import React__default from "react";
 import { getComponentToken, classNames, variationName } from "../utilities/css.mjs";
-import { H as HelpMenu } from "../__chunks__/HelpMenu-DQngktSJ.mjs";
+import { H as HelpMenu } from "../__chunks__/HelpMenu-DHNd3X_S.mjs";
 import { A as ArrowBack } from "../__chunks__/ArrowBack-BFS-tCpV.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
 import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
-import { B as Button } from "../__chunks__/Button-D-ucl04v.mjs";
-import { S as Stepper } from "../__chunks__/Stepper-F7Czxecp.mjs";
+import { B as Button } from "../__chunks__/Button-BE3zVhME.mjs";
+import { S as Stepper } from "../__chunks__/Stepper-CACO2jLG.mjs";
 function Content({ children }) {
   return React__default.createElement("main", null, children);
 }

package/ForgeLayout/index.js

@@ -33,24 +33,24 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const Button = require("../__chunks__/Button-D9a9VZzF.js");
+const Button = require("../__chunks__/Button-2GplvjoR.js");
 const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Menu = require("../__chunks__/Menu-BjKQfXId.js");
+const Menu = require("../__chunks__/Menu-CivAepFq.js");
 const Text = require("../__chunks__/Text-B1xglKFU.js");
-const useFocusRing = require("../__chunks__/useFocusRing-CtLKOxxD.js");
-const mergeProps = require("../__chunks__/mergeProps-6pKCnMWU.js");
-const useHover = require("../__chunks__/useHover-BCKoTdS5.js");
-const usePress = require("../__chunks__/usePress-DchxjERD.js");
-const useLink = require("../__chunks__/useLink-DihQM2-s.js");
+const useFocusRing = require("../__chunks__/useFocusRing-ygRrwBu3.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const useHover = require("../__chunks__/useHover-BMIowV0x.js");
+const usePress = require("../__chunks__/usePress-Btah4Wrd.js");
+const useLink = require("../__chunks__/useLink-CcRvXaFq.js");
 const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
-const Dialog = require("../__chunks__/Dialog-Dde11Vfw.js");
+const Dialog = require("../__chunks__/Dialog-D1oLQPjX.js");
 const ArrowBack = require("../__chunks__/ArrowBack-C_LSatif.js");
 const Search = require("../__chunks__/Search-BY7IgEyX.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-d3ChgECf.js");
-const RadioGroup = require("../__chunks__/RadioGroup-Cbzsv5jw.js");
-const TextField = require("../__chunks__/TextField-D1YUSD6j.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-CnIn7VBo.js");
+const RadioGroup = require("../__chunks__/RadioGroup-yg8Gtbol.js");
+const TextField = require("../__chunks__/TextField-C6qMiNmy.js");
 const utilities_react = require("../utilities/react.js");
 const button = "_button_1j18l_4";
 const focused$1 = "_focused_1j18l_25";

package/ForgeLayout/index.mjs

@@ -31,24 +31,24 @@ var __objRest = (source, exclude) => {
 };
 import React__default, { useState, useCallback, forwardRef, useRef, useMemo, useContext, createContext, Fragment } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { b as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-UHHZB1DN.mjs";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-BpGjkRZu.mjs";
 import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { M as Menu } from "../__chunks__/Menu-L3un-ZpR.mjs";
+import { M as Menu } from "../__chunks__/Menu-CfHK_0Sr.mjs";
 import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-Dg_M1jfs.mjs";
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-DRsiQq2k.mjs";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-mdyQ6kou.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-DQ3FxwWo.mjs";
-import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-Dr9Pjalq.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";
 import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
-import { $ as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $07b14b47974efb58$export$5b6b19405a83ff9d, b as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../__chunks__/Dialog-BBt18JUl.mjs";
+import { $ as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $07b14b47974efb58$export$5b6b19405a83ff9d, b as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../__chunks__/Dialog-71SzSgdZ.mjs";
 import { A as ArrowBack } from "../__chunks__/ArrowBack-BFS-tCpV.mjs";
 import { S as Search } from "../__chunks__/Search-Cyblmqo5.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-0yreaZnh.mjs";
-import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-CaCZDI4f.mjs";
-import { T as TextField } from "../__chunks__/TextField-BwGqzpya.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-CfhKDftV.mjs";
+import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-B5o5aPT-.mjs";
+import { T as TextField } from "../__chunks__/TextField-CUOz6ZUe.mjs";
 import { flattenChildren } from "../utilities/react.mjs";
 const button = "_button_1j18l_4";
 const focused$1 = "_focused_1j18l_25";

package/HostedUILayout/HostedUILayout.d.ts

@@ -0,0 +1,76 @@
+import React, { ReactNode } from "react";
+import { HostedUILayoutActionBadge, HostedUILayoutActions, HostedUILayoutButtonAction, HostedUILayoutLinkAction, HostedUILayoutMenuAction } from "./HostedUILayoutActions";
+export type HostedUILayoutProps = {
+    /** Layout children. */
+    children: ReactNode;
+};
+export type HostedUILayoutHeaderProps = {
+    /** Header children. */
+    children: ReactNode;
+};
+export type HostedUILayoutLogoContainerProps = {
+    /** Logo container children */
+    children: ReactNode;
+};
+export type HostedUILayoutLogoProps = {
+    /** Logo children. */
+    children: ReactNode;
+};
+export type HostedUILayoutContentProps = {
+    /** Content children. */
+    children: ReactNode;
+};
+/**
+ * `HostedUILayout` defines a header and main content area for a HostedUI product page.
+ *
+ * @example
+ * ```tsx
+ * <HostedUILayout>
+ *   <HostedUILayout.Header>
+ *    <HostedUILayout.LogoContainer>
+ *      <HostedUILayout.Logo>
+ *        <SomeLogo />
+ *      </HostedUILayout.Logo>
+ *    </HostedUILayout.LogoContainer>
+ *    <HostedUILayout.Actions>
+ *      <HostedUILayout.MenuAction
+ *        accessibilityLabel="Menu Action"
+ *        iconSymbol={Icon}
+ *        renderBadge={() => <HostedUILayout.ActionBadge />}
+ *      >
+ *        <Menu.Overlay onAction={() => {}}>
+ *          <Menu.Item>Action 1</Menu.Item>
+ *          <Menu.Item>Action 2</Menu.Item>
+ *        </Menu.Overlay>
+ *      </HostedUILayout.MenuAction>
+ *      <HostedUILayout.ButtonAction
+ *        accessibilityLabel="Button Action"
+ *        iconSymbol={Icon}
+ *        onPress={() => {}}
+ *      />
+ *    </HostedUILayout.Actions>
+ *   </HostedUILayout.Header>
+ *     <HostedUILayout.Content>
+ *        HostedUI Content
+ *     </HostedUILayout.Content>
+ *  </HostedUILayout>
+ * ```
+ */
+export declare function HostedUILayout(props: HostedUILayoutProps): React.JSX.Element;
+export declare namespace HostedUILayout {
+    var Header: typeof HostedUILayoutHeader;
+    var Logo: typeof HostedUILayoutLogo;
+    var LogoContainer: typeof HostedUILayoutLogoContainer;
+    var Actions: typeof HostedUILayoutActions;
+    var ActionBadge: typeof HostedUILayoutActionBadge;
+    var MenuAction: typeof HostedUILayoutMenuAction;
+    var LinkAction: typeof HostedUILayoutLinkAction;
+    var ButtonAction: typeof HostedUILayoutButtonAction;
+    var Content: typeof HostedUILayoutContent;
+}
+declare function HostedUILayoutHeader(props: HostedUILayoutHeaderProps): React.JSX.Element;
+declare function HostedUILayoutLogo(props: HostedUILayoutLogoProps): React.JSX.Element;
+declare function HostedUILayoutLogoContainer(props: HostedUILayoutLogoContainerProps): React.JSX.Element;
+declare function HostedUILayoutContent(props: HostedUILayoutContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=HostedUILayout.d.ts.map

package/HostedUILayout/HostedUILayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostedUILayout.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,8BAA8B;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAGxD;yBAHe,cAAc;;;;;;;;;;;AAK9B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAG7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAIzD;AAED,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,qBAU3E;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAG/D"}

package/HostedUILayout/HostedUILayout.stories.d.ts

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

package/HostedUILayout/HostedUILayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostedUILayout.stories.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAUrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAoFlC,CAAC"}

package/HostedUILayout/HostedUILayout.test.d.ts

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

package/HostedUILayout/HostedUILayout.test.d.ts.map

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

package/HostedUILayout/HostedUILayoutActions.d.ts

@@ -0,0 +1,50 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions, PressHookProps } from "react-aria";
+import { ButtonProps } from "../Button";
+import { IconSymbol } from "../types";
+export type HostedUILayoutActionsProps = {
+    /** Actions children. */
+    children: ReactNode;
+};
+export type HostedUILayoutActionBadgeProps = {
+    /** Badge children. */
+    children?: ReactNode;
+};
+export type HostedUILayoutMenuActionProps = {
+    /** Optional custom accessibility label describing the menu action. */
+    accessibilityLabel?: string;
+    /** Icon symbol for the action. */
+    iconSymbol: IconSymbol;
+    /** Badge for the action. */
+    renderBadge?: () => ReactNode;
+    /** Render the menu overlay. */
+    children: ReactNode;
+};
+export type HostedUILayoutLinkActionProps = {
+    /** Optional custom accessibility label describing the menu action. */
+    accessibilityLabel?: string;
+    /** Action link icon symbol. */
+    iconSymbol: IconSymbol;
+    /** Whether or not action link is selected. */
+    isSelected?: boolean;
+    /** Badge for the action. */
+    renderBadge?: () => ReactNode;
+} & AriaLinkOptions;
+export type HostedUILayoutButtonActionProps = {
+    /** Optional custom accessibility label describing the menu action. */
+    accessibilityLabel?: string;
+    /** Action button icon symbol. */
+    iconSymbol: IconSymbol;
+    /** Whether or not action button is selected. */
+    isSelected?: boolean;
+    /** Badge for the action. */
+    renderBadge?: () => ReactNode;
+} & ButtonProps & React.RefAttributes<HTMLButtonElement>;
+export declare function HostedUILayoutActions(props: HostedUILayoutActionsProps): React.JSX.Element;
+export declare function HostedUILayoutMenuAction(props: HostedUILayoutMenuActionProps): React.JSX.Element;
+export declare function HostedUILayoutLinkAction(props: HostedUILayoutLinkActionProps): React.JSX.Element;
+export declare function HostedUILayoutButtonAction(props: HostedUILayoutButtonActionProps): React.JSX.Element;
+export declare function HostedUILayoutActionBadge(props: HostedUILayoutActionBadgeProps): React.JSX.Element;
+/** TODO: Figure out how to work with UnstyledButton instead */
+export declare const PressableButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & PressHookProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=HostedUILayoutActions.d.ts.map

package/HostedUILayout/HostedUILayoutActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostedUILayoutActions.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayoutActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,eAAe,EAEf,cAAc,EAKf,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,0BAA0B,GAAG;IACvC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;IAC9B,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;CAC/B,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,+BAA+B,GAAG;IAC5C,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;CAC/B,GAAG,WAAW,GACb,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEzC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAOtE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAoC5E;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA+B5E;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,qBAyBvC;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAItC;AAED,+DAA+D;AAC/D,eAAO,MAAM,eAAe,kMAY1B,CAAC"}

package/HostedUILayout/index.d.ts

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

package/HostedUILayout/index.d.ts.map

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

package/HostedUILayout/index.js

@@ -0,0 +1,195 @@
+"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));
+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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const EasyPostLogo = require("../__chunks__/EasyPostLogo-DQt5KlFX.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
+const Button = require("../__chunks__/Button-2GplvjoR.js");
+const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const Menu = require("../__chunks__/Menu-CivAepFq.js");
+const Text = require("../__chunks__/Text-B1xglKFU.js");
+const utilities_css = require("../utilities/css.js");
+const useFocusRing = require("../__chunks__/useFocusRing-ygRrwBu3.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const useHover = require("../__chunks__/useHover-BMIowV0x.js");
+const usePress = require("../__chunks__/usePress-Btah4Wrd.js");
+const useLink = require("../__chunks__/useLink-CcRvXaFq.js");
+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.createElement(HorizontalStack.HorizontalStack, {
+    wrap: false,
+    gap: "1",
+    align: "end"
+  }, children);
+}
+function HostedUILayoutMenuAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
+  const [isOpen, setIsOpen] = React.useState(false);
+  const handleOpenChange = React.useCallback((isOpen2) => {
+    setIsOpen(isOpen2);
+  }, []);
+  const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f({});
+  const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({});
+  const className = utilities_css.classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isOpen && styles$1.open);
+  return React.createElement(Menu.Menu, {
+    isOpen,
+    onOpenChange: handleOpenChange
+  }, React.createElement(Menu.Menu.Trigger, null, React.createElement(PressableButton, __spreadValues({
+    className
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()))), children);
+}
+function HostedUILayoutLinkAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
+  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 className = utilities_css.classNames(styles$1.button, 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 ? "true" : void 0
+  }), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React.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 = React.useRef(null);
+  const className = utilities_css.classNames(styles$1.button, isSelected && styles$1.selected);
+  return React.createElement(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadValues({
+    ref,
+    className,
+    "aria-current": isSelected ? "true" : void 0
+  }, buttonProps), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()));
+}
+function HostedUILayoutActionBadge(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles$1.badge
+  }, children);
+}
+const PressableButton = React.forwardRef((props, ref) => {
+  const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
+  return React.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+    ref,
+    className: utilities_css.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.createElement("div", {
+    className: styles.HostedUILayout
+  }, children);
+}
+function HostedUILayoutHeader(props) {
+  const { children } = props;
+  return React.createElement("header", {
+    className: styles.header
+  }, children);
+}
+function HostedUILayoutLogo(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles.logo
+  }, children);
+}
+function HostedUILayoutLogoContainer(props) {
+  const { children } = props;
+  return React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "1",
+    blockAlign: "center",
+    align: "start",
+    wrap: false
+  }, React.createElement(HostedUILayoutLogo, null, React.createElement(EasyPostLogo.EasyPostLogo, null)), children);
+}
+function HostedUILayoutContent(props) {
+  const { children } = props;
+  return React.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;
+exports.HostedUILayout = HostedUILayout;