@easypost/easy-ui 1.0.0-alpha.54 → 1.0.0-alpha.56

package/__chunks__/{Card-mxjU9S-F.mjs → Card-CYdEo89C.mjs}

@@ -157,18 +157,18 @@ function requirePick() {
 }
 var pickExports = requirePick();
 const pick = /* @__PURE__ */ getDefaultExportFromCjs(pickExports);
-const container = "_container_ilavv_5";
-const area = "_area_ilavv_25";
-const variantFlagged = "_variantFlagged_ilavv_219";
-const variantOutlined = "_variantOutlined_ilavv_226";
-const selected = "_selected_ilavv_231";
-const disabled = "_disabled_ilavv_235";
-const statusDanger = "_statusDanger_ilavv_239";
-const statusWarning = "_statusWarning_ilavv_243";
-const statusSuccess = "_statusSuccess_ilavv_247";
-const statusNeutral = "_statusNeutral_ilavv_251";
-const statusPrimary = "_statusPrimary_ilavv_255";
-const statusSecondary = "_statusSecondary_ilavv_259";
+const container = "_container_3q5fn_5";
+const area = "_area_3q5fn_25";
+const variantFlagged = "_variantFlagged_3q5fn_219";
+const variantOutlined = "_variantOutlined_3q5fn_226";
+const selected = "_selected_3q5fn_231";
+const disabled = "_disabled_3q5fn_235";
+const statusDanger = "_statusDanger_3q5fn_239";
+const statusWarning = "_statusWarning_3q5fn_243";
+const statusSuccess = "_statusSuccess_3q5fn_247";
+const statusNeutral = "_statusNeutral_3q5fn_251";
+const statusPrimary = "_statusPrimary_3q5fn_255";
+const statusSecondary = "_statusSecondary_3q5fn_259";
 const styles = {
   container,
   area,

package/__chunks__/{Card-9RlZlFEC.js → Card-Cw9W0Zvm.js}

@@ -158,18 +158,18 @@ function requirePick() {
 }
 var pickExports = requirePick();
 const pick = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(pickExports);
-const container = "_container_ilavv_5";
-const area = "_area_ilavv_25";
-const variantFlagged = "_variantFlagged_ilavv_219";
-const variantOutlined = "_variantOutlined_ilavv_226";
-const selected = "_selected_ilavv_231";
-const disabled = "_disabled_ilavv_235";
-const statusDanger = "_statusDanger_ilavv_239";
-const statusWarning = "_statusWarning_ilavv_243";
-const statusSuccess = "_statusSuccess_ilavv_247";
-const statusNeutral = "_statusNeutral_ilavv_251";
-const statusPrimary = "_statusPrimary_ilavv_255";
-const statusSecondary = "_statusSecondary_ilavv_259";
+const container = "_container_3q5fn_5";
+const area = "_area_3q5fn_25";
+const variantFlagged = "_variantFlagged_3q5fn_219";
+const variantOutlined = "_variantOutlined_3q5fn_226";
+const selected = "_selected_3q5fn_231";
+const disabled = "_disabled_3q5fn_235";
+const statusDanger = "_statusDanger_3q5fn_239";
+const statusWarning = "_statusWarning_3q5fn_243";
+const statusSuccess = "_statusSuccess_3q5fn_247";
+const statusNeutral = "_statusNeutral_3q5fn_251";
+const statusPrimary = "_statusPrimary_3q5fn_255";
+const statusSecondary = "_statusSecondary_3q5fn_259";
 const styles = {
   container,
   area,

package/__chunks__/{Checkbox-CBB8jlZw.js → Checkbox-DMIaBIMX.js}

@@ -33,14 +33,14 @@ var __objRest = (source, exclude) => {
 const React = require("react");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const mergeRefs = require("./mergeRefs-CQsNYO0P.js");
-const Icon = require("./Icon-BB9QecRC.js");
-const SelectorErrorTooltip = require("./SelectorErrorTooltip-DhV9YtiA.js");
-const Text = require("./Text-CoOcI-ZA.js");
+const Icon = require("./Icon-BCBvOy-b.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-B1tkBijI.js");
+const Text = require("./Text-Bo5ZXIKu.js");
 const utilities_css = require("../utilities/css.js");
 const useToggleState = require("./useToggleState-CdbEMLRz.js");
 const useFormValidation = require("./useFormValidation-C2DoIczP.js");
-const usePress = require("./usePress-BVH8whNd.js");
-const useToggle = require("./useToggle-DsYRac30.js");
+const usePress = require("./usePress-Dz8YYpge.js");
+const useToggle = require("./useToggle-D7gzXCXF.js");
 const useFocusRing = require("./useFocusRing-DFRFvht_.js");
 const useHover = require("./useHover-BIKwjrCT.js");
 function _interopNamespaceDefault(e) {
@@ -171,22 +171,22 @@ const Remove600 = (_a) => {
     d: "M185.87-440.39v-79.22H774.7v79.22H185.87Z"
   }));
 };
-const Checkbox$1 = "_Checkbox_pvkke_5";
-const label = "_label_pvkke_17";
-const box = "_box_pvkke_41";
-const check = "_check_pvkke_42";
-const focusVisible = "_focusVisible_pvkke_57";
-const text = "_text_pvkke_73";
-const indeterminateSvg = "_indeterminateSvg_pvkke_78";
-const nested = "_nested_pvkke_82";
-const sizeLg = "_sizeLg_pvkke_86";
-const standalone = "_standalone_pvkke_91";
-const invalid = "_invalid_pvkke_96";
-const disabled = "_disabled_pvkke_100";
-const indeterminate = "_indeterminate_pvkke_78";
-const selected = "_selected_pvkke_105";
-const hovered = "_hovered_pvkke_121";
-const readOnly = "_readOnly_pvkke_121";
+const Checkbox$1 = "_Checkbox_jdouk_5";
+const label = "_label_jdouk_17";
+const box = "_box_jdouk_41";
+const check = "_check_jdouk_42";
+const focusVisible = "_focusVisible_jdouk_57";
+const text = "_text_jdouk_73";
+const indeterminateSvg = "_indeterminateSvg_jdouk_78";
+const nested = "_nested_jdouk_82";
+const sizeLg = "_sizeLg_jdouk_86";
+const standalone = "_standalone_jdouk_91";
+const invalid = "_invalid_jdouk_96";
+const disabled = "_disabled_jdouk_100";
+const indeterminate = "_indeterminate_jdouk_78";
+const selected = "_selected_jdouk_105";
+const hovered = "_hovered_jdouk_121";
+const readOnly = "_readOnly_jdouk_121";
 const styles = {
   Checkbox: Checkbox$1,
   label,

package/__chunks__/{Checkbox-BgumKMXU.mjs → Checkbox-DTX_wDBB.mjs}

@@ -31,17 +31,17 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React__default, { useEffect, forwardRef } from "react";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-SJQ-f8LF.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
-import { I as Icon } from "./Icon-3zFwhVjn.mjs";
-import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-D8y5kImH.mjs";
-import { T as Text } from "./Text-Dfn-c0km.mjs";
+import { I as Icon } from "./Icon-CDgix2Sz.mjs";
+import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-C3BApHSk.mjs";
+import { T as Text } from "./Text-Sv_euunS.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-kFojjzgV.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-DAScndBq.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CiUDlxr6.mjs";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-YUgC8qn-.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-dRPhwlpK.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-gwcVryr8.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DV7a17gG.mjs";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-BfGkPrAg.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BE_dgxH5.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
 function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
   let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
@@ -154,22 +154,22 @@ const Remove600 = (_a) => {
     d: "M185.87-440.39v-79.22H774.7v79.22H185.87Z"
   }));
 };
