@hortiview/shared-components 2.27.3 → 2.27.4

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [2.27.4](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.27.3...v2.27.4) (2026-06-18)
+
+### Bug Fixes
+
+* update [@element-public](https://dev.azure.com/element-public) to fix some UI issues (FormText placeholder, multiple FormSelect issues) ([746a5b9](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/746a5b9e704d61cb17cd7b9583f7f8d3bdc80255))
+
 ## [2.27.3](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.27.2...v2.27.3) (2026-06-16)
 
 ### Code Refactoring

package/dist/assets/FormSelect.css

@@ -1 +1 @@
-._invalidHelperText_qt5tp_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_qt5tp_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_qt5tp_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_qt5tp_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_qt5tp_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_qt5tp_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_qt5tp_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_qt5tp_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_qt5tp_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_qt5tp_18._isSearchable_qt5tp_44 div[class*=lmnt__input-container] input[class*=lmnt__input]{padding-top:0!important}._formSelect_qt5tp_18._isSearchable_qt5tp_44._isMultiSelect_qt5tp_49._hasSelection_qt5tp_49 div[class*=lmnt__input-container] input[class*=lmnt__input]{padding-left:.5rem!important}._formSelect_qt5tp_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_qt5tp_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._tooltip_qt5tp_64{z-index:42}._disabled_qt5tp_69+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}
+._invalidHelperText_128g7_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_128g7_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_128g7_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_128g7_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_128g7_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_128g7_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_128g7_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_128g7_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_128g7_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_128g7_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_128g7_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._tooltip_128g7_52{z-index:42}._disabled_128g7_57+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,5 +1,5 @@
 import { jsx as Q, jsxs as fa } from "react/jsx-runtime";
-import { b as u, a as o, c as d, d as s, r as ga, s as we, t as M, m as W, l as j, f as D, e as x, g as pa, D as ba } from "../../../index.es-B_BTuoBa.js";
+import { b as u, a as o, c as d, d as s, r as ga, s as we, t as M, m as W, l as j, f as D, e as x, g as pa, D as ba } from "../../../index.es-BajVPGKH.js";
 import { useMemo as S } from "react";
 import { useFormContext as wa, Controller as ya } from "react-hook-form";
 import { useHelperText as Pa } from "../../../hooks/useHelperText.js";

