@easypost/easy-ui 1.0.0-alpha.5 → 1.0.0-alpha.6

package/__chunks__/Card-2bd533c4.js

@@ -1,85 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-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 __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 omit = require("./omit-fca26542.js");
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-const container = "_container_1vum0_5";
-const area = "_area_1vum0_22";
-const variantOutlined = "_variantOutlined_1vum0_58";
-const variantFlagged = "_variantFlagged_1vum0_59";
-const selected = "_selected_1vum0_71";
-const disabled = "_disabled_1vum0_75";
-const statusDanger = "_statusDanger_1vum0_79";
-const statusWarning = "_statusWarning_1vum0_83";
-const statusSuccess = "_statusSuccess_1vum0_87";
-const styles = {
-  container,
-  area,
-  variantOutlined,
-  variantFlagged,
-  selected,
-  disabled,
-  statusDanger,
-  statusWarning,
-  statusSuccess
-};
-const DEFAULT_ELEMENT_TYPE = "div";
-const DEFAULT_VARIANT = "outlined";
-function CardContainer(props) {
-  const _a = props, { as: As = DEFAULT_ELEMENT_TYPE, children, isDisabled, isSelected, status, variant = DEFAULT_VARIANT } = _a, restProps = __objRest(_a, ["as", "children", "isDisabled", "isSelected", "status", "variant"]);
-  const className = utilities_css.classNames(styles.container, styles[utilities_css.variationName("variant", variant)], variant === "flagged" && status && styles[utilities_css.variationName("status", status)], variant === "outlined" && isDisabled && styles.disabled, variant === "outlined" && isSelected && styles.selected);
-  if (variant !== "flagged" && status) {
-    console.warn("status is only applicable for flagged cards");
-  }
-  if (variant !== "outlined" && isSelected) {
-    console.warn("isSelected is only applicable for outlined cards");
-  }
-  return React.createElement(As, __spreadValues({
-    className,
-    disabled: isDisabled
-  }, omit.omit(restProps, ["className"])), children);
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("card-area", "background", "color.surface.card", background)), utilities_css.getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return React.createElement("div", {
-    className: styles.area,
-    style
-  }, children);
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return React.createElement(CardContainer, __spreadValues({}, containerProps), React.createElement(CardArea, {
-    background,
-    padding
-  }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
-exports.Card = Card;

package/__chunks__/Card-4ad318ba.mjs

@@ -1,86 +0,0 @@
-var __defProp = Object.defineProperty;
-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 __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 { o as omit } from "./omit-f17deb8f.mjs";
-import React__default from "react";
-import { classNames, variationName, getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const container = "_container_1vum0_5";
-const area = "_area_1vum0_22";
-const variantOutlined = "_variantOutlined_1vum0_58";
-const variantFlagged = "_variantFlagged_1vum0_59";
-const selected = "_selected_1vum0_71";
-const disabled = "_disabled_1vum0_75";
-const statusDanger = "_statusDanger_1vum0_79";
-const statusWarning = "_statusWarning_1vum0_83";
-const statusSuccess = "_statusSuccess_1vum0_87";
-const styles = {
-  container,
-  area,
-  variantOutlined,
-  variantFlagged,
-  selected,
-  disabled,
-  statusDanger,
-  statusWarning,
-  statusSuccess
-};
-const DEFAULT_ELEMENT_TYPE = "div";
-const DEFAULT_VARIANT = "outlined";
-function CardContainer(props) {
-  const _a = props, { as: As = DEFAULT_ELEMENT_TYPE, children, isDisabled, isSelected, status, variant = DEFAULT_VARIANT } = _a, restProps = __objRest(_a, ["as", "children", "isDisabled", "isSelected", "status", "variant"]);
-  const className = classNames(styles.container, styles[variationName("variant", variant)], variant === "flagged" && status && styles[variationName("status", status)], variant === "outlined" && isDisabled && styles.disabled, variant === "outlined" && isSelected && styles.selected);
-  if (variant !== "flagged" && status) {
-    console.warn("status is only applicable for flagged cards");
-  }
-  if (variant !== "outlined" && isSelected) {
-    console.warn("isSelected is only applicable for outlined cards");
-  }
-  return React__default.createElement(As, __spreadValues({
-    className,
-    disabled: isDisabled
-  }, omit(restProps, ["className"])), children);
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("card-area", "background", "color.surface.card", background)), getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return React__default.createElement("div", {
-    className: styles.area,
-    style
-  }, children);
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return React__default.createElement(CardContainer, __spreadValues({}, containerProps), React__default.createElement(CardArea, {
-    background,
-    padding
-  }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
-export {
-  Card as C
-};

package/__chunks__/HorizontalStack-65adb570.mjs

@@ -1,50 +0,0 @@
-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, { forwardRef } from "react";
-import { getResponsiveDesignToken, getComponentToken } from "../utilities/css.mjs";
-const HorizontalStack$1 = "_HorizontalStack_1gyjm_5";
-const styles = {
-  HorizontalStack: HorizontalStack$1
-};
-const HorizontalStack = forwardRef((props, ref) => {
-  const _a = props, { as: As = "div", align, blockAlign, gap, wrap = true, children, inline } = _a, restProps = __objRest(_a, ["as", "align", "blockAlign", "gap", "wrap", "children", "inline"]);
-  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveDesignToken("horizontal-stack", "gap", "space", gap)), getComponentToken("horizontal-stack", "align", align)), getComponentToken("horizontal-stack", "block-align", blockAlign)), getComponentToken("horizontal-stack", "wrap", wrap ? "wrap" : "nowrap")), getComponentToken("horizontal-stack", "display", inline ? "inline-flex" : "flex"));
-  return React__default.createElement(As, __spreadProps(__spreadValues({}, restProps), {
-    className: styles.HorizontalStack,
-    style,
-    ref
-  }), children);
-});
-HorizontalStack.displayName = "HorizontalStack";
-export {
-  HorizontalStack as H
-};