-const Checkbox$1 = "_Checkbox_pvkke_5";
-const label = "_label_pvkke_17";
-const box = "_box_pvkke_41";
-const check = "_check_pvkke_42";
-const focusVisible = "_focusVisible_pvkke_57";
-const text = "_text_pvkke_73";
-const indeterminateSvg = "_indeterminateSvg_pvkke_78";
-const nested = "_nested_pvkke_82";
-const sizeLg = "_sizeLg_pvkke_86";
-const standalone = "_standalone_pvkke_91";
-const invalid = "_invalid_pvkke_96";
-const disabled = "_disabled_pvkke_100";
-const indeterminate = "_indeterminate_pvkke_78";
-const selected = "_selected_pvkke_105";
-const hovered = "_hovered_pvkke_121";
-const readOnly = "_readOnly_pvkke_121";
+const Checkbox$1 = "_Checkbox_jdouk_5";
+const label = "_label_jdouk_17";
+const box = "_box_jdouk_41";
+const check = "_check_jdouk_42";
+const focusVisible = "_focusVisible_jdouk_57";
+const text = "_text_jdouk_73";
+const indeterminateSvg = "_indeterminateSvg_jdouk_78";
+const nested = "_nested_jdouk_82";
+const sizeLg = "_sizeLg_jdouk_86";
+const standalone = "_standalone_jdouk_91";
+const invalid = "_invalid_jdouk_96";
+const disabled = "_disabled_jdouk_100";
+const indeterminate = "_indeterminate_jdouk_78";
+const selected = "_selected_jdouk_105";
+const hovered = "_hovered_jdouk_121";
+const readOnly = "_readOnly_jdouk_121";
 const styles = {
   Checkbox: Checkbox$1,
   label,

package/__chunks__/{CodeSnippet-BjUoaeh9.mjs → CodeSnippet-CBDtqnFn.mjs}

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
 import React__default, { useMemo, useEffect, createContext, useContext, forwardRef, useRef } from "react";
-import { C as Card } from "./Card-mxjU9S-F.mjs";
+import { C as Card } from "./Card-CYdEo89C.mjs";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
 import { _ as _objectWithoutPropertiesLoose, a as _extends } from "./objectWithoutPropertiesLoose-ij10PUAf.mjs";
 import { e as ezuiTokens } from "./tokens-BolVbjJp.mjs";
@@ -5671,7 +5671,7 @@ const useCodeBlock = () => {
   }
   return codeBlock;
 };