package/dist/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as u } from "../../../index.es-DsOSfaF5.js";
+import { T as u } from "../../../index.es-5Wxrzmtf.js";
 import { g } from "../../../get-CBFiuc3f.js";
 import { o as f } from "../../../omit-BWQrFyQ-.js";
 import { useMemo as v } from "react";

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,133 +1,127 @@
-import { jsx as i, Fragment as D, jsxs as Q } from "react/jsx-runtime";
-import { c as R } from "../../../index-_-9ybP20.js";
-import { g as M } from "../../../get-CBFiuc3f.js";
-import { useMemo as B } from "react";
-import { useFormContext as U, Controller as H } from "react-hook-form";
-import { M as X } from "../../../react-tooltip.min-D7xPMD-P.js";
-import { useBreakpoints as Y } from "../../../hooks/useBreakpoints.js";
-import { useHelperText as Z } from "../../../hooks/useHelperText.js";
-import { Select as N } from "../../Select/Select.js";
-import { useNormalizedOptions as y, isGroupedOptions as K } from "./FormSelectService.js";
-import { SelectTooltipText as ee } from "./SelectTooltipText.js";
-import '../../../assets/FormSelect.css';const te = "_invalidHelperText_qt5tp_1", oe = "_invalidBorder_qt5tp_5", ie = "_invalidPlaceholder_qt5tp_9", le = "_invalidDropdownIcon_qt5tp_13", ne = "_formSelectContainer_qt5tp_18", re = "_formSelect_qt5tp_18", ae = "_isSearchable_qt5tp_44", se = "_isMultiSelect_qt5tp_49", ce = "_hasSelection_qt5tp_49", de = "_tooltip_qt5tp_64", fe = "_disabled_qt5tp_69", t = {
-  invalidHelperText: te,
-  invalidBorder: oe,
-  invalidPlaceholder: ie,
-  invalidDropdownIcon: le,
-  formSelectContainer: ne,
-  formSelect: re,
-  isSearchable: ae,
-  isMultiSelect: se,
-  hasSelection: ce,
-  tooltip: de,
-  disabled: fe
-}, ge = ({
+import { jsx as r, Fragment as T, jsxs as z } from "react/jsx-runtime";
+import { c as J } from "../../../index-_-9ybP20.js";
+import { g as C } from "../../../get-CBFiuc3f.js";
+import { useMemo as w } from "react";
+import { useFormContext as L, Controller as b } from "react-hook-form";
+import { M as Q } from "../../../react-tooltip.min-D7xPMD-P.js";
+import { useBreakpoints as R } from "../../../hooks/useBreakpoints.js";
+import { useHelperText as U } from "../../../hooks/useHelperText.js";
+import { Select as W } from "../../Select/Select.js";
+import { isGroupedOptions as X } from "./FormSelectService.js";
+import { SelectTooltipText as Y } from "./SelectTooltipText.js";
+import '../../../assets/FormSelect.css';const Z = "_invalidHelperText_128g7_1", N = "_invalidBorder_128g7_5", K = "_invalidPlaceholder_128g7_9", y = "_invalidDropdownIcon_128g7_13", ee = "_formSelectContainer_128g7_18", te = "_formSelect_128g7_18", oe = "_tooltip_128g7_52", re = "_disabled_128g7_57", t = {
+  invalidHelperText: Z,
+  invalidBorder: N,
+  invalidPlaceholder: K,
+  invalidDropdownIcon: y,
+  formSelectContainer: ee,
+  formSelect: te,
+  tooltip: oe,
+  disabled: re
+}, pe = ({
   propertyName: o,
-  label: d,
-  options: f,
-  multi: r = !1,
-  disabled: S = !1,
-  hoisted: I = !1,
-  hidden: P = !1,
+  label: s,
+  options: i,
+  multi: c = !1,
+  disabled: h = !1,
+  hoisted: B = !1,
+  hidden: D = !1,
   valueKey: l = "value",
-  textKey: h = "text",
-  clearable: F = !1,
-  searchable: O,
-  noOptionsMessage: x = "",
-  rules: m,
-  menuPosition: k = "auto",
+  textKey: S = "text",
+  clearable: H = !1,
+  searchable: I,
+  noOptionsMessage: p = "",
+  rules: f,
+  menuPosition: P = "auto",
   ...a
 }) => {
-  const { isDesktop: A } = Y(), {
-    control: u,
-    getFieldState: j,
-    formState: { errors: v, isValidating: T }
-  } = U(), z = B(
-    () => !T && M(v, o) !== void 0,
-    [v, o, T]
-  ), V = B(
-    () => m?.required?.message,
-    [m]
-  ), { helperText: E, helperTextPersistent: G } = Z({
+  const { isDesktop: F } = R(), {
+    control: v,
+    getFieldState: A,
+    formState: { errors: x, isValidating: g }
+  } = L(), j = w(
+    () => !g && C(x, o) !== void 0,
+    [x, o, g]
+  ), k = w(
+    () => f?.required?.message,
+    [f]
+  ), { helperText: q, helperTextPersistent: M } = U({
     propertyName: o,
     helperText: a.helperText,
-    requiredText: V,
+    requiredText: k,
     hasCharacterCount: !1
-  }), q = r && a.multiDisplayType === "text" && h === "value", W = y(f), s = q ? W : f, b = q ? "text" : h;
-  return P ? /* @__PURE__ */ i(H, { name: o, control: u, render: () => /* @__PURE__ */ i(D, {}) }) : /* @__PURE__ */ i(
+  });
+  return D ? /* @__PURE__ */ r(b, { name: o, control: v, render: () => /* @__PURE__ */ r(T, {}) }) : /* @__PURE__ */ r(
     "div",
     {
       "data-testid": "form-select-container",
       className: t.formSelectContainer,
-      "data-tooltip-id": d,
-      children: /* @__PURE__ */ i(
-        H,
+      "data-tooltip-id": s,
+      children: /* @__PURE__ */ r(
+        b,
         {
           name: o,
-          rules: m,
-          control: u,
-          render: ({ field: { ref: me, onChange: p, value: C, ...$ } }) => {
-            let _ = s;
-            s && K(s) && (_ = s.flatMap((e) => M(e, "options") ?? []));
-            const n = r ? _?.filter(
-              (e) => C?.includes(e[l])
-            ) : _?.find((e) => e[l] === C), g = Array.isArray(n) ? n.length > 0 : n != null, c = j(o).invalid, w = O ?? A, J = R(t.formSelect, {
-              [t.invalidHelperText]: c,
-              [t.invalidDropdownIcon]: c,
-              [t.invalidBorder]: c,
-              [t.invalidPlaceholder]: c,
-              [t.disabled]: S,
-              [t.isSearchable]: w,
-              [t.isMultiSelect]: r,
-              [t.hasSelection]: g
+          rules: f,
+          control: v,
+          render: ({ field: { ref: ie, onChange: m, value: u, ...E } }) => {
+            let _ = i;
+            i && X(i) && (_ = i.flatMap((e) => C(e, "options") ?? []));
+            const n = c ? _?.filter(
+              (e) => u?.includes(e[l])
+            ) : _?.find((e) => e[l] === u), G = Array.isArray(n) ? n.length > 0 : n != null, d = A(o).invalid, O = I ?? F, V = J(t.formSelect, {
+              [t.invalidHelperText]: d,
+              [t.invalidDropdownIcon]: d,
+              [t.invalidBorder]: d,
+              [t.invalidPlaceholder]: d,
+              [t.disabled]: h
             });
-            return /* @__PURE__ */ Q(D, { children: [
-              /* @__PURE__ */ i(
-                N,
+            return /* @__PURE__ */ z(T, { children: [
+              /* @__PURE__ */ r(
+                W,
                 {
-                  ...$,
+                  ...E,
                   ...a,
                   value: n ?? [],
-                  label: d,
+                  label: s,
                   variant: "outlined",
-                  helperText: E,
-                  helperTextPersistent: G,
-                  options: s,
-                  valid: !z,
+                  helperText: q,
+                  helperTextPersistent: M,
+                  options: i,
+                  valid: !j,
                   "data-testid": a["data-testid"] ?? `select-${o}`,
-                  multiSelect: !f?.length && x ? !1 : r,
-                  className: J,
-                  disabled: S,
+                  multiSelect: !i?.length && p ? !1 : c,
+                  className: V,
+                  disabled: h,
                   valueKey: l,
-                  textKey: b,
+                  textKey: S,
                   onChange: (e) => {
                     if (e == null) {
-                      p(e);
+                      m(e);
                       return;
                     }
-                    if (r) {
-                      p(e.map((L) => L[l]));
+                    if (c) {
+                      m(e.map(($) => $[l]));
                       return;
                     }
-                    p(e[l]), a?.onChange?.(e);
+                    m(e[l]), a?.onChange?.(e);
                   },
-                  hoisted: I,
-                  noOptionsMessage: x,
-                  searchable: w,
-                  clearable: F,
-                  menuPosition: k
+                  hoisted: B,
+                  noOptionsMessage: p,
+                  searchable: O,
+                  clearable: H,
+                  menuPosition: P
                 }
               ),
-              /* @__PURE__ */ i(
-                X,
+              /* @__PURE__ */ r(
+                Q,
                 {
-                  id: d,
+                  id: s,
                   noArrow: !0,
                   place: "bottom",
                   delayShow: 420,
                   className: t.tooltip,
-                  hidden: !g,
-                  children: /* @__PURE__ */ i(ee, { value: n, textKey: b, valueKey: l })
+                  hidden: !G,
+                  children: /* @__PURE__ */ r(Y, { value: n, textKey: S, valueKey: l })
                 }
               )
             ] });
@@ -138,5 +132,5 @@ import '../../../assets/FormSelect.css';const te = "_invalidHelperText_qt5tp_1",
   );
 };
 export {
-  ge as FormSelect
+  pe as FormSelect
 };

package/dist/components/FormComponents/FormSlider/FormSlider.js

@@ -4,7 +4,7 @@ import { _ as Qe, a as Ce, b as Ye, c as et, d as Oe, e as _e, f as tt } from ".
 import { _ as Re } from "../../../parse-int-BYd7r_4n.js";
 import p, { forwardRef as rt, useRef as De, useImperativeHandle as Ne, useCallback as x, useEffect as V, useMemo as ke } from "react";
 import { I as Be } from "../../../index.es-LckFzDz-.js";
-import { T as Pe } from "../../../index.es-DsOSfaF5.js";
+import { T as Pe } from "../../../index.es-5Wxrzmtf.js";
 import { c as Me } from "../../../index.es-DRC-9PLs.js";
 import { b as Fe, c as j } from "../../../tslib.es6-BDCynO9F.js";
 import { M as nt, a as it } from "../../../component-By6nyiBU.js";

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as _, jsxs as z } from "react/jsx-runtime";
-import { T as M } from "../../../index.es-DsOSfaF5.js";
+import { T as M } from "../../../index.es-5Wxrzmtf.js";
 import { a as P } from "../../../index.es-EXzC8zuP.js";
 import { useState as V, useCallback as W, useMemo as d } from "react";
 import { useFormContext as D, Controller as v } from "react-hook-form";

package/dist/components/GenericTable/GenericTable.js

@@ -11,14 +11,14 @@ import { a as Ou, _ as Vn } from "../../index.es-CNrSvjAv.js";
 import { _ as Sa, c as Vi } from "../../index.es-_PSuLbjQ.js";
 import { g as Ba, c as ca } from "../../_commonjsHelpers-ByX85dGu.js";
 import { a as Bu, _ as Nu, b as qi } from "../../map-BErBeya5.js";
-import { _ as Hu, a as Fu, b as Xi, S as Ki, c as Lu, d as Mu } from "../../index.es-DLEY03HG.js";
+import { _ as Hu, a as Fu, b as Xi, S as Ki, c as Lu, d as Mu } from "../../index.es-CxQjsRHK.js";
 import { b as zu, c as Gu } from "../../es.string.iterator-BrOvr7F6.js";
 import { _ as xa } from "../../index.es-LckFzDz-.js";
 import { _ as hs, a as Ai } from "../../find-OaLSg5iu.js";
-import { T as Yi } from "../../index.es-DsOSfaF5.js";
+import { T as Yi } from "../../index.es-5Wxrzmtf.js";
 import { M as $u, C as ms } from "../../index.es-BSaDtduL.js";
 import { S as ys } from "../../index.es-BVW2k-5y.js";
-import { D as ku } from "../../index.es-B_BTuoBa.js";
+import { D as ku } from "../../index.es-BajVPGKH.js";
 import { unstable_batchedUpdates as fa, createPortal as Wu } from "react-dom";
 import { _ as Ji } from "../../keyboard-DQ9O_Ke1.js";
 import { I as ga } from "../../index.es-BZkGOjEo.js";

package/dist/components/SearchBar/SearchBar.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { I as u } from "../../index.es-BZkGOjEo.js";
-import { T as b } from "../../index.es-DsOSfaF5.js";
+import { T as b } from "../../index.es-5Wxrzmtf.js";
 import '../../assets/SearchBar.css';const d = "_searchbar_g83qp_1", p = {
   searchbar: d
 }, m = ({

package/dist/components/Select/Select.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { S as a } from "../../index.es-DLEY03HG.js";
+import { S as a } from "../../index.es-CxQjsRHK.js";
 import { u as f } from "../../uniqueId-CJo-XRQb.js";
 import { useEffect as i } from "react";
 import "../../isEmpty-l2xQKl4x.js";

package/dist/{index.es-DsOSfaF5.js → index.es-5Wxrzmtf.js}

@@ -8,7 +8,7 @@ import { M as Xn, a as Gn, N as zn, F as Ht, T as Yn } from "./index.es-CpPnZRt7
 import { b as A, c as f } from "./tslib.es6-BDCynO9F.js";
 import { M as ne, a as ie } from "./component-By6nyiBU.js";
 import { c as Kn, I as Yt } from "./index.es-LckFzDz-.js";
-import { a as pe, M as wt, m as Jn, b as Qn } from "./component-DYpB_4EP.js";
+import { a as he, M as wt, m as Jn, b as Qn } from "./component-DYpB_4EP.js";
 var $ = {
   LINE_RIPPLE_ACTIVE: "mdc-line-ripple--active",
   LINE_RIPPLE_DEACTIVATING: "mdc-line-ripple--deactivating"
@@ -186,7 +186,7 @@ var x = {
   PREFIX_SELECTOR: ".mdc-text-field__affix--prefix",
   SUFFIX_SELECTOR: ".mdc-text-field__affix--suffix",
   TRAILING_ICON_SELECTOR: ".mdc-text-field__icon--trailing"
-}, he = {
+}, _e = {
   DISABLED: "mdc-text-field--disabled",
   FOCUSED: "mdc-text-field--focused",
   HELPER_LINE: "mdc-text-field-helper-line",
@@ -240,7 +240,7 @@ var jt = ["mousedown", "touchstart"], $t = ["click", "keydown"], ri = (
     }
     return Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return he;
+        return _e;
       },
       enumerable: !1,
       configurable: !0
@@ -743,7 +743,7 @@ var li = (
       this.lineRipple_ = T ? n(T) : null;
       var re = this.root.querySelector(x.OUTLINE_SELECTOR);
       this.outline_ = re ? p(re) : null;
-      var ae = Zt.strings, F = this.root.nextElementSibling, z = F && F.classList.contains(he.HELPER_LINE), R = z && F && F.querySelector(ae.ROOT_SELECTOR);
+      var ae = Zt.strings, F = this.root.nextElementSibling, z = F && F.classList.contains(_e.HELPER_LINE), R = z && F && F.querySelector(ae.ROOT_SELECTOR);
       this.helperText_ = R ? i(R) : null;
       var Y = Qt.strings, S = this.root.querySelector(Y.ROOT_SELECTOR);
       !S && z && F && (S = F.querySelector(Y.ROOT_SELECTOR)), this.characterCounter_ = S ? o(S) : null;
@@ -1018,10 +1018,10 @@ var li = (
           return document.activeElement === e.input_;
         },
         registerInputInteractionHandler: function(n, i) {
-          e.input_.addEventListener(n, i, pe());
+          e.input_.addEventListener(n, i, he());
         },
         deregisterInputInteractionHandler: function(n, i) {
-          e.input_.removeEventListener(n, i, pe());
+          e.input_.removeEventListener(n, i, he());
         }
       };
     }, t.prototype.getLabelAdapterMethods_ = function() {
@@ -1077,15 +1077,15 @@ var li = (
         trailingIcon: this.trailingIcon_ ? this.trailingIcon_.foundationForTextField : void 0
       };
     }, t.prototype.createRipple_ = function(e) {
-      var n = this, i = this.root.classList.contains(he.TEXTAREA), o = this.root.classList.contains(he.OUTLINED);
+      var n = this, i = this.root.classList.contains(_e.TEXTAREA), o = this.root.classList.contains(_e.OUTLINED);
       if (i || o)
         return null;
       var s = f(f({}, wt.createAdapter(this)), { isSurfaceActive: function() {
         return Jn(n.input_, ":active");
       }, registerInteractionHandler: function(_, p) {
-        return n.input_.addEventListener(_, p, pe());
+        return n.input_.addEventListener(_, p, he());
       }, deregisterInteractionHandler: function(_, p) {
-        return n.input_.removeEventListener(_, p, pe());
+        return n.input_.removeEventListener(_, p, he());
       } });
       return e(this.root, new Qn(s));
     }, t;
@@ -1507,25 +1507,25 @@ var Wt = function(t, e) {
     role: o === "IconButton" ? "button" : null
   });
 }, l = pi, nn = /* @__PURE__ */ Ae(function(r, t) {
-  var e = r.alignment, n = e === void 0 ? l.alignment : e, i = r.block, o = i === void 0 ? l.block : i, s = r.className, _ = s === void 0 ? l.className : s, p = r.containerClass, y = p === void 0 ? l.containerClass : p, T = r.containerProps, re = T === void 0 ? l.containerProps : T, ae = r.containerStyle, F = ae === void 0 ? l.containerStyle : ae, z = r.counter, R = z === void 0 ? l.counter : z, Y = r.defaultValue, S = Y === void 0 ? l.defaultValue : Y, K = r.dense, k = K === void 0 ? l.dense : K, h = r.disabled, U = h === void 0 ? l.disabled : h, Ne = r.embedded, Pe = Ne === void 0 ? l.embedded : Ne, Fe = r.filled, rn = Fe === void 0 ? l.filled : Fe, Se = r.focused, Ve = Se === void 0 ? l.focused : Se, De = r.fullWidth, an = De === void 0 ? l.fullWidth : De, He = r.helperText, b = He === void 0 ? l.helperText : He, we = r.helperTextId, on = we === void 0 ? l.helperTextId : we, Me = r.helperTextPersistent, oe = Me === void 0 ? l.helperTextPersistent : Me, je = r.helperTextValidation, _e = je === void 0 ? l.helperTextValidation : je, $e = r.id, ln = $e === void 0 ? l.id : $e, Be = r.label, D = Be === void 0 ? l.label : Be, ke = r.labelId, sn = ke === void 0 ? l.labelId : ke, Ue = r.leadingContent, un = Ue === void 0 ? l.leadingContent : Ue, qe = r.leadingIcon, J = qe === void 0 ? l.leadingIcon : qe, We = r.maxLength, ve = We === void 0 ? l.maxLength : We, Xe = r.maxlength, le = Xe === void 0 ? l.maxlength : Xe, Ge = r.noResize, se = Ge === void 0 ? l.noResize : Ge, ze = r.onBlur, Ye = ze === void 0 ? l.onBlur : ze, Ke = r.outlined, dn = Ke === void 0 ? l.outlined : Ke, Je = r.placeholder, cn = Je === void 0 ? l.placeholder : Je, Qe = r.prefixText, Ze = Qe === void 0 ? l.prefixText : Qe, et = r.primary, fn = et === void 0 ? l.primary : et, tt = r.search, pn = tt === void 0 ? l.search : tt, nt = r.secondary, hn = nt === void 0 ? l.secondary : nt, it = r.suffixText, rt = it === void 0 ? l.suffixText : it, at = r.textarea, g = at === void 0 ? l.textarea : at, ot = r.tooltip, I = ot === void 0 ? l.tooltip : ot, lt = r.trailingContent, _n = lt === void 0 ? l.trailingContent : lt, st = r.trailingIcon, Q = st === void 0 ? l.trailingIcon : st, ut = r.type, dt = ut === void 0 ? l.type : ut, ct = r.valid, q = ct === void 0 ? l.valid : ct, ft = r.value, N = ft === void 0 ? l.value : ft, pt = r.variant, ge = pt === void 0 ? l.variant : pt, me = Oe(r, hi), ht = I && Mn(I) === "object" ? I : {}, vn = ht.hoisted, _t = ht.position, vt = _t === void 0 ? "bottom" : _t, gn = j(function() {
+  var e = r.alignment, n = e === void 0 ? l.alignment : e, i = r.block, o = i === void 0 ? l.block : i, s = r.className, _ = s === void 0 ? l.className : s, p = r.containerClass, y = p === void 0 ? l.containerClass : p, T = r.containerProps, re = T === void 0 ? l.containerProps : T, ae = r.containerStyle, F = ae === void 0 ? l.containerStyle : ae, z = r.counter, R = z === void 0 ? l.counter : z, Y = r.defaultValue, S = Y === void 0 ? l.defaultValue : Y, K = r.dense, k = K === void 0 ? l.dense : K, h = r.disabled, U = h === void 0 ? l.disabled : h, Ne = r.embedded, Pe = Ne === void 0 ? l.embedded : Ne, Fe = r.filled, rn = Fe === void 0 ? l.filled : Fe, Se = r.focused, Ve = Se === void 0 ? l.focused : Se, De = r.fullWidth, an = De === void 0 ? l.fullWidth : De, He = r.helperText, b = He === void 0 ? l.helperText : He, we = r.helperTextId, on = we === void 0 ? l.helperTextId : we, Me = r.helperTextPersistent, oe = Me === void 0 ? l.helperTextPersistent : Me, je = r.helperTextValidation, ve = je === void 0 ? l.helperTextValidation : je, $e = r.id, ln = $e === void 0 ? l.id : $e, Be = r.label, D = Be === void 0 ? l.label : Be, ke = r.labelId, sn = ke === void 0 ? l.labelId : ke, Ue = r.leadingContent, un = Ue === void 0 ? l.leadingContent : Ue, qe = r.leadingIcon, J = qe === void 0 ? l.leadingIcon : qe, We = r.maxLength, ge = We === void 0 ? l.maxLength : We, Xe = r.maxlength, le = Xe === void 0 ? l.maxlength : Xe, Ge = r.noResize, se = Ge === void 0 ? l.noResize : Ge, ze = r.onBlur, Ye = ze === void 0 ? l.onBlur : ze, Ke = r.outlined, dn = Ke === void 0 ? l.outlined : Ke, Je = r.placeholder, cn = Je === void 0 ? l.placeholder : Je, Qe = r.prefixText, Ze = Qe === void 0 ? l.prefixText : Qe, et = r.primary, fn = et === void 0 ? l.primary : et, tt = r.search, pn = tt === void 0 ? l.search : tt, nt = r.secondary, hn = nt === void 0 ? l.secondary : nt, it = r.suffixText, rt = it === void 0 ? l.suffixText : it, at = r.textarea, g = at === void 0 ? l.textarea : at, ot = r.tooltip, I = ot === void 0 ? l.tooltip : ot, lt = r.trailingContent, _n = lt === void 0 ? l.trailingContent : lt, st = r.trailingIcon, Q = st === void 0 ? l.trailingIcon : st, ut = r.type, dt = ut === void 0 ? l.type : ut, ct = r.valid, q = ct === void 0 ? l.valid : ct, ft = r.value, N = ft === void 0 ? l.value : ft, pt = r.variant, me = pt === void 0 ? l.variant : pt, be = Oe(r, hi), ht = I && Mn(I) === "object" ? I : {}, vn = ht.hoisted, _t = ht.position, vt = _t === void 0 ? "bottom" : _t, gn = j(function() {
     return ln || Ee();
   }), mn = M(gn, 1), ue = mn[0], bn = j(function() {
     return on || Ee();
-  }), In = M(bn, 1), be = In[0], xn = j(function() {
+  }), In = M(bn, 1), Ie = In[0], xn = j(function() {
     return sn || Ee();
-  }), yn = M(xn, 1), Ie = yn[0], Tn = j(!0), gt = M(Tn, 2), mt = gt[0], Cn = gt[1], En = j(!1), bt = M(En, 2), xe = bt[0], Ln = bt[1], On = j(le), It = M(On, 2), H = It[0], An = It[1], Rn = j(Ve || !1), xt = M(Rn, 2), Nn = xt[0], yt = xt[1], Pn = b || R && H, Fn = g ? "textarea" : "input", Tt = O(), w = O(), m = O(), ye = O(), Ct = O(), Te = O(), de = O(), Z = O(), Sn = (Q || J) && !g, W = Wn(function() {
+  }), yn = M(xn, 1), xe = yn[0], Tn = j(!0), gt = M(Tn, 2), mt = gt[0], Cn = gt[1], En = j(!1), bt = M(En, 2), ye = bt[0], Ln = bt[1], On = j(le), It = M(On, 2), H = It[0], An = It[1], Rn = j(Ve || !1), xt = M(Rn, 2), Nn = xt[0], yt = xt[1], Pn = b || R && H, Fn = g ? "textarea" : "input", Tt = O(), w = O(), m = O(), Te = O(), Ct = O(), Ce = O(), de = O(), Z = O(), Sn = (Q || J) && !g, W = Wn(function() {
     return q ?? !0;
-  }, [q]), X = !g && (Pe || pn || ge === "embedded"), ce = !Pe && (dn || hn || ge === "outlined"), fe = !ce && !X && (fn || rn || ge === "filled"), ee = X || an || o, Ce = !X && !!D && !k;
+  }, [q]), X = !g && (Pe || pn || me === "embedded"), ce = !Pe && (dn || hn || me === "outlined"), fe = !ce && !X && (fn || rn || me === "filled"), ee = X || an || o, pe = !X && !!D && !k;
   v(function() {
-    return m.current = li.attachTo(ye.current), function() {
+    return m.current = li.attachTo(Te.current), function() {
       m.current.destroy();
     };
-  }, [xe]), zt(t, function() {
+  }, [ye]), zt(t, function() {
     return {
       mdc: m.current,
       input: Ct.current,
-      container: Te.current,
-      label: ye.current
+      container: Ce.current,
+      label: Te.current
     };
   }), v(function() {
     return b && typeof b == "string" && (w.current = new en(Tt.current)), function() {
@@ -1534,15 +1534,15 @@ var Wt = function(t, e) {
   }, [b]), v(function() {
     if (b) {
       var c, u, C, E;
-      (c = w.current) === null || c === void 0 || c.foundation.setValidation(_e), (u = w.current) === null || u === void 0 || u.foundation.setValidity(W), (C = w.current) === null || C === void 0 || C.foundation.setPersistent(oe), (E = w.current) === null || E === void 0 || E.foundation.setContent(b);
+      (c = w.current) === null || c === void 0 || c.foundation.setValidation(ve), (u = w.current) === null || u === void 0 || u.foundation.setValidity(W), (C = w.current) === null || C === void 0 || C.foundation.setPersistent(oe), (E = w.current) === null || E === void 0 || E.foundation.setContent(b);
     }
-  }, [b, oe, _e, W]), v(function() {
+  }, [b, oe, ve, W]), v(function() {
     S || (m.current.value = N || N === 0 ? N : ""), m.current.valid = W;
   }, [m, N, W, S]), v(function() {
     m.current.disabled = U;
   }, [m, U]), v(function() {
-    An(ve && !le ? ve : le);
-  }, [le, ve]), v(function() {
+    An(ge && !le ? ge : le);
+  }, [le, ge]), v(function() {
     Ln(H > 0 && R);
   }, [H, R]), v(function() {
     var c = ee || R || b;
@@ -1553,7 +1553,7 @@ var Wt = function(t, e) {
   }, Dn = function(u) {
     yt(!1), Ye && Ye(u), Vn();
   }, Hn = function(u) {
-    yt(!0), me.onFocus && me.onFocus(u);
+    yt(!0), be.onFocus && be.onFocus(u);
   }, Et = function() {
     m.current.value = "", m.current.valid = W;
   };
@@ -1579,7 +1579,7 @@ var Wt = function(t, e) {
           offset: [0, 12]
         }
       }];
-      Z.current = Kn(Te.current, de.current, {
+      Z.current = Kn(Ce.current, de.current, {
         placement: vt,
         modifiers: c
       });
@@ -1618,7 +1618,7 @@ var Wt = function(t, e) {
     });
   }, []);
   return /* @__PURE__ */ d.createElement("div", te({
-    ref: Te,
+    ref: Ce,
     style: F,
     className: B("lmnt", "lmnt-text-field--container", ee && "lmnt-text-field--container-full-width", !ee && mt && "lmnt-text-field--container-to-content-width", !mt && "lmnt-text-field-inline-container", y)
   }, re, {
@@ -1628,8 +1628,8 @@ var Wt = function(t, e) {
     onBlur: I && Ot
   }), un, /* @__PURE__ */ d.createElement("label", {
     htmlFor: ue,
-    ref: ye,
-    className: B(["lmnt", "mdc-text-field", "lmnt-text-field", X && "lmnt-text-field--embedded", ee && "lmnt-text-field--full-width", Sn && "lmnt-text-field--with-icon", !W && "mdc-text-field--invalid", U && "mdc-text-field--disabled", Ve && "mdc-text-field--focused", !Ce && "mdc-text-field--no-label", J && !g && "mdc-text-field--with-leading-icon", g && "mdc-text-field--textarea", g && R && H && !se && "mdc-text-field--with-internal-counter", Q && !g && "mdc-text-field--with-trailing-icon", fe && "mdc-text-field--filled", ce && "mdc-text-field--outlined", k && "lmnt-text-field--dense", _])
+    ref: Te,
+    className: B(["lmnt", "mdc-text-field", "lmnt-text-field", X && "lmnt-text-field--embedded", ee && "lmnt-text-field--full-width", Sn && "lmnt-text-field--with-icon", !W && "mdc-text-field--invalid", U && "mdc-text-field--disabled", Ve && "mdc-text-field--focused", !pe && "mdc-text-field--no-label", J && !g && "mdc-text-field--with-leading-icon", g && "mdc-text-field--textarea", g && R && H && !se && "mdc-text-field--with-internal-counter", Q && !g && "mdc-text-field--with-trailing-icon", fe && "mdc-text-field--filled", ce && "mdc-text-field--outlined", k && "lmnt-text-field--dense", _])
   }, fe && /* @__PURE__ */ d.createElement("span", {
     className: "mdc-text-field__ripple"
   }), J && !g && _i(J), Ze && !J && !g && /* @__PURE__ */ d.createElement("span", {
@@ -1637,9 +1637,9 @@ var Wt = function(t, e) {
   }, Ze), /* @__PURE__ */ d.createElement(tn, {
     wrap: !se && g
   }, /* @__PURE__ */ d.createElement(Fn, te({
-    "aria-controls": be,
-    "aria-describedby": be,
-    "aria-labelledby": Ie,
+    "aria-controls": Ie,
+    "aria-describedby": Ie,
+    "aria-labelledby": xe,
     className: B("mdc-text-field__input", n === "right" && "lmnt-text-field--alignment-right", dt === "color" && "lmnt-text-field__input--color"),
     disabled: U,
     id: ue,
@@ -1647,26 +1647,26 @@ var Wt = function(t, e) {
     onBlur: Dn,
     onFocus: Hn,
     defaultValue: S,
-    placeholder: ce && Nn ? "" : cn || (X && D ? D : "") || (k && D ? D : ""),
+    placeholder: ce && !Nn && pe ? "" : cn || (X && D ? D : "") || (k && D ? D : ""),
     maxLength: H,
     ref: Ct,
     value: N
-  }, me)), !se && Wt(xe, H)), Q && !g && vi(Q), rt && !Q && !g && /* @__PURE__ */ d.createElement("span", {
+  }, be)), !se && Wt(ye, H)), Q && !g && vi(Q), rt && !Q && !g && /* @__PURE__ */ d.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--suffix"
-  }, rt), ce && /* @__PURE__ */ d.createElement(zn, null, Ce && /* @__PURE__ */ d.createElement(Ht, {
-    id: Ie,
+  }, rt), ce && /* @__PURE__ */ d.createElement(zn, null, pe && /* @__PURE__ */ d.createElement(Ht, {
+    id: xe,
     htmlFor: ue
-  }, D)), fe && Ce && /* @__PURE__ */ d.createElement(Ht, {
-    id: Ie,
+  }, D)), fe && pe && /* @__PURE__ */ d.createElement(Ht, {
+    id: xe,
     htmlFor: ue
   }, D), (fe || X) && /* @__PURE__ */ d.createElement(Re, null)), _n, Pn && /* @__PURE__ */ d.createElement("div", {
     className: "mdc-text-field-helper-line"
   }, b && /* @__PURE__ */ d.createElement("div", {
     ref: Tt,
-    id: be,
+    id: Ie,
     "aria-hidden": oe ? "false" : "true",
-    className: B(["mdc-text-field-helper-text", oe && "mdc-text-field-helper-text--persistent", _e && "mdc-text-field-helper-text--validation-msg"])
-  }, b), se && Wt(xe, H)), I && /* @__PURE__ */ d.createElement(Yn, te({
+    className: B(["mdc-text-field-helper-text", oe && "mdc-text-field-helper-text--persistent", ve && "mdc-text-field-helper-text--validation-msg"])
+  }, b), se && Wt(ye, H)), I && /* @__PURE__ */ d.createElement(Yn, te({
     role: "tooltip"
   }, I, {
     ref: de,

package/dist/{index.es-B_BTuoBa.js → index.es-BajVPGKH.js}

@@ -6,11 +6,11 @@ import { H as Yr, e as En, u as Wn, _ as Tn, w as _r, v as $r, k as Yt, q as Xa,
 import H, { forwardRef as $a, useContext as Ur, useState as J, useRef as st, useMemo as ia, useCallback as ae, useEffect as xe, useImperativeHandle as Ua, cloneElement as Hn } from "react";
 import { a as Nr } from "./index.es-EXzC8zuP.js";
 import { I as Va } from "./index.es-BZkGOjEo.js";
-import { e as Na, f as Er, g as _, h as $, i as M, j as O, k as f, b as h, S as ka } from "./index.es-DLEY03HG.js";
+import { e as Na, f as Er, g as _, h as $, i as M, j as O, k as f, b as h, S as ka } from "./index.es-CxQjsRHK.js";
 import { _ as Ka, P as Fn } from "./index.es-CNrSvjAv.js";
 import { _ as In } from "./find-OaLSg5iu.js";
 import { c as Wr, I as Hr, _ as Mn } from "./index.es-LckFzDz-.js";
-import { T as Fr } from "./index.es-DsOSfaF5.js";
+import { T as Fr } from "./index.es-5Wxrzmtf.js";
 function ee(i) {
   if (i === null || i === !0 || i === !1)
     return NaN;