@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.71

package/MultiSelect/utilities.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare function useElementWidth(elementRef: RefObject<HTMLDivElement>): number;
+//# sourceMappingURL=utilities.d.ts.map

package/MultiSelect/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/utilities.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5C,wBAAgB,eAAe,CAAC,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,UAcpE"}

package/NexusLayout/NexusLayout.d.ts

@@ -0,0 +1,97 @@
+import React, { ReactNode } from "react";
+import { NexusLayoutActionBadge, NexusLayoutActions, NexusLayoutLinkAction, NexusLayoutMenuAction } from "./NexusLayoutActions";
+import { NexusLayoutMultipageContainer, NexusLayoutMultipageContent, NexusLayoutMultipageHeader, NexusLayoutMultipageSidebar, NexusLayoutMultipageTitle } from "./NexusLayoutMultipage";
+import { NexusLayoutMultipageSidebarNav, NexusLayoutMultipageSidebarNavLink, NexusLayoutMultipageSidebarNavSection } from "./NexusLayoutMultipageSidebarNav";
+import { NexusLayoutNav, NexusLayoutNavLink } from "./NexusLayoutNav";
+export type NexusLayoutProps = {
+    /** Layout children. */
+    children: ReactNode;
+    /**
+     * Background decoration for layout.
+     *
+     * @default 01
+     */
+    backgroundDecoration?: "01";
+};
+export type NexusLayoutHeaderProps = {
+    /** Header children. */
+    children: ReactNode;
+};
+export type NexusLayoutLogoProps = {
+    /**
+     * Custom logo for layout. Defaults to EasyPost logo.
+     */
+    children?: ReactNode;
+};
+export type NexusLayoutContentProps = {
+    /** Content children. */
+    children: ReactNode;
+};
+/**
+ * `NexusLayout` defines the header, main content, and multi-page content areas of a Nexus product page.
+ *
+ * @example
+ * ```tsx
+ * <NexusLayout>
+ *   <NexusLayout.Header>
+ *     <NexusLayout.Logo />
+ *     <NexusLayout.Nav selectedKey="/1">
+ *       <NexusLayout.NavLink key="/1" href="/1" iconSymbol={Icon}>
+ *         Order Fulfillment
+ *       </NexusLayout.NavLink>
+ *       <NexusLayout.NavLink key="/2" href="/2" iconSymbol={Icon}>
+ *         Post Delivery
+ *       </NexusLayout.NavLink>
+ *     </NexusLayout.Nav>
+ *     <NexusLayout.Actions>
+ *       <NexusLayout.MenuAction
+ *         accessibilityLabel="Label"
+ *         iconSymbol={Icon}
+ *         renderBadge={() => <Badge />}
+ *       >
+ *         <Menu.Overlay onAction={() => {}}>
+ *           <Menu.Item>Action 1</Menu.Item>
+ *           <Menu.Item>Action 2</Menu.Item>
+ *         </Menu.Overlay>
+ *       </NexusLayout.MenuAction>
+ *       <NexusLayout.MenuAction accessibilityLabel="Label" iconSymbol={Icon}>
+ *         <Menu.Overlay onAction={() => {}}>
+ *           <Menu.Item>Action 1</Menu.Item>
+ *           <Menu.Item>Action 2</Menu.Item>
+ *         </Menu.Overlay>
+ *       </NexusLayout.MenuAction>
+ *     </NexusLayout.Actions>
+ *   </NexusLayout.Header>
+ *   <NexusLayout.Content>
+ *     <div>Content</div>
+ *   </NexusLayout.Content>
+ * </NexusLayout>
+ * ```
+ */
+export declare function NexusLayout(props: NexusLayoutProps): React.JSX.Element;
+export declare namespace NexusLayout {
+    var Header: typeof NexusLayoutHeader;
+    var Logo: typeof NexusLayoutLogo;
+    var Nav: typeof NexusLayoutNav;
+    var NavLink: typeof NexusLayoutNavLink;
+    var Actions: typeof NexusLayoutActions;
+    var ActionBadge: typeof NexusLayoutActionBadge;
+    var MenuAction: typeof NexusLayoutMenuAction;
+    var LinkAction: typeof NexusLayoutLinkAction;
+    var Content: typeof NexusLayoutContent;
+    var MultipageContainer: typeof NexusLayoutMultipageContainer;
+    var MultipageSidebar: typeof NexusLayoutMultipageSidebar;
+    var MultipageContent: typeof NexusLayoutMultipageContent;
+    var MultipageHeader: typeof NexusLayoutMultipageHeader;
+    var MultipageTitle: typeof NexusLayoutMultipageTitle;
+    var MultipageSidebarNav: typeof NexusLayoutMultipageSidebarNav;
+    var MultipageSidebarNavSection: typeof NexusLayoutMultipageSidebarNavSection;
+    var MultipageSidebarNavLink: typeof NexusLayoutMultipageSidebarNavLink;
+    var useNexusLayoutNav: () => import("./NexusLayoutNav").NexusLayoutNavContextType;
+    var useNexusLayoutMultipageSidebarNav: () => import("./NexusLayoutMultipageSidebarNav").SidebarNavContextType;
+}
+declare function NexusLayoutHeader(props: NexusLayoutHeaderProps): React.JSX.Element;
+declare function NexusLayoutLogo(props: NexusLayoutLogoProps): React.JSX.Element;
+declare function NexusLayoutContent(props: NexusLayoutContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=NexusLayout.d.ts.map

package/NexusLayout/NexusLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NexusLayout.d.ts","sourceRoot":"","sources":["../../src/NexusLayout/NexusLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,EAC1B,2BAA2B,EAC3B,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,8BAA8B,EAC9B,kCAAkC,EAClC,qCAAqC,EAEtC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,cAAc,EACd,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAOlD;yBAPe,WAAW;;;;;;;;;;;;;;;;;;;;;AAS3B,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAGvD;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAGnD;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAGzD"}

package/NexusLayout/NexusLayout.stories.d.ts

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

package/NexusLayout/NexusLayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NexusLayout.stories.d.ts","sourceRoot":"","sources":["../../src/NexusLayout/NexusLayout.stories.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,EAAE,KAyD7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuG9B,CAAC"}

package/NexusLayout/NexusLayout.test.d.ts

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

package/NexusLayout/NexusLayout.test.d.ts.map

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

package/NexusLayout/NexusLayoutActions.d.ts

@@ -0,0 +1,38 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions, PressHookProps } from "react-aria";
+import { IconSymbol } from "../types";
+export type NexusLayoutActionsProps = {
+    /** Actions children. */
+    children: ReactNode;
+};
+export type NexusLayoutActionBadgeProps = {
+    /** Badge children. */
+    children?: ReactNode;
+};
+export type NexusLayoutMenuActionProps = {
+    /** 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 NexusLayoutLinkActionProps = {
+    /** 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 declare function NexusLayoutActions(props: NexusLayoutActionsProps): React.JSX.Element;
+export declare function NexusLayoutMenuAction(props: NexusLayoutMenuActionProps): React.JSX.Element;
+export declare function NexusLayoutLinkAction(props: NexusLayoutLinkActionProps): React.JSX.Element;
+export declare function NexusLayoutActionBadge(props: NexusLayoutActionBadgeProps): 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=NexusLayoutActions.d.ts.map

package/NexusLayout/NexusLayoutActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NexusLayoutActions.d.ts","sourceRoot":"","sources":["../../src/NexusLayout/NexusLayoutActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,eAAe,EAEf,cAAc,EAKf,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,kCAAkC;IAClC,UAAU,EAAE,UAAU,CAAC;IAEvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;IAE9B,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,+BAA+B;IAC/B,UAAU,EAAE,UAAU,CAAC;IAEvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;CAC/B,GAAG,eAAe,CAAC;AAEpB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAOhE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAoCtE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBA+BtE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAGxE;AAED,+DAA+D;AAC/D,eAAO,MAAM,eAAe,kMAY1B,CAAC"}

package/NexusLayout/NexusLayoutMultipage.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+export type NexusLayoutMultipageContainerProps = {
+    /** Multipage container children. */
+    children: ReactNode;
+};
+export type NexusLayoutMultipageSidebarProps = {
+    /** Multipage container sidebar children. */
+    children: ReactNode;
+};
+export type NexusLayoutMultipageContentProps = {
+    /** Multipage container content children. */
+    children: ReactNode;
+};
+export type NexusLayoutMultipageHeaderProps = {
+    /** Multipage container header children. */
+    children: ReactNode;
+};
+export type NexusLayoutMultipageTitleProps = {
+    /** Multipage container title text. */
+    children: ReactNode;
+};
+export declare function NexusLayoutMultipageContainer(props: NexusLayoutMultipageContainerProps): React.JSX.Element;
+export declare function NexusLayoutMultipageSidebar(props: NexusLayoutMultipageSidebarProps): React.JSX.Element;
+export declare function NexusLayoutMultipageContent(props: NexusLayoutMultipageContentProps): React.JSX.Element;
+export declare function NexusLayoutMultipageHeader(props: NexusLayoutMultipageHeaderProps): React.JSX.Element;
+export declare function NexusLayoutMultipageTitle(props: NexusLayoutMultipageTitleProps): React.JSX.Element;
+//# sourceMappingURL=NexusLayoutMultipage.d.ts.map

