@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

package/__chunks__/Input-BIRbdEcT.mjs

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React__default, { createContext } from "react";
+import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-C1be5hOp.mjs";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-COe48wta.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BWKhJSvH.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
+const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /* @__PURE__ */ createContext(null);
+const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
+const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
+let $3985021b0ad6602f$var$filterHoverProps = (props) => {
+  let _a = props, { onHoverStart, onHoverChange, onHoverEnd } = _a, otherProps = __objRest(_a, ["onHoverStart", "onHoverChange", "onHoverEnd"]);
+  return otherProps;
+};
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(__spreadProps(__spreadValues({}, props), {
+    isDisabled: props.disabled
+  }));
+  let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
+    isTextInput: true,
+    autoFocus: props.autoFocus
+  });
+  let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
+    values: {
+      isHovered,
+      isFocused,
+      isFocusVisible,
+      isDisabled: props.disabled || false,
+      isInvalid
+    },
+    defaultClassName: "react-aria-Input"
+  }));
+  return /* @__PURE__ */ React__default.createElement("input", __spreadProps(__spreadValues(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps)), renderProps), {
+    ref,
+    "data-focused": isFocused || void 0,
+    "data-disabled": props.disabled || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-invalid": isInvalid || void 0
+  }));
+});
+export {
+  $3985021b0ad6602f$export$37fb8590cf2c088c as $,
+  $a049562f99e7db0e$export$f9c6924e160136d1 as a,
+  $ee014567cb39d3f0$export$ff05c3ac10437e03 as b,
+  $3985021b0ad6602f$export$f5b8910cec6cf069 as c
+};

package/__chunks__/Input-CwXLFYJK.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const React = require("react");
+const utils = require("./utils-CRWC8dEm.js");
+const Hidden = require("./Hidden-C0ANs40F.js");
+const useHover = require("./useHover-Ck1otl-j.js");
+const useFocusRing = require("./useFocusRing-DbC9E5wC.js");
+const mergeProps = require("./mergeProps-DLPcevok.js");
+const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /* @__PURE__ */ React.createContext(null);
+const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ React.createContext({});
+const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ React.createContext({});
+let $3985021b0ad6602f$var$filterHoverProps = (props) => {
+  let _a = props, { onHoverStart, onHoverChange, onHoverEnd } = _a, otherProps = __objRest(_a, ["onHoverStart", "onHoverChange", "onHoverEnd"]);
+  return otherProps;
+};
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ Hidden.$f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
+  [props, ref] = utils.$64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
+  let { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(__spreadProps(__spreadValues({}, props), {
+    isDisabled: props.disabled
+  }));
+  let { isFocused, isFocusVisible, focusProps } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f({
+    isTextInput: true,
+    autoFocus: props.autoFocus
+  });
+  let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+  let renderProps = utils.$64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
+    values: {
+      isHovered,
+      isFocused,
+      isFocusVisible,
+      isDisabled: props.disabled || false,
+      isInvalid
+    },
+    defaultClassName: "react-aria-Input"
+  }));
+  return /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps)), renderProps), {
+    ref,
+    "data-focused": isFocused || void 0,
+    "data-disabled": props.disabled || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-invalid": isInvalid || void 0
+  }));
+});
+exports.$3985021b0ad6602f$export$37fb8590cf2c088c = $3985021b0ad6602f$export$37fb8590cf2c088c;
+exports.$3985021b0ad6602f$export$f5b8910cec6cf069 = $3985021b0ad6602f$export$f5b8910cec6cf069;
+exports.$a049562f99e7db0e$export$f9c6924e160136d1 = $a049562f99e7db0e$export$f9c6924e160136d1;
+exports.$ee014567cb39d3f0$export$ff05c3ac10437e03 = $ee014567cb39d3f0$export$ff05c3ac10437e03;

package/__chunks__/InputCaption-CccF4ynE.js

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const Text = require("./Text-DkzMEqky.js");
+const InputField_module = require("./InputField.module-CmwwDXio.js");
+const utilities_css = require("../utilities/css.js");
+const Label$1 = require("./Label-B6GdFt8f.js");
+function Label(props) {
+  const _a = props, { isLabelEmphasized = false, fieldSize = "md", hasError = false, children } = _a, labelProps = __objRest(_a, ["isLabelEmphasized", "fieldSize", "hasError", "children"]);
+  const textVariant = isLabelEmphasized ? "subtitle1" : fieldSize === "sm" ? "body2" : "body1";
+  const as = isLabelEmphasized ? "strong" : "span";
+  const color = hasError ? "danger" : void 0;
+  return jsxRuntime.jsx(Label$1.$01b77f81d0f07f68$export$b04be29aa201d4f5, __spreadProps(__spreadValues({}, labelProps), {
+    className: utilities_css.classNames(InputField_module.styles.label),
+    children: jsxRuntime.jsx(Text.Text, {
+      variant: textVariant,
+      as,
+      color,
+      children
+    })
+  }));
+}
+function InputCaption(props) {
+  const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
+  return jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, captionTextProps), {
+    className: InputField_module.styles.caption,
+    children: jsxRuntime.jsx(Text.Text, {
+      variant: "caption",
+      color: variant === "helper" ? "subdued" : "danger",
+      children
+    })
+  }));
+}
+exports.InputCaption = InputCaption;
+exports.Label = Label;

