@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/CustomerPortalLayout/CustomerPortalLayoutActions.d.ts

@@ -0,0 +1,50 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions, PressHookProps } from "react-aria";
+import { ButtonProps } from "../Button";
+import { IconSymbol } from "../types";
+export type CustomerPortalLayoutActionsProps = {
+    /** Actions children. */
+    children: ReactNode;
+};
+export type CustomerPortalLayoutActionBadgeProps = {
+    /** Badge children. */
+    children?: ReactNode;
+};
+export type CustomerPortalLayoutMenuActionProps = {
+    /** 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 CustomerPortalLayoutLinkActionProps = {
+    /** Optional custom accessibility label describing the menu action. */
+    accessibilityLabel?: string;
+    /** Action link icon symbol. */
+    iconSymbol: IconSymbol;
+    /** Whether or not action link is selected. */
+    isSelected?: boolean;
+    /** Badge for the action. */
+    renderBadge?: () => ReactNode;
+} & AriaLinkOptions;
+export type CustomerPortalLayoutButtonActionProps = {
+    /** Optional custom accessibility label describing the menu action. */
+    accessibilityLabel?: string;
+    /** Action button icon symbol. */
+    iconSymbol: IconSymbol;
+    /** Whether or not action button is selected. */
+    isSelected?: boolean;
+    /** Badge for the action. */
+    renderBadge?: () => ReactNode;
+} & ButtonProps & React.RefAttributes<HTMLButtonElement>;
+export declare function 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=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/CustomerPortalLayout/index.js