package/NexusLayout/NexusLayoutMultipage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NexusLayoutMultipage.d.ts","sourceRoot":"","sources":["../../src/NexusLayout/NexusLayoutMultipage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,MAAM,MAAM,kCAAkC,GAAG;IAC/C,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,qBAI1C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,qBAQxC;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,qBAQxC;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,qBAQvC;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAQtC"}

package/NexusLayout/NexusLayoutMultipageSidebarNav.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions } from "react-aria";
+import { IconSymbol } from "../types";
+export type NexusLayoutMultipageSidebarNavProps = {
+    /** Sidebar nav title. */
+    title: ReactNode;
+    /** Selected href of sidebar nav link. */
+    selectedHref?: AriaLinkOptions["href"];
+    /** Multipage container children. */
+    children: ReactNode;
+};
+export type NexusLayoutMultipageSidebarNavSectionProps = {
+    /** Sidebar nav section title. */
+    title: ReactNode;
+    /** Sidebar nav section children. */
+    children: ReactNode;
+};
+export type NexusLayoutMultipageSidebarNavLinkProps = {
+    /** Nav link icon symbol. */
+    iconSymbol: IconSymbol;
+    /** Nav link children. */
+    children: ReactNode;
+} & AriaLinkOptions;
+export type SidebarNavContextType = {
+    selectedHref?: NexusLayoutMultipageSidebarNavProps["selectedHref"];
+};
+export declare const useNexusLayoutMultipageSidebarNav: () => SidebarNavContextType;
+export declare function NexusLayoutMultipageSidebarNav(props: NexusLayoutMultipageSidebarNavProps): React.JSX.Element;
+export declare function NexusLayoutMultipageSidebarNavSection(props: NexusLayoutMultipageSidebarNavSectionProps): React.JSX.Element;
+export declare function NexusLayoutMultipageSidebarNavLink(props: NexusLayoutMultipageSidebarNavLinkProps): React.JSX.Element;
+//# sourceMappingURL=NexusLayoutMultipageSidebarNav.d.ts.map

