@easypost/easy-ui 1.0.0-alpha.55 → 1.0.0-alpha.57

package/__chunks__/{Card-BL4ap8Im.mjs → Card-CaqAaP9M.mjs}

@@ -157,18 +157,18 @@ function requirePick() {
 }
 var pickExports = requirePick();
 const pick = /* @__PURE__ */ getDefaultExportFromCjs(pickExports);
-const container = "_container_14p97_5";
-const area = "_area_14p97_25";
-const variantFlagged = "_variantFlagged_14p97_219";
-const variantOutlined = "_variantOutlined_14p97_226";
-const selected = "_selected_14p97_231";
-const disabled = "_disabled_14p97_235";
-const statusDanger = "_statusDanger_14p97_239";
-const statusWarning = "_statusWarning_14p97_243";
-const statusSuccess = "_statusSuccess_14p97_247";
-const statusNeutral = "_statusNeutral_14p97_251";
-const statusPrimary = "_statusPrimary_14p97_255";
-const statusSecondary = "_statusSecondary_14p97_259";
+const container = "_container_jhtob_5";
+const area = "_area_jhtob_25";
+const variantFlagged = "_variantFlagged_jhtob_219";
+const variantOutlined = "_variantOutlined_jhtob_226";
+const selected = "_selected_jhtob_231";
+const disabled = "_disabled_jhtob_235";
+const statusDanger = "_statusDanger_jhtob_239";
+const statusWarning = "_statusWarning_jhtob_243";
+const statusSuccess = "_statusSuccess_jhtob_247";
+const statusNeutral = "_statusNeutral_jhtob_251";
+const statusPrimary = "_statusPrimary_jhtob_255";
+const statusSecondary = "_statusSecondary_jhtob_259";
 const styles = {
   container,
   area,

package/__chunks__/{Card-bN2Bjyiu.js → Card-oCF38dRM.js}

@@ -158,18 +158,18 @@ function requirePick() {
 }
 var pickExports = requirePick();
 const pick = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(pickExports);
-const container = "_container_14p97_5";
-const area = "_area_14p97_25";
-const variantFlagged = "_variantFlagged_14p97_219";
-const variantOutlined = "_variantOutlined_14p97_226";
-const selected = "_selected_14p97_231";
-const disabled = "_disabled_14p97_235";
-const statusDanger = "_statusDanger_14p97_239";
-const statusWarning = "_statusWarning_14p97_243";
-const statusSuccess = "_statusSuccess_14p97_247";
-const statusNeutral = "_statusNeutral_14p97_251";
-const statusPrimary = "_statusPrimary_14p97_255";
-const statusSecondary = "_statusSecondary_14p97_259";
+const container = "_container_jhtob_5";
+const area = "_area_jhtob_25";
+const variantFlagged = "_variantFlagged_jhtob_219";
+const variantOutlined = "_variantOutlined_jhtob_226";
+const selected = "_selected_jhtob_231";
+const disabled = "_disabled_jhtob_235";
+const statusDanger = "_statusDanger_jhtob_239";
+const statusWarning = "_statusWarning_jhtob_243";
+const statusSuccess = "_statusSuccess_jhtob_247";
+const statusNeutral = "_statusNeutral_jhtob_251";
+const statusPrimary = "_statusPrimary_jhtob_255";
+const statusSecondary = "_statusSecondary_jhtob_259";
 const styles = {
   container,
   area,

package/__chunks__/{Checkbox-D7PJfiLF.mjs → Checkbox-CPNUyyaQ.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-BdrQIZ7G.mjs";
-import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-CpIinREp.mjs";
-import { T as Text } from "./Text-hB1p7qnS.mjs";
+import { I as Icon } from "./Icon-BBvP9A5e.mjs";
+import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-CzboXZ17.mjs";
+import { T as Text } from "./Text-BCY2taAk.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-qBr44_1g.mjs";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-D9D1ZDRl.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_1g97f_5";
-const label = "_label_1g97f_17";
-const box = "_box_1g97f_41";
-const check = "_check_1g97f_42";
-const focusVisible = "_focusVisible_1g97f_57";
-const text = "_text_1g97f_73";
-const indeterminateSvg = "_indeterminateSvg_1g97f_78";
-const nested = "_nested_1g97f_82";
-const sizeLg = "_sizeLg_1g97f_86";
-const standalone = "_standalone_1g97f_91";
-const invalid = "_invalid_1g97f_96";
-const disabled = "_disabled_1g97f_100";
-const indeterminate = "_indeterminate_1g97f_78";
-const selected = "_selected_1g97f_105";
-const hovered = "_hovered_1g97f_121";
-const readOnly = "_readOnly_1g97f_121";
+const Checkbox$1 = "_Checkbox_6lbmn_5";
+const label = "_label_6lbmn_17";
+const box = "_box_6lbmn_41";
+const check = "_check_6lbmn_42";
+const focusVisible = "_focusVisible_6lbmn_57";
+const text = "_text_6lbmn_73";
+const indeterminateSvg = "_indeterminateSvg_6lbmn_78";
+const nested = "_nested_6lbmn_82";
+const sizeLg = "_sizeLg_6lbmn_86";
+const standalone = "_standalone_6lbmn_91";
+const invalid = "_invalid_6lbmn_96";
+const disabled = "_disabled_6lbmn_100";
+const indeterminate = "_indeterminate_6lbmn_78";
+const selected = "_selected_6lbmn_105";
+const hovered = "_hovered_6lbmn_121";
+const readOnly = "_readOnly_6lbmn_121";
 const styles = {
   Checkbox: Checkbox$1,
   label,

package/__chunks__/{Checkbox-Bbhv57QW.js → Checkbox-_9mEf5j8.js}

@@ -33,9 +33,9 @@ var __objRest = (source, exclude) => {
 const React = require("react");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const mergeRefs = require("./mergeRefs-CQsNYO0P.js");
-const Icon = require("./Icon-ylOKybLj.js");
-const SelectorErrorTooltip = require("./SelectorErrorTooltip-Uuj_150A.js");
-const Text = require("./Text-BP87eq_Y.js");
+const Icon = require("./Icon-BuiRCbBA.js");
+const SelectorErrorTooltip = require("./SelectorErrorTooltip-BpTIeFfk.js");
+const Text = require("./Text-DjxTQAjU.js");
 const utilities_css = require("../utilities/css.js");
 const useToggleState = require("./useToggleState-CdbEMLRz.js");
 const useFormValidation = require("./useFormValidation-C2DoIczP.js");
@@ -171,22 +171,22 @@ const Remove600 = (_a) => {
     d: "M185.87-440.39v-79.22H774.7v79.22H185.87Z"
   }));
 };
-const Checkbox$1 = "_Checkbox_1g97f_5";
-const label = "_label_1g97f_17";
-const box = "_box_1g97f_41";
-const check = "_check_1g97f_42";
-const focusVisible = "_focusVisible_1g97f_57";
-const text = "_text_1g97f_73";
-const indeterminateSvg = "_indeterminateSvg_1g97f_78";
-const nested = "_nested_1g97f_82";
-const sizeLg = "_sizeLg_1g97f_86";
-const standalone = "_standalone_1g97f_91";
-const invalid = "_invalid_1g97f_96";
-const disabled = "_disabled_1g97f_100";
-const indeterminate = "_indeterminate_1g97f_78";
-const selected = "_selected_1g97f_105";
-const hovered = "_hovered_1g97f_121";
-const readOnly = "_readOnly_1g97f_121";
+const Checkbox$1 = "_Checkbox_6lbmn_5";
+const label = "_label_6lbmn_17";
+const box = "_box_6lbmn_41";
+const check = "_check_6lbmn_42";
+const focusVisible = "_focusVisible_6lbmn_57";
+const text = "_text_6lbmn_73";
+const indeterminateSvg = "_indeterminateSvg_6lbmn_78";
+const nested = "_nested_6lbmn_82";
+const sizeLg = "_sizeLg_6lbmn_86";
+const standalone = "_standalone_6lbmn_91";
+const invalid = "_invalid_6lbmn_96";
+const disabled = "_disabled_6lbmn_100";
+const indeterminate = "_indeterminate_6lbmn_78";
+const selected = "_selected_6lbmn_105";
+const hovered = "_hovered_6lbmn_121";
+const readOnly = "_readOnly_6lbmn_121";
 const styles = {
   Checkbox: Checkbox$1,
   label,

package/__chunks__/{CodeSnippet-CT5SOnzT.mjs → CodeSnippet-BibgES4Z.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-BL4ap8Im.mjs";
+import { C as Card } from "./Card-CaqAaP9M.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_10s0n_5";
+const CodeSnippet$1 = "_CodeSnippet_1vqhq_5";
 const styles = {
   CodeSnippet: CodeSnippet$1
 };

package/__chunks__/{CodeSnippet-DMxiG1lt.js → CodeSnippet-CFE2GaJ2.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-bN2Bjyiu.js");
+const Card = require("./Card-oCF38dRM.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_10s0n_5";
+const CodeSnippet$1 = "_CodeSnippet_1vqhq_5";
 const styles = {
   CodeSnippet: CodeSnippet$1
 };

package/__chunks__/{FocusScope-CMdrObui.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-8R2xSTi2.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__/{HelpMenu-Cz2v3GAo.mjs → HelpMenu-BRbEO3Ze.mjs}

@@ -1,9 +1,9 @@
 import * as React from "react";
 import React__default from "react";
-import { I as Icon } from "./Icon-BdrQIZ7G.mjs";
-import { M as Menu } from "./Menu-Bi8Xblu3.mjs";
-import { T as Text } from "./Text-hB1p7qnS.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-CO7FOpAq.mjs";
+import { I as Icon } from "./Icon-BBvP9A5e.mjs";
+import { M as Menu } from "./Menu-DcYM5Xw7.mjs";
+import { T as Text } from "./Text-BCY2taAk.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_14wxg_5";
-const buttonContent = "_buttonContent_14wxg_10";
-const arrow = "_arrow_14wxg_17";
+const button = "_button_mwkcq_5";
+const buttonContent = "_buttonContent_mwkcq_10";
+const arrow = "_arrow_mwkcq_17";
 const styles = {
   button,
   buttonContent,

package/__chunks__/{HelpMenu-C4Lgr_6O.js → HelpMenu-LuIjOYz2.js}

@@ -1,8 +1,8 @@
 "use strict";
 const React = require("react");
-const Icon = require("./Icon-ylOKybLj.js");
-const Menu = require("./Menu-DhjEsT6X.js");
-const Text = require("./Text-BP87eq_Y.js");
+const Icon = require("./Icon-BuiRCbBA.js");
+const Menu = require("./Menu-DhBaiElA.js");
+const Text = require("./Text-DjxTQAjU.js");
 const UnstyledButton = require("./UnstyledButton-Dn8KZHdh.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -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_14wxg_5";
-const buttonContent = "_buttonContent_14wxg_10";
-const arrow = "_arrow_14wxg_17";
+const button = "_button_mwkcq_5";
+const buttonContent = "_buttonContent_mwkcq_10";
+const arrow = "_arrow_mwkcq_17";
 const styles = {
   button,
   buttonContent,

package/__chunks__/{HorizontalGrid-BV2_WP0d.mjs → HorizontalGrid-Dd92y3Kh.mjs}

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

package/__chunks__/{HorizontalGrid-sYdKXIX9.js → HorizontalGrid-MV4O5akl.js}

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

package/__chunks__/{HorizontalStack-Jdgb1NMD.js → HorizontalStack-BYjFVogz.js}

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

package/__chunks__/{HorizontalStack-DtOxexq4.mjs → HorizontalStack-Cm2RPfec.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_1uyez_5";
+const HorizontalStack$1 = "_HorizontalStack_10ppk_5";
 const styles = {
   HorizontalStack: HorizontalStack$1
 };

package/__chunks__/{Icon-BdrQIZ7G.mjs → Icon-BBvP9A5e.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_4c1gb_5";
-const symbol = "_symbol_4c1gb_69";
+const Icon$1 = "_Icon_9ofua_5";
+const symbol = "_symbol_9ofua_69";
 const styles = {
   Icon: Icon$1,
   symbol

package/__chunks__/{Icon-ylOKybLj.js → Icon-BuiRCbBA.js}

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

package/__chunks__/{InputField-CmzPMEdU.mjs → InputField-BfGOYdX5.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-C4kynRVv.mjs";
-import { T as Text } from "./Text-hB1p7qnS.mjs";
-import { I as Icon } from "./Icon-BdrQIZ7G.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-CO7FOpAq.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-B5dopBYO.mjs";
+import { T as Text } from "./Text-BCY2taAk.mjs";
+import { I as Icon } from "./Icon-BBvP9A5e.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-CgTd-4A-.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-CDopP3qd.js → InputField-ClRUBF3T.js}

@@ -20,9 +20,9 @@ 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-DJjhAUG8.js");
-const Text = require("./Text-BP87eq_Y.js");
-const Icon = require("./Icon-ylOKybLj.js");
+const InputIcon = require("./InputIcon-NC2haFw-.js");
+const Text = require("./Text-DjxTQAjU.js");
+const Icon = require("./Icon-BuiRCbBA.js");
 const UnstyledButton = require("./UnstyledButton-Dn8KZHdh.js");
 const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
@@ -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,