@easypost/easy-ui 1.0.0-alpha.113 → 1.0.0-alpha.115

package/CodeBlock/index.mjs

@@ -17,22 +17,22 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useCallback, useMemo } from "react";
-import { f as friendlySnippetLanguageNames, a as CodeBlockContext, u as useCodeBlock, C as CodeSnippet } from "../__chunks__/CodeSnippet-CWnMHdVu.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
+import { f as friendlySnippetLanguageNames, a as CodeBlockContext, u as useCodeBlock, C as CodeSnippet } from "../__chunks__/CodeSnippet-B3nsMpvq.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { filterChildrenByDisplayName } from "../utilities/react.mjs";
-import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
-import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/Tooltip-BKGkKnOx.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/Tooltip-BXRi0h4E.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-FWU5y5-k.mjs";
 import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "../__chunks__/useFocus-u61kyYs8.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
-import { M as Menu } from "../__chunks__/Menu-C2F4fvhd.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-BCg7eEyP.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
 var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
@@ -218,17 +218,17 @@ function CopyButton({ text }) {
     tooltipState.close();
   }, [clipboard, text, tooltipState]);
   const content = clipboard.copied ? "Copied!" : "Copy code block";
-  return jsxRuntimeExports.jsx(Tooltip, {
+  return jsx(Tooltip, {
     isOpen: tooltipState.isOpen || clipboard.copied,
     content,
-    children: jsxRuntimeExports.jsxs("button", __spreadProps(__spreadValues({
+    children: jsxs("button", __spreadProps(__spreadValues({
       className: styles$1.CopyButton,
       onClick: handlePress
     }, triggerProps), {
-      children: [jsxRuntimeExports.jsx(Text, {
+      children: [jsx(Text, {
         visuallyHidden: true,
         children: "Copy code"
-      }), jsxRuntimeExports.jsx(Icon, {
+      }), jsx(Icon, {
         symbol: ContentCopy
       })]
     }))
@@ -258,25 +258,25 @@ function LanguageMenu(props) {
     const language2 = key;
     onChange(language2);
   }, [onChange]);
-  return jsxRuntimeExports.jsxs(Menu, {
-    children: [jsxRuntimeExports.jsx(Menu.Trigger, {
-      children: jsxRuntimeExports.jsx(UnstyledButton, {
-        children: jsxRuntimeExports.jsxs(HorizontalStack, {
+  return jsxs(Menu, {
+    children: [jsx(Menu.Trigger, {
+      children: jsx(UnstyledButton, {
+        children: jsxs(HorizontalStack, {
           blockAlign: "center",
           gap: "1",
           wrap: false,
-          children: [jsxRuntimeExports.jsx(Text, {
+          children: [jsx(Text, {
             variant: "body1",
             children: friendlySnippetLanguageNames[language]
-          }), jsxRuntimeExports.jsx(Icon, {
+          }), jsx(Icon, {
             symbol: ExpandMore400
           })]
         })
       })
-    }), jsxRuntimeExports.jsx(Menu.Overlay, {
+    }), jsx(Menu.Overlay, {
       maxItemsUntilScroll: Infinity,
       onAction: handleMenuAction,
-      children: languages.map((language2) => jsxRuntimeExports.jsx(Menu.Item, {
+      children: languages.map((language2) => jsx(Menu.Item, {
         children: friendlySnippetLanguageNames[language2]
       }, language2))
     })]
@@ -300,26 +300,26 @@ function CodeBlockHeader(props) {
   const { children, color = "neutral", hideCopy = false } = props;
   const { snippet, languages, language, onLanguageChange } = useCodeBlock();
   const className = classNames(styles.header, styles[variationName("color", color)]);
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className,
-    children: jsxRuntimeExports.jsxs(HorizontalStack, {
+    children: jsxs(HorizontalStack, {
       align: "space-between",
       gap: "2",
       wrap: false,
       blockAlign: "start",
-      children: [jsxRuntimeExports.jsx("span", {
+      children: [jsx("span", {
         className: styles.headerTitle,
         children
-      }), jsxRuntimeExports.jsxs(HorizontalStack, {
+      }), jsxs(HorizontalStack, {
         gap: "2",
         wrap: false,
-        children: [languages.length > 1 && jsxRuntimeExports.jsx(LanguageMenu, {
+        children: [languages.length > 1 && jsx(LanguageMenu, {
           languages,
           language,
           onChange: onLanguageChange
-        }), languages.length > 1 && !hideCopy && jsxRuntimeExports.jsx("span", {
+        }), languages.length > 1 && !hideCopy && jsx("span", {
           className: styles.divider
-        }), !hideCopy && jsxRuntimeExports.jsx(CopyButton, {
+        }), !hideCopy && jsx(CopyButton, {
           text: snippet.props.code
         })]
       })]
@@ -328,7 +328,7 @@ function CodeBlockHeader(props) {
 }
 CodeBlockHeader.displayName = "CodeBlock.Header";
 function CodeBlockSnippet(props) {
-  return jsxRuntimeExports.jsx(CodeSnippet, __spreadValues({}, props));
+  return jsx(CodeSnippet, __spreadValues({}, props));
 }
 CodeBlockSnippet.displayName = "CodeBlock.Snippet";
 function CodeBlock(props) {
@@ -361,9 +361,9 @@ function CodeBlock(props) {
       onLanguageChange
     };
   }, [languages, snippet, language, onLanguageChange]);
-  return jsxRuntimeExports.jsx(CodeBlockContext.Provider, {
+  return jsx(CodeBlockContext.Provider, {
     value: context,
-    children: jsxRuntimeExports.jsxs("div", {
+    children: jsxs("div", {
       className: styles.CodeBlock,
       children: [header2, snippet]
     })

package/CodeSnippet/index.js

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

package/CodeSnippet/index.mjs

@@ -1,4 +1,4 @@
-import { C } from "../__chunks__/CodeSnippet-CWnMHdVu.mjs";
+import { C } from "../__chunks__/CodeSnippet-B3nsMpvq.mjs";
 export {
   C as CodeSnippet
 };

package/ColorPicker/index.js

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils = require("../__chunks__/utils-CRWC8dEm.js");
 const BaseCollection = require("../__chunks__/BaseCollection-BFCqPRBy.js");
@@ -65,7 +65,7 @@ const useSpinButton = require("../__chunks__/useSpinButton-BtlaFD9D.js");
 const useEvent = require("../__chunks__/useEvent-D3eKExds.js");
 const useTextField = require("../__chunks__/useTextField-BlTYl2ML.js");
 const useNumberFormatter = require("../__chunks__/useNumberFormatter-BCYp6Is8.js");
-const InputCaption = require("../__chunks__/InputCaption-Dkyn1sg6.js");
+const InputCaption = require("../__chunks__/InputCaption-CccF4ynE.js");
 var $2d805fd52bb48883$exports = {};
 $2d805fd52bb48883$exports = {
   "alpha": `ألفا`,
@@ -5215,7 +5215,7 @@ const styles$4 = {
   ColorThumb: ColorThumb$1
 };
 function ColorThumb2(props) {
-  return jsxRuntime.jsxRuntimeExports.jsx($e2b71ec1d6016406$export$a3cc47cee1c1ccc, __spreadProps(__spreadValues({}, props), {
+  return jsxRuntime.jsx($e2b71ec1d6016406$export$a3cc47cee1c1ccc, __spreadProps(__spreadValues({}, props), {
     className: utilities_css.classNames(styles$4.ColorThumb, props.className)
   }));
 }
@@ -5224,9 +5224,9 @@ const styles$3 = {
   ColorArea: ColorArea$1
 };
 function ColorArea2(props) {
-  return jsxRuntime.jsxRuntimeExports.jsx($0de070065d44825d$export$b2103f68a961418e, __spreadProps(__spreadValues({}, props), {
+  return jsxRuntime.jsx($0de070065d44825d$export$b2103f68a961418e, __spreadProps(__spreadValues({}, props), {
     className: styles$3.ColorArea,
-    children: jsxRuntime.jsxRuntimeExports.jsx(ColorThumb2, {})
+    children: jsxRuntime.jsx(ColorThumb2, {})
   }));
 }
 const ColorSlider$1 = "_ColorSlider_2ybsk_4";
@@ -5238,9 +5238,9 @@ const styles$2 = {
   thumb
 };
 function ColorSlider2(props) {
-  return jsxRuntime.jsxRuntimeExports.jsx($1cca5300a3c2e7f9$export$44fd664bcca5b6fb, __spreadProps(__spreadValues({}, props), {
+  return jsxRuntime.jsx($1cca5300a3c2e7f9$export$44fd664bcca5b6fb, __spreadProps(__spreadValues({}, props), {
     className: styles$2.ColorSlider,
-    children: jsxRuntime.jsxRuntimeExports.jsx($6f909507e6374d18$export$105594979f116971, {
+    children: jsxRuntime.jsx($6f909507e6374d18$export$105594979f116971, {
       className: styles$2.track,
       style: ({ defaultStyle }) => ({
         background: `
@@ -5249,7 +5249,7 @@ function ColorSlider2(props) {
           `
       }),
       "aria-label": "Hue slider",
-      children: jsxRuntime.jsxRuntimeExports.jsx(ColorThumb2, {
+      children: jsxRuntime.jsx(ColorThumb2, {
         className: styles$2.thumb
       })
     })
@@ -5260,18 +5260,18 @@ const styles$1 = {
   popover
 };
 function ColorPicker(props) {
-  return jsxRuntime.jsxRuntimeExports.jsx($2637d3f5efb23186$export$9feb1bc2e5f1ccb3, __spreadValues({}, props));
+  return jsxRuntime.jsx($2637d3f5efb23186$export$9feb1bc2e5f1ccb3, __spreadValues({}, props));
 }
 function ColorPickerTrigger({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Dialog.$de32f1b87079253c$export$2e1e1122cf0cba88, {
-    children: [children, jsxRuntime.jsxRuntimeExports.jsxs(Dialog.$07b14b47974efb58$export$5b6b19405a83ff9d, {
+  return jsxRuntime.jsxs(Dialog.$de32f1b87079253c$export$2e1e1122cf0cba88, {
+    children: [children, jsxRuntime.jsxs(Dialog.$07b14b47974efb58$export$5b6b19405a83ff9d, {
       placement: "bottom start",
       className: styles$1.popover,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(ColorArea2, {
+      children: [jsxRuntime.jsx(ColorArea2, {
         colorSpace: "hsb",
         xChannel: "saturation",
         yChannel: "brightness"
-      }), jsxRuntime.jsxRuntimeExports.jsx(ColorSlider2, {
+      }), jsxRuntime.jsx(ColorSlider2, {
         colorSpace: "hsb",
         channel: "hue"
       })]
@@ -5309,8 +5309,8 @@ const styles = {
 function ColorPickerInputField(props) {
   const _a = props, { size = "md", validationState, errorText, helperText, label, isLabelEmphasized, isDisabled, isReadOnly, isRequired, placeholder, autoFocus, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = _a, colorPickerProps = __objRest(_a, ["size", "validationState", "errorText", "helperText", "label", "isLabelEmphasized", "isDisabled", "isReadOnly", "isRequired", "placeholder", "autoFocus", "aria-label", "aria-labelledby"]);
   const className = utilities_css.classNames(styles.ColorPickerInput, validationState === "invalid" && styles.error, styles[utilities_css.variationName("size", size)]);
-  return jsxRuntime.jsxRuntimeExports.jsx(ColorPicker, __spreadProps(__spreadValues({}, colorPickerProps), {
-    children: jsxRuntime.jsxRuntimeExports.jsxs($3ada01a82feafb94$export$b865d4358897bb17, {
+  return jsxRuntime.jsx(ColorPicker, __spreadProps(__spreadValues({}, colorPickerProps), {
+    children: jsxRuntime.jsxs($3ada01a82feafb94$export$b865d4358897bb17, {
       className,
       isDisabled,
       isReadOnly,
@@ -5319,26 +5319,26 @@ function ColorPickerInputField(props) {
       autoFocus,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
-      children: [label && jsxRuntime.jsxRuntimeExports.jsx(InputCaption.Label, {
+      children: [label && jsxRuntime.jsx(InputCaption.Label, {
         isLabelEmphasized,
         fieldSize: size,
         hasError: validationState === "invalid",
         children: label
-      }), jsxRuntime.jsxRuntimeExports.jsxs("div", {
+      }), jsxRuntime.jsxs("div", {
         className: styles.inputContainer,
-        children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+        children: [jsxRuntime.jsx("div", {
           className: styles.swatchContainer,
-          children: isDisabled || isReadOnly ? jsxRuntime.jsxRuntimeExports.jsx(InputColorSwatch, {}) : jsxRuntime.jsxRuntimeExports.jsx(ColorPicker.Trigger, {
-            children: jsxRuntime.jsxRuntimeExports.jsx(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+          children: isDisabled || isReadOnly ? jsxRuntime.jsx(InputColorSwatch, {}) : jsxRuntime.jsx(ColorPicker.Trigger, {
+            children: jsxRuntime.jsx(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
               className: styles.swatchButton,
-              children: jsxRuntime.jsxRuntimeExports.jsx(InputColorSwatch, {})
+              children: jsxRuntime.jsx(InputColorSwatch, {})
             })
           })
-        }), jsxRuntime.jsxRuntimeExports.jsx(Input.$3985021b0ad6602f$export$f5b8910cec6cf069, {
+        }), jsxRuntime.jsx(Input.$3985021b0ad6602f$export$f5b8910cec6cf069, {
           className: styles.input,
           placeholder
         })]
-      }), (helperText || errorText) && jsxRuntime.jsxRuntimeExports.jsx(InputCaption.InputCaption, {
+      }), (helperText || errorText) && jsxRuntime.jsx(InputCaption.InputCaption, {
         variant: errorText && validationState === "invalid" ? "error" : "helper",
         children: errorText || helperText
       })]
@@ -5346,7 +5346,7 @@ function ColorPickerInputField(props) {
   }));
 }
 function InputColorSwatch() {
-  return jsxRuntime.jsxRuntimeExports.jsx($251c695a52d94a8d$export$cae13e90592f246a, {
+  return jsxRuntime.jsx($251c695a52d94a8d$export$cae13e90592f246a, {
     className: styles.swatch,
     style: ({ color }) => ({
       background: `

package/ColorPicker/index.mjs

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useRef, useCallback, useEffect, createContext, forwardRef, useContext } from "react";
 import { a as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$2881499e37b75b9a, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, d as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../__chunks__/utils-C1be5hOp.mjs";
 import { f as $4e85f108e88277b8$export$ebe63fadcdce34ed, g as $4e85f108e88277b8$export$44644b8a16031b5b, h as $4e85f108e88277b8$export$717b2c0a523a0b53, i as $4e85f108e88277b8$export$265015d6dc85bf21 } from "../__chunks__/BaseCollection-BVO0lZBs.mjs";
@@ -63,7 +63,7 @@ import { a as $6c7bd7858deea686$export$cd11ab140839f11d, $ as $d2e8511e6f209edf$
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../__chunks__/useEvent-CnahkmoD.mjs";
 import { $ as $2d73ec29415bd339$export$712718f7aec83d5 } from "../__chunks__/useTextField-0Mbs_DmY.mjs";
 import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "../__chunks__/useNumberFormatter-dSwO_MBg.mjs";
-import { L as Label, I as InputCaption } from "../__chunks__/InputCaption-B8bZH6sX.mjs";
+import { L as Label, I as InputCaption } from "../__chunks__/InputCaption-DoyGkWQe.mjs";
 var $2d805fd52bb48883$exports = {};
 $2d805fd52bb48883$exports = {
   "alpha": `ألفا`,
@@ -5213,7 +5213,7 @@ const styles$4 = {
   ColorThumb: ColorThumb$1
 };
 function ColorThumb2(props) {
-  return jsxRuntimeExports.jsx($e2b71ec1d6016406$export$a3cc47cee1c1ccc, __spreadProps(__spreadValues({}, props), {
+  return jsx($e2b71ec1d6016406$export$a3cc47cee1c1ccc, __spreadProps(__spreadValues({}, props), {
     className: classNames(styles$4.ColorThumb, props.className)
   }));
 }
@@ -5222,9 +5222,9 @@ const styles$3 = {
   ColorArea: ColorArea$1
 };
 function ColorArea2(props) {
-  return jsxRuntimeExports.jsx($0de070065d44825d$export$b2103f68a961418e, __spreadProps(__spreadValues({}, props), {
+  return jsx($0de070065d44825d$export$b2103f68a961418e, __spreadProps(__spreadValues({}, props), {
     className: styles$3.ColorArea,
-    children: jsxRuntimeExports.jsx(ColorThumb2, {})
+    children: jsx(ColorThumb2, {})
   }));
 }
 const ColorSlider$1 = "_ColorSlider_2ybsk_4";
@@ -5236,9 +5236,9 @@ const styles$2 = {
   thumb
 };
 function ColorSlider2(props) {
-  return jsxRuntimeExports.jsx($1cca5300a3c2e7f9$export$44fd664bcca5b6fb, __spreadProps(__spreadValues({}, props), {
+  return jsx($1cca5300a3c2e7f9$export$44fd664bcca5b6fb, __spreadProps(__spreadValues({}, props), {
     className: styles$2.ColorSlider,
-    children: jsxRuntimeExports.jsx($6f909507e6374d18$export$105594979f116971, {
+    children: jsx($6f909507e6374d18$export$105594979f116971, {
       className: styles$2.track,
       style: ({ defaultStyle }) => ({
         background: `
@@ -5247,7 +5247,7 @@ function ColorSlider2(props) {
           `
       }),
       "aria-label": "Hue slider",
-      children: jsxRuntimeExports.jsx(ColorThumb2, {
+      children: jsx(ColorThumb2, {
         className: styles$2.thumb
       })
     })
@@ -5258,18 +5258,18 @@ const styles$1 = {
   popover
 };
 function ColorPicker(props) {
-  return jsxRuntimeExports.jsx($2637d3f5efb23186$export$9feb1bc2e5f1ccb3, __spreadValues({}, props));
+  return jsx($2637d3f5efb23186$export$9feb1bc2e5f1ccb3, __spreadValues({}, props));
 }
 function ColorPickerTrigger({ children }) {
-  return jsxRuntimeExports.jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, {
-    children: [children, jsxRuntimeExports.jsxs($07b14b47974efb58$export$5b6b19405a83ff9d, {
+  return jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, {
+    children: [children, jsxs($07b14b47974efb58$export$5b6b19405a83ff9d, {
       placement: "bottom start",
       className: styles$1.popover,
-      children: [jsxRuntimeExports.jsx(ColorArea2, {
+      children: [jsx(ColorArea2, {
         colorSpace: "hsb",
         xChannel: "saturation",
         yChannel: "brightness"
-      }), jsxRuntimeExports.jsx(ColorSlider2, {
+      }), jsx(ColorSlider2, {
         colorSpace: "hsb",
         channel: "hue"
       })]
@@ -5307,8 +5307,8 @@ const styles = {
 function ColorPickerInputField(props) {
   const _a = props, { size = "md", validationState, errorText, helperText, label, isLabelEmphasized, isDisabled, isReadOnly, isRequired, placeholder, autoFocus, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = _a, colorPickerProps = __objRest(_a, ["size", "validationState", "errorText", "helperText", "label", "isLabelEmphasized", "isDisabled", "isReadOnly", "isRequired", "placeholder", "autoFocus", "aria-label", "aria-labelledby"]);
   const className = classNames(styles.ColorPickerInput, validationState === "invalid" && styles.error, styles[variationName("size", size)]);
-  return jsxRuntimeExports.jsx(ColorPicker, __spreadProps(__spreadValues({}, colorPickerProps), {
-    children: jsxRuntimeExports.jsxs($3ada01a82feafb94$export$b865d4358897bb17, {
+  return jsx(ColorPicker, __spreadProps(__spreadValues({}, colorPickerProps), {
+    children: jsxs($3ada01a82feafb94$export$b865d4358897bb17, {
       className,
       isDisabled,
       isReadOnly,
@@ -5317,26 +5317,26 @@ function ColorPickerInputField(props) {
       autoFocus,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
-      children: [label && jsxRuntimeExports.jsx(Label, {
+      children: [label && jsx(Label, {
         isLabelEmphasized,
         fieldSize: size,
         hasError: validationState === "invalid",
         children: label
-      }), jsxRuntimeExports.jsxs("div", {
+      }), jsxs("div", {
         className: styles.inputContainer,
-        children: [jsxRuntimeExports.jsx("div", {
+        children: [jsx("div", {
           className: styles.swatchContainer,
-          children: isDisabled || isReadOnly ? jsxRuntimeExports.jsx(InputColorSwatch, {}) : jsxRuntimeExports.jsx(ColorPicker.Trigger, {
-            children: jsxRuntimeExports.jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+          children: isDisabled || isReadOnly ? jsx(InputColorSwatch, {}) : jsx(ColorPicker.Trigger, {
+            children: jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
               className: styles.swatchButton,
-              children: jsxRuntimeExports.jsx(InputColorSwatch, {})
+              children: jsx(InputColorSwatch, {})
             })
           })
-        }), jsxRuntimeExports.jsx($3985021b0ad6602f$export$f5b8910cec6cf069, {
+        }), jsx($3985021b0ad6602f$export$f5b8910cec6cf069, {
           className: styles.input,
           placeholder
         })]
-      }), (helperText || errorText) && jsxRuntimeExports.jsx(InputCaption, {
+      }), (helperText || errorText) && jsx(InputCaption, {
         variant: errorText && validationState === "invalid" ? "error" : "helper",
         children: errorText || helperText
       })]
@@ -5344,7 +5344,7 @@ function ColorPickerInputField(props) {
   }));
 }
 function InputColorSwatch() {
-  return jsxRuntimeExports.jsx($251c695a52d94a8d$export$cae13e90592f246a, {
+  return jsx($251c695a52d94a8d$export$cae13e90592f246a, {
     className: styles.swatch,
     style: ({ color }) => ({
       background: `

package/CustomerPortalLayout/index.js

@@ -31,14 +31,14 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const EasyPostLogo = require("../__chunks__/EasyPostLogo-D3WNdZ29.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-DidoI4Ks.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
+const EasyPostLogo = require("../__chunks__/EasyPostLogo-C9-Q0lSn.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
 const Button = require("../__chunks__/Button-BpQFyL49.js");
-const Menu = require("../__chunks__/Menu-Du8SsMeJ.js");
+const Menu = require("../__chunks__/Menu-MGDv1tob.js");
 const utilities_css = require("../utilities/css.js");
 const useFocusRing = require("../__chunks__/useFocusRing-DbC9E5wC.js");
 const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
@@ -117,7 +117,7 @@ const styles$1 = {
 };
 function CustomerPortalLayoutActions(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     wrap: false,
     gap: "1",
     align: "end",
@@ -133,19 +133,19 @@ function CustomerPortalLayoutMenuAction(props) {
   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 jsxRuntime.jsxRuntimeExports.jsxs(Menu.Menu, {
+  return jsxRuntime.jsxs(Menu.Menu, {
     isOpen,
     onOpenChange: handleOpenChange,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Trigger, {
-      children: jsxRuntime.jsxRuntimeExports.jsxs(PressableButton, __spreadProps(__spreadValues({
+    children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+      children: jsxRuntime.jsxs(PressableButton, __spreadProps(__spreadValues({
         className
       }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), {
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+        children: [jsxRuntime.jsx(Text.Text, {
           visuallyHidden: true,
           children: accessibilityLabel
-        }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+        }), jsxRuntime.jsx(Icon.Icon, {
           symbol: iconSymbol
-        }), renderBadge && jsxRuntime.jsxRuntimeExports.jsx("div", {
+        }), renderBadge && jsxRuntime.jsx("div", {
           className: styles$1.badgeContainer,
           children: renderBadge()
         })]
@@ -160,17 +160,17 @@ function CustomerPortalLayoutLinkAction(props) {
   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 jsxRuntime.jsxRuntimeExports.jsxs("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
     "aria-current": isSelected ? "true" : void 0,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    }), jsxRuntime.jsx(Icon.Icon, {
       symbol: iconSymbol
-    }), renderBadge && jsxRuntime.jsxRuntimeExports.jsx("div", {
+    }), renderBadge && jsxRuntime.jsx("div", {
       className: styles$1.badgeContainer,
       children: renderBadge()
     })]
@@ -180,17 +180,17 @@ 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 jsxRuntime.jsxRuntimeExports.jsxs(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
     ref,
     className,
     "aria-current": isSelected ? "true" : void 0
   }, buttonProps), {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    }), jsxRuntime.jsx(Icon.Icon, {
       symbol: iconSymbol
-    }), renderBadge && jsxRuntime.jsxRuntimeExports.jsx("div", {
+    }), renderBadge && jsxRuntime.jsx("div", {
       className: styles$1.badgeContainer,
       children: renderBadge()
     })]
@@ -198,14 +198,14 @@ function CustomerPortalLayoutButtonAction(props) {
 }
 function CustomerPortalLayoutActionBadge(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles$1.badge,
     children
   });
 }
 const PressableButton = React.forwardRef((props, ref) => {
   const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return jsxRuntime.jsxRuntimeExports.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsxRuntime.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: utilities_css.classNames(pressProps.className)
   }));
@@ -241,25 +241,25 @@ function CustomerPortalLayout(props) {
       shouldDisplayEasyPostLogo
     };
   }, [mode, shouldDisplayEasyPostLogo]);
-  return jsxRuntime.jsxRuntimeExports.jsx(CustomerPortalLayoutContext.Provider, {
+  return jsxRuntime.jsx(CustomerPortalLayoutContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: jsxRuntime.jsx("div", {
       className: styles.CustomerPortalLayout,
       children
     })
   });
 }
 function TestModeBanner() {
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles.testModeBanner,
-    children: jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+    children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
       gap: "1",
       blockAlign: "center",
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      children: [jsxRuntime.jsx(Icon.Icon, {
         symbol: Experiment,
         color: "primary.700",
         size: "lg"
-      }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      }), jsxRuntime.jsx(Text.Text, {
         variant: "subtitle1",
         color: "warning.900",
         children: "This Environment is in Test Mode"
@@ -271,9 +271,9 @@ function CustomerPortalLayoutHeader(props) {
   const { children } = props;
   const { mode } = useCustomerPortalLayout();
   const isTestMode = mode === "test";
-  return jsxRuntime.jsxRuntimeExports.jsxs("header", {
+  return jsxRuntime.jsxs("header", {
     className: styles.header,
-    children: [isTestMode && jsxRuntime.jsxRuntimeExports.jsx(TestModeBanner, {}), jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: [isTestMode && jsxRuntime.jsx(TestModeBanner, {}), jsxRuntime.jsx("div", {
       className: styles.logoAndActions,
       children
     })]
@@ -281,7 +281,7 @@ function CustomerPortalLayoutHeader(props) {
 }
 function CustomerPortalLayoutLogo(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles.logo,
     children
   });
@@ -289,19 +289,19 @@ function CustomerPortalLayoutLogo(props) {
 function CustomerPortalLayoutLogoContainer(props) {
   const { children } = props;
   const { shouldDisplayEasyPostLogo } = useCustomerPortalLayout();
-  return jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
     gap: "1",
     blockAlign: "center",
     align: "start",
     wrap: false,
-    children: [shouldDisplayEasyPostLogo && jsxRuntime.jsxRuntimeExports.jsx(CustomerPortalLayoutLogo, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(EasyPostLogo.EasyPostLogo, {})
+    children: [shouldDisplayEasyPostLogo && jsxRuntime.jsx(CustomerPortalLayoutLogo, {
+      children: jsxRuntime.jsx(EasyPostLogo.EasyPostLogo, {})
     }), children]
   });
 }
 function CustomerPortalLayoutContent(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("main", {
+  return jsxRuntime.jsx("main", {
     className: styles.content,
     children
   });