package/NexusLayout/NexusLayoutMultipageSidebarNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NexusLayoutMultipageSidebarNav.d.ts","sourceRoot":"","sources":["../../src/NexusLayout/NexusLayoutMultipageSidebarNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAC;AAC7E,OAAO,EACL,eAAe,EAKhB,MAAM,YAAY,CAAC;AAIpB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,mCAAmC,GAAG;IAChD,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IAEjB,yCAAyC;IACzC,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAEvC,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0CAA0C,GAAG;IACvD,iCAAiC;IACjC,KAAK,EAAE,SAAS,CAAC;IAEjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uCAAuC,GAAG;IACpD,4BAA4B;IAC5B,UAAU,EAAE,UAAU,CAAC;IAEvB,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;CACpE,CAAC;AAMF,eAAO,MAAM,iCAAiC,6BAQ7C,CAAC;AAEF,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,mCAAmC,qBAiB3C;AAED,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,0CAA0C,qBASlD;AAED,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,uCAAuC,qBA6B/C"}

package/NexusLayout/NexusLayoutNav.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions } from "react-aria";
+import { IconSymbol } from "../types";
+export type NexusLayoutNavProps = {
+    /**
+     * Custom label for the primary navigation.
+     *
+     * @default Main
+     */
+    "aria-label"?: string;
+    /** Selected href of primary navigation link. */
+    selectedHref?: AriaLinkOptions["href"];
+    /** Primary navigation children. */
+    children: ReactNode;
+};
+export type NexusLayoutNavLinkProps = {
+    /** Nav link icon symbol. */
+    iconSymbol: IconSymbol;
+    /** Nav link children. */
+    children: ReactNode;
+} & AriaLinkOptions;
+export type NexusLayoutNavContextType = {
+    selectedHref?: NexusLayoutNavProps["selectedHref"];
+};
+export declare const useNexusLayoutNav: () => NexusLayoutNavContextType;
+export declare function NexusLayoutNav(props: NexusLayoutNavProps): React.JSX.Element;
+export declare function NexusLayoutNavLink(props: NexusLayoutNavLinkProps): React.JSX.Element;
+//# sourceMappingURL=NexusLayoutNav.d.ts.map

