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

package/FocusedProductLayout/index.mjs

@@ -32,11 +32,11 @@ var __objRest = (source, exclude) => {
 import * as React from "react";
 import React__default from "react";
 import { getComponentToken, classNames, variationName } from "../utilities/css.mjs";
-import { H as HelpMenu } from "../__chunks__/HelpMenu-m1qJ4EyP.mjs";
-import { I as Icon } from "../__chunks__/Icon-3zFwhVjn.mjs";
-import { T as Text } from "../__chunks__/Text-Dfn-c0km.mjs";
-import { B as Button } from "../__chunks__/Button-Dy9idhgT.mjs";
-import { S as Stepper } from "../__chunks__/Stepper-D_2YRENa.mjs";
+import { H as HelpMenu } from "../__chunks__/HelpMenu-DCIr7b5K.mjs";
+import { I as Icon } from "../__chunks__/Icon-CDgix2Sz.mjs";
+import { T as Text } from "../__chunks__/Text-Sv_euunS.mjs";
+import { B as Button } from "../__chunks__/Button-D6onI-kJ.mjs";
+import { S as Stepper } from "../__chunks__/Stepper-CgF1pSNE.mjs";
 function Content({ children }) {
   return React__default.createElement("main", null, children);
 }
@@ -77,7 +77,7 @@ const ArrowBack = (_a) => {
     d: "M266.31-457.31 512-212l-32 32-300-300 300-300 32 32-245.69 245.31H780v45.38H266.31Z"
   }));
 };
-const BackArrow$1 = "_BackArrow_s3j3e_5";
+const BackArrow$1 = "_BackArrow_9gncy_5";
 const styles$5 = {
   BackArrow: BackArrow$1
 };
@@ -93,8 +93,8 @@ function BackArrow(props) {
     }, "Back"))
   }));
 }
-const HeaderAtTopOfPage$1 = "_HeaderAtTopOfPage_18qgm_5";
-const logoBox = "_logoBox_18qgm_14";
+const HeaderAtTopOfPage$1 = "_HeaderAtTopOfPage_1pmcl_5";
+const logoBox = "_logoBox_1pmcl_14";
 const styles$4 = {
   HeaderAtTopOfPage: HeaderAtTopOfPage$1,
   logoBox
@@ -112,10 +112,10 @@ function HeaderAtTopOfPage(props) {
     onAction: onHelpMenuAction
   }));
 }
-const HeaderInContentArea$1 = "_HeaderInContentArea_d77r7_5";
-const logoBar = "_logoBar_d77r7_12";
-const titleBox = "_titleBox_d77r7_24";
-const backArrowBox = "_backArrowBox_d77r7_30";
+const HeaderInContentArea$1 = "_HeaderInContentArea_cnczi_5";
+const logoBar = "_logoBar_cnczi_12";
+const titleBox = "_titleBox_cnczi_24";
+const backArrowBox = "_backArrowBox_cnczi_30";
 const styles$3 = {
   HeaderInContentArea: HeaderInContentArea$1,
   logoBar,
@@ -142,7 +142,7 @@ function HeaderInContentArea(props) {
     variant: "heading3"
   }, title))));
 }
-const SidePanel$1 = "_SidePanel_1bp3m_5";
+const SidePanel$1 = "_SidePanel_1mhxl_5";
 const styles$2 = {
   SidePanel: SidePanel$1
 };
@@ -154,11 +154,11 @@ function SidePanel(props) {
     style
   }, children);
 }
-const WizardContent$1 = "_WizardContent_7t01i_5";
-const main = "_main_7t01i_12";
-const stepperContainer = "_stepperContainer_7t01i_16";
-const stepper = "_stepper_7t01i_16";
-const footer = "_footer_7t01i_35";
+const WizardContent$1 = "_WizardContent_o5zwa_5";
+const main = "_main_o5zwa_12";
+const stepperContainer = "_stepperContainer_o5zwa_16";
+const stepper = "_stepper_o5zwa_16";
+const footer = "_footer_o5zwa_35";
 const styles$1 = {
   WizardContent: WizardContent$1,
   main,
@@ -188,11 +188,11 @@ function WizardContent(props) {
     onPress: nextAction.onAction
   }, nextAction.content)));
 }
