@envisiongroup/porygon 1.0.2 → 1.0.4

package/dist/index.js

@@ -1,111 +1,114 @@
 import { formatFileSize as o, getErrorMessage as t, getFileIconUrl as F } from "./react-components/commons/utils.js";
-import { EFWMessageBarManager as E } from "./react-components/forms/EFWMessageBarManager/EFWMessageBarManager.js";
+import { EFWMessageBarManager as m } from "./react-components/forms/EFWMessageBarManager/EFWMessageBarManager.js";
 import { EFWButton as p } from "./react-components/buttons/EFWButton/EFWButton.js";
-import { useEFWButton as l } from "./react-components/buttons/EFWButton/EFWButton.hooks.js";
+import { useEFWButton as T } from "./react-components/buttons/EFWButton/EFWButton.hooks.js";
 import { EFWDrawerButton as f } from "./react-components/buttons/EFWDrawerButton/EFWDrawerButton.js";
 import { EFWGroupButton as u } from "./react-components/buttons/EFWGroupButton/EFWGroupButton.js";
-import { EFWField as W } from "./react-components/fields/_shared/EFWField/EFWField.js";
+import { EFWField as _ } from "./react-components/fields/_shared/EFWField/EFWField.js";
 import { EFWAttachment as n } from "./react-components/fields/Attachments/EFWAttachments.js";
 import { getAttachmentsFormattedValue as A } from "./react-components/fields/Attachments/EFWAttachments.utils.js";
 import { EFWAttachmentsField as d } from "./react-components/fields/Attachments/EFWAttachmentsField.js";
 import { EFWDatePicker as O } from "./react-components/fields/DatePicker/EFWDatePicker.js";
-import { enLocalizedStrings as D, esLocalizedStrings as P, getDatePickerFormattedValue as C, ptLocalizedStrings as B } from "./react-components/fields/DatePicker/EFWDatePicker.utils.js";
+import { enLocalizedStrings as D, esLocalizedStrings as P, getDatePickerFormattedValue as B, ptLocalizedStrings as C } from "./react-components/fields/DatePicker/EFWDatePicker.utils.js";
 import { EFWDatePickerField as U } from "./react-components/fields/DatePicker/EFWDatePickerField.js";
-import { EFWInput as V } from "./react-components/fields/Input/EFWInput.js";
-import { getInputFormattedValue as R } from "./react-components/fields/Input/EFWInput.utils.js";
-import { EFWInputField as k } from "./react-components/fields/Input/EFWInputField.js";
-import { EFWNumberInput as M } from "./react-components/fields/NumberInput/EFWNumberInput.js";
-import { getNumberInputFormattedValue as w } from "./react-components/fields/NumberInput/EFWNumberInput.utils.js";
-import { EFWNumberInputField as X } from "./react-components/fields/NumberInput/EFWNumberInputField.js";
-import { EFWSwitch as Y } from "./react-components/fields/Switch/EFWSwitch.js";
+import { EFWInput as N } from "./react-components/fields/Input/EFWInput.js";
+import { getInputFormattedValue as y } from "./react-components/fields/Input/EFWInput.utils.js";
+import { EFWInputField as R } from "./react-components/fields/Input/EFWInputField.js";
+import { EFWNumberInput as h } from "./react-components/fields/NumberInput/EFWNumberInput.js";
+import { getNumberInputFormattedValue as G } from "./react-components/fields/NumberInput/EFWNumberInput.utils.js";
+import { EFWNumberInputField as w } from "./react-components/fields/NumberInput/EFWNumberInputField.js";
+import { EFWSwitch as z } from "./react-components/fields/Switch/EFWSwitch.js";
 import { getSwitchFormattedValue as q } from "./react-components/fields/Switch/EFWSwitch.utils.js";
 import { EFWSwitchField as J } from "./react-components/fields/Switch/EFWSwitchField.js";
 import { EFWTagPicker as Q } from "./react-components/fields/TagPicker/EFWTagPicker.js";
 import { getTagPickerFormattedValue as $ } from "./react-components/fields/TagPicker/EFWTagPicker.utils.js";
 import { EFWTagPickerField as re } from "./react-components/fields/TagPicker/EFWTagPickerField.js";
 import { EFWTextArea as te } from "./react-components/fields/TextArea/EFWTextArea.js";