package/NexusLayout/NexusLayoutNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NexusLayoutNav.d.ts","sourceRoot":"","sources":["../../src/NexusLayout/NexusLayoutNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,eAAe,EAKhB,MAAM,YAAY,CAAC;AAIpB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAEvC,mCAAmC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,4BAA4B;IAC5B,UAAU,EAAE,UAAU,CAAC;IAEvB,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;CACpD,CAAC;AAKF,eAAO,MAAM,iBAAiB,iCAM7B,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAYxD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA2BhE"}

package/NexusLayout/index.d.ts

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

package/NexusLayout/index.d.ts.map

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

package/NexusLayout/index.js

@@ -0,0 +1,353 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-4-woUNq_.js");
+const Icon = require("../__chunks__/Icon-YEBBOjcK.js");
+const Menu = require("../__chunks__/Menu-BR1eZSkl.js");
+const Text = require("../__chunks__/Text-DKSomTmh.js");
+const useFocusRing = require("../__chunks__/useFocusRing-f5StfjhA.js");
+const useHover = require("../__chunks__/useHover-BIKwjrCT.js");
+const usePress = require("../__chunks__/usePress-DTGD4Sub.js");
+const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
+const useLink = require("../__chunks__/useLink-CQhl3ZGL.js");
+const VerticalStack = require("../__chunks__/VerticalStack-Dw2YBdjg.js");
+function EasyPostLogo() {
+  return React.createElement("svg", {
+    width: "139",
+    height: "32",
+    viewBox: "0 0 139 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M134.983 13.2778H138.606V10.4025H134.983C134.743 10.4025 134.62 10.2781 134.62 10.0655V7.21875H131.391V19.4561C131.391 22.6684 132.78 24.4443 136.403 24.4443H138.606V21.5665H136.884C134.983 21.5665 134.62 20.7109 134.62 18.9972V13.6433C134.622 13.3996 134.743 13.2778 134.983 13.2778ZM126.595 16.153L125.387 15.5412C124.059 14.8671 123.727 14.5922 123.727 13.9804C123.727 13.3089 124.239 12.8785 125.175 12.8785C125.991 12.8785 126.955 13.1844 128.073 13.8274L129.312 11.3203C127.802 10.3092 126.293 10.0344 125.024 10.0344C122.276 10.0344 120.527 11.7792 120.527 14.0737C120.527 16.0312 121.494 17.2549 123.998 18.4475L125.144 18.9972C126.352 19.5779 126.715 20.0083 126.715 20.5579C126.715 21.385 125.93 21.7817 124.691 21.7817C123.576 21.7817 122.489 21.4446 121.343 20.742L120.074 23.3736C121.644 24.3821 123.394 24.7191 124.842 24.7191C127.861 24.7191 129.974 23.2206 129.974 20.405C129.974 18.5383 129.01 17.3768 126.595 16.153ZM112.225 10.0344C107.94 10.0344 104.98 13.0315 104.98 17.3768C104.98 21.7194 107.94 24.7191 112.225 24.7191C116.513 24.7191 119.47 21.7194 119.47 17.3768C119.467 13.0315 116.51 10.0344 112.225 10.0344ZM112.225 21.7817C109.841 21.7817 108.27 20.0368 108.27 17.3768C108.27 14.7141 109.841 12.9718 112.225 12.9718C114.609 12.9718 116.18 14.7141 116.18 17.3768C116.178 20.0368 114.607 21.7817 112.225 21.7817ZM96.4075 10.0344C92.1813 10.0344 89.4056 12.7878 89.4056 17.5297V30.8378H92.6341V23.4643C92.6341 23.2802 92.7263 23.1895 92.8465 23.1895C92.936 23.1895 92.9974 23.2206 93.1177 23.3424C93.903 24.1073 95.2896 24.7191 96.7401 24.7191C100.815 24.7191 103.773 21.7194 103.773 17.3768C103.77 13.0315 100.813 10.0344 96.4075 10.0344ZM96.5252 21.7817C94.1409 21.7817 92.5702 20.0368 92.5702 17.3768C92.5702 14.7141 94.1409 12.9718 96.5252 12.9718C98.9095 12.9718 100.48 14.7141 100.48 17.3768C100.48 20.0368 98.9095 21.7817 96.5252 21.7817ZM71.9278 16.153L70.7203 15.5412C69.3901 14.8671 69.06 14.5922 69.06 13.9804C69.06 13.3089 69.5717 12.8785 70.508 12.8785C71.3241 12.8785 72.2885 13.1844 73.4065 13.8274L74.6447 11.3203C73.1353 10.3092 71.6259 10.0344 70.3571 10.0344C67.6095 10.0344 65.8597 11.7792 65.8597 14.0737C65.8597 16.0312 66.8241 17.2549 69.3312 18.4475L70.4773 18.9972C71.6848 19.5779 72.0481 20.0083 72.0481 20.5579C72.0481 21.385 71.2627 21.7817 70.0245 21.7817C68.9091 21.7817 67.8219 21.4446 66.6732 20.742L65.4069 23.3736C66.9751 24.3821 68.7275 24.7191 70.1754 24.7191C73.1941 24.7191 75.3072 23.2206 75.3072 20.405C75.3047 18.5383 74.3428 17.3768 71.9278 16.153ZM60.8174 10.4025V11.2892C60.8174 11.4733 60.7279 11.564 60.6076 11.564C60.5156 11.564 60.4567 11.5329 60.3365 11.4111C59.5511 10.6462 58.162 10.0344 56.714 10.0344C52.6388 10.0344 49.6789 13.0315 49.6789 17.3768C49.6789 21.7194 52.6388 24.7191 56.714 24.7191C58.162 24.7191 59.5511 24.1073 60.3365 23.3424C60.4567 23.2206 60.5156 23.1895 60.6076 23.1895C60.7279 23.1895 60.8174 23.2802 60.8174 23.4643V24.351H64.0485V10.4025H60.8174ZM56.9238 21.7817C54.5395 21.7817 52.9688 20.0368 52.9688 17.3768C52.9688 14.7141 54.5395 12.9718 56.9238 12.9718C59.3081 12.9718 60.8788 14.7141 60.8788 17.3768C60.8788 20.0368 59.3055 21.7817 56.9238 21.7817ZM37.8471 18.5383H48.3512C48.4126 18.2012 48.4714 17.8668 48.4714 17.286C48.4714 13.1248 45.7546 10.0344 41.5284 10.0344C37.4531 10.0344 34.2246 13.0315 34.2246 17.4079C34.2246 21.7194 37.1512 24.7191 41.4695 24.7191C44.0661 24.7191 46.2381 23.6484 47.837 21.3539L45.5448 19.4872C44.2452 21.232 42.9482 21.7817 41.5591 21.7817C38.9036 21.7817 37.6961 19.8864 37.5452 18.9375C37.4812 18.6316 37.5759 18.5383 37.8471 18.5383ZM37.6961 15.4789C38.1489 13.9493 39.689 12.8785 41.4081 12.8785C43.0991 12.8785 44.6085 13.9493 45.0613 15.4789C45.1508 15.7849 45.1201 16.0001 44.8489 16.0001H37.9059C37.6322 16.0001 37.6015 15.7849 37.6961 15.4789Z",
+    fill: "#061340"
+  }), React.createElement("path", {
+    d: "M89.4395 10.375L84.6259 23.1426C83.2326 26.875 81.9291 28.5432 77.3874 30.6947L76.0275 27.9648C78.5934 26.6282 79.8918 25.6745 80.6641 24.3019L75.209 10.375H78.6909L82.1421 19.747C82.2319 19.9578 82.3242 20.0195 82.4448 20.0195C82.5654 20.0195 82.686 19.9578 82.7476 19.747L86.0166 10.375H89.4395Z",
+    fill: "#061340"
+  }), React.createElement("path", {
+    d: "M14.4749 19.0473C14.2274 19.0473 14.0405 19.0165 13.8246 18.8957L7.23744 15.1659V18.4407L13.8246 22.173C14.0405 22.2938 14.2274 22.3247 14.4749 22.3247C14.6934 22.3247 14.9409 22.263 15.1278 22.173L28.9524 14.3459V17.6233L15.1278 25.417C14.9409 25.5378 14.725 25.5995 14.4749 25.5995C14.259 25.5995 14.0405 25.5378 13.8246 25.417L7.23744 21.7181V24.962L13.8246 28.6944C14.0405 28.8152 14.259 28.846 14.4749 28.846C14.725 28.846 14.9725 28.7843 15.1278 28.6944L28.9524 20.8981V22.9596C28.9524 23.6896 28.5496 24.3862 27.8966 24.7512L15.5306 31.7275C15.2226 31.9075 14.8487 32 14.4749 32C14.1037 32 13.7614 31.9075 13.4191 31.7275L1.05574 24.7512C0.402814 24.3862 0 23.6896 0 22.9596V9.03783C0 8.27954 0.402814 7.58294 1.05574 7.21793L13.4191 0.272471C13.7614 0.0925369 14.1037 0 14.4749 0C14.8487 0 15.2226 0.0925369 15.5306 0.272471L27.8966 7.21793C28.5496 7.58294 28.9524 8.27954 28.9524 9.03783V11.1019L15.1278 18.8957C14.9409 18.9882 14.6934 19.0473 14.4749 19.0473Z",
+    fill: "#164DFF"
+  }));
+}
+const button = "_button_t8ocs_5";
+const focused$2 = "_focused_t8ocs_26";
+const hovered$2 = "_hovered_t8ocs_38";
+const selected$2 = "_selected_t8ocs_42";
+const open = "_open_t8ocs_43";
+const badgeContainer = "_badgeContainer_t8ocs_48";
+const badge = "_badge_t8ocs_48";
+const styles$4 = {
+  button,
+  focused: focused$2,
+  hovered: hovered$2,
+  selected: selected$2,
+  open,
+  badgeContainer,
+  badge
+};
+function NexusLayoutActions(props) {
+  const { children } = props;
+  return React.createElement(HorizontalStack.HorizontalStack, {
+    wrap: false,
+    gap: "0.5",
+    align: "end"
+  }, children);
+}
+function NexusLayoutMenuAction(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$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isOpen && styles$4.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$4.badgeContainer
+  }, renderBadge()))), children);
+}
+function NexusLayoutLinkAction(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$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isSelected && styles$4.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$4.badgeContainer
+  }, renderBadge()));
+}
+function NexusLayoutActionBadge(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles$4.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 container = "_container_12lzo_5";
+const sidebar = "_sidebar_12lzo_12";
+const content$1 = "_content_12lzo_19";
+const styles$3 = {
+  container,
+  sidebar,
+  content: content$1
+};
+function NexusLayoutMultipageContainer(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles$3.container
+  }, children);
+}
+function NexusLayoutMultipageSidebar(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    role: "region",
+    className: styles$3.sidebar
+  }, children);
+}
+function NexusLayoutMultipageContent(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles$3.content
+  }, React.createElement(VerticalStack.VerticalStack, {
+    gap: "2"
+  }, children));
+}
+function NexusLayoutMultipageHeader(props) {
+  const { children } = props;
+  return React.createElement(HorizontalStack.HorizontalStack, {
+    as: "header",
+    blockAlign: "center",
+    align: "space-between"
+  }, children);
+}
+function NexusLayoutMultipageTitle(props) {
+  const { children } = props;
+  return React.createElement(Text.Text, {
+    as: "h3",
+    variant: "heading5"
+  }, children);
+}
+const link$1 = "_link_29427_5";
+const focused$1 = "_focused_29427_14";
+const hovered$1 = "_hovered_29427_26";
+const selected$1 = "_selected_29427_30";
+const styles$2 = {
+  link: link$1,
+  focused: focused$1,
+  hovered: hovered$1,
+  selected: selected$1
+};
+const SidebarNavContext = React.createContext(null);
+const useNexusLayoutMultipageSidebarNav = () => {
+  const context = React.useContext(SidebarNavContext);
+  if (!context) {
+    throw new Error("useNexusLayoutMultipageSidebarNav must be used within a NexusLayoutMultipageSidebarNav");
+  }
+  return context;
+};
+function NexusLayoutMultipageSidebarNav(props) {
+  const { selectedHref, title, children } = props;
+  const titleId = React.useId();
+  const context = React.useMemo(() => {
+    return {
+      selectedHref
+    };
+  }, [selectedHref]);
+  return React.createElement(SidebarNavContext.Provider, {
+    value: context
+  }, React.createElement(VerticalStack.VerticalStack, {
+    as: "nav",
+    gap: "2",
+    "aria-labelledby": titleId
+  }, React.createElement(Text.Text, {
+    as: "h2",
+    variant: "heading4",
+    id: titleId
+  }, title), children));
+}
+function NexusLayoutMultipageSidebarNavSection(props) {
+  const { title, children } = props;
+  return React.createElement(VerticalStack.VerticalStack, {
+    gap: "2",
+    inlineAlign: "start"
+  }, React.createElement(Text.Text, {
+    variant: "overline"
+  }, title), children);
+}
+function NexusLayoutMultipageSidebarNavLink(props) {
+  const { href, iconSymbol, children } = props;
+  const { selectedHref } = useNexusLayoutMultipageSidebarNav();
+  const ref = React.useRef(null);
+  const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
+  const isSelected = href === selectedHref;
+  const className = utilities_css.classNames(styles$2.link, isFocusVisible && styles$2.focused, isHovered && styles$2.hovered, isSelected && styles$2.selected);
+  return React.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "page" : void 0
+  }), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), React.createElement(Text.Text, {
+    variant: "body2",
+    weight: isSelected ? "semibold" : void 0
+  }, children));
+}
+const link = "_link_1ah4e_5";
+const focused = "_focused_1ah4e_24";
+const hovered = "_hovered_1ah4e_36";
+const selected = "_selected_1ah4e_40";
+const styles$1 = {
+  link,
+  focused,
+  hovered,
+  selected
+};
+const NexusLayoutNavContext = React.createContext(null);
+const useNexusLayoutNav = () => {
+  const context = React.useContext(NexusLayoutNavContext);
+  if (!context) {
+    throw new Error("useNexusLayoutNav must be used within a NexusLayoutNav");
+  }
+  return context;
+};
+function NexusLayoutNav(props) {
+  const { "aria-label": ariaLabel = "Main", selectedHref, children } = props;
+  const context = React.useMemo(() => {
+    return {
+      selectedHref
+    };
+  }, [selectedHref]);
+  return React.createElement(NexusLayoutNavContext.Provider, {
+    value: context
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    as: "nav",
+    "aria-label": ariaLabel
+  }, children));
+}
+function NexusLayoutNavLink(props) {
+  const { href, iconSymbol, children } = props;
+  const { selectedHref } = useNexusLayoutNav();
+  const ref = React.useRef(null);
+  const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
+  const isSelected = href === selectedHref;
+  const className = utilities_css.classNames(styles$1.link, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
+  return React.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "page" : void 0
+  }), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), React.createElement(Text.Text, {
+    variant: "subtitle2",
+    weight: "semibold"
+  }, children));
+}
+const NexusLayout$1 = "_NexusLayout_1w5nf_5";
+const backgroundDecoration01 = "_backgroundDecoration01_1w5nf_14";
+const header = "_header_1w5nf_20";
+const logo = "_logo_1w5nf_40";
+const content = "_content_1w5nf_44";
+const styles = {
+  NexusLayout: NexusLayout$1,
+  backgroundDecoration01,
+  header,
+  logo,
+  content
+};
+function NexusLayout(props) {
+  const { backgroundDecoration = "01", children } = props;
+  const className = utilities_css.classNames(styles.NexusLayout, styles[utilities_css.variationName("backgroundDecoration", backgroundDecoration)]);
+  return React.createElement("div", {
+    className
+  }, children);
+}
+function NexusLayoutHeader(props) {
+  const { children } = props;
+  return React.createElement("header", {
+    className: styles.header
+  }, children);
+}
+function NexusLayoutLogo(props) {
+  const { children = React.createElement(EasyPostLogo, null) } = props;
+  return React.createElement("div", {
+    className: styles.logo
+  }, children);
+}
+function NexusLayoutContent(props) {
+  const { children } = props;
+  return React.createElement("main", {
+    className: styles.content
+  }, children);
+}
+NexusLayout.Header = NexusLayoutHeader;
+NexusLayout.Logo = NexusLayoutLogo;
+NexusLayout.Nav = NexusLayoutNav;
+NexusLayout.NavLink = NexusLayoutNavLink;
+NexusLayout.Actions = NexusLayoutActions;
+NexusLayout.ActionBadge = NexusLayoutActionBadge;
+NexusLayout.MenuAction = NexusLayoutMenuAction;
+NexusLayout.LinkAction = NexusLayoutLinkAction;
+NexusLayout.Content = NexusLayoutContent;
+NexusLayout.MultipageContainer = NexusLayoutMultipageContainer;
+NexusLayout.MultipageSidebar = NexusLayoutMultipageSidebar;
+NexusLayout.MultipageContent = NexusLayoutMultipageContent;
+NexusLayout.MultipageHeader = NexusLayoutMultipageHeader;
+NexusLayout.MultipageTitle = NexusLayoutMultipageTitle;
+NexusLayout.MultipageSidebarNav = NexusLayoutMultipageSidebarNav;
+NexusLayout.MultipageSidebarNavSection = NexusLayoutMultipageSidebarNavSection;
+NexusLayout.MultipageSidebarNavLink = NexusLayoutMultipageSidebarNavLink;
+NexusLayout.useNexusLayoutNav = useNexusLayoutNav;
+NexusLayout.useNexusLayoutMultipageSidebarNav = useNexusLayoutMultipageSidebarNav;
+exports.NexusLayout = NexusLayout;