-const FocusedProductLayout$1 = "_FocusedProductLayout_bna66_5";
-const innerContainer = "_innerContainer_bna66_18";
-const topBar = "_topBar_bna66_33";
-const contentContainer = "_contentContainer_bna66_42";
-const sidePanelPositionStart = "_sidePanelPositionStart_bna66_56";
+const FocusedProductLayout$1 = "_FocusedProductLayout_whj99_5";
+const innerContainer = "_innerContainer_whj99_18";
+const topBar = "_topBar_whj99_33";
+const contentContainer = "_contentContainer_whj99_42";
+const sidePanelPositionStart = "_sidePanelPositionStart_whj99_56";
 const styles = {
   FocusedProductLayout: FocusedProductLayout$1,
   innerContainer,

package/FormLayout/index.js

@@ -30,8 +30,8 @@ var __objRest = (source, exclude) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
-const HorizontalGrid = require("../__chunks__/HorizontalGrid-DuHNRhon.js");
-const Text = require("../__chunks__/Text-CoOcI-ZA.js");
+const HorizontalGrid = require("../__chunks__/HorizontalGrid-BUpw5nwO.js");
+const Text = require("../__chunks__/Text-Bo5ZXIKu.js");
 const utilities_react = require("../utilities/react.js");
 function Grid(props) {
   const { children, columns } = props;
@@ -40,7 +40,7 @@ function Grid(props) {
     gap: "2"
   }, children);
 }
-const Header$1 = "_Header_cbn9s_5";
+const Header$1 = "_Header_1caay_5";
 const styles$2 = {
   Header: Header$1
 };
@@ -58,7 +58,7 @@ function HelperText(props) {
   }, children);
 }
 const WithinSectionContext = React.createContext(false);
-const Section$1 = "_Section_i62wk_5";
+const Section$1 = "_Section_59yl8_5";
 const styles$1 = {
   Section: Section$1
 };
@@ -107,7 +107,7 @@ function Title(props) {
   }, restProps), textProps), children);
 }
 Title.displayName = "FormLayout.Title";
-const FormLayout$1 = "_FormLayout_1on65_5";
+const FormLayout$1 = "_FormLayout_120i8_5";
 const styles = {
   FormLayout: FormLayout$1
 };

package/FormLayout/index.mjs

@@ -28,8 +28,8 @@ var __objRest = (source, exclude) => {
 };
 import React__default, { createContext, useMemo, isValidElement, useContext } from "react";
 import { classNames } from "../utilities/css.mjs";
-import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-BYR8Gr-h.mjs";
-import { T as Text } from "../__chunks__/Text-Dfn-c0km.mjs";
+import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid--W2GD8lN.mjs";
+import { T as Text } from "../__chunks__/Text-Sv_euunS.mjs";
 import { deepFind } from "../utilities/react.mjs";
 function Grid(props) {
   const { children, columns } = props;
@@ -38,7 +38,7 @@ function Grid(props) {
     gap: "2"
   }, children);
 }
-const Header$1 = "_Header_cbn9s_5";
+const Header$1 = "_Header_1caay_5";
 const styles$2 = {
   Header: Header$1
 };
@@ -56,7 +56,7 @@ function HelperText(props) {
   }, children);
 }
 const WithinSectionContext = createContext(false);
-const Section$1 = "_Section_i62wk_5";
+const Section$1 = "_Section_59yl8_5";
 const styles$1 = {
   Section: Section$1
 };
@@ -105,7 +105,7 @@ function Title(props) {
   }, restProps), textProps), children);
 }
 Title.displayName = "FormLayout.Title";
-const FormLayout$1 = "_FormLayout_1on65_5";
+const FormLayout$1 = "_FormLayout_120i8_5";
 const styles = {
   FormLayout: FormLayout$1
 };

package/HorizontalGrid/index.js

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

package/HorizontalGrid/index.mjs

@@ -1,4 +1,4 @@
-import { H } from "../__chunks__/HorizontalGrid-BYR8Gr-h.mjs";
+import { H } from "../__chunks__/HorizontalGrid--W2GD8lN.mjs";
 export {
   H as HorizontalGrid
 };