package/__chunks__/InputCaption-DoyGkWQe.mjs

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
+import { s as styles } from "./InputField.module-ClTfhFSB.mjs";
+import { classNames } from "../utilities/css.mjs";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-LpYJUKnw.mjs";
+function Label(props) {
+  const _a = props, { isLabelEmphasized = false, fieldSize = "md", hasError = false, children } = _a, labelProps = __objRest(_a, ["isLabelEmphasized", "fieldSize", "hasError", "children"]);
+  const textVariant = isLabelEmphasized ? "subtitle1" : fieldSize === "sm" ? "body2" : "body1";
+  const as = isLabelEmphasized ? "strong" : "span";
+  const color = hasError ? "danger" : void 0;
+  return jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, __spreadProps(__spreadValues({}, labelProps), {
+    className: classNames(styles.label),
+    children: jsx(Text, {
+      variant: textVariant,
+      as,
+      color,
+      children
+    })
+  }));
+}
+function InputCaption(props) {
+  const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
+  return jsx("div", __spreadProps(__spreadValues({}, captionTextProps), {
+    className: styles.caption,
+    children: jsx(Text, {
+      variant: "caption",
+      color: variant === "helper" ? "subdued" : "danger",
+      children
+    })
+  }));
+}
+export {
+  InputCaption as I,
+  Label as L
+};

package/__chunks__/InputField-CAY9O90X.mjs