package/__chunks__/HorizontalStack-f331bfc7.js

@@ -1,49 +0,0 @@
-"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 utilities_css = require("../utilities/css.js");
-const HorizontalStack$1 = "_HorizontalStack_1gyjm_5";
-const styles = {
-  HorizontalStack: HorizontalStack$1
-};
-const HorizontalStack = React.forwardRef((props, ref) => {
-  const _a = props, { as: As = "div", align, blockAlign, gap, wrap = true, children, inline } = _a, restProps = __objRest(_a, ["as", "align", "blockAlign", "gap", "wrap", "children", "inline"]);
-  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveDesignToken("horizontal-stack", "gap", "space", gap)), utilities_css.getComponentToken("horizontal-stack", "align", align)), utilities_css.getComponentToken("horizontal-stack", "block-align", blockAlign)), utilities_css.getComponentToken("horizontal-stack", "wrap", wrap ? "wrap" : "nowrap")), utilities_css.getComponentToken("horizontal-stack", "display", inline ? "inline-flex" : "flex"));
-  return React.createElement(As, __spreadProps(__spreadValues({}, restProps), {
-    className: styles.HorizontalStack,
-    style,
-    ref
-  }), children);
-});
-HorizontalStack.displayName = "HorizontalStack";
-exports.HorizontalStack = HorizontalStack;

package/__chunks__/Icon-1a25dcae.js

@@ -1,39 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-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;
-};
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-const Icon$1 = "_Icon_5mfa3_5";
-const Svg = "_Svg_5mfa3_54";
-const styles = {
-  Icon: Icon$1,
-  Svg
-};
-function Icon({ symbol: Symbol2, size = "md", color, accessibilityLabel }) {
-  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("icon", "color", "color.text", color)), utilities_css.getResponsiveDesignToken("icon", "size", "size.icon", size));
-  return React.createElement("span", {
-    className: styles.Icon,
-    style
-  }, React.createElement(Symbol2, {
-    className: styles.Svg,
-    focusable: "false",
-    role: "img",
-    title: accessibilityLabel,
-    "aria-hidden": !accessibilityLabel ? "true" : void 0
-  }));
-}
-exports.Icon = Icon;

package/__chunks__/Icon-6eb724b4.mjs

@@ -1,40 +0,0 @@
-var __defProp = Object.defineProperty;
-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;
-};
-import React__default from "react";
-import { getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const Icon$1 = "_Icon_5mfa3_5";
-const Svg = "_Svg_5mfa3_54";
-const styles = {
-  Icon: Icon$1,
-  Svg
-};
-function Icon({ symbol: Symbol2, size = "md", color, accessibilityLabel }) {
-  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("icon", "color", "color.text", color)), getResponsiveDesignToken("icon", "size", "size.icon", size));
-  return React__default.createElement("span", {
-    className: styles.Icon,
-    style
-  }, React__default.createElement(Symbol2, {
-    className: styles.Svg,
-    focusable: "false",
-    role: "img",
-    title: accessibilityLabel,
-    "aria-hidden": !accessibilityLabel ? "true" : void 0
-  }));
-}
-export {
-  Icon as I
-};