package/HorizontalStack/index.js

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

package/HorizontalStack/index.mjs

@@ -1,4 +1,4 @@
-import { H } from "../__chunks__/HorizontalStack-DaZakHYj.mjs";
+import { H } from "../__chunks__/HorizontalStack-x4HGqgsU.mjs";
 export {
   H as HorizontalStack
 };

package/Icon/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Icon = require("../__chunks__/Icon-BB9QecRC.js");
+const Icon = require("../__chunks__/Icon-BCBvOy-b.js");
 exports.Icon = Icon.Icon;

package/Icon/index.mjs

@@ -1,4 +1,4 @@
-import { I } from "../__chunks__/Icon-3zFwhVjn.mjs";
+import { I } from "../__chunks__/Icon-CDgix2Sz.mjs";
 export {
   I as Icon
 };

package/IconButton/index.js

@@ -29,20 +29,20 @@ var __objRest = (source, exclude) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const UnstyledButton = require("../__chunks__/UnstyledButton-BfeN_d1h.js");
-const Icon = require("../__chunks__/Icon-BB9QecRC.js");
-const Text = require("../__chunks__/Text-CoOcI-ZA.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-Dn8KZHdh.js");
+const Icon = require("../__chunks__/Icon-BCBvOy-b.js");
+const Text = require("../__chunks__/Text-Bo5ZXIKu.js");
 const utilities_css = require("../utilities/css.js");