@@ -0,0 +1,290 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const EasyPostLogo = require("../__chunks__/EasyPostLogo-DQt5KlFX.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
+const Text = require("../__chunks__/Text-BXsuDbqc.js");
+const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const Button = require("../__chunks__/Button-BpAgRrMP.js");
+const Menu = require("../__chunks__/Menu-CxptqDZf.js");
+const utilities_css = require("../utilities/css.js");
+const useFocusRing = require("../__chunks__/useFocusRing-Do5WdNL_.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const useHover = require("../__chunks__/useHover-BK8LX0kX.js");
+const usePress = require("../__chunks__/usePress-BbU41fvX.js");
+const useLink = require("../__chunks__/useLink-rHGI96g9.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Experiment = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M179.69-140q-31.76 0-45.15-29.39-13.38-29.38 8.69-53.69l245.69-282.69v-268.84h-56.61q-9.65 0-16.17-6.59-6.52-6.58-6.52-16.3 0-9.73 6.52-16.11 6.52-6.39 16.17-6.39h295.38q9.65 0 16.17 6.58 6.52 6.58 6.52 16.31 0 9.73-6.52 16.11-6.52 6.39-16.17 6.39h-56.61v268.84l245.69 282.69q22.07 24.31 8.69 53.69Q812.07-140 780.31-140H179.69Zm72.7-78.08h455.22L554.15-396.54h-148.3L252.39-218.08Zm-81.62 32.69h618.46L525.69-489.15v-285.46h-91.38v285.46L170.77-185.39ZM480-480Z"
+  }));
+};
+const button = "_button_zvh9c_4";
+const focused = "_focused_zvh9c_26";
+const hovered = "_hovered_zvh9c_40";
+const selected = "_selected_zvh9c_45";
+const open = "_open_zvh9c_46";
+const badgeContainer = "_badgeContainer_zvh9c_51";
+const badge = "_badge_zvh9c_51";
+const styles$1 = {
+  button,
+  focused,
+  hovered,
+  selected,
+  open,
+  badgeContainer,
+  badge
+};
+function CustomerPortalLayoutActions(props) {
+  const { children } = props;
+  return React.createElement(HorizontalStack.HorizontalStack, {
+    wrap: false,
+    gap: "1",
+    align: "end"
+  }, children);
+}
+function CustomerPortalLayoutMenuAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
+  const [isOpen, setIsOpen] = React.useState(false);
+  const handleOpenChange = React.useCallback((isOpen2) => {
+    setIsOpen(isOpen2);
+  }, []);
+  const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f({});
+  const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({});
+  const className = utilities_css.classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isOpen && styles$1.open);
+  return React.createElement(Menu.Menu, {
+    isOpen,
+    onOpenChange: handleOpenChange
+  }, React.createElement(Menu.Menu.Trigger, null, React.createElement(PressableButton, __spreadValues({
+    className
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()))), children);
+}
+function CustomerPortalLayoutLinkAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
+  const ref = React.useRef(null);
+  const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
+  const className = utilities_css.classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
+  return React.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "true" : void 0
+  }), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()));
+}
+function 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);
+  return React.createElement(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadValues({
+    ref,
+    className,
+    "aria-current": isSelected ? "true" : void 0
+  }, buttonProps), React.createElement(Text.Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React.createElement(Icon.Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()));
+}
+function CustomerPortalLayoutActionBadge(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles$1.badge
+  }, children);
+}
+const PressableButton = React.forwardRef((props, ref) => {
+  const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
+  return React.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+    ref,
+    className: utilities_css.classNames(pressProps.className)
+  }));
+});
+PressableButton.displayName = "PressableButton";
+const 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 = {
+  CustomerPortalLayout: CustomerPortalLayout$1,
+  logo,
+  testModeBanner,
+  header,
+  logoAndActions,
+  content
+};
+const CustomerPortalLayoutContext = React.createContext(null);
+const useCustomerPortalLayout = () => {
+  const context = React.useContext(CustomerPortalLayoutContext);
+  if (!context) {
+    throw new Error("useCustomerPortalLayout must be used within a CustomerPortalLayout");
+  }
+  return context;
+};
+function CustomerPortalLayout(props) {
+  const { children, mode = "production", shouldDisplayEasyPostLogo = true } = props;
+  const context = React.useMemo(() => {
+    return {
+      mode,
+      shouldDisplayEasyPostLogo
+    };
+  }, [mode, shouldDisplayEasyPostLogo]);
+  return React.createElement(CustomerPortalLayoutContext.Provider, {
+    value: context
+  }, React.createElement("div", {
+    className: styles.CustomerPortalLayout
+  }, children));
+}
+function TestModeBanner() {
+  return React.createElement("div", {
+    className: styles.testModeBanner
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "1",
+    blockAlign: "center"
+  }, React.createElement(Icon.Icon, {
+    symbol: Experiment,
+    color: "primary.700",
+    size: "lg"
+  }), React.createElement(Text.Text, {
+    variant: "subtitle1",
+    color: "warning.900"
+  }, "This Environment is in Test Mode")));
+}
+function CustomerPortalLayoutHeader(props) {
+  const { children } = props;
+  const { mode } = useCustomerPortalLayout();
+  const isTestMode = mode === "test";
+  return React.createElement("header", {
+    className: styles.header
+  }, isTestMode && React.createElement(TestModeBanner, null), React.createElement("div", {
+    className: styles.logoAndActions
+  }, children));
+}
+function CustomerPortalLayoutLogo(props) {
+  const { children } = props;
+  return React.createElement("div", {
+    className: styles.logo
+  }, children);
+}
+function CustomerPortalLayoutLogoContainer(props) {
+  const { children } = props;
+  const { shouldDisplayEasyPostLogo } = useCustomerPortalLayout();
+  return React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "1",
+    blockAlign: "center",
+    align: "start",
+    wrap: false
+  }, shouldDisplayEasyPostLogo && React.createElement(CustomerPortalLayoutLogo, null, React.createElement(EasyPostLogo.EasyPostLogo, null)), children);
+}
+function CustomerPortalLayoutContent(props) {
+  const { children } = props;
+  return React.createElement("main", {
+    className: styles.content
+  }, children);
+}
+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/CustomerPortalLayout/index.mjs