@@ -0,0 +1,236 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import React__default, { useState } from "react";
+import { classNames, variationName } from "../utilities/css.mjs";
+import { L as Label, I as InputCaption } from "./InputCaption-DoyGkWQe.mjs";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
+import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.mjs";
+import { m as mapIconSize, g as getElementType, a as logWarningsForInvalidPropConfiguration, l as logWarningForMissingAriaLabel, I as InputIcon } from "./InputIcon-CEATdJ1j.mjs";
+import { s as styles } from "./InputField.module-ClTfhFSB.mjs";
+import { $ as $2d73ec29415bd339$export$712718f7aec83d5 } from "./useTextField-0Mbs_DmY.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(b)) {
+    if (__propIsEnum$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Visibility = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest$1(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M480.21-344.23q64.64 0 110.1-45.67 45.46-45.67 45.46-110.31t-45.67-110.1q-45.67-45.46-110.31-45.46t-110.1 45.67q-45.46 45.67-45.46 110.31t45.67 110.1q45.67 45.46 110.31 45.46Zm-.51-44.92q-46.32 0-78.43-32.42-32.12-32.42-32.12-78.73 0-46.32 32.42-78.43 32.42-32.12 78.73-32.12 46.32 0 78.43 32.42 32.12 32.42 32.12 78.73 0 46.32-32.42 78.43-32.42 32.12-78.73 32.12Zm.35 169.15q-137.59 0-249.82-77.04Q118-374.08 61.54-500 118-625.92 230.18-702.96 342.35-780 479.95-780q137.59 0 249.82 77.04Q842-625.92 898.46-500 842-374.08 729.82-297.04 617.65-220 480.05-220ZM480-500Zm-.17 234.61q119.25 0 218.82-63.76Q798.23-392.92 850.46-500q-52.23-107.08-151.64-170.85-99.41-63.76-218.65-63.76-119.25 0-218.82 63.76Q161.77-607.08 108.92-500q52.85 107.08 152.26 170.85 99.41 63.76 218.65 63.76Z"
+  }));
+};
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const VisibilityOff = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "m620.15-434.39-34.77-34.76q21.39-67.54-28.53-111.47-49.93-43.92-107.7-24.76l-34.76-34.77q13.53-7.93 30.3-11.77 16.77-3.85 35.31-3.85 65.23 0 110.5 45.27 45.27 45.27 45.27 110.5 0 18.54-4.16 36-4.15 17.46-11.46 29.61ZM748-307.69l-31.15-30q45.92-34.08 80.69-75.89 34.77-41.8 52.92-86.42-50-108.31-148.46-171.46-98.46-63.15-214.69-63.15-38.54 0-78.12 7.03-39.57 7.04-65.34 16.89L309-746.15q33.46-14.46 81.42-24.16 47.97-9.69 93.43-9.69 134.53 0 248.03 76.12Q845.38-627.77 898.46-500 874-442.54 836.27-394.35q-37.73 48.19-88.27 86.66Zm59.92 216.76L646.08-250.92q-30.77 13.61-74.39 22.26Q528.08-220 480-220q-137.54 0-250.77-76.12Q116-372.23 61.54-500q21.54-52.38 59.15-101.12 37.62-48.73 87.08-89.11L85.23-812.38l32-32.62 720.46 720.46-29.77 33.61Zm-569.15-567.3q-37.38 26.23-74.96 71-37.58 44.77-54.89 87.23 50.62 108.31 150.81 171.46 100.19 63.15 225.96 63.15 37.23 0 73.66-5.73 36.42-5.73 52.42-14.11l-70.92-70.93q-10.62 5.39-28.35 8.66-17.73 3.27-32.5 3.27-64.61 0-110.19-44.96T324.23-500q0-15 3.27-31.92 3.27-16.93 8.66-28.93l-97.39-97.38ZM531.46-517Zm-106 53.38Z"
+  }));
+};
+function PasswordButton(props) {
+  const { hasError = false, inputSize = "md", isDisabled = false, isPasswordVisible = false, toggleVisibility, isInputHovered = false } = props;
+  return jsxs(UnstyledButton, {
+    className: classNames(styles.passwordBtn, isInputHovered && styles.hovered, hasError && styles.passwordBtnError, styles[variationName("passwordBtn", inputSize)]),
+    onPress: toggleVisibility,
+    isDisabled,
+    children: [jsx(Text, {
+      visuallyHidden: true,
+      children: "password visibility"
+    }), jsx(Icon, {
+      symbol: isPasswordVisible ? Visibility : VisibilityOff,
+      size: mapIconSize(inputSize)
+    })]
+  });
+}
+function InputText(props) {
+  const { alignment = "start", size = "md", text } = props;
+  return jsx("div", {
+    className: classNames(styles.text, alignment === "start" ? styles.textStart : styles.textEnd, styles[variationName("inputTextPlacement", size)]),
+    children: jsx(Text, {
+      variant: size === "sm" ? "body2" : "body1",
+      color: alignment === "start" ? "neutral.600" : "neutral.400",
+      children: text
+    })
+  });
+}
+function useInputField(props, ref) {
+  const { isMultiline = false } = props;
+  const { labelProps, inputProps, descriptionProps: helperTextProps, errorMessageProps: errorTextProps } = $2d73ec29415bd339$export$712718f7aec83d5(__spreadProps(__spreadValues({}, props), {
+    inputElementType: getElementType(isMultiline)
+  }), ref);
+  let elementProps = {};
+  if (isMultiline) {
+    elementProps = inputProps;
+  } else {
+    elementProps = inputProps;
+  }
+  return {
+    labelProps,
+    elementProps,
+    helperTextProps,
+    errorTextProps
+  };
+}
+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, 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";
+  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, hasTextAtStart && styles.textStartInput, hasTextAtEnd && styles.textEndInput, styles[variationName("inputSize", adjustedSize)]);
+  const inputType = Component === "textarea" ? void 0 : isTypeAdjustedForPasswordVisibility ? "text" : type;
+  return jsxs("div", {
+    className: classNames(styles.root),
+    children: [label && jsx(Label, __spreadProps(__spreadValues({
+      fieldSize: adjustedSize,
+      hasError,
+      isLabelEmphasized
+    }, labelProps), {
+      children: label
+    })), jsxs("div", {
+      className: styles.inputIconContainer,
+      children: [hasStartIcon && jsx(InputIcon, {
+        alignment: "start",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtStart
+      }), hasTextAtStart && jsx(InputText, {
+        alignment: "start",
+        size: adjustedSize,
+        text: textAtStart
+      }), jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
+        className,
+        ref,
+        type: inputType,
+        value,
+        required: isRequired,
+        disabled: isDisabled,
+        placeholder,
+        autoFocus,
+        defaultValue,
+        rows: Component === "textarea" ? rows : void 0
+      })), hasTextAtEnd && jsx(InputText, {
+        alignment: "end",
+        size: adjustedSize,
+        text: textAtEnd
+      }), isPassword ? jsx(PasswordButton, {
+        isInputHovered,
+        hasError,
+        inputSize: adjustedSize,
+        isDisabled,
+        isPasswordVisible,
+        toggleVisibility: () => setIsPasswordVisible((prevVisibility) => !prevVisibility)
+      }) : hasEndIcon && jsx(InputIcon, {
+        alignment: "end",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtEnd
+      })]
+    }), (showErrorText || showHelperText) && jsx(InputCaption, __spreadProps(__spreadValues({
+      variant: showHelperText ? "helper" : "error"
+    }, captionProps), {
+      children: captionText
+    }))]
+  });
+}
+export {
+  InputField as I
+};