-const IconButton$1 = "_IconButton_im9cr_5";
-const colorPrimary = "_colorPrimary_im9cr_20";
-const colorSecondary = "_colorSecondary_im9cr_28";
-const colorSuccess = "_colorSuccess_im9cr_36";
-const colorWarning = "_colorWarning_im9cr_44";
-const colorNeutral = "_colorNeutral_im9cr_52";
-const colorSupport = "_colorSupport_im9cr_60";
-const colorInverse = "_colorInverse_im9cr_66";
-const variantOutlined = "_variantOutlined_im9cr_72";
-const variantFilled = "_variantFilled_im9cr_101";
+const IconButton$1 = "_IconButton_u82s8_5";
+const colorPrimary = "_colorPrimary_u82s8_20";
+const colorSecondary = "_colorSecondary_u82s8_28";
+const colorSuccess = "_colorSuccess_u82s8_36";
+const colorWarning = "_colorWarning_u82s8_44";
+const colorNeutral = "_colorNeutral_u82s8_52";
+const colorSupport = "_colorSupport_u82s8_60";
+const colorInverse = "_colorInverse_u82s8_66";
+const variantOutlined = "_variantOutlined_u82s8_72";
+const variantFilled = "_variantFilled_u82s8_101";
 const styles = {
   IconButton: IconButton$1,
   colorPrimary,

package/IconButton/index.mjs

@@ -27,20 +27,20 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-0v6TRjMY.mjs";
-import { I as Icon } from "../__chunks__/Icon-3zFwhVjn.mjs";
-import { T as Text } from "../__chunks__/Text-Dfn-c0km.mjs";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-6seSbTV1.mjs";
+import { I as Icon } from "../__chunks__/Icon-CDgix2Sz.mjs";
+import { T as Text } from "../__chunks__/Text-Sv_euunS.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const IconButton$1 = "_IconButton_im9cr_5";
-const colorPrimary = "_colorPrimary_im9cr_20";
-const colorSecondary = "_colorSecondary_im9cr_28";
-const colorSuccess = "_colorSuccess_im9cr_36";
-const colorWarning = "_colorWarning_im9cr_44";
-const colorNeutral = "_colorNeutral_im9cr_52";
-const colorSupport = "_colorSupport_im9cr_60";
-const colorInverse = "_colorInverse_im9cr_66";
-const variantOutlined = "_variantOutlined_im9cr_72";
-const variantFilled = "_variantFilled_im9cr_101";
+const IconButton$1 = "_IconButton_u82s8_5";
+const colorPrimary = "_colorPrimary_u82s8_20";
+const colorSecondary = "_colorSecondary_u82s8_28";
+const colorSuccess = "_colorSuccess_u82s8_36";
+const colorWarning = "_colorWarning_u82s8_44";
+const colorNeutral = "_colorNeutral_u82s8_52";
+const colorSupport = "_colorSupport_u82s8_60";
+const colorInverse = "_colorInverse_u82s8_66";
+const variantOutlined = "_variantOutlined_u82s8_72";
+const variantFilled = "_variantFilled_u82s8_101";
 const styles = {
   IconButton: IconButton$1,
   colorPrimary,

package/InputField/InputField.d.ts

@@ -69,6 +69,10 @@ export type InputFieldProps = AriaTextFieldProps & {
     iconAtStart?: IconSymbol;
     /** Right aligned icon on input. */
     iconAtEnd?: IconSymbol;
+    /** Left aligned text on input */
+    textAtStart?: ReactNode;
+    /** Right aligned text on input */
+    textAtEnd?: ReactNode;
 };
 /**
  * @privateRemarks

package/InputField/InputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/InputField/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AActC,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBA4IhD"}
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/InputField/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAetC,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kCAAkC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AACF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBA8JhD"}

package/InputField/index.js

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

package/InputField/index.mjs

@@ -1,4 +1,4 @@
-import { I } from "../__chunks__/InputField-CdEl4M4-.mjs";
+import { I } from "../__chunks__/InputField-Bj22Z9om.mjs";
 export {
   I as InputField
 };

package/InputField/inputText.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from "react";
+import { InputSize } from "./InputField";
+export type TextFieldTextAlignment = "start" | "end";
+export type TextFieldTextProps = {
+    /**
+     * Input's text alignment.
+     * @default false
+     */
+    alignment?: TextFieldTextAlignment;
+    /**
+     * Size of associated input.
+     * @default 'md'
+     */
+    size?: InputSize;
+    /** Text to display alongside input. */
+    text: ReactNode;
+};
+/**
+ * @privateRemarks
+ * The InputText component has been designed for use on the InputField
+ * component. Text can appears either at the start or end of the input
+ */
+export declare function InputText(props: TextFieldTextProps): React.JSX.Element;
+//# sourceMappingURL=inputText.d.ts.map

package/InputField/inputText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputText.d.ts","sourceRoot":"","sources":["../../src/InputField/inputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,KAAK,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBAkBlD"}

package/InputField/utilities.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 import { InputSize } from "./InputField";
 /** Small fields need xs icon */
 export declare function mapIconSize(size: InputSize): "md" | "xs";
-export declare function logWarningsForInvalidPropConfiguration(bothIconPropsDefined: boolean, smallSizeTextarea: boolean, definedIconsWithTextarea: boolean): void;
+export declare function logWarningsForInvalidPropConfiguration(bothIconPropsDefined: boolean, smallSizeTextarea: boolean, definedIconsWithTextarea: boolean, iconAndTextPropsDefined: boolean): void;
 export declare function logWarningForMissingAriaLabel(label: ReactNode, ariaLabel: string | undefined): void;
 export declare function getElementType(isMultiline: boolean): "input" | "textarea";
 //# sourceMappingURL=utilities.d.ts.map

package/InputField/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/InputField/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,gCAAgC;AAChC,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,eAO1C;AAED,wBAAgB,sCAAsC,CACpD,oBAAoB,EAAE,OAAO,EAC7B,iBAAiB,EAAE,OAAO,EAC1B,wBAAwB,EAAE,OAAO,QAalC;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,MAAM,GAAG,SAAS,QAK9B;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,OAAO,wBAElD"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/InputField/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,gCAAgC;AAChC,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,eAO1C;AAED,wBAAgB,sCAAsC,CACpD,oBAAoB,EAAE,OAAO,EAC7B,iBAAiB,EAAE,OAAO,EAC1B,wBAAwB,EAAE,OAAO,EACjC,uBAAuB,EAAE,OAAO,QAmBjC;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,MAAM,GAAG,SAAS,QAK9B;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,OAAO,wBAElD"}

package/KebabButton/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const KebabButton = require("../__chunks__/KebabButton-3bAqpgLu.js");
+const KebabButton = require("../__chunks__/KebabButton-ClU7vgEf.js");
 exports.KebabButton = KebabButton.KebabButton;

package/KebabButton/index.mjs