@@ -0,0 +1,274 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React__default, { useState, useCallback, forwardRef, useRef, useContext, useMemo } from "react";
+import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-B3Um5vvS.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
+import { T as Text } from "../__chunks__/Text-BWjD7__Y.mjs";
+import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-B9eOc3oY.mjs";
+import { M as Menu } from "../__chunks__/Menu-DVei3CtR.mjs";
+import { classNames } from "../utilities/css.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-I6O2iIqT.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-Djd8mM67.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-tJX1Ngpm.mjs";
+import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-hFVDzAjm.mjs";
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Experiment = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M179.69-140q-31.76 0-45.15-29.39-13.38-29.38 8.69-53.69l245.69-282.69v-268.84h-56.61q-9.65 0-16.17-6.59-6.52-6.58-6.52-16.3 0-9.73 6.52-16.11 6.52-6.39 16.17-6.39h295.38q9.65 0 16.17 6.58 6.52 6.58 6.52 16.31 0 9.73-6.52 16.11-6.52 6.39-16.17 6.39h-56.61v268.84l245.69 282.69q22.07 24.31 8.69 53.69Q812.07-140 780.31-140H179.69Zm72.7-78.08h455.22L554.15-396.54h-148.3L252.39-218.08Zm-81.62 32.69h618.46L525.69-489.15v-285.46h-91.38v285.46L170.77-185.39ZM480-480Z"
+  }));
+};
+const button = "_button_zvh9c_4";
+const focused = "_focused_zvh9c_26";
+const hovered = "_hovered_zvh9c_40";
+const selected = "_selected_zvh9c_45";
+const open = "_open_zvh9c_46";
+const badgeContainer = "_badgeContainer_zvh9c_51";
+const badge = "_badge_zvh9c_51";
+const styles$1 = {
+  button,
+  focused,
+  hovered,
+  selected,
+  open,
+  badgeContainer,
+  badge
+};
+function CustomerPortalLayoutActions(props) {
+  const { children } = props;
+  return React__default.createElement(HorizontalStack, {
+    wrap: false,
+    gap: "1",
+    align: "end"
+  }, children);
+}
+function CustomerPortalLayoutMenuAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
+  const [isOpen, setIsOpen] = useState(false);
+  const handleOpenChange = useCallback((isOpen2) => {
+    setIsOpen(isOpen2);
+  }, []);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({});
+  const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isOpen && styles$1.open);
+  return React__default.createElement(Menu, {
+    isOpen,
+    onOpenChange: handleOpenChange
+  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(PressableButton, __spreadValues({
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()))), children);
+}
+function CustomerPortalLayoutLinkAction(props) {
+  const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
+  const ref = useRef(null);
+  const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
+  const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
+  return React__default.createElement("a", __spreadProps(__spreadValues({
+    ref,
+    className
+  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
+    "aria-current": isSelected ? "true" : void 0
+  }), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()));
+}
+function 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);
+  return React__default.createElement($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadValues({
+    ref,
+    className,
+    "aria-current": isSelected ? "true" : void 0
+  }, buttonProps), React__default.createElement(Text, {
+    visuallyHidden: true
+  }, accessibilityLabel), React__default.createElement(Icon, {
+    symbol: iconSymbol
+  }), renderBadge && React__default.createElement("div", {
+    className: styles$1.badgeContainer
+  }, renderBadge()));
+}
+function CustomerPortalLayoutActionBadge(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles$1.badge
+  }, children);
+}
+const PressableButton = forwardRef((props, ref) => {
+  const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
+  return React__default.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+    ref,
+    className: classNames(pressProps.className)
+  }));
+});
+PressableButton.displayName = "PressableButton";
+const 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 = {
+  CustomerPortalLayout: CustomerPortalLayout$1,
+  logo,
+  testModeBanner,
+  header,
+  logoAndActions,
+  content
+};
+const CustomerPortalLayoutContext = React__default.createContext(null);
+const useCustomerPortalLayout = () => {
+  const context = useContext(CustomerPortalLayoutContext);
+  if (!context) {
+    throw new Error("useCustomerPortalLayout must be used within a CustomerPortalLayout");
+  }
+  return context;
+};
+function CustomerPortalLayout(props) {
+  const { children, mode = "production", shouldDisplayEasyPostLogo = true } = props;
+  const context = useMemo(() => {
+    return {
+      mode,
+      shouldDisplayEasyPostLogo
+    };
+  }, [mode, shouldDisplayEasyPostLogo]);
+  return React__default.createElement(CustomerPortalLayoutContext.Provider, {
+    value: context
+  }, React__default.createElement("div", {
+    className: styles.CustomerPortalLayout
+  }, children));
+}
+function TestModeBanner() {
+  return React__default.createElement("div", {
+    className: styles.testModeBanner
+  }, React__default.createElement(HorizontalStack, {
+    gap: "1",
+    blockAlign: "center"
+  }, React__default.createElement(Icon, {
+    symbol: Experiment,
+    color: "primary.700",
+    size: "lg"
+  }), React__default.createElement(Text, {
+    variant: "subtitle1",
+    color: "warning.900"
+  }, "This Environment is in Test Mode")));
+}
+function CustomerPortalLayoutHeader(props) {
+  const { children } = props;
+  const { mode } = useCustomerPortalLayout();
+  const isTestMode = mode === "test";
+  return React__default.createElement("header", {
+    className: styles.header
+  }, isTestMode && React__default.createElement(TestModeBanner, null), React__default.createElement("div", {
+    className: styles.logoAndActions
+  }, children));
+}
+function CustomerPortalLayoutLogo(props) {
+  const { children } = props;
+  return React__default.createElement("div", {
+    className: styles.logo
+  }, children);
+}
+function CustomerPortalLayoutLogoContainer(props) {
+  const { children } = props;
+  const { shouldDisplayEasyPostLogo } = useCustomerPortalLayout();
+  return React__default.createElement(HorizontalStack, {
+    gap: "1",
+    blockAlign: "center",
+    align: "start",
+    wrap: false
+  }, shouldDisplayEasyPostLogo && React__default.createElement(CustomerPortalLayoutLogo, null, React__default.createElement(EasyPostLogo, null)), children);
+}
+function CustomerPortalLayoutContent(props) {
+  const { children } = props;
+  return React__default.createElement("main", {
+    className: styles.content
+  }, children);
+}
+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 {
+  CustomerPortalLayout,
+  useCustomerPortalLayout
+};