-const CodeSnippet$1 = "_CodeSnippet_srzck_5";
+const CodeSnippet$1 = "_CodeSnippet_1pgrf_5";
 const styles = {
   CodeSnippet: CodeSnippet$1
 };

package/__chunks__/{CodeSnippet-DVrkwOg4.js → CodeSnippet-Dg-w1ncw.js}

@@ -20,7 +20,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const mergeRefs = require("./mergeRefs-CQsNYO0P.js");
 const React = require("react");
-const Card = require("./Card-9RlZlFEC.js");
+const Card = require("./Card-Cw9W0Zvm.js");
 const _commonjsHelpers = require("./_commonjsHelpers-Bc2YnDe1.js");
 const objectWithoutPropertiesLoose = require("./objectWithoutPropertiesLoose-3GpnIKeG.js");
 const tokens = require("./tokens-BmCk-Bk0.js");
@@ -5672,7 +5672,7 @@ const useCodeBlock = () => {
   }
   return codeBlock;
 };
-const CodeSnippet$1 = "_CodeSnippet_srzck_5";
+const CodeSnippet$1 = "_CodeSnippet_1pgrf_5";
 const styles = {
   CodeSnippet: CodeSnippet$1
 };

package/__chunks__/{FocusScope-C194OB-4.mjs → FocusScope-CEeqhVmO.mjs}

@@ -34,9 +34,9 @@ var __yieldStar = (value) => {
     throw x;
   }, "return" in obj && method("return"), it;
 };
-import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-DfpH-pE9.mjs";
-import { a as $431fbd86ca7dc216$export$f21a1ffae260145a, $ as $431fbd86ca7dc216$export$b204af158042fbac } from "./isVirtualEvent-BPCuFO54.mjs";
-import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-SJQ-f8LF.mjs";
+import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-Dw7K4rnX.mjs";
+import { a as $431fbd86ca7dc216$export$f21a1ffae260145a, $ as $431fbd86ca7dc216$export$b204af158042fbac } from "./isVirtualEvent-BFRy7P_p.mjs";
+import { a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-T961Q1yJ.mjs";
 import React__default, { useRef, useContext, useMemo, useEffect } from "react";
 function $645f2e67b85a24c9$var$isStyleVisible(element) {
   const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element);

package/__chunks__/{FocusScope-DJer9ahG.js → FocusScope-Co1hHX8R.js}

@@ -35,7 +35,7 @@ var __yieldStar = (value) => {
     throw x;
   }, "return" in obj && method("return"), it;
 };
