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

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @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

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

@@ -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;

package/{HostedUILayout → CustomerPortalLayout}/index.mjs

@@ -96,7 +96,7 @@ const styles$1 = {
   badgeContainer,
   badge
 };
-function HostedUILayoutActions(props) {
+function CustomerPortalLayoutActions(props) {
   const { children } = props;
   return React__default.createElement(HorizontalStack, {
     wrap: false,
@@ -104,7 +104,7 @@ function HostedUILayoutActions(props) {
     align: "end"
   }, children);
 }
-function HostedUILayoutMenuAction(props) {
+function CustomerPortalLayoutMenuAction(props) {
   const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
   const [isOpen, setIsOpen] = useState(false);
   const handleOpenChange = useCallback((isOpen2) => {
@@ -126,7 +126,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 = useRef(null);
   const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
@@ -146,7 +146,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 = useRef(null);
   const className = classNames(styles$1.button, isSelected && styles$1.selected);
@@ -162,7 +162,7 @@ function HostedUILayoutButtonAction(props) {
     className: styles$1.badgeContainer
   }, renderBadge()));
 }
-function HostedUILayoutActionBadge(props) {
+function CustomerPortalLayoutActionBadge(props) {
   const { children } = props;
   return React__default.createElement("div", {
     className: styles$1.badge
@@ -176,29 +176,29 @@ const PressableButton = 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__default.createContext(null);
-const useHostedUILayout = () => {
-  const context = useContext(HostedUILayoutContext);
+const CustomerPortalLayoutContext = React__default.createContext(null);
+const useCustomerPortalLayout = () => {
+  const context = 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 = useMemo(() => {
     return {
@@ -206,10 +206,10 @@ function HostedUILayout(props) {
       shouldDisplayEasyPostLogo
     };
   }, [mode, shouldDisplayEasyPostLogo]);
-  return React__default.createElement(HostedUILayoutContext.Provider, {
+  return React__default.createElement(CustomerPortalLayoutContext.Provider, {
     value: context
   }, React__default.createElement("div", {
-    className: styles.HostedUILayout
+    className: styles.CustomerPortalLayout
   }, children));
 }
 function TestModeBanner() {
@@ -227,9 +227,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__default.createElement("header", {
     className: styles.header
@@ -237,38 +237,38 @@ function HostedUILayoutHeader(props) {
     className: styles.logoAndActions
   }, children));
 }
-function HostedUILayoutLogo(props) {
+function CustomerPortalLayoutLogo(props) {
   const { children } = props;
   return React__default.createElement("div", {
     className: styles.logo
   }, children);
 }
-function HostedUILayoutLogoContainer(props) {
+function CustomerPortalLayoutLogoContainer(props) {
   const { children } = props;
-  const { shouldDisplayEasyPostLogo } = useHostedUILayout();
+  const { shouldDisplayEasyPostLogo } = useCustomerPortalLayout();
   return React__default.createElement(HorizontalStack, {
     gap: "1",
     blockAlign: "center",
     align: "start",
     wrap: false
-  }, shouldDisplayEasyPostLogo && React__default.createElement(HostedUILayoutLogo, null, React__default.createElement(EasyPostLogo, null)), children);
+  }, shouldDisplayEasyPostLogo && React__default.createElement(CustomerPortalLayoutLogo, null, React__default.createElement(EasyPostLogo, null)), children);
 }
-function HostedUILayoutContent(props) {
+function CustomerPortalLayoutContent(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;
+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;
 export {
-  HostedUILayout,
-  useHostedUILayout
+  CustomerPortalLayout,
+  useCustomerPortalLayout
 };

package/ForgeLayout/index.js

@@ -49,7 +49,7 @@ 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-CnIn7VBo.js");
-const RadioGroup = require("../__chunks__/RadioGroup-CPapXJZH.js");
+const RadioGroup = require("../__chunks__/RadioGroup-K565r4-w.js");
 const TextField = require("../__chunks__/TextField-BPZ6niGw.js");
 const utilities_react = require("../utilities/react.js");
 const button = "_button_1j18l_4";

package/ForgeLayout/index.mjs

@@ -47,7 +47,7 @@ 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-CfhKDftV.mjs";
-import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-R6mEgxdk.mjs";
+import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-DqooAc9M.mjs";
 import { T as TextField } from "../__chunks__/TextField-BVpSTQw-.mjs";
 import { flattenChildren } from "../utilities/react.mjs";
 const button = "_button_1j18l_4";

package/RadioGroup/RadioGroup.d.ts

@@ -2,11 +2,11 @@ import { AriaLabelingProps } from "@react-types/shared";
 import React, { ReactNode } from "react";
 import { useRadioGroupContext } from "./RadioGroupContext";
 import { RadioGroupItem, RadioGroupItemProps } from "./RadioGroupItem";
-export type RadioGroupProps = AriaLabelingProps & {
+export type RadioGroupProps<K extends string> = AriaLabelingProps & {
     /** Radio buttons to render inside the radio group. */
     children?: ReactNode;
     /** The default value (uncontrolled). */
-    defaultValue?: string;
+    defaultValue?: K;
     /** Whether the radio is disabled. */
     isDisabled?: boolean;
     /** Whether the radio group can be selected but not changed by the user. */
@@ -19,11 +19,11 @@ export type RadioGroupProps = AriaLabelingProps & {
      */
     name?: string;
     /** Handler that is called when the value changes. */
-    onChange?: (value: string) => void;
+    onChange?: (value: K) => void;
     /** The current value (controlled). */
-    value?: string;
+    value?: K;
 };
-declare function RadioGroupContainer(props: RadioGroupProps): React.JSX.Element;
+declare function RadioGroupContainer<K extends string>(props: RadioGroupProps<K>): React.JSX.Element;
 /**
  * A form element that lets users select a single choice from a list of at
  * least two options.
@@ -61,7 +61,7 @@ declare function RadioGroupContainer(props: RadioGroupProps): React.JSX.Element;
  * </RadioGroup>
  * ```
  */
-export declare function RadioGroup(props: RadioGroupProps): React.JSX.Element;
+export declare function RadioGroup<K extends string>(props: RadioGroupProps<K>): React.JSX.Element;
 export declare namespace RadioGroup {
     var Container: typeof RadioGroupContainer;
     var Item: typeof RadioGroupItem;

package/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAqB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvE,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,eAAe,qBAyBlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAOhD;yBAPe,UAAU;;;;AAmB1B,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAqB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvE,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,iBAAiB,GAAG;IAClE,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,CAAC;IAEjB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE9B,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,iBAAS,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBA8BvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBAOrE;yBAPe,UAAU;;;;AAmB1B,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/RadioGroup/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const RadioGroup = require("../__chunks__/RadioGroup-CPapXJZH.js");
+const RadioGroup = require("../__chunks__/RadioGroup-K565r4-w.js");
 exports.RadioGroup = RadioGroup.RadioGroup;
 exports.useRadioGroupContext = RadioGroup.useRadioGroupContext;

package/RadioGroup/index.mjs

@@ -1,4 +1,4 @@
-import { R, u } from "../__chunks__/RadioGroup-R6mEgxdk.mjs";
+import { R, u } from "../__chunks__/RadioGroup-DqooAc9M.mjs";
 export {
   R as RadioGroup,
   u as useRadioGroupContext

package/Select/Select.d.ts

@@ -4,23 +4,23 @@ import { AriaSelectProps } from "react-aria";
 import { BaseSelectFieldProps } from "./SelectField";
 import { SelectOption } from "./SelectOption";
 import { SelectSection } from "./SelectSection";
-export type BaseSelectProps<T> = {
+export type BaseSelectProps<T, K extends Key = Key> = {
     /** Method that is called when the open state of the select field changes. */
     onOpenChange?: (isOpen: boolean) => void;
     /** Sets the open state of the select field. */
     isOpen?: boolean;
     /** The currently selected key in the collection (controlled). */
-    selectedKey?: Key | null;
+    selectedKey?: K | null;
     /** The initial selected key in the collection (uncontrolled). */
-    defaultSelectedKey?: Key;
+    defaultSelectedKey?: K;
     /** Handler that is called when the selection changes. */
-    onSelectionChange?: (key: Key) => void;
+    onSelectionChange?: (key: K) => void;
     /** The contents of the collection. */
     children: CollectionChildren<T>;
     /** The option keys that are disabled. These options cannot be selected, focused, or otherwise interacted with. */
-    disabledKeys?: Iterable<Key>;
+    disabledKeys?: Iterable<K>;
 };
-export type SelectProps<T> = AriaSelectProps<T> & BaseSelectFieldProps & BaseSelectProps<T>;
+export type SelectProps<T, K extends Key> = Omit<AriaSelectProps<T>, keyof BaseSelectProps<T, K>> & BaseSelectFieldProps & BaseSelectProps<T, K>;
 /**
  * The `<Select />` component allows users to select a value from a set of options.
  *
@@ -81,7 +81,7 @@ export type SelectProps<T> = AriaSelectProps<T> & BaseSelectFieldProps & BaseSel
 * }
 ```
  */
-export declare function Select<T extends object>(props: SelectProps<T>): React.JSX.Element;
+export declare function Select<T extends object, K extends Key>(props: SelectProps<T, K>): React.JSX.Element;
 export declare namespace Select {
     var Section: typeof SelectSection;
     var Option: typeof SelectOption;

package/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAC;AAExD,OAAO,EAAe,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAChC,kHAAkH;IAClH,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,oBAAoB,GACpB,eAAe,CAAC,CAAC,CAAC,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,qBA4D7D;yBA5De,MAAM"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAC;AAExD,OAAO,EAAe,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,MAAM,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,GAAG,GAAG,IAAI;IACpD,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACvB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACvB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC,sCAAsC;IACtC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAChC,kHAAkH;IAClH,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,IAAI,IAAI,CAC9C,eAAe,CAAC,CAAC,CAAC,EAClB,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAC5B,GACC,oBAAoB,GACpB,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,GAAG,EACpD,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,qBAmEzB;yBApEe,MAAM"}

package/Select/index.js

@@ -86,9 +86,10 @@ function SelectField(props) {
 function Select(props) {
   const { isDisabled, validationState, isLabelEmphasized, size = "md", "aria-label": ariaLabel, label, errorText, helperText, placeholder, iconAtStart } = props;
   const triggerRef = React.useRef(null);
-  const selectState = SelectOverlay.$2bc3a590c5373a4e$export$5159ec8b34d4ec12(props);
+  const castProps = props;
+  const selectState = SelectOverlay.$2bc3a590c5373a4e$export$5159ec8b34d4ec12(castProps);
   InputIcon.logWarningForMissingAriaLabel(label, ariaLabel);
-  const { labelProps, valueProps, triggerProps, menuProps: listBoxPropsFromSelect, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = SelectOverlay.$58aed456727eb0f3$export$e64b2f635402ca43(props, selectState, triggerRef);
+  const { labelProps, valueProps, triggerProps, menuProps: listBoxPropsFromSelect, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = SelectOverlay.$58aed456727eb0f3$export$e64b2f635402ca43(castProps, selectState, triggerRef);
   const triggerWidth = useTriggerWidth.useTriggerWidth(triggerRef);
   const context = React.useMemo(() => {
     return {

package/Select/index.mjs

@@ -84,9 +84,10 @@ function SelectField(props) {
 function Select(props) {
   const { isDisabled, validationState, isLabelEmphasized, size = "md", "aria-label": ariaLabel, label, errorText, helperText, placeholder, iconAtStart } = props;
   const triggerRef = React__default.useRef(null);
-  const selectState = $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props);
+  const castProps = props;
+  const selectState = $2bc3a590c5373a4e$export$5159ec8b34d4ec12(castProps);
   logWarningForMissingAriaLabel(label, ariaLabel);
-  const { labelProps, valueProps, triggerProps, menuProps: listBoxPropsFromSelect, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = $58aed456727eb0f3$export$e64b2f635402ca43(props, selectState, triggerRef);
+  const { labelProps, valueProps, triggerProps, menuProps: listBoxPropsFromSelect, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = $58aed456727eb0f3$export$e64b2f635402ca43(castProps, selectState, triggerRef);
   const triggerWidth = useTriggerWidth(triggerRef);
   const context = useMemo(() => {
     return {

package/__chunks__/{RadioGroup-R6mEgxdk.mjs → RadioGroup-DqooAc9M.mjs}

@@ -308,8 +308,9 @@ const styles = {
 };
 function RadioGroupContainer(props) {
   const { children, label: label2 } = props;
-  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(props);
-  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
+  const castProps = props;
+  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(castProps);
+  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(castProps, state);
   return React__default.createElement("fieldset", __spreadValues({
     className: styles.RadioGroup
   }, radioGroupProps), label2 && React__default.createElement("div", null, React__default.createElement(Text, __spreadValues({

package/__chunks__/{RadioGroup-CPapXJZH.js → RadioGroup-K565r4-w.js}

@@ -309,8 +309,9 @@ const styles = {
 };
 function RadioGroupContainer(props) {
   const { children, label: label2 } = props;
-  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(props);
-  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
+  const castProps = props;
+  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(castProps);
+  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(castProps, state);
   return React.createElement("fieldset", __spreadValues({
     className: styles.RadioGroup
   }, radioGroupProps), label2 && React.createElement("div", null, React.createElement(Text.Text, __spreadValues({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easypost/easy-ui",
-  "version": "1.0.0-alpha.88",
+  "version": "1.0.0-alpha.89",
   "sideEffects": [
     "**/*.css"
   ],

package/style.css

@@ -4864,8 +4864,8 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._HostedUILayout_ikal9_4 {
-  --ezui-c-hostedui-layout-max-width: 1369px;
+._CustomerPortalLayout_h0niy_4 {
+  --ezui-c-customerportal-layout-max-width: 1369px;
   display: flex;
   flex-direction: column;
   min-height: 100svh;
@@ -4875,11 +4875,11 @@ textarea {
   background-position: -40px -90px, calc(100% + 24px) calc(100% + 24px);
 }
 
-._logo_ikal9_15 {
+._logo_h0niy_15 {
   display: inline-flex;
 }
 
-._testModeBanner_ikal9_19 {
+._testModeBanner_h0niy_19 {
   width: 100%;
   background: var(--ezui-color-warning-100);
   padding: var(--ezui-space-1) var(--ezui-space-2) var(--ezui-space-1) var(--ezui-space-1);
@@ -4887,7 +4887,7 @@ textarea {
   box-shadow: var(--ezui-shadow-level-1);
 }
 
-._header_ikal9_27 {
+._header_h0niy_27 {
   z-index: var(--ezui-z-index-nav);
   position: sticky;
   top: 0;
@@ -4897,7 +4897,7 @@ textarea {
   padding: 0 var(--ezui-space-3);
 }
 
-._logoAndActions_ikal9_37 {
+._logoAndActions_h0niy_37 {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -4905,9 +4905,9 @@ textarea {
   height: var(--ezui-space-7);
 }
 
-._content_ikal9_45 {
+._content_h0niy_45 {
   padding: var(--ezui-space-3);
-  max-width: var(--ezui-c-hostedui-layout-max-width);
+  max-width: var(--ezui-c-customerportal-layout-max-width);
   width: 100%;
   margin: 0 auto;
 }/**

package/HostedUILayout/HostedUILayout.d.ts

@@ -1,97 +0,0 @@
-import React, { ReactNode } from "react";
-import { HostedUILayoutActionBadge, HostedUILayoutActions, HostedUILayoutButtonAction, HostedUILayoutLinkAction, HostedUILayoutMenuAction } from "./HostedUILayoutActions";
-export type Mode = "test" | "production";
-export type HostedUILayoutProps = {
-    /**
-     * 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 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;
-};
-export type HostedUILayoutContextType = {
-    shouldDisplayEasyPostLogo?: boolean;
-    mode?: Mode;
-};
-export declare const useHostedUILayout: () => HostedUILayoutContextType;
-/**
- * `HostedUILayout` defines a header and main content area for a HostedUI product page.
- *
- * @remarks
- * `HostedUILayout` can be combined with `MultipageSection` to render a multipage navigational container.
- *
- * @example
- * ```tsx
- * <HostedUILayout mode="test">
- *   <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

@@ -1 +0,0 @@
-{"version":3,"file":"HostedUILayout.d.ts","sourceRoot":"","sources":["../../src/HostedUILayout/HostedUILayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM9D,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,YAAY,CAAC;AAEzC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;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,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,MAAM,MAAM,yBAAyB,GAAG;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAKF,eAAO,MAAM,iBAAiB,iCAM7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAexD;yBAfe,cAAc;;;;;;;;;;;AA8B9B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAU7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAIzD;AAED,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,qBAa3E;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAG/D"}

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

@@ -1 +0,0 @@
-{"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;AACF,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AACF,eAAO,MAAM,mBAAmB,EAAE,KA4BjC,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,KAoFlC,CAAC"}

package/HostedUILayout/HostedUILayout.test.d.ts

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

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

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

package/HostedUILayout/HostedUILayoutActions.d.ts.map

@@ -1 +0,0 @@
-{"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

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

package/HostedUILayout/index.d.ts.map

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