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

package/__chunks__/InputField-DGb4ZDoR.js

@@ -0,0 +1,251 @@
+"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));
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const utilities_css = require("../utilities/css.js");
+const InputCaption = require("./InputCaption-CccF4ynE.js");
+const Text = require("./Text-DkzMEqky.js");
+const Icon = require("./Icon-BRlbo3RF.js");
+const UnstyledButton = require("./UnstyledButton-DW8CjaXN.js");
+const InputIcon = require("./InputIcon-DDKBJ_Tk.js");
+const InputField_module = require("./InputField.module-CmwwDXio.js");
+const useTextField = require("./useTextField-BlTYl2ML.js");
+const useHover = require("./useHover-Ck1otl-j.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+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__namespace.createElement("svg", __spreadValues$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.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__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.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 jsxRuntime.jsxs(UnstyledButton.UnstyledButton, {
+    className: utilities_css.classNames(InputField_module.styles.passwordBtn, isInputHovered && InputField_module.styles.hovered, hasError && InputField_module.styles.passwordBtnError, InputField_module.styles[utilities_css.variationName("passwordBtn", inputSize)]),
+    onPress: toggleVisibility,
+    isDisabled,
+    children: [jsxRuntime.jsx(Text.Text, {
+      visuallyHidden: true,
+      children: "password visibility"
+    }), jsxRuntime.jsx(Icon.Icon, {
+      symbol: isPasswordVisible ? Visibility : VisibilityOff,
+      size: InputIcon.mapIconSize(inputSize)
+    })]
+  });
+}
+function InputText(props) {
+  const { alignment = "start", size = "md", text } = props;
+  return jsxRuntime.jsx("div", {
+    className: utilities_css.classNames(InputField_module.styles.text, alignment === "start" ? InputField_module.styles.textStart : InputField_module.styles.textEnd, InputField_module.styles[utilities_css.variationName("inputTextPlacement", size)]),
+    children: jsxRuntime.jsx(Text.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 } = useTextField.$2d73ec29415bd339$export$712718f7aec83d5(__spreadProps(__spreadValues({}, props), {
+    inputElementType: InputIcon.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] = 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";
+  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(InputField_module.styles.input, isInputHovered && InputField_module.styles.hovered, Component === "textarea" && InputField_module.styles.textArea, isPassword && InputField_module.styles.passwordInput, hasError && InputField_module.styles.errorInput, hasStartIcon && InputField_module.styles.iconStartInput, hasEndIcon && InputField_module.styles.iconEndInput, hasTextAtStart && InputField_module.styles.textStartInput, hasTextAtEnd && InputField_module.styles.textEndInput, InputField_module.styles[utilities_css.variationName("inputSize", adjustedSize)]);
+  const inputType = Component === "textarea" ? void 0 : isTypeAdjustedForPasswordVisibility ? "text" : type;
+  return jsxRuntime.jsxs("div", {
+    className: utilities_css.classNames(InputField_module.styles.root),
+    children: [label && jsxRuntime.jsx(InputCaption.Label, __spreadProps(__spreadValues({
+      fieldSize: adjustedSize,
+      hasError,
+      isLabelEmphasized
+    }, labelProps), {
+      children: label
+    })), jsxRuntime.jsxs("div", {
+      className: InputField_module.styles.inputIconContainer,
+      children: [hasStartIcon && jsxRuntime.jsx(InputIcon.InputIcon, {
+        alignment: "start",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtStart
+      }), hasTextAtStart && jsxRuntime.jsx(InputText, {
+        alignment: "start",
+        size: adjustedSize,
+        text: textAtStart
+      }), jsxRuntime.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 && jsxRuntime.jsx(InputText, {
+        alignment: "end",
+        size: adjustedSize,
+        text: textAtEnd
+      }), isPassword ? jsxRuntime.jsx(PasswordButton, {
+        isInputHovered,
+        hasError,
+        inputSize: adjustedSize,
+        isDisabled,
+        isPasswordVisible,
+        toggleVisibility: () => setIsPasswordVisible((prevVisibility) => !prevVisibility)
+      }) : hasEndIcon && jsxRuntime.jsx(InputIcon.InputIcon, {
+        alignment: "end",
+        size: adjustedSize,
+        isDisabled,
+        icon: iconAtEnd
+      })]
+    }), (showErrorText || showHelperText) && jsxRuntime.jsx(InputCaption.InputCaption, __spreadProps(__spreadValues({
+      variant: showHelperText ? "helper" : "error"
+    }, captionProps), {
+      children: captionText
+    }))]
+  });
+}
+exports.InputField = InputField;

package/__chunks__/InputField.module-ClTfhFSB.mjs

@@ -0,0 +1,65 @@
+const root = "_root_1e71x_4";
+const inputIconContainer = "_inputIconContainer_1e71x_25";
+const label = "_label_1e71x_31";
+const input = "_input_1e71x_25";
+const errorInput = "_errorInput_1e71x_67";
+const inputSizeSm = "_inputSizeSm_1e71x_75";
+const inputSizeLg = "_inputSizeLg_1e71x_86";
+const passwordInput = "_passwordInput_1e71x_92";
+const passwordBtn = "_passwordBtn_1e71x_102";
+const hovered = "_hovered_1e71x_128";
+const textArea = "_textArea_1e71x_137";
+const passwordBtnError = "_passwordBtnError_1e71x_142";
+const passwordBtnSm = "_passwordBtnSm_1e71x_148";
+const passwordBtnLg = "_passwordBtnLg_1e71x_153";
+const icon = "_icon_1e71x_158";
+const iconDisabled = "_iconDisabled_1e71x_169";
+const iconStart = "_iconStart_1e71x_173";
+const iconEnd = "_iconEnd_1e71x_177";
+const iconStartInput = "_iconStartInput_1e71x_181";
+const iconEndInput = "_iconEndInput_1e71x_185";
+const inputIconPlacementSm = "_inputIconPlacementSm_1e71x_189";
+const inputIconPlacementLg = "_inputIconPlacementLg_1e71x_193";
+const caption = "_caption_1e71x_197";
+const textStartInput = "_textStartInput_1e71x_202";
+const textEndInput = "_textEndInput_1e71x_206";
+const text = "_text_1e71x_137";
+const inputTextPlacementSm = "_inputTextPlacementSm_1e71x_223";
+const inputTextPlacementLg = "_inputTextPlacementLg_1e71x_229";
+const textStart = "_textStart_1e71x_202";
+const textEnd = "_textEnd_1e71x_206";
+const styles = {
+  root,
+  inputIconContainer,
+  label,
+  input,
+  errorInput,
+  inputSizeSm,
+  inputSizeLg,
+  passwordInput,
+  passwordBtn,
+  hovered,
+  textArea,
+  passwordBtnError,
+  passwordBtnSm,
+  passwordBtnLg,
+  icon,
+  iconDisabled,
+  iconStart,
+  iconEnd,
+  iconStartInput,
+  iconEndInput,
+  inputIconPlacementSm,
+  inputIconPlacementLg,
+  caption,
+  textStartInput,
+  textEndInput,
+  text,
+  inputTextPlacementSm,
+  inputTextPlacementLg,
+  textStart,
+  textEnd
+};
+export {
+  styles as s
+};

package/__chunks__/InputField.module-CmwwDXio.js

@@ -0,0 +1,64 @@
+"use strict";
+const root = "_root_1e71x_4";
+const inputIconContainer = "_inputIconContainer_1e71x_25";
+const label = "_label_1e71x_31";
+const input = "_input_1e71x_25";
+const errorInput = "_errorInput_1e71x_67";
+const inputSizeSm = "_inputSizeSm_1e71x_75";
+const inputSizeLg = "_inputSizeLg_1e71x_86";
+const passwordInput = "_passwordInput_1e71x_92";
+const passwordBtn = "_passwordBtn_1e71x_102";
+const hovered = "_hovered_1e71x_128";
+const textArea = "_textArea_1e71x_137";
+const passwordBtnError = "_passwordBtnError_1e71x_142";
+const passwordBtnSm = "_passwordBtnSm_1e71x_148";
+const passwordBtnLg = "_passwordBtnLg_1e71x_153";
+const icon = "_icon_1e71x_158";
+const iconDisabled = "_iconDisabled_1e71x_169";
+const iconStart = "_iconStart_1e71x_173";
+const iconEnd = "_iconEnd_1e71x_177";
+const iconStartInput = "_iconStartInput_1e71x_181";
+const iconEndInput = "_iconEndInput_1e71x_185";
+const inputIconPlacementSm = "_inputIconPlacementSm_1e71x_189";
+const inputIconPlacementLg = "_inputIconPlacementLg_1e71x_193";
+const caption = "_caption_1e71x_197";
+const textStartInput = "_textStartInput_1e71x_202";
+const textEndInput = "_textEndInput_1e71x_206";
+const text = "_text_1e71x_137";
+const inputTextPlacementSm = "_inputTextPlacementSm_1e71x_223";
+const inputTextPlacementLg = "_inputTextPlacementLg_1e71x_229";
+const textStart = "_textStart_1e71x_202";
+const textEnd = "_textEnd_1e71x_206";
+const styles = {
+  root,
+  inputIconContainer,
+  label,
+  input,
+  errorInput,
+  inputSizeSm,
+  inputSizeLg,
+  passwordInput,
+  passwordBtn,
+  hovered,
+  textArea,
+  passwordBtnError,
+  passwordBtnSm,
+  passwordBtnLg,
+  icon,
+  iconDisabled,
+  iconStart,
+  iconEnd,
+  iconStartInput,
+  iconEndInput,
+  inputIconPlacementSm,
+  inputIconPlacementLg,
+  caption,
+  textStartInput,
+  textEndInput,
+  text,
+  inputTextPlacementSm,
+  inputTextPlacementLg,
+  textStart,
+  textEnd
+};
+exports.styles = styles;

package/__chunks__/InputIcon-CEATdJ1j.mjs

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
+import { classNames, variationName } from "../utilities/css.mjs";
+import { s as styles } from "./InputField.module-ClTfhFSB.mjs";
+function mapIconSize(size) {
+  if (size === "sm") {
+    return "xs";
+  } else if (size === "lg") {
+    return "md";
+  }
+  return size;
+}
+function logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea, iconAndTextPropsDefined) {
+  if (bothIconPropsDefined) {
+    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
+  }
+  if (smallSizeTextarea) {
+    console.warn("`textarea` cannot be defined with size `sm`");
+  }
+  if (definedIconsWithTextarea) {
+    console.warn("Cannot define `textarea` with `iconAtEnd` or `iconAtStart`");
+  }
+  if (iconAndTextPropsDefined) {
+    console.warn("Cannot simultaneously define `iconAtEnd` and `textAtEnd` or `iconAtStart` and `textAtStart`");
+  }
+}
+function logWarningForMissingAriaLabel(label, ariaLabel) {
+  if (!label && !ariaLabel) {
+    console.warn("An aria-label must be provided if omitting `label`");
+  }
+}
+function getElementType(isMultiline) {
+  return isMultiline ? "textarea" : "input";
+}
+function InputIcon(props) {
+  const { alignment = "start", size = "md", isDisabled = false, icon } = props;
+  return jsx("div", {
+    className: classNames(styles.icon, alignment === "start" ? styles.iconStart : styles.iconEnd, isDisabled && styles.iconDisabled, styles[variationName("inputIconPlacement", size)]),
+    children: jsx(Icon, {
+      symbol: icon,
+      size: mapIconSize(size)
+    })
+  });
+}
+export {
+  InputIcon as I,
+  logWarningsForInvalidPropConfiguration as a,
+  getElementType as g,
+  logWarningForMissingAriaLabel as l,
+  mapIconSize as m
+};

package/__chunks__/InputIcon-DDKBJ_Tk.js

@@ -0,0 +1,50 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("./Icon-BRlbo3RF.js");
+const utilities_css = require("../utilities/css.js");
+const InputField_module = require("./InputField.module-CmwwDXio.js");
+function mapIconSize(size) {
+  if (size === "sm") {
+    return "xs";
+  } else if (size === "lg") {
+    return "md";
+  }
+  return size;
+}
+function logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea, iconAndTextPropsDefined) {
+  if (bothIconPropsDefined) {
+    console.warn("Cannot simultaneously define `iconAtEnd` and `iconAtStart`");
+  }
+  if (smallSizeTextarea) {
+    console.warn("`textarea` cannot be defined with size `sm`");
+  }
+  if (definedIconsWithTextarea) {
+    console.warn("Cannot define `textarea` with `iconAtEnd` or `iconAtStart`");
+  }
+  if (iconAndTextPropsDefined) {
+    console.warn("Cannot simultaneously define `iconAtEnd` and `textAtEnd` or `iconAtStart` and `textAtStart`");
+  }
+}
+function logWarningForMissingAriaLabel(label, ariaLabel) {
+  if (!label && !ariaLabel) {
+    console.warn("An aria-label must be provided if omitting `label`");
+  }
+}
+function getElementType(isMultiline) {
+  return isMultiline ? "textarea" : "input";
+}
+function InputIcon(props) {
+  const { alignment = "start", size = "md", isDisabled = false, icon } = props;
+  return jsxRuntime.jsx("div", {
+    className: utilities_css.classNames(InputField_module.styles.icon, alignment === "start" ? InputField_module.styles.iconStart : InputField_module.styles.iconEnd, isDisabled && InputField_module.styles.iconDisabled, InputField_module.styles[utilities_css.variationName("inputIconPlacement", size)]),
+    children: jsxRuntime.jsx(Icon.Icon, {
+      symbol: icon,
+      size: mapIconSize(size)
+    })
+  });
+}
+exports.InputIcon = InputIcon;
+exports.getElementType = getElementType;
+exports.logWarningForMissingAriaLabel = logWarningForMissingAriaLabel;
+exports.logWarningsForInvalidPropConfiguration = logWarningsForInvalidPropConfiguration;
+exports.mapIconSize = mapIconSize;

package/__chunks__/Item-FD89BR0i.mjs

@@ -0,0 +1,80 @@
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+import React__default from "react";
+function $c1d7fb2ec91bae71$var$Item(props) {
+  return null;
+}
+$c1d7fb2ec91bae71$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
+  let { childItems, title, children } = props;
+  let rendered = props.title || props.children;
+  let textValue = props.textValue || (typeof rendered === "string" ? rendered : "") || props["aria-label"] || "";
+  if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning) && process.env.NODE_ENV !== "production") console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.");
+  yield {
+    type: "item",
+    props,
+    rendered,
+    textValue,
+    "aria-label": props["aria-label"],
+    hasChildNodes: $c1d7fb2ec91bae71$var$hasChildItems(props),
+    *childNodes() {
+      if (childItems) for (let child of childItems) yield {
+        type: "item",
+        value: child
+      };
+      else if (title) {
+        let items = [];
+        React__default.Children.forEach(children, (child) => {
+          items.push({
+            type: "item",
+            element: child
+          });
+        });
+        yield* __yieldStar(items);
+      }
+    }
+  };
+};
+function $c1d7fb2ec91bae71$var$hasChildItems(props) {
+  if (props.hasChildItems != null) return props.hasChildItems;
+  if (props.childItems) return true;
+  if (props.title && React__default.Children.count(props.children) > 0) return true;
+  return false;
+}
+let $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 = $c1d7fb2ec91bae71$var$Item;
+export {
+  $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 as $
+};

