asma-ui-core 3.104.0 → 3.105.0

package/dist/components/feedback/dialog/dialog-footer/StyledDialogFooter.js

@@ -1,97 +1,97 @@
-import { cn as L } from "../../../../helpers/cn.js";
-import { DotsVerticalIcon as S } from "../../../icons/dots-vertical-icon/DotsVerticalIcon.js";
-import { LoadingIcon as $ } from "../../../icons/loading-icon/LoadingIcon.js";
-import { StyledTooltip as z } from "../../../data-display/tooltip/StyledTooltip.js";
-import { StyledButton as w } from "../../../inputs/button/StyledButton.js";
-import { StyledMenu as F } from "../../../navigation/menu/StyledMenu.js";
-import { StyledMenuItem as j } from "../../../navigation/menu/StyledMenuItem.js";
-import { useElementWidthPx as K } from "../../../../hooks/useElementWidthPx.js";
-import { useWidthRegistry as H } from "../../../../hooks/useWidthRegistry.js";
-import { planToolbarActions as U } from "../../../custom/module/header-layout/planToolbarActions.js";
-import { ToolbarActionButton as D } from "../../../custom/module/header-layout/ToolbarActionGroup.js";
-import { useToolbarTranslations as G } from "../../../custom/module/header-layout/useTranslations.js";
-import { useMemo as y, useState as V } from "react";
-import { Fragment as C, jsx as r, jsxs as o } from "react/jsx-runtime";
-var X = 2, Y = 470, q = 8, N = "dialog-footer-right", M = "dialog-footer-more", O = (l, a) => `dialog-footer-action:${l}:${a ? "label" : "icon"}`;
-function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAction: d, fixed: k = !1, rounded: I = !0, locale: _ = "en", className: A, dataTest: c = "styled-dialog-footer" }) {
-  const E = G(_), { ref: P, widthPx: m } = K(), { register: f, widths: t } = H(), [h, p] = V(null), g = m > 0 && m < Y, R = g ? 8 : 16, n = y(() => l.filter((e) => !e.hidden).map((e) => e.icon == null && e.canHideLabel == null ? {
+import { cn as $ } from "../../../../helpers/cn.js";
+import { DotsVerticalIcon as z } from "../../../icons/dots-vertical-icon/DotsVerticalIcon.js";
+import { LoadingIcon as F } from "../../../icons/loading-icon/LoadingIcon.js";
+import { StyledTooltip as j } from "../../../data-display/tooltip/StyledTooltip.js";
+import { StyledButton as y } from "../../../inputs/button/StyledButton.js";
+import { StyledMenu as K } from "../../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as D } from "../../../navigation/menu/StyledMenuItem.js";
+import { useElementWidthPx as H } from "../../../../hooks/useElementWidthPx.js";
+import { useWidthRegistry as U } from "../../../../hooks/useWidthRegistry.js";
+import { planToolbarActions as G } from "../../../custom/module/header-layout/planToolbarActions.js";
+import { ToolbarActionButton as V } from "../../../custom/module/header-layout/ToolbarActionGroup.js";
+import { useToolbarTranslations as X } from "../../../custom/module/header-layout/useTranslations.js";
+import { useMemo as C, useState as Y } from "react";
+import { Fragment as N, jsx as r, jsxs as n } from "react/jsx-runtime";
+var q = 2, J = 470, Q = 8, k = "dialog-footer-right", M = "dialog-footer-more", O = (l, a) => `dialog-footer-action:${l}:${a ? "label" : "icon"}`;
+function pe({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAction: d, fixed: I = !1, rounded: _ = !0, locale: A = "en", className: E, dataTest: c = "styled-dialog-footer" }) {
+  const P = X(A), { ref: R, widthPx: m } = H(), { register: f, widths: t } = U(), [p, h] = Y(null), g = m > 0 && m < J, W = g ? 8 : 16, o = C(() => l.filter((e) => !e.hidden).map((e) => e.icon == null && e.canHideLabel == null ? {
     ...e,
     canHideLabel: !1
-  } : e), [l]), W = t[N] ?? 0, x = s != null || d != null, v = Math.max(0, m - R * 2 - W - (x ? q : 0)), u = y(() => n.length >= X ? {
+  } : e), [l]), B = t[k] ?? 0, x = s != null || d != null, v = Math.max(0, m - W * 2 - B - (x ? Q : 0)), u = C(() => o.length >= q ? {
     inlineActions: [],
-    overflowActions: n,
+    overflowActions: o,
     showMoreMenu: !0
-  } : U({
-    actions: n,
+  } : G({
+    actions: o,
     availableWidth: v,
     collapseLabels: !0,
     resolveActionWidth: (e, i) => t[O(e.id, i)],
     moreButtonWidthPx: t[M]
   }), [
-    n,
+    o,
     v,
     t
-  ]), b = (e, i, B) => {
-    const T = /* @__PURE__ */ r(w, {
-      dataTest: e.dataTest ?? `${c}-${B}`,
+  ]), b = (e, i, L) => {
+    const T = !!e.disabled || !!e.loading, w = /* @__PURE__ */ r(y, {
+      dataTest: e.dataTest ?? `${c}-${L}`,
       variant: e.variant ?? i,
       error: e.tone === "danger",
       size: "medium",
       type: e.type ?? "button",
-      disabled: !!e.disabled || !!e.loading,
+      "aria-disabled": T || void 0,
       startIcon: e.icon,
-      endIcon: e.loading ? /* @__PURE__ */ r($, {
+      endIcon: e.loading ? /* @__PURE__ */ r(F, {
         width: 20,
         height: 20
       }) : e.endIcon,
-      onClick: e.onClick,
+      onClick: T ? (S) => S.preventDefault() : e.onClick,
       "aria-label": e.ariaLabel,
       "aria-busy": e.loading,
       children: e.label
     });
-    return e.tooltip ? /* @__PURE__ */ r(z, {
+    return e.tooltip ? /* @__PURE__ */ r(j, {
       arrow: !0,
       title: e.tooltip,
       children: /* @__PURE__ */ r("span", {
         className: "inline-flex",
-        children: T
+        children: w
       })
-    }) : T;
+    }) : w;
   };
-  return /* @__PURE__ */ o("div", {
-    ref: P,
+  return /* @__PURE__ */ n("div", {
+    ref: R,
     "data-testid": c,
-    className: L("flex items-center justify-end self-stretch border-0 border-t border-solid border-delta-200 bg-white", g ? "gap-2 p-2" : "gap-4 p-4", I && "rounded-b-lg", k && "sticky bottom-0 z-[1]", A),
+    className: $("flex items-center justify-end self-stretch border-0 border-t border-solid border-delta-200 bg-white", g ? "gap-2 p-2" : "gap-4 p-4", _ && "rounded-b-lg", I && "sticky bottom-0 z-[1]", E),
     children: [/* @__PURE__ */ r("div", {
       className: "flex shrink-0 flex-nowrap items-center gap-2",
-      children: a ?? /* @__PURE__ */ o(C, { children: [u.inlineActions.map(({ action: e, showLabel: i }) => /* @__PURE__ */ r("span", {
+      children: a ?? /* @__PURE__ */ n(N, { children: [u.inlineActions.map(({ action: e, showLabel: i }) => /* @__PURE__ */ r("span", {
         ref: f(O(e.id, i)),
         className: "inline-flex shrink-0",
-        children: /* @__PURE__ */ r(D, {
+        children: /* @__PURE__ */ r(V, {
           action: e,
           showLabel: i
         })
-      }, e.id)), u.showMoreMenu && /* @__PURE__ */ o(C, { children: [/* @__PURE__ */ r("span", {
+      }, e.id)), u.showMoreMenu && /* @__PURE__ */ n(N, { children: [/* @__PURE__ */ r("span", {
         ref: f(M),
         className: "inline-flex shrink-0",
-        children: /* @__PURE__ */ r(w, {
+        children: /* @__PURE__ */ r(y, {
           dataTest: `${c}-more`,
           variant: "outlined",
           size: "medium",
           type: "button",
-          onClick: (e) => p(e.currentTarget),
-          "aria-label": E.more,
+          onClick: (e) => h(e.currentTarget),
+          "aria-label": P.more,
           "aria-haspopup": "menu",
-          "aria-expanded": h != null,
-          startIcon: /* @__PURE__ */ r(S, {
+          "aria-expanded": p != null,
+          startIcon: /* @__PURE__ */ r(z, {
             width: 24,
             height: 24
           })
         })
-      }), /* @__PURE__ */ r(F, {
-        anchorEl: h,
-        open: h != null,
-        onClose: () => p(null),
+      }), /* @__PURE__ */ r(K, {
+        anchorEl: p,
+        open: p != null,
+        onClose: () => h(null),
         anchorOrigin: {
           vertical: "top",
           horizontal: "left"
@@ -100,10 +100,10 @@ function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAc
           vertical: "bottom",
           horizontal: "left"
         },
-        children: u.overflowActions.map((e) => /* @__PURE__ */ r(j, {
+        children: u.overflowActions.map((e) => /* @__PURE__ */ r(D, {
           disabled: e.disabled,
           onClick: () => {
-            p(null), e.onClick();
+            h(null), e.onClick();
           },
           children: /* @__PURE__ */ r("span", {
             className: e.tone === "danger" ? "text-beta-500" : "text-delta-700",
@@ -113,8 +113,8 @@ function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAc
       })] })] })
     }), x && /* @__PURE__ */ r("span", {
       className: "flex min-w-px flex-1 flex-nowrap items-center justify-end",
-      children: /* @__PURE__ */ o("span", {
-        ref: f(N),
+      children: /* @__PURE__ */ n("span", {
+        ref: f(k),
         className: "flex shrink-0 flex-nowrap items-center gap-2",
         children: [s && b(s, "outlined", "secondary"), d && b(d, "contained", "primary")]
       })
@@ -122,5 +122,5 @@ function me({ leftActions: l = [], leadingSlot: a, secondaryAction: s, primaryAc
   });
 }
 export {
-  me as StyledDialogFooter
+  pe as StyledDialogFooter
 };

package/dist/components/inputs/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var _ = "_contained_lpch6_6", t = "_common_lpch6_6", a = "_medium_lpch6_55", e = "_small_lpch6_62", r = "_large_lpch6_69", l = "_error_lpch6_81", c = "_outlined_lpch6_156", o = "_text_lpch6_306", h = "_textGray_lpch6_456", m = "_textWhite_lpch6_531", p = {
-  "asma-ui-core-button": "_asma-ui-core-button_lpch6_1",
-  contained: _,
-  common: t,
-  medium: a,
-  small: e,
-  large: r,
-  error: l,
-  outlined: c,
-  text: o,
-  textGray: h,
-  textWhite: m
+var a = "_contained_1fdad_6", _ = "_common_1fdad_6", d = "_medium_1fdad_55", t = "_small_1fdad_62", e = "_large_1fdad_69", r = "_error_1fdad_81", o = "_outlined_1fdad_156", f = "_text_1fdad_306", m = "_textGray_1fdad_456", l = "_textWhite_1fdad_531", u = {
+  "asma-ui-core-button": "_asma-ui-core-button_1fdad_1",
+  contained: a,
+  common: _,
+  medium: d,
+  small: t,
+  large: e,
+  error: r,
+  outlined: o,
+  text: f,
+  textGray: m,
+  textWhite: l
 };
 export {
-  p as default
+  u as default
 };

package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js

@@ -1,65 +1,65 @@
-import { cn as j } from "../../../../helpers/cn.js";
-import { LoadingIcon as Y } from "../../../icons/loading-icon/LoadingIcon.js";
-import { CheckIcon as Z } from "../../../icons/check-icon/CheckIcon.js";
-import { PlusIconCircle as ee } from "../../../icons/plus-icon-circle/PlusIconCircle.js";
-import { StyledChip as D } from "../../../data-display/chip/StyledChip.js";
-import { StyledCheckbox as te } from "../../checkbox/base-ui/StyledCheckbox.js";
-import { StyledTooltip as L } from "../../../data-display/tooltip/StyledTooltip.js";
-import { StyledInputField as le } from "../../input-field/StyledInputField.js";
-import { StyledSelectAutocomplete as ae } from "../../select-autocomplete/StyledSelectAutocomplete.js";
-import { DynamicInteractiveChipGroup as re } from "./DynamicInteractiveChipGroup.js";
-import { createElement as q, forwardRef as oe, useCallback as f, useState as ne } from "react";
-import { Fragment as z, jsx as l, jsxs as T } from "react/jsx-runtime";
-var ve = oe((O, E) => {
-  const [F, S] = ne(!1), { options: k, dataTest: h, value: g, readOnly: u, multiple: o, required: K, onChange: x, size: H, rowSize: v = "compact", title: y, noOptionsText: _, placeholder: R, disabled: I, helperText: G, disableHelperText: N, error: A, valueKey: P = "value", labelKey: W = "label", renderLabel: i, getOptionTooltip: V, startAdornment: J, autocompleteProps: n, loading: m, maxTags: M, onFocus: Q, onBlur: U } = O, s = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", p = f((e) => typeof e == "object" ? e?.[P] : e, [P]), B = f((e, t) => p(e) === p(t), [p]), w = (e) => {
-    const t = p(e);
-    return t == null ? "" : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : e == null ? "" : s(e);
-  }, $ = f((e) => {
-    S(!0), n?.onOpen?.(e);
-  }, [n]), X = f((e, t) => {
-    S(!1), n?.onClose?.(e, t);
-  }, [n]);
-  if (o && u) return /* @__PURE__ */ l(re, { ...O });
-  const C = y ? `${h}-title` : void 0;
+import { cn as q } from "../../../../helpers/cn.js";
+import { LoadingIcon as te } from "../../../icons/loading-icon/LoadingIcon.js";
+import { CheckIcon as le } from "../../../icons/check-icon/CheckIcon.js";
+import { PlusIconCircle as ae } from "../../../icons/plus-icon-circle/PlusIconCircle.js";
+import { StyledChip as z } from "../../../data-display/chip/StyledChip.js";
+import { StyledCheckbox as re } from "../../checkbox/base-ui/StyledCheckbox.js";
+import { StyledTooltip as E } from "../../../data-display/tooltip/StyledTooltip.js";
+import { StyledInputField as oe } from "../../input-field/StyledInputField.js";
+import { StyledSelectAutocomplete as ie } from "../../select-autocomplete/StyledSelectAutocomplete.js";
+import { DynamicInteractiveChipGroup as ne } from "./DynamicInteractiveChipGroup.js";
+import { createElement as F, forwardRef as se, useCallback as h, useState as de } from "react";
+import { Fragment as K, jsx as l, jsxs as T } from "react/jsx-runtime";
+var Ce = se((O, H) => {
+  const [_, S] = de(!1), { options: k, dataTest: f, value: g, readOnly: u, multiple: o, required: R, onChange: x, size: G, rowSize: v = "compact", title: y, noOptionsText: W, placeholder: J, disabled: I, helperText: M, disableHelperText: N, error: A, valueKey: P = "value", labelKey: Q = "label", renderLabel: s, getOptionTooltip: V, startAdornment: U, autocompleteProps: i, loading: m, maxTags: X, onFocus: Y, onBlur: Z } = O, d = (e) => typeof e == "object" ? e?.[Q]?.toString() ?? "" : e?.toString() ?? "", b = h((e) => typeof e == "object" ? e?.[P] : e, [P]), $ = h((e, t) => b(e) === b(t), [b]), w = (e) => {
+    const t = b(e);
+    return t == null ? "" : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : e == null ? "" : d(e);
+  }, B = h((e) => {
+    S(!0), i?.onOpen?.(e);
+  }, [i]), ee = h((e, t) => {
+    S(!1), i?.onClose?.(e, t);
+  }, [i]);
+  if (o && u) return /* @__PURE__ */ l(ne, { ...O });
+  const C = y ? `${f}-title` : void 0;
   return /* @__PURE__ */ T("div", {
     className: "flex w-full flex-col gap-y-1",
     children: [y && /* @__PURE__ */ l("span", {
       id: C,
       className: "text-base font-semibold text-delta-800",
       children: y
-    }), /* @__PURE__ */ l(ae, {
-      open: F,
-      onOpen: $,
-      onClose: X,
+    }), /* @__PURE__ */ l(ie, {
+      open: _,
+      onOpen: B,
+      onClose: ee,
       disableCloseOnSelect: o,
-      dataTest: h,
+      dataTest: f,
       disabled: !!I || !!m,
-      noOptionsText: _,
+      noOptionsText: W,
       loading: m,
       readOnly: u,
       value: g,
-      size: H,
+      size: G,
       rowSize: v,
-      disableClearable: K,
+      disableClearable: R,
       options: k,
       fullWidth: !0,
       classes: { listbox: "max-h-[300px]" },
-      getOptionLabel: n?.getOptionLabel ?? s,
+      getOptionLabel: i?.getOptionLabel ?? d,
       onChange: (e, t) => {
         x(t);
       },
       filterSelectedOptions: !1,
-      isOptionEqualToValue: n?.isOptionEqualToValue ?? B,
+      isOptionEqualToValue: i?.isOptionEqualToValue ?? $,
       autoHeight: !0,
       multiple: o,
       renderValue: o ? (e) => {
         if (!Array.isArray(e)) return null;
-        const t = e, d = M ?? k.length, a = t.slice(0, d), c = t.length - d;
-        return [...a.map((r) => /* @__PURE__ */ l(D, {
-          dataTest: `${w(r)}-chip`,
+        const t = e, c = X ?? k.length, r = t.slice(0, c), n = t.length - c;
+        return [...r.map((a) => /* @__PURE__ */ l(z, {
+          dataTest: `${w(a)}-chip`,
           readOnly: u,
           variant: "outlined",
-          label: i ? i(r) : s(r),
+          label: s ? s(a) : d(a),
           classes: {
             root: "h-fit w-fit min-h-[32px]",
             label: "block whitespace-normal"
@@ -67,102 +67,111 @@ var ve = oe((O, E) => {
           disabled: !!I || !!m,
           deleteButtonTabIndex: -1,
           onDelete: () => {
-            Array.isArray(g) && x(g.filter((b) => !B(b, r)));
+            Array.isArray(g) && x(g.filter((p) => !$(p, a)));
           }
-        }, w(r))), c > 0 ? /* @__PURE__ */ l(D, {
+        }, w(a))), n > 0 ? /* @__PURE__ */ l(z, {
           dataTest: "remaining-count-tag-chip",
-          label: `+${c}`,
+          label: `+${n}`,
           variant: "outlined",
           tabIndex: -1,
-          onClick: $
+          onClick: B
         }, "remaining-count") : null];
       } : void 0,
-      popupIcon: m ? /* @__PURE__ */ l(Y, {
+      popupIcon: m ? /* @__PURE__ */ l(te, {
         height: 24,
         width: 24
-      }) : o ? /* @__PURE__ */ l(ee, {
+      }) : o ? /* @__PURE__ */ l(ae, {
         height: 24,
         width: 24
       }) : void 0,
-      renderOption: (e, t, d) => {
-        const a = typeof t == "object" ? !!t?.disabled : !1, c = V ? V(t) : null;
+      renderOption: (e, t, c) => {
+        const r = typeof t == "object" ? !!t?.disabled : !1, n = V ? V(t) : null, a = r && n ? `${e.id}-reason` : void 0, p = a && e["data-active"] !== void 0 ? !0 : void 0, j = a && /* @__PURE__ */ l("span", {
+          id: a,
+          className: "sr-only",
+          "aria-hidden": "true",
+          children: n
+        });
         if (o) {
-          const b = d.selected;
-          return /* @__PURE__ */ q("li", {
+          const L = c.selected;
+          return /* @__PURE__ */ F("li", {
             ...e,
             role: "option",
-            "aria-selected": b,
+            "aria-selected": L,
             key: e.id,
-            onClick: a ? void 0 : e.onClick,
-            className: j("relative flex cursor-pointer items-center gap-x-1 bg-white px-2 text-base aria-selected:bg-gama-50 hover:bg-delta-50", v === "regular" ? "min-h-12" : "min-h-10", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
-            "aria-disabled": a
-          }, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
+            onClick: r ? void 0 : e.onClick,
+            className: q("relative flex cursor-pointer items-center gap-x-1 bg-white px-2 text-base aria-selected:bg-gama-50 hover:bg-delta-50", v === "regular" ? "min-h-12" : "min-h-10", r && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
+            "aria-disabled": r,
+            "aria-describedby": a
+          }, j, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
             "aria-hidden": "true",
             className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
-          }), /* @__PURE__ */ l(L, {
+          }), /* @__PURE__ */ l(E, {
             arrow: !0,
-            title: c,
-            children: /* @__PURE__ */ T(z, { children: [/* @__PURE__ */ l(te, {
-              disabled: a,
+            title: n,
+            open: p,
+            children: /* @__PURE__ */ T(K, { children: [/* @__PURE__ */ l(re, {
+              disabled: r,
               dataTest: `${w(t)}-checkbox`,
               size: "small",
               decorative: !0,
               className: "min-w-[36px]",
-              checked: b
-            }), i ? i(t) : /* @__PURE__ */ l("span", {
+              checked: L
+            }), s ? s(t) : /* @__PURE__ */ l("span", {
               className: "line-clamp-2 h-fit min-w-0 flex-1 break-words text-base text-delta-800",
-              children: s(t)
+              children: d(t)
             })] })
           }));
         }
-        const r = d.selected;
-        return /* @__PURE__ */ q("li", {
+        const D = c.selected;
+        return /* @__PURE__ */ F("li", {
           ...e,
           role: "option",
-          "aria-selected": r,
+          "aria-selected": D,
           key: e.id,
-          className: j("relative flex cursor-pointer items-center gap-x-1 px-2 text-base aria-selected:bg-gama-50 hover:bg-delta-50", v === "regular" ? "min-h-12" : "min-h-10", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
-          onClick: a ? void 0 : e.onClick,
-          "aria-disabled": a
-        }, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
+          className: q("relative flex cursor-pointer items-center gap-x-1 px-2 text-base aria-selected:bg-gama-50 hover:bg-delta-50", v === "regular" ? "min-h-12" : "min-h-10", r && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
+          onClick: r ? void 0 : e.onClick,
+          "aria-disabled": r,
+          "aria-describedby": a
+        }, j, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
           "aria-hidden": "true",
           className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
-        }), /* @__PURE__ */ l(L, {
+        }), /* @__PURE__ */ l(E, {
           arrow: !0,
-          title: c,
-          children: /* @__PURE__ */ T(z, { children: [/* @__PURE__ */ l("span", {
+          title: n,
+          open: p,
+          children: /* @__PURE__ */ T(K, { children: [/* @__PURE__ */ l("span", {
             className: "w-5 min-w-5",
-            children: r && /* @__PURE__ */ l(Z, {
+            children: D && /* @__PURE__ */ l(le, {
               className: "size-5 min-h-5 min-w-5 text-gama-500",
               height: 20,
               width: 20
             })
-          }), i ? i(t) : /* @__PURE__ */ l("span", {
+          }), s ? s(t) : /* @__PURE__ */ l("span", {
             className: "line-clamp-2 min-w-0 flex-1 break-words text-base text-delta-800",
-            children: s(t)
+            children: d(t)
           })] })
         }));
       },
-      renderInput: (e) => /* @__PURE__ */ l(le, {
-        dataTest: `${h}-input-field`,
+      renderInput: (e) => /* @__PURE__ */ l(oe, {
+        dataTest: `${f}-input-field`,
         ...e,
-        inputRef: E,
+        inputRef: H,
         error: A,
-        helperText: N ? void 0 : G,
+        helperText: N ? void 0 : M,
         reserveHelperText: N ? !1 : A !== void 0,
         variant: "outlined",
         label: "",
-        placeholder: R,
+        placeholder: J,
         readOnly: u,
-        onFocus: Q,
-        onBlur: U,
+        onFocus: Y,
+        onBlur: Z,
         onKeyDown: e.onKeyDown,
         autoComplete: "off",
         slotProps: {
           ...e.slotProps,
           input: {
             ...e.slotProps?.input ?? {},
-            startAdornment: J ?? e.slotProps?.input?.startAdornment
+            startAdornment: U ?? e.slotProps?.input?.startAdornment
           },
           htmlInput: {
             ...e.slotProps?.htmlInput ?? {},
@@ -170,10 +179,10 @@ var ve = oe((O, E) => {
           }
         }
       }),
-      ...n
+      ...i
     })]
   });
 });
 export {
-  ve as DynamicSelectAutocomplete
+  Ce as DynamicSelectAutocomplete
 };