package/DataGrid/ActionsCellContent.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { RowAction } from "./types";
+type ActionsCellContentProps = {
+    rowActions: RowAction[];
+};
+export declare function ActionsCellContent({ rowActions }: ActionsCellContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ActionsCellContent.d.ts.map

package/DataGrid/ActionsCellContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsCellContent.d.ts","sourceRoot":"","sources":["../../src/DataGrid/ActionsCellContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,OAAO,EAGL,SAAS,EACV,MAAM,SAAS,CAAC;AAIjB,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,SAAS,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,EAAE,uBAAuB,qBAYzE"}

package/DataGrid/Cell.d.ts

@@ -0,0 +1,15 @@
+import { GridNode } from "@react-types/grid";
+import React, { ReactNode } from "react";
+import { TableState } from "react-stately";
+type StaticCellProps = {
+    children: ReactNode;
+    colSpan: number;
+};
+type CellProps<T = unknown> = {
+    cell: GridNode<T>;
+    state: TableState<T>;
+};
+export declare function Cell({ cell, state }: CellProps): React.JSX.Element;
+export declare function StaticCell({ children, colSpan }: StaticCellProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Cell.d.ts.map

package/DataGrid/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../src/DataGrid/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAU,SAAS,EAAE,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI;IAC5B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACtB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,qBAsD9C;AAcD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,qBAYhE"}

package/DataGrid/ColumnHeader.d.ts

@@ -0,0 +1,10 @@
+import { GridNode } from "@react-types/grid";
+import React from "react";
+import { TableState } from "react-stately";
+type ColumnHeaderProps<T = unknown> = {
+    column: GridNode<T>;
+    state: TableState<T>;
+};
+export declare function ColumnHeader({ column, state }: ColumnHeaderProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ColumnHeader.d.ts.map

package/DataGrid/ColumnHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeader.d.ts","sourceRoot":"","sources":["../../src/DataGrid/ColumnHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,KAAK,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI;IACpC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACtB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,iBAAiB,qBA8DhE"}