-import { getTextAreaFormattedValue as me } from "./react-components/fields/TextArea/EFWTextArea.utils.js";
+import { getTextAreaFormattedValue as Ee } from "./react-components/fields/TextArea/EFWTextArea.utils.js";
 import { EFWTextAreaField as ae } from "./react-components/fields/TextArea/EFWTextAreaField.js";
 import { getFormFieldDisplayText as xe } from "./react-components/forms/EFWForm/EFWForm.converter.js";
-import { useFormController as Te } from "./react-components/forms/EFWForm/EFWForm.hooks.js";
-import { EFWForm as Le } from "./react-components/forms/EFWForm/EFWForm.js";
-import { EFWConversionError as ie, EFWValuesToFlat as We, flatToEFWValues as _e } from "./react-components/forms/EFWForm/EFWForm.flatConverter.js";
-import { EFWFormMessageBarGroup as se } from "./react-components/forms/EFWFormMessageBarGroup/EFWFormMessageBarGroup.js";
-import { useDrawer as ce } from "./react-components/hooks/useDrawer/useDrawer.js";
-import { PorygonI18nProvider as ge, useButtonsLocaleText as Oe, useFieldsLocaleText as Se, useFormLocaleText as De, usePorygonLocaleText as Pe, useTableLocaleText as Ce, useTimelineLocaleText as Be } from "./react-components/i18n/PorygonI18nProvider.js";
-import { DEFAULT_EFW_BUTTONS_LOCALE_TEXT as Ue, DEFAULT_EFW_FIELDS_LOCALE_TEXT as Ne, DEFAULT_EFW_FORM_LOCALE_TEXT as Ve, DEFAULT_EFW_TABLE_LOCALE_TEXT as be, DEFAULT_EFW_TIMELINE_LOCALE_TEXT as Re } from "./react-components/i18n/defaultLocaleText.js";
-import { PORYGON_LOCALES as ke, PORYGON_LOCALE_EN as Ge, PORYGON_LOCALE_ES as Me, PORYGON_LOCALE_PT_BR as ve } from "./react-components/i18n/localePresets.js";
-import { EFWTable as ye } from "./react-components/tables/EFWTable/EFWTable.js";
-import { useTableController as ze } from "./react-components/tables/EFWTable/hooks/useTableController/useTableController.js";
-import { useDefaultFilterButton as je } from "./react-components/tables/EFWTable/hooks/useDefaultFilterButton/useDefaultFilterButton.js";
-import { EFWTableEmpty as He, EFWTableOverlay as Je } from "./react-components/tables/EFWTable/components/EFWTableOverlay/EFWTableOverlay.js";
-import { EFWTimeline as Qe } from "./react-components/timeline/EFWTimeline/EFWTimeline.js";
-import { DEFAULT_STATUS_COLORS as $e, DEFAULT_STATUS_LABELS as er, deriveStatusFromActive as rr } from "./react-components/timeline/EFWTimeline/EFWTimeline.utils.js";
+import { EMPTY_VALUE_BY_FIELD_TYPE as le, getEmptyValueForFieldType as fe } from "./react-components/forms/EFWForm/EFWForm.utils.js";
+import { useFormController as ue } from "./react-components/forms/EFWForm/EFWForm.hooks.js";
+import { EFWForm as _e } from "./react-components/forms/EFWForm/EFWForm.js";
+import { EFWConversionError as ne, EFWValuesToFlat as se, flatToEFWValues as Ae } from "./react-components/forms/EFWForm/EFWForm.flatConverter.js";
+import { EFWFormMessageBarGroup as de } from "./react-components/forms/EFWFormMessageBarGroup/EFWFormMessageBarGroup.js";
+import { useDrawer as Oe } from "./react-components/hooks/useDrawer/useDrawer.js";
+import { PorygonI18nProvider as De, useButtonsLocaleText as Pe, useFieldsLocaleText as Be, useFormLocaleText as Ce, usePorygonLocaleText as Ie, useTableLocaleText as Ue, useTimelineLocaleText as Ve } from "./react-components/i18n/PorygonI18nProvider.js";
+import { DEFAULT_EFW_BUTTONS_LOCALE_TEXT as be, DEFAULT_EFW_FIELDS_LOCALE_TEXT as ye, DEFAULT_EFW_FORM_LOCALE_TEXT as Me, DEFAULT_EFW_TABLE_LOCALE_TEXT as Re, DEFAULT_EFW_TIMELINE_LOCALE_TEXT as Ye } from "./react-components/i18n/defaultLocaleText.js";
+import { PORYGON_LOCALES as ke, PORYGON_LOCALE_EN as Ge, PORYGON_LOCALE_ES as ve, PORYGON_LOCALE_PT_BR as we } from "./react-components/i18n/localePresets.js";
+import { EFWTable as ze } from "./react-components/tables/EFWTable/EFWTable.js";
+import { useTableController as qe } from "./react-components/tables/EFWTable/hooks/useTableController/useTableController.js";
+import { useDefaultFilterButton as Je } from "./react-components/tables/EFWTable/hooks/useDefaultFilterButton/useDefaultFilterButton.js";
+import { EFWTableEmpty as Qe, EFWTableOverlay as Ze } from "./react-components/tables/EFWTable/components/EFWTableOverlay/EFWTableOverlay.js";
+import { EFWTimeline as er } from "./react-components/timeline/EFWTimeline/EFWTimeline.js";
+import { DEFAULT_STATUS_COLORS as or, DEFAULT_STATUS_LABELS as tr, deriveStatusFromActive as Fr } from "./react-components/timeline/EFWTimeline/EFWTimeline.utils.js";
 export {
-  Ue as DEFAULT_EFW_BUTTONS_LOCALE_TEXT,
-  Ne as DEFAULT_EFW_FIELDS_LOCALE_TEXT,
-  Ve as DEFAULT_EFW_FORM_LOCALE_TEXT,
-  be as DEFAULT_EFW_TABLE_LOCALE_TEXT,
-  Re as DEFAULT_EFW_TIMELINE_LOCALE_TEXT,
-  $e as DEFAULT_STATUS_COLORS,
-  er as DEFAULT_STATUS_LABELS,
+  be as DEFAULT_EFW_BUTTONS_LOCALE_TEXT,
+  ye as DEFAULT_EFW_FIELDS_LOCALE_TEXT,
+  Me as DEFAULT_EFW_FORM_LOCALE_TEXT,
+  Re as DEFAULT_EFW_TABLE_LOCALE_TEXT,
+  Ye as DEFAULT_EFW_TIMELINE_LOCALE_TEXT,
+  or as DEFAULT_STATUS_COLORS,
+  tr as DEFAULT_STATUS_LABELS,
   n as EFWAttachment,
   d as EFWAttachmentsField,
   p as EFWButton,
-  ie as EFWConversionError,
+  ne as EFWConversionError,
   O as EFWDatePicker,
   U as EFWDatePickerField,
   f as EFWDrawerButton,
-  W as EFWField,
-  Le as EFWForm,
-  se as EFWFormMessageBarGroup,
+  _ as EFWField,
+  _e as EFWForm,
+  de as EFWFormMessageBarGroup,
   u as EFWGroupButton,
-  V as EFWInput,
-  k as EFWInputField,
-  E as EFWMessageBarManager,
-  M as EFWNumberInput,
-  X as EFWNumberInputField,
-  Y as EFWSwitch,
+  N as EFWInput,
+  R as EFWInputField,
+  m as EFWMessageBarManager,
+  h as EFWNumberInput,
+  w as EFWNumberInputField,
+  z as EFWSwitch,
   J as EFWSwitchField,
-  ye as EFWTable,
-  He as EFWTableEmpty,
-  Je as EFWTableOverlay,
+  ze as EFWTable,
+  Qe as EFWTableEmpty,
+  Ze as EFWTableOverlay,
   Q as EFWTagPicker,
   re as EFWTagPickerField,
   te as EFWTextArea,
   ae as EFWTextAreaField,
-  Qe as EFWTimeline,
-  We as EFWValuesToFlat,
+  er as EFWTimeline,
+  se as EFWValuesToFlat,
+  le as EMPTY_VALUE_BY_FIELD_TYPE,
   ke as PORYGON_LOCALES,
   Ge as PORYGON_LOCALE_EN,
-  Me as PORYGON_LOCALE_ES,
-  ve as PORYGON_LOCALE_PT_BR,
-  ge as PorygonI18nProvider,
-  rr as deriveStatusFromActive,
+  ve as PORYGON_LOCALE_ES,
+  we as PORYGON_LOCALE_PT_BR,
+  De as PorygonI18nProvider,
+  Fr as deriveStatusFromActive,
   D as enLocalizedStrings,
   P as esLocalizedStrings,
-  _e as flatToEFWValues,
+  Ae as flatToEFWValues,
   o as formatFileSize,
   A as getAttachmentsFormattedValue,
-  C as getDatePickerFormattedValue,
+  B as getDatePickerFormattedValue,
+  fe as getEmptyValueForFieldType,
   t as getErrorMessage,
   F as getFileIconUrl,
   xe as getFormFieldDisplayText,
-  R as getInputFormattedValue,
-  w as getNumberInputFormattedValue,
+  y as getInputFormattedValue,
+  G as getNumberInputFormattedValue,
   q as getSwitchFormattedValue,
   $ as getTagPickerFormattedValue,
-  me as getTextAreaFormattedValue,
-  B as ptLocalizedStrings,
-  Oe as useButtonsLocaleText,
-  je as useDefaultFilterButton,
-  ce as useDrawer,
-  l as useEFWButton,
-  Se as useFieldsLocaleText,
-  Te as useFormController,
-  De as useFormLocaleText,
-  Pe as usePorygonLocaleText,
-  ze as useTableController,
-  Ce as useTableLocaleText,
-  Be as useTimelineLocaleText
+  Ee as getTextAreaFormattedValue,
+  C as ptLocalizedStrings,
+  Pe as useButtonsLocaleText,
+  Je as useDefaultFilterButton,
+  Oe as useDrawer,
+  T as useEFWButton,
+  Be as useFieldsLocaleText,
+  ue as useFormController,
+  Ce as useFormLocaleText,
+  Ie as usePorygonLocaleText,
+  qe as useTableController,
+  Ue as useTableLocaleText,
+  Ve as useTimelineLocaleText
 };