-const focusSafely = require("./focusSafely-CZPj1Dug.js");
+const focusSafely = require("./focusSafely-sLifanM7.js");
 const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const React = require("react");

package/__chunks__/{HelpMenu-m1qJ4EyP.mjs → HelpMenu-DCIr7b5K.mjs}

@@ -1,9 +1,9 @@
 import * as React from "react";
 import React__default from "react";
-import { I as Icon } from "./Icon-3zFwhVjn.mjs";
-import { M as Menu } from "./Menu-B95QYBVQ.mjs";
-import { T as Text } from "./Text-Dfn-c0km.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-0v6TRjMY.mjs";
+import { I as Icon } from "./Icon-CDgix2Sz.mjs";
+import { M as Menu } from "./Menu-B4KcJbMm.mjs";
+import { T as Text } from "./Text-Sv_euunS.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-6seSbTV1.mjs";
 var __defProp$1 = Object.defineProperty;
 var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
 var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
@@ -78,9 +78,9 @@ const Support = (_a) => {
     d: "M480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-119.53-65.77 69.54-163.08q-34.61-11.99-61-37.53t-39.46-62.31L165-362.54q29.46 69.46 79.69 120.31 50.23 50.84 115.85 76.46ZM329-530.69q12.54-36.77 38.85-62.31 26.3-25.54 60.84-37.38L362.54-795Q289.85-765.54 239-714.19q-50.85 51.34-74 117.34l164 66.16Zm150.91 164.54q47.4 0 80.67-33.18t33.27-80.58q0-47.4-33.18-80.67t-80.58-33.27q-47.4 0-80.67 33.18t-33.27 80.58q0 47.4 33.18 80.67t80.58 33.27Zm119.94 200.38q67.07-27.23 117.11-77.58 50.04-50.34 77.27-117.19l-163.08-68.92q-12.69 37.38-39.11 63-26.43 25.61-60.96 36.84l68.77 163.85Zm30.53-366.31 163.85-67.77q-27.23-66.46-77.58-116.8-50.34-50.35-116.8-77.58l-67.16 163.85q33.39 12.23 58.5 37.27 25.12 25.03 39.19 61.03Z"
   }));
 };
-const button = "_button_vjpby_5";
-const buttonContent = "_buttonContent_vjpby_10";
-const arrow = "_arrow_vjpby_17";
+const button = "_button_kgepg_5";
+const buttonContent = "_buttonContent_kgepg_10";
+const arrow = "_arrow_kgepg_17";
 const styles = {
   button,
   buttonContent,

package/__chunks__/{HelpMenu-DF2Bx-bn.js → HelpMenu-br4uY5D7.js}

@@ -1,9 +1,9 @@
 "use strict";
 const React = require("react");
-const Icon = require("./Icon-BB9QecRC.js");
-const Menu = require("./Menu--B0Fn4Ol.js");
-const Text = require("./Text-CoOcI-ZA.js");
-const UnstyledButton = require("./UnstyledButton-BfeN_d1h.js");
+const Icon = require("./Icon-BCBvOy-b.js");
+const Menu = require("./Menu-anVQErb9.js");
+const Text = require("./Text-Bo5ZXIKu.js");
+const UnstyledButton = require("./UnstyledButton-Dn8KZHdh.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -95,9 +95,9 @@ const Support = (_a) => {
     d: "M480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-119.53-65.77 69.54-163.08q-34.61-11.99-61-37.53t-39.46-62.31L165-362.54q29.46 69.46 79.69 120.31 50.23 50.84 115.85 76.46ZM329-530.69q12.54-36.77 38.85-62.31 26.3-25.54 60.84-37.38L362.54-795Q289.85-765.54 239-714.19q-50.85 51.34-74 117.34l164 66.16Zm150.91 164.54q47.4 0 80.67-33.18t33.27-80.58q0-47.4-33.18-80.67t-80.58-33.27q-47.4 0-80.67 33.18t-33.27 80.58q0 47.4 33.18 80.67t80.58 33.27Zm119.94 200.38q67.07-27.23 117.11-77.58 50.04-50.34 77.27-117.19l-163.08-68.92q-12.69 37.38-39.11 63-26.43 25.61-60.96 36.84l68.77 163.85Zm30.53-366.31 163.85-67.77q-27.23-66.46-77.58-116.8-50.34-50.35-116.8-77.58l-67.16 163.85q33.39 12.23 58.5 37.27 25.12 25.03 39.19 61.03Z"
   }));
 };