@@ -1,4 +1,4 @@
-import { K } from "../__chunks__/KebabButton-fmLpDchx.mjs";
+import { K } from "../__chunks__/KebabButton-DDDKfSUI.mjs";
 export {
   K as KebabButton
 };

package/Menu/index.js

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

package/Menu/index.mjs

@@ -1,4 +1,4 @@
-import { M } from "../__chunks__/Menu-B95QYBVQ.mjs";
+import { M } from "../__chunks__/Menu-B4KcJbMm.mjs";
 export {
   M as Menu
 };

package/Modal/index.js

@@ -34,16 +34,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
-const Button = require("../__chunks__/Button-D_Bk7BuN.js");
+const Button = require("../__chunks__/Button-DQ2NkvB7.js");
 const Close = require("../__chunks__/Close-BQ2IlPyf.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-By6XdGZh.js");
-const Icon = require("../__chunks__/Icon-BB9QecRC.js");
-const Text = require("../__chunks__/Text-CoOcI-ZA.js");
-const VerticalStack = require("../__chunks__/VerticalStack-BUxIVmGp.js");
-const useDialog = require("../__chunks__/useDialog-CtMBWxF5.js");
-const Overlay = require("../__chunks__/Overlay-CUtfbILq.js");
-const useCloseOnScroll = require("../__chunks__/useCloseOnScroll-CLFhBFoo.js");
-const ariaHideOutside = require("../__chunks__/ariaHideOutside-2fSu0FuJ.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CXhmbQu4.js");
+const Icon = require("../__chunks__/Icon-BCBvOy-b.js");
+const Text = require("../__chunks__/Text-Bo5ZXIKu.js");
+const VerticalStack = require("../__chunks__/VerticalStack-DYStFa7Z.js");
+const useDialog = require("../__chunks__/useDialog-Dsqz1M_N.js");
+const Overlay = require("../__chunks__/Overlay-ZinDp2HW.js");
+const ariaHideOutside = require("../__chunks__/ariaHideOutside-DNGR3Fo6.js");
 const useIntersectionDetection = require("../__chunks__/useIntersectionDetection-DI5n4zwA.js");
 const ModalContext = React.createContext(null);
 const useModalContext = () => {
@@ -65,20 +64,20 @@ const useModalTrigger = () => {
   const modalTriggerContext = useModalTriggerContext();
   return modalTriggerContext.state;
 };
-const underlayBg = "_underlayBg_ji954_5";
-const underlayBox = "_underlayBox_ji954_28";
-const underlayEdge = "_underlayEdge_ji954_36";
-const Modal$1 = "_Modal_ji954_42";
-const header = "_header_ji954_60";
-const stuck = "_stuck_ji954_66";
-const body = "_body_ji954_70";
-const content = "_content_ji954_77";
-const footer = "_footer_ji954_94";
-const closeBtn = "_closeBtn_ji954_111";
-const iconAtEnd = "_iconAtEnd_ji954_125";
-const sizeSm = "_sizeSm_ji954_131";
-const sizeMd = "_sizeMd_ji954_135";
-const sizeLg = "_sizeLg_ji954_139";
+const underlayBg = "_underlayBg_1exz2_5";
+const underlayBox = "_underlayBox_1exz2_28";
+const underlayEdge = "_underlayEdge_1exz2_36";
+const Modal$1 = "_Modal_1exz2_42";
+const header = "_header_1exz2_60";
+const stuck = "_stuck_1exz2_66";
+const body = "_body_1exz2_70";
+const content = "_content_1exz2_77";
+const footer = "_footer_1exz2_94";
+const closeBtn = "_closeBtn_1exz2_111";
+const iconAtEnd = "_iconAtEnd_1exz2_125";
+const sizeSm = "_sizeSm_1exz2_131";
+const sizeMd = "_sizeMd_1exz2_135";
+const sizeLg = "_sizeLg_1exz2_139";
 const styles = {
   underlayBg,
   underlayBox,
@@ -188,7 +187,7 @@ function ModalUnderlay(props) {
 }
 function ModalTrigger(props) {
   const _a = props, { children, isDismissable = true } = _a, inTriggerProps = __objRest(_a, ["children", "isDismissable"]);
-  const state = useCloseOnScroll.$fc909762b330b746$export$61c6a8c84e605fb6(inTriggerProps);
+  const state = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(inTriggerProps);
   const { triggerProps, overlayProps } = ariaHideOutside.$628037886ba31236$export$f9d5c8beee7d008d({
     type: "dialog"
   }, state);
@@ -229,7 +228,7 @@ function ModalContainer(props) {
   if (child && child !== lastChild) {
     setLastChild(child);
   }
-  const state = useCloseOnScroll.$fc909762b330b746$export$61c6a8c84e605fb6({
+  const state = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6({
     isOpen: Boolean(child),
     onOpenChange: (isOpen) => {
       if (!isOpen) {

package/Modal/index.mjs

@@ -32,16 +32,15 @@ var __objRest = (source, exclude) => {
 import React__default, { createContext, useContext, useMemo, cloneElement, useState, useRef } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { useScrollbar } from "../utilities/useScrollbar.mjs";
-import { B as Button } from "../__chunks__/Button-Dy9idhgT.mjs";
+import { B as Button } from "../__chunks__/Button-D6onI-kJ.mjs";
 import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-DaZakHYj.mjs";
-import { I as Icon } from "../__chunks__/Icon-3zFwhVjn.mjs";
-import { T as Text } from "../__chunks__/Text-Dfn-c0km.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-ac4iBcxE.mjs";
-import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb, a as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-CfUEt_df.mjs";
-import { a as $337b884510726a0d$export$c6fdb837b070b4ff } from "../__chunks__/Overlay-BtzIt9Ka.mjs";
-import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/useCloseOnScroll-DxZ3orlK.mjs";
-import { c as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/ariaHideOutside-Dhj8j6Mb.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-x4HGqgsU.mjs";
+import { I as Icon } from "../__chunks__/Icon-CDgix2Sz.mjs";
+import { T as Text } from "../__chunks__/Text-Sv_euunS.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-BGcflJsS.mjs";
+import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb, a as $40df3f8667284809$export$d55e7ee900f34e93 } from "../__chunks__/useDialog-DAYxqkKY.mjs";
+import { c as $337b884510726a0d$export$c6fdb837b070b4ff, b as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-CuhLUuXt.mjs";
+import { c as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/ariaHideOutside-DcIkumuG.mjs";
 import { u as useIntersectionDetection } from "../__chunks__/useIntersectionDetection-BvUmtDgl.mjs";
 const ModalContext = createContext(null);
 const useModalContext = () => {
@@ -63,20 +62,20 @@ const useModalTrigger = () => {
   const modalTriggerContext = useModalTriggerContext();
   return modalTriggerContext.state;
 };
-const underlayBg = "_underlayBg_ji954_5";
-const underlayBox = "_underlayBox_ji954_28";
-const underlayEdge = "_underlayEdge_ji954_36";
-const Modal$1 = "_Modal_ji954_42";
-const header = "_header_ji954_60";
-const stuck = "_stuck_ji954_66";
-const body = "_body_ji954_70";
-const content = "_content_ji954_77";
-const footer = "_footer_ji954_94";
-const closeBtn = "_closeBtn_ji954_111";
-const iconAtEnd = "_iconAtEnd_ji954_125";
-const sizeSm = "_sizeSm_ji954_131";
-const sizeMd = "_sizeMd_ji954_135";
-const sizeLg = "_sizeLg_ji954_139";
+const underlayBg = "_underlayBg_1exz2_5";
+const underlayBox = "_underlayBox_1exz2_28";
+const underlayEdge = "_underlayEdge_1exz2_36";
+const Modal$1 = "_Modal_1exz2_42";
+const header = "_header_1exz2_60";
+const stuck = "_stuck_1exz2_66";
+const body = "_body_1exz2_70";
+const content = "_content_1exz2_77";
+const footer = "_footer_1exz2_94";
+const closeBtn = "_closeBtn_1exz2_111";
+const iconAtEnd = "_iconAtEnd_1exz2_125";
+const sizeSm = "_sizeSm_1exz2_131";
+const sizeMd = "_sizeMd_1exz2_135";
+const sizeLg = "_sizeLg_1exz2_139";
 const styles = {
   underlayBg,
   underlayBox,