package/dist/react-components/fields/TagPicker/EFWTagPicker.js

@@ -1,11 +1,11 @@
-import { jsx as a, jsxs as F, Fragment as Ee } from "react/jsx-runtime";
-import { useRef as v, useState as w, useMemo as p, useEffect as A, useCallback as u } from "react";
-import { makeStyles as De, tokens as n, useTagPickerFilter as ze, TagPickerOption as R, Spinner as Ve, mergeClasses as _e, Text as Fe, TagPicker as Qe, TagPickerControl as We, TagPickerGroup as je, Tag as Ge, TagPickerInput as qe, Button as Xe, TagPickerList as He, Avatar as Je } from "@fluentui/react-components";
+import { jsx as a, jsxs as V, Fragment as Ie } from "react/jsx-runtime";
+import { useRef as w, useState as A, useMemo as u, useEffect as _, useCallback as s } from "react";
+import { makeStyles as Ee, tokens as n, useTagPickerFilter as De, TagPickerOption as R, Spinner as ze, mergeClasses as Ve, Text as _e, TagPicker as Fe, TagPickerControl as Qe, TagPickerGroup as We, Tag as je, TagPickerInput as Ge, Button as qe, TagPickerList as Xe, Avatar as He } from "@fluentui/react-components";
 import { getTagPickerFormattedValue as pe } from "./EFWTagPicker.utils.js";