-const button = "_button_vjpby_5";
-const buttonContent = "_buttonContent_vjpby_10";
-const arrow = "_arrow_vjpby_17";
+const button = "_button_kgepg_5";
+const buttonContent = "_buttonContent_kgepg_10";
+const arrow = "_arrow_kgepg_17";
 const styles = {
   button,
   buttonContent,

package/__chunks__/{HorizontalGrid-BYR8Gr-h.mjs → HorizontalGrid--W2GD8lN.mjs}

@@ -43,7 +43,7 @@ function getColumnValue(columns) {
     }
   }).join(" ");
 }
-const HorizontalGrid$1 = "_HorizontalGrid_19l70_5";
+const HorizontalGrid$1 = "_HorizontalGrid_o4y5x_5";
 const styles = {
   HorizontalGrid: HorizontalGrid$1
 };

package/__chunks__/{HorizontalGrid-DuHNRhon.js → HorizontalGrid-BUpw5nwO.js}

@@ -44,7 +44,7 @@ function getColumnValue(columns) {
     }
   }).join(" ");
 }
-const HorizontalGrid$1 = "_HorizontalGrid_19l70_5";
+const HorizontalGrid$1 = "_HorizontalGrid_o4y5x_5";
 const styles = {
   HorizontalGrid: HorizontalGrid$1
 };

package/__chunks__/{HorizontalStack-By6XdGZh.js → HorizontalStack-CXhmbQu4.js}

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 };
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const HorizontalStack$1 = "_HorizontalStack_167mp_5";
+const HorizontalStack$1 = "_HorizontalStack_756cv_5";
 const styles = {
   HorizontalStack: HorizontalStack$1
 };

package/__chunks__/{HorizontalStack-DaZakHYj.mjs → HorizontalStack-x4HGqgsU.mjs}

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import React__default, { forwardRef } from "react";
 import { getResponsiveDesignToken, getComponentToken } from "../utilities/css.mjs";
-const HorizontalStack$1 = "_HorizontalStack_167mp_5";
+const HorizontalStack$1 = "_HorizontalStack_756cv_5";
 const styles = {
   HorizontalStack: HorizontalStack$1
 };

package/__chunks__/{Icon-BB9QecRC.js → Icon-BCBvOy-b.js}

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
 };
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const Icon$1 = "_Icon_13jw1_5";
-const symbol = "_symbol_13jw1_69";
+const Icon$1 = "_Icon_1kg6a_5";
+const symbol = "_symbol_1kg6a_69";
 const styles = {
   Icon: Icon$1,
   symbol

package/__chunks__/{Icon-3zFwhVjn.mjs → Icon-CDgix2Sz.mjs}

@@ -16,8 +16,8 @@ var __spreadValues = (a, b) => {
 };
 import React__default from "react";
 import { getComponentThemeToken, backwardsCompatibleColorToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const Icon$1 = "_Icon_13jw1_5";
-const symbol = "_symbol_13jw1_69";
+const Icon$1 = "_Icon_1kg6a_5";
+const symbol = "_symbol_1kg6a_69";
 const styles = {
   Icon: Icon$1,
   symbol

package/__chunks__/{InputField-CdEl4M4-.mjs → InputField-Bj22Z9om.mjs}

@@ -20,18 +20,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React__default, { useEffect, useState } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { s as styles, m as mapIconSize, g as getElementType, b as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, L as Label, I as InputIcon, a as InputCaption } from "./InputIcon--PdoGQOO.mjs";
-import { T as Text } from "./Text-Dfn-c0km.mjs";
-import { I as Icon } from "./Icon-3zFwhVjn.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-0v6TRjMY.mjs";
-import { a as $431fbd86ca7dc216$export$f21a1ffae260145a } from "./isVirtualEvent-BPCuFO54.mjs";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-SJQ-f8LF.mjs";
+import { s as styles, m as mapIconSize, g as getElementType, b as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, L as Label, I as InputIcon, a as InputCaption } from "./InputIcon-zjySEVjo.mjs";
+import { T as Text } from "./Text-Sv_euunS.mjs";
+import { I as Icon } from "./Icon-CDgix2Sz.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-6seSbTV1.mjs";
+import { a as $431fbd86ca7dc216$export$f21a1ffae260145a } from "./isVirtualEvent-BFRy7P_p.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CFhWic3i.mjs";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CmXMJVpO.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
-import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-DPD-La1H.mjs";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-B0naYTNU.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-DAScndBq.mjs";
+import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-DWmSslhe.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-DD5dAIXt.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-gwcVryr8.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
 function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
@@ -196,6 +196,15 @@ function PasswordButton(props) {
     size: mapIconSize(inputSize)
   }));
 }
