@easypost/easy-ui 1.0.0-alpha.87 → 1.0.0-alpha.89

package/Badge/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Text = require("../__chunks__/Text-B1xglKFU.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
 const utilities_css = require("../utilities/css.js");
 const root = "_root_kb4na_4";
 const block = "_block_kb4na_15";

package/Badge/index.mjs

@@ -1,6 +1,6 @@
 import React__default from "react";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 const root = "_root_kb4na_4";
 const block = "_block_kb4na_15";

package/Banner/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Text = require("../__chunks__/Text-B1xglKFU.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
 const utilities_css = require("../utilities/css.js");
 const colorSuccess = "_colorSuccess_1w4t9_4";
 const colorPrimary = "_colorPrimary_1w4t9_9";

package/Banner/index.mjs

@@ -1,5 +1,5 @@
 import React__default from "react";
-import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 const colorSuccess = "_colorSuccess_1w4t9_4";
 const colorPrimary = "_colorPrimary_1w4t9_9";

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.89
+
+### Minor Changes
+
+- 77cd6e9: breaking: rename HostedUILayout to CustomerPortalLayout
+
+### Patch Changes
+
+- 6ed79eb: Makes the `Select` and `RadioGroup` components accept generic keys
+
+## 1.0.0-alpha.88
+
+### Minor Changes
+
+- 3d49b6d: feat(Text): add text-wrap support via textWrap prop
+
 ## 1.0.0-alpha.87
 
 ### Patch Changes

package/Calendar/index.js

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

package/Calendar/index.mjs

@@ -1,4 +1,4 @@
-import { C } from "../__chunks__/Calendar-B8v6TkXp.mjs";
+import { C } from "../__chunks__/Calendar-gsUZ4Ouw.mjs";
 export {
   C as Calendar
 };

package/CheckableCard/index.js

@@ -33,9 +33,9 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Card = require("../__chunks__/Card-BM2DKiVA.js");
-const Checkbox = require("../__chunks__/Checkbox-DwkJKuPC.js");
+const Checkbox = require("../__chunks__/Checkbox-DRiYZLsh.js");
 const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
-const Text = require("../__chunks__/Text-B1xglKFU.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
 const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
 const textContainer = "_textContainer_e4oa4_4";
 const styles = {

package/CheckableCard/index.mjs

@@ -31,9 +31,9 @@ var __objRest = (source, exclude) => {
 };
 import React__default from "react";
 import { C as Card } from "../__chunks__/Card-CJug4GMX.mjs";
-import { C as Checkbox } from "../__chunks__/Checkbox-DJAFG_mm.mjs";
+import { C as Checkbox } from "../__chunks__/Checkbox-qpqqY9LH.mjs";
 import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
 import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
 const textContainer = "_textContainer_e4oa4_4";
 const styles = {

package/Checkbox/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Checkbox = require("../__chunks__/Checkbox-DwkJKuPC.js");
+const Checkbox = require("../__chunks__/Checkbox-DRiYZLsh.js");
 exports.Checkbox = Checkbox.Checkbox;
 exports.DEFAULT_SIZE = Checkbox.DEFAULT_SIZE;

package/Checkbox/index.mjs

@@ -1,4 +1,4 @@
-import { C, D } from "../__chunks__/Checkbox-DJAFG_mm.mjs";
+import { C, D } from "../__chunks__/Checkbox-qpqqY9LH.mjs";
 export {
   C as Checkbox,
   D as DEFAULT_SIZE

package/CodeBlock/index.js

@@ -22,13 +22,13 @@ const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
 const utilities_css = require("../utilities/css.js");
 const utilities_react = require("../utilities/react.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Text = require("../__chunks__/Text-B1xglKFU.js");
-const Tooltip = require("../__chunks__/Tooltip-BIfmWjfP.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
+const Tooltip = require("../__chunks__/Tooltip-CNKZl6De.js");
 const useHover = require("../__chunks__/useHover-BMIowV0x.js");
 const useFocus = require("../__chunks__/useFocus-Df2haWPe.js");
 const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
-const Menu = require("../__chunks__/Menu-CivAepFq.js");
+const Menu = require("../__chunks__/Menu-y5owPz-O.js");
 const UnstyledButton = require("../__chunks__/UnstyledButton-CnIn7VBo.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/CodeBlock/index.mjs

@@ -21,13 +21,13 @@ import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs
 import { classNames, variationName } from "../utilities/css.mjs";
 import { filterChildrenByDisplayName } from "../utilities/react.mjs";
 import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { T as Text } from "../__chunks__/Text-CX5GoBTS.mjs";
-import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/Tooltip-BcHfMDtC.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
+import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/Tooltip-DMBtRdkk.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-CwJuylzq.mjs";
 import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "../__chunks__/useFocus-DsnhrQiB.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
-import { M as Menu } from "../__chunks__/Menu-CfHK_0Sr.mjs";
+import { M as Menu } from "../__chunks__/Menu-O33j8u7r.mjs";
 import { U as UnstyledButton } from "../__chunks__/UnstyledButton-CfhKDftV.mjs";
 var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;

package/CustomerPortalLayout/CustomerPortalLayout.d.ts

@@ -0,0 +1,97 @@
+import React, { ReactNode } from "react";
+import { CustomerPortalLayoutActionBadge, CustomerPortalLayoutActions, CustomerPortalLayoutButtonAction, CustomerPortalLayoutLinkAction, CustomerPortalLayoutMenuAction } from "./CustomerPortalLayoutActions";
+export type Mode = "test" | "production";
+export type CustomerPortalLayoutProps = {
+    /**
+     * Displays a prominent message with an icon when in test mode.
+     *
+     * @default production
+     */
+    mode?: Mode;
+    /**
+     * Controls whether the EasyPost logo displays.
+     *
+     * @default true
+     */
+    shouldDisplayEasyPostLogo?: boolean;
+    /** Layout children. */
+    children: ReactNode;
+};
+export type CustomerPortalLayoutHeaderProps = {
+    /** Header children. */
+    children: ReactNode;
+};
+export type CustomerPortalLayoutLogoContainerProps = {
+    /** Logo container children */
+    children: ReactNode;
+};
+export type CustomerPortalLayoutLogoProps = {
+    /** Logo children. */
+    children: ReactNode;
+};
+export type CustomerPortalLayoutContentProps = {
+    /** Content children. */
+    children: ReactNode;
+};
+export type CustomerPortalLayoutContextType = {
+    shouldDisplayEasyPostLogo?: boolean;
+    mode?: Mode;
+};
+export declare const useCustomerPortalLayout: () => CustomerPortalLayoutContextType;
+/**
+ * `CustomerPortalLayout` defines a header and main content area for a CustomerPortal product page.
+ *
+ * @remarks
+ * `CustomerPortalLayout` can be combined with `MultipageSection` to render a multipage navigational container.
+ *
+ * @example
+ * ```tsx
+ * <CustomerPortalLayout mode="test">
+ *   <CustomerPortalLayout.Header>
+ *    <CustomerPortalLayout.LogoContainer>
+ *      <CustomerPortalLayout.Logo>
+ *        <SomeLogo />
+ *      </CustomerPortalLayout.Logo>
+ *    </CustomerPortalLayout.LogoContainer>
+ *    <CustomerPortalLayout.Actions>
+ *      <CustomerPortalLayout.MenuAction
+ *        accessibilityLabel="Menu Action"
+ *        iconSymbol={Icon}
+ *        renderBadge={() => <CustomerPortalLayout.ActionBadge />}
+ *      >
+ *        <Menu.Overlay onAction={() => {}}>
+ *          <Menu.Item>Action 1</Menu.Item>
+ *          <Menu.Item>Action 2</Menu.Item>
+ *        </Menu.Overlay>
+ *      </CustomerPortalLayout.MenuAction>
+ *      <CustomerPortalLayout.ButtonAction
+ *        accessibilityLabel="Button Action"
+ *        iconSymbol={Icon}
+ *        onPress={() => {}}
+ *      />
+ *    </CustomerPortalLayout.Actions>
+ *   </CustomerPortalLayout.Header>
+ *     <CustomerPortalLayout.Content>
+ *        CustomerPortal Content
+ *     </CustomerPortalLayout.Content>
+ *  </CustomerPortalLayout>
+ * ```
+ */
+export declare function CustomerPortalLayout(props: CustomerPortalLayoutProps): React.JSX.Element;
+export declare namespace CustomerPortalLayout {
+    var Header: typeof CustomerPortalLayoutHeader;
+    var Logo: typeof CustomerPortalLayoutLogo;
+    var LogoContainer: typeof CustomerPortalLayoutLogoContainer;
+    var Actions: typeof CustomerPortalLayoutActions;
+    var ActionBadge: typeof CustomerPortalLayoutActionBadge;
+    var MenuAction: typeof CustomerPortalLayoutMenuAction;
+    var LinkAction: typeof CustomerPortalLayoutLinkAction;
+    var ButtonAction: typeof CustomerPortalLayoutButtonAction;
+    var Content: typeof CustomerPortalLayoutContent;
+}
+declare function CustomerPortalLayoutHeader(props: CustomerPortalLayoutHeaderProps): React.JSX.Element;
+declare function CustomerPortalLayoutLogo(props: CustomerPortalLayoutLogoProps): React.JSX.Element;
+declare function CustomerPortalLayoutLogoContainer(props: CustomerPortalLayoutLogoContainerProps): React.JSX.Element;
+declare function CustomerPortalLayoutContent(props: CustomerPortalLayoutContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CustomerPortalLayout.d.ts.map

package/CustomerPortalLayout/CustomerPortalLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerPortalLayout.d.ts","sourceRoot":"","sources":["../../src/CustomerPortalLayout/CustomerPortalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM9D,OAAO,EACL,+BAA+B,EAC/B,2BAA2B,EAC3B,gCAAgC,EAChC,8BAA8B,EAC9B,8BAA8B,EAC/B,MAAM,+BAA+B,CAAC;AAIvC,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,YAAY,CAAC;AAEzC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sCAAsC,GAAG;IACnD,8BAA8B;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAKF,eAAO,MAAM,uBAAuB,uCAQnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAepE;yBAfe,oBAAoB;;;;;;;;;;;AA8BpC,iBAAS,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,qBAUzE;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAIrE;AAED,iBAAS,iCAAiC,CACxC,KAAK,EAAE,sCAAsC,qBAc9C;AAED,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,qBAG3E"}

package/{HostedUILayout/HostedUILayout.stories.d.ts → CustomerPortalLayout/CustomerPortalLayout.stories.d.ts}

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

package/CustomerPortalLayout/CustomerPortalLayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerPortalLayout.stories.d.ts","sourceRoot":"","sources":["../../src/CustomerPortalLayout/CustomerPortalLayout.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAU3C,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AACF,eAAO,MAAM,mBAAmB,EAAE,KA4BjC,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,KAoFlC,CAAC"}

package/CustomerPortalLayout/CustomerPortalLayout.test.d.ts

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

package/CustomerPortalLayout/CustomerPortalLayout.test.d.ts.map

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

package/{HostedUILayout/HostedUILayoutActions.d.ts → CustomerPortalLayout/CustomerPortalLayoutActions.d.ts}

@@ -2,15 +2,15 @@ import React, { ReactNode } from "react";
 import { AriaLinkOptions, PressHookProps } from "react-aria";
 import { ButtonProps } from "../Button";
 import { IconSymbol } from "../types";
-export type HostedUILayoutActionsProps = {
+export type CustomerPortalLayoutActionsProps = {
     /** Actions children. */
     children: ReactNode;
 };
-export type HostedUILayoutActionBadgeProps = {
+export type CustomerPortalLayoutActionBadgeProps = {
     /** Badge children. */
     children?: ReactNode;
 };
-export type HostedUILayoutMenuActionProps = {
+export type CustomerPortalLayoutMenuActionProps = {
     /** Optional custom accessibility label describing the menu action. */
     accessibilityLabel?: string;
     /** Icon symbol for the action. */
@@ -20,7 +20,7 @@ export type HostedUILayoutMenuActionProps = {
     /** Render the menu overlay. */
     children: ReactNode;
 };
-export type HostedUILayoutLinkActionProps = {
+export type CustomerPortalLayoutLinkActionProps = {
     /** Optional custom accessibility label describing the menu action. */
     accessibilityLabel?: string;
     /** Action link icon symbol. */
@@ -30,7 +30,7 @@ export type HostedUILayoutLinkActionProps = {
     /** Badge for the action. */
     renderBadge?: () => ReactNode;
 } & AriaLinkOptions;
-export type HostedUILayoutButtonActionProps = {
+export type CustomerPortalLayoutButtonActionProps = {
     /** Optional custom accessibility label describing the menu action. */
     accessibilityLabel?: string;
     /** Action button icon symbol. */
@@ -40,11 +40,11 @@ export type HostedUILayoutButtonActionProps = {
     /** 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;
+export declare function CustomerPortalLayoutActions(props: CustomerPortalLayoutActionsProps): React.JSX.Element;
+export declare function CustomerPortalLayoutMenuAction(props: CustomerPortalLayoutMenuActionProps): React.JSX.Element;
+export declare function CustomerPortalLayoutLinkAction(props: CustomerPortalLayoutLinkActionProps): React.JSX.Element;
+export declare function CustomerPortalLayoutButtonAction(props: CustomerPortalLayoutButtonActionProps): React.JSX.Element;
+export declare function CustomerPortalLayoutActionBadge(props: CustomerPortalLayoutActionBadgeProps): 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
+//# sourceMappingURL=CustomerPortalLayoutActions.d.ts.map

package/CustomerPortalLayout/CustomerPortalLayoutActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerPortalLayoutActions.d.ts","sourceRoot":"","sources":["../../src/CustomerPortalLayout/CustomerPortalLayoutActions.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,gCAAgC,GAAG;IAC7C,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oCAAoC,GAAG;IACjD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG;IAChD,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,mCAAmC,GAAG;IAChD,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,qCAAqC,GAAG;IAClD,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,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,qBAQxC;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,mCAAmC,qBAqC3C;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,mCAAmC,qBAgC3C;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,qCAAqC,qBAyB7C;AAED,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,oCAAoC,qBAI5C;AAED,+DAA+D;AAC/D,eAAO,MAAM,eAAe,kMAY1B,CAAC"}

package/CustomerPortalLayout/index.d.ts

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

package/CustomerPortalLayout/index.d.ts.map

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

package/{HostedUILayout → CustomerPortalLayout}/index.js

@@ -34,10 +34,10 @@ 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 Text = require("../__chunks__/Text-B1xglKFU.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
 const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
 const Button = require("../__chunks__/Button-2GplvjoR.js");
-const Menu = require("../__chunks__/Menu-CivAepFq.js");
+const Menu = require("../__chunks__/Menu-y5owPz-O.js");
 const utilities_css = require("../utilities/css.js");
 const useFocusRing = require("../__chunks__/useFocusRing-ygRrwBu3.js");
 const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
@@ -114,7 +114,7 @@ const styles$1 = {
   badgeContainer,
   badge
 };
-function HostedUILayoutActions(props) {
+function CustomerPortalLayoutActions(props) {
   const { children } = props;
   return React.createElement(HorizontalStack.HorizontalStack, {
     wrap: false,
@@ -122,7 +122,7 @@ function HostedUILayoutActions(props) {
     align: "end"
   }, children);
 }
-function HostedUILayoutMenuAction(props) {
+function CustomerPortalLayoutMenuAction(props) {
   const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
   const [isOpen, setIsOpen] = React.useState(false);
   const handleOpenChange = React.useCallback((isOpen2) => {
@@ -144,7 +144,7 @@ function HostedUILayoutMenuAction(props) {
     className: styles$1.badgeContainer
   }, renderBadge()))), children);
 }
-function HostedUILayoutLinkAction(props) {
+function CustomerPortalLayoutLinkAction(props) {
   const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
   const ref = React.useRef(null);
   const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
@@ -164,7 +164,7 @@ function HostedUILayoutLinkAction(props) {
     className: styles$1.badgeContainer
   }, renderBadge()));
 }
-function HostedUILayoutButtonAction(props) {
+function CustomerPortalLayoutButtonAction(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);
@@ -180,7 +180,7 @@ function HostedUILayoutButtonAction(props) {
     className: styles$1.badgeContainer
   }, renderBadge()));
 }
-function HostedUILayoutActionBadge(props) {
+function CustomerPortalLayoutActionBadge(props) {
   const { children } = props;
   return React.createElement("div", {
     className: styles$1.badge
@@ -194,29 +194,29 @@ const PressableButton = React.forwardRef((props, ref) => {
   }));
 });
 PressableButton.displayName = "PressableButton";
-const HostedUILayout$1 = "_HostedUILayout_ikal9_4";
-const logo = "_logo_ikal9_15";
-const testModeBanner = "_testModeBanner_ikal9_19";
-const header = "_header_ikal9_27";
-const logoAndActions = "_logoAndActions_ikal9_37";
-const content = "_content_ikal9_45";
+const CustomerPortalLayout$1 = "_CustomerPortalLayout_h0niy_4";
+const logo = "_logo_h0niy_15";
+const testModeBanner = "_testModeBanner_h0niy_19";
+const header = "_header_h0niy_27";
+const logoAndActions = "_logoAndActions_h0niy_37";
+const content = "_content_h0niy_45";
 const styles = {
-  HostedUILayout: HostedUILayout$1,
+  CustomerPortalLayout: CustomerPortalLayout$1,
   logo,
   testModeBanner,
   header,
   logoAndActions,
   content
 };
-const HostedUILayoutContext = React.createContext(null);
-const useHostedUILayout = () => {
-  const context = React.useContext(HostedUILayoutContext);
+const CustomerPortalLayoutContext = React.createContext(null);
+const useCustomerPortalLayout = () => {
+  const context = React.useContext(CustomerPortalLayoutContext);
   if (!context) {
-    throw new Error("useHostedUILayout must be used within a HostedUILayout");
+    throw new Error("useCustomerPortalLayout must be used within a CustomerPortalLayout");
   }
   return context;
 };
-function HostedUILayout(props) {
+function CustomerPortalLayout(props) {
   const { children, mode = "production", shouldDisplayEasyPostLogo = true } = props;
   const context = React.useMemo(() => {
     return {
@@ -224,10 +224,10 @@ function HostedUILayout(props) {
       shouldDisplayEasyPostLogo
     };
   }, [mode, shouldDisplayEasyPostLogo]);
-  return React.createElement(HostedUILayoutContext.Provider, {
+  return React.createElement(CustomerPortalLayoutContext.Provider, {
     value: context
   }, React.createElement("div", {
-    className: styles.HostedUILayout
+    className: styles.CustomerPortalLayout
   }, children));
 }
 function TestModeBanner() {
@@ -245,9 +245,9 @@ function TestModeBanner() {
     color: "warning.900"
   }, "This Environment is in Test Mode")));
 }
-function HostedUILayoutHeader(props) {
+function CustomerPortalLayoutHeader(props) {
   const { children } = props;
-  const { mode } = useHostedUILayout();
+  const { mode } = useCustomerPortalLayout();
   const isTestMode = mode === "test";
   return React.createElement("header", {
     className: styles.header
@@ -255,36 +255,36 @@ function HostedUILayoutHeader(props) {
     className: styles.logoAndActions
   }, children));
 }
-function HostedUILayoutLogo(props) {
+function CustomerPortalLayoutLogo(props) {
   const { children } = props;
   return React.createElement("div", {
     className: styles.logo
   }, children);
 }
-function HostedUILayoutLogoContainer(props) {
+function CustomerPortalLayoutLogoContainer(props) {
   const { children } = props;
-  const { shouldDisplayEasyPostLogo } = useHostedUILayout();
+  const { shouldDisplayEasyPostLogo } = useCustomerPortalLayout();
   return React.createElement(HorizontalStack.HorizontalStack, {
     gap: "1",
     blockAlign: "center",
     align: "start",
     wrap: false
-  }, shouldDisplayEasyPostLogo && React.createElement(HostedUILayoutLogo, null, React.createElement(EasyPostLogo.EasyPostLogo, null)), children);
+  }, shouldDisplayEasyPostLogo && React.createElement(CustomerPortalLayoutLogo, null, React.createElement(EasyPostLogo.EasyPostLogo, null)), children);
 }
-function HostedUILayoutContent(props) {
+function CustomerPortalLayoutContent(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;
-exports.useHostedUILayout = useHostedUILayout;
+CustomerPortalLayout.Header = CustomerPortalLayoutHeader;
+CustomerPortalLayout.Logo = CustomerPortalLayoutLogo;
+CustomerPortalLayout.LogoContainer = CustomerPortalLayoutLogoContainer;
+CustomerPortalLayout.Actions = CustomerPortalLayoutActions;
+CustomerPortalLayout.ActionBadge = CustomerPortalLayoutActionBadge;
+CustomerPortalLayout.MenuAction = CustomerPortalLayoutMenuAction;
+CustomerPortalLayout.LinkAction = CustomerPortalLayoutLinkAction;
+CustomerPortalLayout.ButtonAction = CustomerPortalLayoutButtonAction;
+CustomerPortalLayout.Content = CustomerPortalLayoutContent;
+exports.CustomerPortalLayout = CustomerPortalLayout;
+exports.useCustomerPortalLayout = useCustomerPortalLayout;