-import { normalizeArrayValue as Ke } from "../../commons/valueNormalization.js";
-import { CollectionsEmpty20Regular as Ye, Eraser20Regular as $e } from "@fluentui/react-icons";
-import { useFieldsLocaleText as Ue } from "../../i18n/PorygonI18nProvider.js";
-const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "aria-hidden": !0, name: P.text, color: "colorful" }), et = De({
+import { normalizeArrayValue as Je } from "../../commons/valueNormalization.js";
+import { CollectionsEmpty20Regular as Ke, Eraser20Regular as Ye } from "@fluentui/react-icons";
+import { useFieldsLocaleText as $e } from "../../i18n/PorygonI18nProvider.js";
+const F = [], Ue = 12, Ze = (M) => /* @__PURE__ */ a(He, { shape: "square", "aria-hidden": !0, name: M.text, color: "colorful" }), et = Ee({
   efwTagPickerControlError: {
     backgroundColor: n.colorPaletteRedBackground1,
     "::after": {
@@ -62,55 +62,53 @@ const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "ari
     fontSize: "12px",
     lineHeight: "16px"
   }
-}), ct = (P) => {
+}), ct = (M) => {
   const {
     labels: f,
-    className: ge = "",
+    className: ue = "",
     minQueryLength: m = 0,
-    options: r = Q,
-    hidden: fe = !1,
-    disabled: W = !1,
-    editable: me = !0,
-    selectedOptions: j = Q,
-    defaultSelectedOptions: B = Q,
-    noPopover: be = !1,
-    tagSize: he = "medium",
-    tagShape: Se = "rounded",
-    tagAppearance: Oe = "brand",
-    onChange: x,
-    beforeRenderOptions: y,
-    renderOptionMedia: I,
+    options: r = F,
+    hidden: ge = !1,
+    disabled: Q = !1,
+    editable: fe = !0,
+    selectedOptions: W = F,
+    defaultSelectedOptions: B = F,
+    noPopover: me = !1,
+    tagSize: be = "medium",
+    tagShape: he = "rounded",
+    tagAppearance: Se = "brand",
+    onChange: P,
+    beforeRenderOptions: O,
+    renderOptionMedia: j,
     showOptionMediaInSelectedTags: G = !1,
     readOnlyRenderer: ye,
     multiple: q = !0,
     validationState: X = "none",
-    validationMessage: Ce,
-    setParentComponentState: E
-  } = P, Te = v(X), ke = v(Ce), [s, H] = w(""), c = P.selectedOptions !== void 0, J = (c ? j : B) ?? [], [Me, D] = w(J), i = c ? j ?? [] : Me, N = p(
+    validationMessage: Oe,
+    setParentComponentState: I
+  } = M, Ce = w(X), Te = w(Oe), [c, H] = A(""), d = M.selectedOptions !== void 0, J = (d ? W : B) ?? [], [ke, E] = A(J), i = d ? W ?? [] : ke, x = u(
     () => new Map(i.map((e) => [e.key, e])),
     [i]
-  ), b = p(
+  ), b = u(
     () => i.map((e) => e.key),
     [i]
-  ), K = p(
+  ), K = u(
     () => new Set(b),
     [b]
-  ), [Y, C] = w({ available: [], loading: !1 }), L = Y.available, ve = p(
-    () => L.map((e) => e.key.toString()),
-    [L]
-  ), l = p(
-    () => new Map(L.map((e) => [e.key, e])),
-    [L]
-  ), Pe = Y.loading, [z, T] = w(!1), $ = p(() => s.toLowerCase(), [s]), k = v(), g = v(null);
+  ), [Y, C] = A({ available: [], loading: !1 }), N = Y.available, ve = u(
+    () => N.map((e) => e.key.toString()),
+    [N]
+  ), l = u(
+    () => new Map(N.map((e) => [e.key, e])),
+    [N]
+  ), Me = Y.loading, [D, T] = A(!1), $ = u(() => c.toLowerCase(), [c]), k = w(), g = w(null);
   g.current === null && (g.current = Object.fromEntries(
     J.map((e) => [e.key, e])
   ));
-  const V = v(
-    I ?? ue
-  ), U = p(
+  const U = u(
     () => B ?? [],
     [B]
-  ), h = Ue().tagPicker.labels, Z = h.placeholder, ee = h.noMatchesMessage, te = h.loadingMessage, oe = h.emptyState, ae = h.selectedItemsAriaLabel, ne = h.inputAriaLabel, re = f?.placeholder, le = f?.noMatchesMessage, ie = f?.loadingMessage, se = f?.emptyState, ce = f?.selectedItemsAriaLabel, de = f?.inputAriaLabel, S = p(() => ({
+  ), h = $e().tagPicker.labels, Z = h.placeholder, ee = h.noMatchesMessage, te = h.loadingMessage, oe = h.emptyState, ae = h.selectedItemsAriaLabel, ne = h.inputAriaLabel, re = f?.placeholder, le = f?.noMatchesMessage, ie = f?.loadingMessage, se = f?.emptyState, ce = f?.selectedItemsAriaLabel, de = f?.inputAriaLabel, S = u(() => ({
     placeholder: re ?? Z,
     noMatchesMessage: le ?? ee,
     loadingMessage: ie ?? te,
@@ -131,102 +129,107 @@ const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "ari
     ae,
     ne
   ]);
-  A(() => {
+  _(() => {
     i.forEach((e) => {
       g.current[e.key] = e;
     });
-  }, [i]), A(() => {
-    V.current = I ?? ue;
-  }, [I]);
-  const O = et(), xe = u(
-    (e) => (N.get(e) || l.get(e) || g.current[e])?.text || e,
-    [N, l]
-  ), Ne = u(
+  }, [i]);
+  const y = et(), Pe = s(
+    (e) => (x.get(e) || l.get(e) || g.current[e])?.text || e,
+    [x, l]
+  ), L = s(
+    (e) => {
+      const t = j;
+      return t === void 0 ? Ze(e) : typeof t == "function" ? t(e) : t;
+    },
+    [j]
+  ), xe = s(
     (e) => {
       if (!G)
         return;
-      const t = N.get(e) || l.get(e) || g.current[e];
+      const t = x.get(e) || l.get(e) || g.current[e];
       if (!t)
         return;
-      const o = V.current(t);
+      const o = L(t);
       if (!(o == null || o === !1 || typeof o == "boolean"))
         return o;
     },
     [
       G,
-      N,
-      l
+      x,
+      l,
+      L
     ]
   );
-  A(() => z ? (k.current?.abort(), k.current = new AbortController(), (async () => {
+  _(() => D ? (k.current?.abort(), k.current = new AbortController(), (async () => {
     if (typeof r != "function") {
-      const t = y ? y(r) : r;
+      const t = O ? O(r) : r;
       C((o) => ({ ...o, available: t }));
       return;
     }
-    E?.(
-      Te.current,
-      ke.current
+    I?.(
+      Ce.current,
+      Te.current
     );
     try {
       C({ available: [], loading: !0 });
-      const t = await r(s, {
+      const t = await r(c, {
         signal: k.current.signal
-      }), o = y ? y(t) : t;
+      }), o = O ? O(t) : t;
       C({ available: o, loading: !1 });
     } catch (t) {
-      k.current?.signal.aborted || (console.error("Error loading options:", t), C({ available: [], loading: !1 }), E?.("error", JSON.stringify(t)));
+      k.current?.signal.aborted || (console.error("Error loading options:", t), C({ available: [], loading: !1 }), I?.("error", JSON.stringify(t)));
     }
   })(), () => k.current?.abort()) : void 0, [
-    z,
+    D,
     r,
-    s,
-    y,
-    E,
+    c,
+    O,
+    I,
     m
   ]);
-  const Le = u(() => {
-    c || D([]), x?.([], "");
-  }, [c, x]), we = u(
+  const Ne = s(() => {
+    d || E([]), P?.([], "");
+  }, [d, P]), Le = s(
     (e, t) => {
-      if (t.open && typeof r == "function" && s.length < m) {
+      if (t.open && typeof r == "function" && c.length < m) {
         T(!1);
         return;
       }
       t.open && typeof r == "function" && C({ available: [], loading: !0 }), T(t.open);
     },
-    [r, s, m]
-  ), Ae = u(
+    [r, c, m]
+  ), we = s(
     (e) => {
       const t = e.target.value;
       H(t), typeof r == "function" && t.length < m && T(!1);
     },
     [r, m]
-  ), Re = u(
+  ), Ae = s(
     (e, t) => {
       if (t.value === "no-matches") return;
       let o;
       q ? o = t.selectedOptions : (o = t.selectedOptions.slice(-1), T(!1)), H(""), typeof r == "function" && m > 0 && T(!1);
-      const M = o.map((d) => {
-        const _ = l.get(d) || g.current[d];
-        return _ && (g.current[d] = _), _ || { key: d, text: d };
+      const v = o.map((p) => {
+        const z = l.get(p) || g.current[p];
+        return z && (g.current[p] = z), z || { key: p, text: p };
       });
-      c || D(M), x?.(
-        M,
-        pe(Ke(M))
+      d || E(v), P?.(
+        v,
+        pe(Je(v))
       );
     },
-    [l, x, q, c]
-  ), Be = ze({
+    [l, P, q, d]
+  ), Re = De({
     // La consulta actual ingresada por el usuario para filtrar opciones.
-    query: s,
+    query: c,
     // Lista de claves (como strings) de las opciones disponibles, obtenidas de 'availableOptions'.
     options: ve,
     // Elemento a mostrar cuando no hay opciones disponibles.
-    noOptionsElement: Pe ? (
+    noOptionsElement: Me ? (
       // Si está cargando ('isLoading' es true), muestra un spinner pequeño.
       /* @__PURE__ */ a(
-        Ve,
+        ze,
         {
           style: { height: "30px" },
           size: "extra-tiny",
@@ -244,7 +247,7 @@ const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "ari
         R,
         {
           value: "no-matches",
-          media: /* @__PURE__ */ a(Ye, {}),
+          media: /* @__PURE__ */ a(Ke, {}),
           children: S.noMatchesMessage
         }
       )
@@ -254,20 +257,20 @@ const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "ari
      * @param {string} optionKey - Clave de la opción a renderizar.
      * @returns {JSX.Element} - Elemento JSX que representa la opción.
      */
-    renderOption: u(
+    renderOption: s(
       (e) => {
         const t = l.get(e);
         if (t) {
-          const o = V.current(t), M = o != null && o !== !1, d = typeof o == "boolean" ? void 0 : o;
-          return !M && t.secondaryContent ? /* @__PURE__ */ a(
+          const o = L(t), v = o != null && o !== !1, p = typeof o == "boolean" ? void 0 : o;
+          return !v && t.secondaryContent ? /* @__PURE__ */ a(
             R,
             {
-              media: d,
+              media: p,
               text: t.text,
               value: t.key,
-              children: /* @__PURE__ */ F("div", { className: O.efwTagPickerOptionContentNoMedia, children: [
+              children: /* @__PURE__ */ V("div", { className: y.efwTagPickerOptionContentNoMedia, children: [
                 /* @__PURE__ */ a("span", { children: t.text }),
-                /* @__PURE__ */ a("span", { className: O.efwTagPickerOptionSecondaryNoMedia, children: t.secondaryContent })
+                /* @__PURE__ */ a("span", { className: y.efwTagPickerOptionSecondaryNoMedia, children: t.secondaryContent })
               ] })
             },
             t.key
@@ -275,7 +278,7 @@ const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "ari
             R,
             {
               secondaryContent: t.secondaryContent || "",
-              media: d,
+              media: p,
               text: t.text,
               value: t.key,
               children: t.text
@@ -290,8 +293,9 @@ const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "ari
       },
       [
         l,
-        O.efwTagPickerOptionContentNoMedia,
-        O.efwTagPickerOptionSecondaryNoMedia
+        L,
+        y.efwTagPickerOptionContentNoMedia,
+        y.efwTagPickerOptionSecondaryNoMedia
       ]
     ),
     // Dependencia: se recrea solo si cambia el set de opciones disponibles.
@@ -300,85 +304,85 @@ const Q = [], Ze = 12, ue = (P) => /* @__PURE__ */ a(Je, { shape: "square", "ari
      * @param {string} optionKey - Clave de la opción a evaluar.
      * @returns {boolean} - True si la opción debe mostrarse, false si no.
      */
-    filter: u(
+    filter: s(
       (e) => {
         const t = l.get(e);
         return t ? !K.has(e) && t.text.toLowerCase().includes($) : !1;
       },
       [l, K, $]
     )
-  }), Ie = _e(
-    ge,
-    O.efwTagPickerControl,
-    X === "error" && O.efwTagPickerControlError
+  }), Be = Ve(
+    ue,
+    y.efwTagPickerControl,
+    X === "error" && y.efwTagPickerControlError
   );
-  if (A(() => {
-    c || D(U);
-  }, [c, U]), fe) return null;
-  if (!me) {
+  if (_(() => {
+    d || E(U);
+  }, [d, U]), ge) return null;
+  if (!fe) {
     const e = pe(i) || S.emptyState, t = ye?.(
       i,
       e
     );
-    return t != null ? /* @__PURE__ */ a(Ee, { children: t }) : /* @__PURE__ */ a(Fe, { style: i.length ? void 0 : { opacity: 0.7 }, children: e });
+    return t != null ? /* @__PURE__ */ a(Ie, { children: t }) : /* @__PURE__ */ a(_e, { style: i.length ? void 0 : { opacity: 0.7 }, children: e });
   }
-  return /* @__PURE__ */ F(
-    Qe,
+  return /* @__PURE__ */ V(
+    Fe,
     {
-      open: z,
-      size: he,
-      disabled: W,
-      onOptionSelect: Re,
-      onOpenChange: we,
+      open: D,
+      size: be,
+      disabled: Q,
+      onOptionSelect: Ae,
+      onOpenChange: Le,
       selectedOptions: b,
-      noPopover: be,
+      noPopover: me,
       positioning: {
         autoSize: "height",
-        overflowBoundaryPadding: Ze
+        overflowBoundaryPadding: Ue
       },
       children: [
-        /* @__PURE__ */ F(
-          We,
+        /* @__PURE__ */ V(
+          Qe,
           {
-            className: Ie,
-            secondaryAction: !W && b.length ? /* @__PURE__ */ a(
-              Xe,
+            className: Be,
+            secondaryAction: !Q && b.length ? /* @__PURE__ */ a(
+              qe,
               {
                 appearance: "transparent",
                 size: "small",
                 shape: "rounded",
-                onClick: Le,
-                icon: /* @__PURE__ */ a($e, {}),
+                onClick: Ne,
+                icon: /* @__PURE__ */ a(Ye, {}),
                 iconPosition: "before"
               }
             ) : void 0,
             children: [
-              /* @__PURE__ */ a(je, { "aria-label": S.selectedItemsAriaLabel, children: b.map((e) => /* @__PURE__ */ a(
-                Ge,
+              /* @__PURE__ */ a(We, { "aria-label": S.selectedItemsAriaLabel, children: b.map((e) => /* @__PURE__ */ a(
+                je,
                 {
                   style: { paddingTop: "0px", paddingBottom: "0px" },
-                  shape: Se,
-                  appearance: Oe,
-                  media: Ne(e),
+                  shape: he,
+                  appearance: Se,
+                  media: xe(e),
                   value: e,
-                  children: xe(e)
+                  children: Pe(e)
                 },
                 e
               )) }),
               /* @__PURE__ */ a(
-                qe,
+                Ge,
                 {
                   placeholder: b.length ? "" : S.placeholder,
                   autoComplete: "off",
                   "aria-label": S.inputAriaLabel,
-                  value: s,
-                  onChange: Ae
+                  value: c,
+                  onChange: we
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ a(He, { children: Be })
+        /* @__PURE__ */ a(Xe, { children: Re })
       ]
     }
   );