package/__chunks__/InputField-cc829736.mjs

@@ -1,268 +0,0 @@
-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 * as React from "react";
-import React__default, { useState } from "react";
-import { classNames, variationName } from "../utilities/css.mjs";
-import { s as styles, m as mapIconSize, g as getElementType, l as logWarningsForInvalidPropConfiguration, L as Label, I as InputIcon, a as InputCaption } from "./InputIcon-4a8e5243.mjs";
-import { T as Text } from "./Text-ec2b8d8a.mjs";
-import { I as Icon } from "./Icon-6eb724b4.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-981cd9af.mjs";
-import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./import-fbe7cc7e.mjs";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./import-d2e79ac1.mjs";
-import { g as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, a as $6179b936705e76d3$export$ae780daf29e6d456 } from "./import-a6cadfe8.mjs";
-function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
-  let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, validationState, type = "text", onChange = () => {
-  } } = props;
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
-  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d(props);
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  const inputOnlyProps = {
-    type,
-    pattern: props.pattern
-  };
-  return {
-    labelProps,
-    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, inputElementType === "input" && inputOnlyProps, __spreadValues(__spreadValues({
-      disabled: isDisabled,
-      readOnly: isReadOnly,
-      "aria-required": isRequired || void 0,
-      "aria-invalid": validationState === "invalid" || void 0,
-      "aria-errormessage": props["aria-errormessage"],
-      "aria-activedescendant": props["aria-activedescendant"],
-      "aria-autocomplete": props["aria-autocomplete"],
-      "aria-haspopup": props["aria-haspopup"],
-      value: props.value,
-      defaultValue: props.value ? void 0 : props.defaultValue,
-      onChange: (e) => onChange(e.target.value),
-      autoComplete: props.autoComplete,
-      maxLength: props.maxLength,
-      minLength: props.minLength,
-      name: props.name,
-      placeholder: props.placeholder,
-      inputMode: props.inputMode,
-      // Clipboard events
-      onCopy: props.onCopy,
-      onCut: props.onCut,
-      onPaste: props.onPaste,
-      // Composition events
-      onCompositionEnd: props.onCompositionEnd,
-      onCompositionStart: props.onCompositionStart,
-      onCompositionUpdate: props.onCompositionUpdate,
-      // Selection events
-      onSelect: props.onSelect,
-      // Input events
-      onBeforeInput: props.onBeforeInput,
-      onInput: props.onInput
-    }, focusableProps), fieldProps)),
-    descriptionProps,
-    errorMessageProps
-  };
-}
-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.208-344.232q64.638 0 110.099-45.669 45.461-45.67 45.461-110.307 0-64.638-45.669-110.099-45.67-45.461-110.307-45.461-64.638 0-110.099 45.669-45.461 45.67-45.461 110.307 0 64.638 45.669 110.099 45.67 45.461 110.307 45.461Zm-.511-44.922q-46.312 0-78.428-32.418-32.115-32.419-32.115-78.731t32.418-78.428q32.419-32.115 78.731-32.115t78.428 32.418q32.115 32.419 32.115 78.731t-32.418 78.428q-32.419 32.115-78.731 32.115Zm.358 169.153q-137.593 0-249.823-77.038Q118.001-374.078 61.54-500q56.461-125.922 168.637-202.961 112.175-77.038 249.768-77.038 137.593 0 249.823 77.038Q841.999-625.922 898.46-500q-56.461 125.922-168.637 202.961-112.175 77.038-249.768 77.038ZM480-500Zm-.169 234.615q119.246 0 218.823-63.769Q798.23-392.923 850.461-500 798.23-607.077 698.822-670.846q-99.408-63.769-218.653-63.769-119.246 0-218.823 63.769Q161.77-607.077 108.924-500q52.846 107.077 152.254 170.846 99.408 63.769 218.653 63.769Z"
-  }));
-};
-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.153-434.386-34.768-34.768q21.384-67.539-28.539-111.461-49.923-43.923-107.692-24.77l-34.768-34.768q13.538-7.923 30.307-11.769T480-655.768q65.23 0 110.499 45.269Q635.768-565.23 635.768-500q0 18.538-4.154 35.999-4.153 17.462-11.461 29.615Zm127.846 126.692-31.153-29.999q45.923-34.077 80.692-75.884 34.769-41.808 52.923-86.423-50-108.307-148.461-171.461-98.462-63.154-214.693-63.154-38.538 0-78.114 7.038-39.577 7.039-65.346 16.885l-34.846-35.461q33.462-14.461 81.423-24.153 47.961-9.693 93.422-9.693 134.538 0 248.038 76.115Q845.383-627.769 898.46-500q-24.461 57.461-62.192 105.653-37.731 48.192-88.269 86.653Zm59.923 216.769-161.845-160q-30.769 13.616-74.384 22.27-43.616 8.654-91.693 8.654-137.538 0-250.768-76.115Q116.001-372.231 61.54-500q21.539-52.385 59.154-101.115 37.616-48.731 87.077-89.115L85.233-812.384l31.999-32.615L837.691-124.54l-29.769 33.615ZM238.77-658.231q-37.384 26.231-74.961 71-37.578 44.769-54.885 87.231 50.615 108.307 150.807 171.461 100.192 63.154 225.961 63.154 37.231 0 73.655-5.731 36.423-5.731 52.423-14.115l-70.924-70.924q-10.615 5.385-28.346 8.654t-32.5 3.269q-64.615 0-110.192-44.961Q324.232-434.154 324.232-500q0-15 3.269-31.923t8.654-28.923l-97.385-97.385ZM531.462-517Zm-105.999 53.384Z"
-  }));
-};
-function PasswordButton(props) {
-  const { hasError = false, inputSize = "md", isDisabled = false, isPasswordVisible = false, toggleVisibility, isInputHovered = false } = props;
-  return React__default.createElement(UnstyledButton, {
-    className: classNames(styles.passwordBtn, isInputHovered && styles.hovered, hasError && styles.passwordBtnError, styles[variationName("passwordBtn", inputSize)]),
-    onPress: toggleVisibility,
-    isDisabled
-  }, React__default.createElement(Text, {
-    visuallyHidden: true
-  }, "password visibility"), React__default.createElement(Icon, {
-    symbol: isPasswordVisible ? Visibility : VisibilityOff,
-    size: mapIconSize(inputSize)
-  }));
-}
-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", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, iconAtStart, iconAtEnd, 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 smallSizeTextarea = size === "sm" && Component === "textarea";
-  const definedIconsWithTextarea = (!!iconAtEnd || !!iconAtStart) && Component === "textarea";
-  logWarningsForInvalidPropConfiguration(bothIconPropsDefined, smallSizeTextarea, definedIconsWithTextarea);
-  const isPassword = type === "password";
-  const hasError = validationState === "invalid";
-  const showErrorText = hasError && errorText;
-  const showHelperText = !showErrorText && helperText;
-  const canUseIcon = !bothIconPropsDefined && !isPassword && !definedIconsWithTextarea;
-  const hasStartIcon = canUseIcon && iconAtStart;
-  const hasEndIcon = canUseIcon && iconAtEnd;
-  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 inputType = Component === "textarea" ? void 0 : isTypeAdjustedForPasswordVisibility ? "text" : type;
-  return React__default.createElement("div", {
-    className: classNames(styles.root)
-  }, React__default.createElement(Label, __spreadValues({
-    isLabelVisuallyHidden,
-    fieldSize: adjustedSize,
-    hasError,
-    isLabelEmphasized
-  }, labelProps), label), React__default.createElement("div", {
-    className: styles.inputIconContainer
-  }, hasStartIcon && React__default.createElement(InputIcon, {
-    alignment: "start",
-    size: adjustedSize,
-    isDisabled,
-    icon: iconAtStart
-  }), React__default.createElement(Component, __spreadProps(__spreadValues(__spreadValues({}, elementProps), hoverProps), {
-    className,
-    ref,
-    type: inputType,
-    value,
-    required: isRequired,
-    disabled: isDisabled,
-    placeholder,
-    autoFocus,
-    defaultValue,
-    rows: Component === "textarea" ? rows : void 0
-  })), isPassword ? React__default.createElement(PasswordButton, {
-    isInputHovered,
-    hasError,
-    inputSize: adjustedSize,
-    isDisabled,
-    isPasswordVisible,
-    toggleVisibility: () => setIsPasswordVisible((prevVisibility) => !prevVisibility)
-  }) : hasEndIcon && React__default.createElement(InputIcon, {
-    alignment: "end",
-    size: adjustedSize,
-    isDisabled,
-    icon: iconAtEnd
-  })), (showErrorText || showHelperText) && React__default.createElement(InputCaption, __spreadValues({
-    variant: showHelperText ? "helper" : "error"
-  }, captionProps), captionText));
-}
-export {
-  InputField as I
-};