package/__chunks__/Item-h_oPjYVR.js

@@ -0,0 +1,79 @@
+"use strict";
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+const React = require("react");
+function $c1d7fb2ec91bae71$var$Item(props) {
+  return null;
+}
+$c1d7fb2ec91bae71$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
+  let { childItems, title, children } = props;
+  let rendered = props.title || props.children;
+  let textValue = props.textValue || (typeof rendered === "string" ? rendered : "") || props["aria-label"] || "";
+  if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning) && process.env.NODE_ENV !== "production") console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.");
+  yield {
+    type: "item",
+    props,
+    rendered,
+    textValue,
+    "aria-label": props["aria-label"],
+    hasChildNodes: $c1d7fb2ec91bae71$var$hasChildItems(props),
+    *childNodes() {
+      if (childItems) for (let child of childItems) yield {
+        type: "item",
+        value: child
+      };
+      else if (title) {
+        let items = [];
+        React.Children.forEach(children, (child) => {
+          items.push({
+            type: "item",
+            element: child
+          });
+        });
+        yield* __yieldStar(items);
+      }
+    }
+  };
+};
+function $c1d7fb2ec91bae71$var$hasChildItems(props) {
+  if (props.hasChildItems != null) return props.hasChildItems;
+  if (props.childItems) return true;
+  if (props.title && React.Children.count(props.children) > 0) return true;
+  return false;
+}
+let $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 = $c1d7fb2ec91bae71$var$Item;
+exports.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2 = $c1d7fb2ec91bae71$export$6d08773d2e66f8f2;