+function InputText(props) {
+  const { alignment = "start", size = "md", text } = props;
+  return React__default.createElement("div", {
+    className: classNames(styles.text, alignment === "start" ? styles.textStart : styles.textEnd, styles[variationName("inputTextPlacement", size)])
+  }, React__default.createElement(Text, {
+    variant: size === "sm" ? "body2" : "body1",
+    color: alignment === "start" ? "neutral.600" : "neutral.400"
+  }, text));
+}
 function useInputField(props, ref) {
   const { isMultiline = false } = props;
   const { labelProps, inputProps, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = $2d73ec29415bd339$export$712718f7aec83d5(__spreadProps(__spreadValues({}, props), {
@@ -215,29 +224,34 @@ function useInputField(props, ref) {
   };
 }
 function InputField(props) {
-  const { isMultiline = false, type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, "aria-label": ariaLabel, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd, rows } = props;
+  const { isMultiline = false, type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, "aria-label": ariaLabel, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd, textAtStart, textAtEnd, rows } = props;
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
   const ref = React__default.useRef(null);
   const { labelProps, elementProps, helperTextProps, errorTextProps } = useInputField(props, ref);
   const { isHovered: isInputHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const Component = getElementType(isMultiline);
   const bothIconPropsDefined = !!iconAtEnd && !!iconAtStart;
+  const iconAndTextPropsDefined = !!iconAtEnd && !!textAtEnd || !!iconAtStart && !!textAtStart;
   const smallSizeTextarea = size === "sm" && Component === "textarea";
   const definedIconsWithTextarea = (!!iconAtEnd || !!iconAtStart) && Component === "textarea";
-  logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea);
+  const definedPrefixSuffixWithTextarea = (!!textAtStart || !!textAtEnd) && Component === "textarea";
+  logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea, iconAndTextPropsDefined);
   logWarningForMissingAriaLabel(label, ariaLabel);
   const isPassword = type === "password";
   const hasError = validationState === "invalid";
   const showErrorText = hasError && errorText;
   const showHelperText = !showErrorText && helperText;
   const canUseIcon = !bothIconPropsDefined && !isPassword && !definedIconsWithTextarea;
+  const canUseTextAtStartAndAtEnd = !definedPrefixSuffixWithTextarea;
   const hasStartIcon = canUseIcon && iconAtStart;
   const hasEndIcon = canUseIcon && iconAtEnd;
+  const hasTextAtStart = canUseTextAtStartAndAtEnd && textAtStart;
+  const hasTextAtEnd = canUseTextAtStartAndAtEnd && textAtEnd;
   const isTypeAdjustedForPasswordVisibility = isPassword && isPasswordVisible;
   const captionProps = showHelperText ? helperTextProps : errorTextProps;
   const captionText = showHelperText ? helperText : errorText;
   const adjustedSize = smallSizeTextarea ? "md" : size;
-  const className = classNames(styles.input, isInputHovered && styles.hovered, Component === "textarea" && styles.textArea, isPassword && styles.passwordInput, hasError && styles.errorInput, hasStartIcon && styles.iconStartInput, hasEndIcon && styles.iconEndInput, styles[variationName("inputSize", adjustedSize)]);
+  const className = classNames(styles.input, isInputHovered && styles.hovered, Component === "textarea" && styles.textArea, isPassword && styles.passwordInput, hasError && styles.errorInput, hasStartIcon && styles.iconStartInput, hasEndIcon && styles.iconEndInput, hasTextAtStart && styles.textStartInput, hasTextAtEnd && styles.textEndInput, styles[variationName("inputSize", adjustedSize)]);
   const inputType = Component === "textarea" ? void 0 : isTypeAdjustedForPasswordVisibility ? "text" : type;
   return React__default.createElement("div", {
     className: classNames(styles.root)
@@ -252,6 +266,10 @@ function InputField(props) {
     size: adjustedSize,
     isDisabled,
     icon: iconAtStart
+  }), hasTextAtStart && React__default.createElement(InputText, {
+    alignment: "start",
+    size: adjustedSize,
+    text: textAtStart
   }), React__default.createElement(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
     className,
     ref,
@@ -263,7 +281,11 @@ function InputField(props) {
     autoFocus,
     defaultValue,
     rows: Component === "textarea" ? rows : void 0
-  })), isPassword ? React__default.createElement(PasswordButton, {
+  })), hasTextAtEnd && React__default.createElement(InputText, {
+    alignment: "end",
+    size: adjustedSize,
+    text: textAtEnd
+  }), isPassword ? React__default.createElement(PasswordButton, {
     isInputHovered,
     hasError,
     inputSize: adjustedSize,

package/__chunks__/{InputField-CHAxJwME.js → InputField-C86b2081.js}

@@ -20,17 +20,17 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const InputIcon = require("./InputIcon-oj25h1MN.js");
-const Text = require("./Text-CoOcI-ZA.js");
-const Icon = require("./Icon-BB9QecRC.js");
-const UnstyledButton = require("./UnstyledButton-BfeN_d1h.js");
+const InputIcon = require("./InputIcon-BLzlQuQq.js");
+const Text = require("./Text-Bo5ZXIKu.js");
+const Icon = require("./Icon-BCBvOy-b.js");
+const UnstyledButton = require("./UnstyledButton-Dn8KZHdh.js");
 const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
 const useFormReset = require("./useFormReset-Bgj93eR3.js");
 const useControlledState = require("./useControlledState-mnKBd6Uc.js");
 const useField = require("./useField-BJW_bXVD.js");
-const useFocusable = require("./useFocusable-D0hhxIk-.js");
+const useFocusable = require("./useFocusable-BfXLORiH.js");
 const useFormValidation = require("./useFormValidation-C2DoIczP.js");
 const useHover = require("./useHover-BIKwjrCT.js");
 function _interopNamespaceDefault(e) {
@@ -213,6 +213,15 @@ function PasswordButton(props) {
     size: InputIcon.mapIconSize(inputSize)
   }));
 }
+function InputText(props) {
+  const { alignment = "start", size = "md", text } = props;
+  return React.createElement("div", {
+    className: utilities_css.classNames(InputIcon.styles.text, alignment === "start" ? InputIcon.styles.textStart : InputIcon.styles.textEnd, InputIcon.styles[utilities_css.variationName("inputTextPlacement", size)])
+  }, React.createElement(Text.Text, {
+    variant: size === "sm" ? "body2" : "body1",
+    color: alignment === "start" ? "neutral.600" : "neutral.400"
+  }, text));
+}
 function useInputField(props, ref) {
   const { isMultiline = false } = props;
   const { labelProps, inputProps, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = $2d73ec29415bd339$export$712718f7aec83d5(__spreadProps(__spreadValues({}, props), {
@@ -232,29 +241,34 @@ function useInputField(props, ref) {
   };
 }
 function InputField(props) {
-  const { isMultiline = false, type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, "aria-label": ariaLabel, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd, rows } = props;
+  const { isMultiline = false, type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, "aria-label": ariaLabel, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd, textAtStart, textAtEnd, rows } = props;
   const [isPasswordVisible, setIsPasswordVisible] = React.useState(false);
   const ref = React.useRef(null);
   const { labelProps, elementProps, helperTextProps, errorTextProps } = useInputField(props, ref);
   const { isHovered: isInputHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
   const Component = InputIcon.getElementType(isMultiline);
   const bothIconPropsDefined = !!iconAtEnd && !!iconAtStart;
+  const iconAndTextPropsDefined = !!iconAtEnd && !!textAtEnd || !!iconAtStart && !!textAtStart;
   const smallSizeTextarea = size === "sm" && Component === "textarea";
   const definedIconsWithTextarea = (!!iconAtEnd || !!iconAtStart) && Component === "textarea";
-  InputIcon.logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea);
+  const definedPrefixSuffixWithTextarea = (!!textAtStart || !!textAtEnd) && Component === "textarea";
+  InputIcon.logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea, iconAndTextPropsDefined);
   InputIcon.logWarningForMissingAriaLabel(label, ariaLabel);
   const isPassword = type === "password";
   const hasError = validationState === "invalid";
   const showErrorText = hasError && errorText;
   const showHelperText = !showErrorText && helperText;
   const canUseIcon = !bothIconPropsDefined && !isPassword && !definedIconsWithTextarea;
+  const canUseTextAtStartAndAtEnd = !definedPrefixSuffixWithTextarea;
   const hasStartIcon = canUseIcon && iconAtStart;
   const hasEndIcon = canUseIcon && iconAtEnd;
+  const hasTextAtStart = canUseTextAtStartAndAtEnd && textAtStart;
+  const hasTextAtEnd = canUseTextAtStartAndAtEnd && textAtEnd;
   const isTypeAdjustedForPasswordVisibility = isPassword && isPasswordVisible;
   const captionProps = showHelperText ? helperTextProps : errorTextProps;
   const captionText = showHelperText ? helperText : errorText;
   const adjustedSize = smallSizeTextarea ? "md" : size;
-  const className = utilities_css.classNames(InputIcon.styles.input, isInputHovered && InputIcon.styles.hovered, Component === "textarea" && InputIcon.styles.textArea, isPassword && InputIcon.styles.passwordInput, hasError && InputIcon.styles.errorInput, hasStartIcon && InputIcon.styles.iconStartInput, hasEndIcon && InputIcon.styles.iconEndInput, InputIcon.styles[utilities_css.variationName("inputSize", adjustedSize)]);
+  const className = utilities_css.classNames(InputIcon.styles.input, isInputHovered && InputIcon.styles.hovered, Component === "textarea" && InputIcon.styles.textArea, isPassword && InputIcon.styles.passwordInput, hasError && InputIcon.styles.errorInput, hasStartIcon && InputIcon.styles.iconStartInput, hasEndIcon && InputIcon.styles.iconEndInput, hasTextAtStart && InputIcon.styles.textStartInput, hasTextAtEnd && InputIcon.styles.textEndInput, InputIcon.styles[utilities_css.variationName("inputSize", adjustedSize)]);
   const inputType = Component === "textarea" ? void 0 : isTypeAdjustedForPasswordVisibility ? "text" : type;
   return React.createElement("div", {
     className: utilities_css.classNames(InputIcon.styles.root)
@@ -269,6 +283,10 @@ function InputField(props) {
     size: adjustedSize,
     isDisabled,
     icon: iconAtStart
+  }), hasTextAtStart && React.createElement(InputText, {
+    alignment: "start",
+    size: adjustedSize,
+    text: textAtStart
   }), React.createElement(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
     className,
     ref,
@@ -280,7 +298,11 @@ function InputField(props) {
     autoFocus,
     defaultValue,
     rows: Component === "textarea" ? rows : void 0
-  })), isPassword ? React.createElement(PasswordButton, {
+  })), hasTextAtEnd && React.createElement(InputText, {
+    alignment: "end",
+    size: adjustedSize,
+    text: textAtEnd
+  }), isPassword ? React.createElement(PasswordButton, {
     isInputHovered,
     hasError,
     inputSize: adjustedSize,