pixelon 0.9.0 → 0.9.3

package/dist/index.js

@@ -7364,6 +7364,7 @@ const Input$1 = React.forwardRef(
 );
 Input$1.displayName = "Input";
 
+const sinTildes = (s) => s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 const Select$1 = React.forwardRef(
   ({
     options = [],
@@ -7412,7 +7413,7 @@ const Select$1 = React.forwardRef(
     const selectorRef = React.useRef(null);
     const [dropdownPosition, setDropdownPosition] = React.useState(null);
     const filteredOptions = showSearch && searchValue ? options.filter(
-      (option) => filterOption ? filterOption(searchValue, option) : option.label.toLowerCase().includes(searchValue.toLowerCase())
+      (option) => filterOption ? filterOption(searchValue, option) : sinTildes(option.label).includes(sinTildes(searchValue))
     ) : options;
     const isOptionSelected = (option) => {
       if (mode === "multiple") {
@@ -13206,19 +13207,19 @@ function mapFieldsToFormFields(fields, mode) {
   }));
 }
 
-const CLASS$g = `${COMPONENT_PREFIX}field-value`;
+const CLASS$h = `${COMPONENT_PREFIX}field-value`;
 const FieldValue = ({
   label,
   children,
   layout = "inline",
   className
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$g, `${CLASS$g}--${layout}`, className].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$g}__label`, children: label }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$g}__value`, children })
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$h, `${CLASS$h}--${layout}`, className].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$h}__label`, children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$h}__value`, children })
 ] });
 FieldValue.displayName = "FieldValue";
 
-const CLASS$f = `${COMPONENT_PREFIX}record-card`;
+const CLASS$g = `${COMPONENT_PREFIX}record-card`;
 const RecordCard = ({
   title,
   summary,
@@ -13230,20 +13231,20 @@ const RecordCard = ({
   className
 }) => {
   const cuerpoId = React.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$f, open ? `${CLASS$f}--open` : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$g, open ? `${CLASS$g}--open` : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
-        className: `${CLASS$f}__header`,
+        className: `${CLASS$g}__header`,
         "aria-expanded": open,
         "aria-controls": cuerpoId,
         "aria-label": ariaLabel,
         onClick: onToggle,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$f}__heading`, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$f}__title`, children: title }),
-            summary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$f}__summary`, children: summary })
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$g}__heading`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$g}__title`, children: title }),
+            summary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$g}__summary`, children: summary })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
@@ -13251,22 +13252,22 @@ const RecordCard = ({
               type: open ? "chevron-up" : "chevron-down",
               width: 18,
               height: 18,
-              className: `${CLASS$f}__chevron`,
+              className: `${CLASS$g}__chevron`,
               "aria-hidden": true
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$f}__body`, id: cuerpoId, children: [
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$g}__body`, id: cuerpoId, children: [
       children,
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$f}__actions`, children: actions })
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$g}__actions`, children: actions })
     ] })
   ] });
 };
 RecordCard.displayName = "RecordCard";
 
-const CLASS$e = `${COMPONENT_PREFIX}crud-cards`;
+const CLASS$f = `${COMPONENT_PREFIX}crud-cards`;
 function summaryFields(fields) {
   const visibles = fields.filter((f) => f.showInTable !== false);
   const marcados = visibles.filter((f) => f.summary);
@@ -13285,13 +13286,13 @@ function CardList({
   const claveResumen = new Set(resumen.map((f) => f.key));
   const cuerpo = fields.filter((f) => f.showInTable !== false && !claveResumen.has(f.key));
   if (loading && rows.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$e}__estado`, children: "Cargando..." });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$f}__estado`, children: "Cargando..." });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$e}__estado`, children: emptyText });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$f}__estado`, children: emptyText });
   }
   const [principal, ...secundarios] = resumen;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CLASS$e, children: rows.map((row) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CLASS$f, children: rows.map((row) => {
     const key = rowKey(row);
     const opciones = buildOptions?.(row) ?? [];
     const titulo = principal ? renderFieldValue(principal, row) : key;
@@ -13308,14 +13309,14 @@ function CardList({
           {
             type: "button",
             className: [
-              `${CLASS$e}__accion`,
+              `${CLASS$f}__accion`,
               o.disabled && o.disabledReason ? "is-con-motivo" : ""
             ].filter(Boolean).join(" "),
             disabled: o.disabled,
             onClick: () => void o.onClick(),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: o.label }),
-              o.disabled && o.disabledReason && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$e}__motivo`, children: o.disabledReason })
+              o.disabled && o.disabledReason && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$f}__motivo`, children: o.disabledReason })
             ]
           },
           o.label
@@ -13330,7 +13331,7 @@ function CardList({
 }
 CardList.displayName = "CardList";
 
-const CLASS$d = `${COMPONENT_PREFIX}crud-scroll-end`;
+const CLASS$e = `${COMPONENT_PREFIX}crud-scroll-end`;
 const MARGEN = 24;
 const SELECTOR_CRUD = `.${COMPONENT_PREFIX}table-container, .${COMPONENT_PREFIX}crud-cards`;
 const ScrollToEnd = ({
@@ -13374,7 +13375,7 @@ const ScrollToEnd = ({
     s.scrollTo({ top: s.scrollHeight, behavior: "smooth" });
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$d, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$e, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
 };
 ScrollToEnd.displayName = "ScrollToEnd";
 
@@ -14059,7 +14060,7 @@ function Crud({
 }
 Crud.displayName = "Crud";
 
-const CLASS$c = "px-chat-reactive-crud__chat-link";
+const CLASS$d = "px-chat-reactive-crud__chat-link";
 function Burbuja() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -14086,7 +14087,7 @@ const ChatLinkCell = ({
   if (targets.length === 1) {
     const t = targets[0];
     const texto = t.label ? `Abrir chat ${t.label}` : "Abrir chat";
-    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$c, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$d, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {}) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenu,
@@ -14100,7 +14101,7 @@ const ChatLinkCell = ({
         "button",
         {
           type: "button",
-          className: CLASS$c,
+          className: CLASS$d,
           "aria-label": `Abrir chat (${targets.length} conversaciones)`,
           title: "Abrir chat",
           children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {})
@@ -14164,9 +14165,11 @@ const currency = (value) => {
   if (isNaN(n)) return String(value ?? "");
   return n.toLocaleString("es-CO", { style: "currency", currency: "COP", maximumFractionDigits: 0 });
 };
+const SOLO_FECHA = /^(\d{4})-(\d{2})-(\d{2})$/;
 const date = (value) => {
   if (!value) return "";
-  const d = new Date(String(value));
+  const m = SOLO_FECHA.exec(String(value));
+  const d = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : new Date(String(value));
   if (isNaN(d.getTime())) return String(value);
   return d.toLocaleDateString("es-CO", { year: "numeric", month: "2-digit", day: "2-digit" });
 };
@@ -14417,7 +14420,7 @@ function uploadViaEventBus(eventBus, file, fileType) {
   });
 }
 
-const CLASS$b = `${COMPONENT_PREFIX$1}file-field`;
+const CLASS$c = `${COMPONENT_PREFIX$1}file-field`;
 function iconoPorNombre(nombre) {
   const ext = nombre.split(".").pop()?.toLowerCase() ?? "";
   if (["png", "jpg", "jpeg", "gif", "webp", "heic", "heif"].includes(ext)) return ICON_TYPES.IMAGE;
@@ -14448,18 +14451,18 @@ const FileField = ({
   const elegir = () => {
     if (!disabled) inputRef.current?.click();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}${error ? ` ${CLASS$b}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$b}__label`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$c}${error ? ` ${CLASS$c}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$c}__label`, children: [
       label,
       required ? " *" : "",
       multiple && hechos > 0 ? ` (${hechos})` : ""
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}__box`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$c}__box`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
           ref: inputRef,
-          className: `${CLASS$b}__native`,
+          className: `${CLASS$c}__native`,
           type: "file",
           accept,
           multiple,
@@ -14470,14 +14473,14 @@ const FileField = ({
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: `${CLASS$b}__pick`, onClick: elegir, disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: `${CLASS$c}__pick`, onClick: elegir, disabled, children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.UPLOAD, size: "small" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$b}__pick-text`, children: entries.length === 0 ? multiple ? "Toca para elegir archivos" : "Toca para elegir un archivo" : multiple ? "A\xF1adir m\xE1s" : "Cambiar archivo" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$c}__pick-text`, children: entries.length === 0 ? multiple ? "Toca para elegir archivos" : "Toca para elegir un archivo" : multiple ? "A\xF1adir m\xE1s" : "Cambiar archivo" })
       ] }),
-      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$b}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$b}__item ${CLASS$b}__item--${e.status}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$b}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$b}__name`, children: e.name }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$b}__state`, children: [
+      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$c}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$c}__item ${CLASS$c}__item--${e.status}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$c}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$c}__name`, children: e.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$c}__state`, children: [
           e.status === "uploading" && "Subiendo\u2026",
           e.status === "done" && (pesoLegible(e.size) || "Listo"),
           e.status === "error" && "No se pudo subir"
@@ -14486,7 +14489,7 @@ const FileField = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$b}__remove`,
+            className: `${CLASS$c}__remove`,
             onClick: () => onRemove(i),
             "aria-label": `Quitar ${e.name}`,
             disabled,
@@ -14495,8 +14498,8 @@ const FileField = ({
         )
       ] }, `${e.name}-${i}`)) })
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__error`, children: error }),
-    !error && subiendo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__hint`, children: "Espera a que terminen de subir." })
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$c}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$c}__hint`, children: "Espera a que terminen de subir." })
   ] });
 };
 
@@ -14656,7 +14659,13 @@ function ActionFormDrawer({ action, row, idField, eventBus, onExecute, onClose }
       options: f.options ?? optionsByField[f.name],
       // SPEC-106 T8 — `uiProps` llega tal cual a la molécula, así que el desplegable dice lo
       // que pasó de verdad en vez del «no hay» de siempre. Sin error, se queda el de siempre.
-      ...optionsErrorByField[f.name] ? { uiProps: { notFoundContent: optionsErrorByField[f.name] } } : {},
+      ...optionsErrorByField[f.name] || f.searchable ? {
+        uiProps: {
+          ...optionsErrorByField[f.name] ? { notFoundContent: optionsErrorByField[f.name] } : {},
+          ...f.searchable ? { showSearch: true } : {}
+          // SPEC-174
+        }
+      } : {},
       // SPEC-128 — el dinero se escribe como se escribe AQUÍ.
       //
       // Los campos de moneda caían a `thousandSeparator ?? ','`, un valor por defecto en formato
@@ -15652,7 +15661,7 @@ function buildMarkerIcon(name, color = "#dc2626", heading = 0) {
   return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;
 }
 
-const CLASS$a = `${COMPONENT_PREFIX$1}map-view`;
+const CLASS$b = `${COMPONENT_PREFIX$1}map-view`;
 const DEFAULT_CENTER = { lat: 4.711, lng: -74.0721 };
 const DEFAULT_ZOOM = 12;
 const DEFAULT_HEIGHT$1 = 320;
@@ -15953,23 +15962,23 @@ const MapView = ({
       document.body.style.overflow = prev;
     };
   }, [expanded]);
-  const rootClass = [CLASS$a, fullBleed && `${CLASS$a}--full-bleed`, className].filter(Boolean).join(" ");
+  const rootClass = [CLASS$b, fullBleed && `${CLASS$b}--full-bleed`, className].filter(Boolean).join(" ");
   if (overQuota) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__state ${CLASS$a}__state--error`, children: labels?.quotaText ?? "Se alcanz\xF3 el l\xEDmite diario de uso del mapa. Intenta ma\xF1ana." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__state ${CLASS$b}__state--error`, children: labels?.quotaText ?? "Se alcanz\xF3 el l\xEDmite diario de uso del mapa. Intenta ma\xF1ana." }) });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__state ${CLASS$a}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__state ${CLASS$b}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rootClass, style: fullBleed ? void 0 : { height }, children: [
-    status !== "ready" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: nodeRef, className: `${CLASS$a}__canvas`, "aria-label": "Mapa", role: "application" }),
-    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
-    status === "ready" && onPointMove && list.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
+    status !== "ready" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: nodeRef, className: `${CLASS$b}__canvas`, "aria-label": "Mapa", role: "application" }),
+    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
+    status === "ready" && onPointMove && list.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
     status === "ready" && expandable && !fullBleed && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        className: `${CLASS$a}__expand`,
+        className: `${CLASS$b}__expand`,
         "aria-label": labels?.expandAria ?? "Ver el mapa en pantalla completa",
         title: labels?.expandAria ?? "Pantalla completa",
         onClick: () => setExpanded(true),
@@ -15977,7 +15986,7 @@ const MapView = ({
       }
     ),
     expanded && ReactDOM.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$a}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           MapView,
           {
@@ -15991,7 +16000,7 @@ const MapView = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$a}-fs__close`,
+            className: `${CLASS$b}-fs__close`,
             "aria-label": labels?.closeAria ?? "Cerrar el mapa",
             onClick: () => setExpanded(false),
             children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -16107,7 +16116,7 @@ function reverseGeocode(lat, lng) {
   });
 }
 
-const CLASS$9 = `${COMPONENT_PREFIX$1}location-field`;
+const CLASS$a = `${COMPONENT_PREFIX$1}location-field`;
 const GPS_TIMEOUT_MS = 1e4;
 const CONFIRM_MAP_HEIGHT = 180;
 const LocationField = ({
@@ -16180,16 +16189,16 @@ const LocationField = ({
     }
   };
   const hasPoint = value?.lat != null && value?.lng != null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}${error ? ` ${CLASS$9}--error` : ""}`, ref: boxRef, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$9}__label`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$a}${error ? ` ${CLASS$a}--error` : ""}`, ref: boxRef, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$a}__label`, children: [
       label,
       required ? " *" : ""
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}__row`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$a}__row`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          className: `${CLASS$9}__input`,
+          className: `${CLASS$a}__input`,
           type: "text",
           value: text,
           disabled,
@@ -16203,7 +16212,7 @@ const LocationField = ({
         "button",
         {
           type: "button",
-          className: `${CLASS$9}__gps`,
+          className: `${CLASS$a}__gps`,
           onClick: useMyLocation,
           disabled: disabled || gps === "locating",
           title: labels?.useMyLocation ?? "Enviar mi ubicaci\xF3n",
@@ -16217,11 +16226,11 @@ const LocationField = ({
         }
       )
     ] }),
-    open && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$9}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__error`, children: error }),
-    gps === "denied" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__hint ${CLASS$9}__hint--warn`, children: labels?.permissionDenied ?? "No diste permiso de ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
-    gps === "unavailable" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__hint ${CLASS$9}__hint--warn`, children: labels?.unavailable ?? "No pudimos obtener tu ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
-    hasPoint && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}__confirm`, children: [
+    open && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$a}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__error`, children: error }),
+    gps === "denied" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__hint ${CLASS$a}__hint--warn`, children: labels?.permissionDenied ?? "No diste permiso de ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
+    gps === "unavailable" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__hint ${CLASS$a}__hint--warn`, children: labels?.unavailable ?? "No pudimos obtener tu ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
+    hasPoint && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$a}__confirm`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         MapView,
         {
@@ -16231,7 +16240,7 @@ const LocationField = ({
           onPointMove: (id, lat, lng) => void movePoint(id, lat, lng)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
     ] })
   ] });
 };
@@ -16297,7 +16306,7 @@ function toRenderField(f, loaded, eventBus, mapsApiKey, loadError) {
     align: f.align,
     // SPEC-106 T8 — con un fallo de carga, el desplegable dice que no se pudo preguntar en vez
     // de «no hay opciones disponibles», que es una respuesta y no la tenemos.
-    uiProps: loadError ? { options: options ?? [], notFoundContent: loadError } : options ? { options } : void 0,
+    uiProps: loadError ? { options: options ?? [], notFoundContent: loadError, ...f.searchable ? { showSearch: true } : {} } : options ? { options, ...f.searchable ? { showSearch: true } : {} } : void 0,
     formatValue
   };
 }
@@ -16854,7 +16863,7 @@ function markFitOutliers(points, radiusKm = FIT_RADIUS_KM) {
   return { points: marcados, outside };
 }
 
-const CLASS$8 = `${COMPONENT_PREFIX$1}services-map`;
+const CLASS$9 = `${COMPONENT_PREFIX$1}services-map`;
 const DEFAULT_HEIGHT = 340;
 function readNumber(row, field) {
   if (!field) return void 0;
@@ -16980,7 +16989,7 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
     [livePoints]
   );
   const nadaQueDibujar = rows !== null && allPoints.length === 0 && route.length === 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: fill ? `${CLASS$8} ${CLASS$8}--fill` : CLASS$8, children: rows === null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: fill ? `${CLASS$9} ${CLASS$9}--fill` : CLASS$9, children: rows === null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MapView,
       {
@@ -16994,20 +17003,20 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
         labels: { emptyText: labels.emptyText }
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$8}__notes`, children: [
-      livePoints.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `${CLASS$8}__note ${CLASS$8}__note--live`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}__notes`, children: [
+      livePoints.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `${CLASS$9}__note ${CLASS$9}__note--live`, children: [
         (config.live?.labels?.liveText ?? "{n} en movimiento").replace(
           "{n}",
           String(livePoints.length)
         ),
         simulated > 0 && ` \xB7 ${config.live?.labels?.simulatedText ?? "incluye posiciones simuladas"}`
       ] }),
-      missing > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__note`, children: ((missing === 1 ? labels.missingTextOne : void 0) ?? labels.missingText ?? "{n} sin ubicaci\xF3n registrada").replace("{n}", String(missing)) }),
-      outside > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
+      missing > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__note`, children: ((missing === 1 ? labels.missingTextOne : void 0) ?? labels.missingText ?? "{n} sin ubicaci\xF3n registrada").replace("{n}", String(missing)) }),
+      outside > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
         "{n}",
         String(outside)
       ) }),
-      failed && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__note`, children: "No se pudieron cargar las ubicaciones." })
+      failed && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__note`, children: "No se pudieron cargar las ubicaciones." })
     ] })
   ] }) });
 };
@@ -17023,7 +17032,7 @@ function lineaSinMapa(labels, missing, failed) {
   return labels.emptyText ?? "Sin ubicaciones para mostrar";
 }
 
-const CLASS$7 = `${COMPONENT_PREFIX$1}service-shortcuts`;
+const CLASS$8 = `${COMPONENT_PREFIX$1}service-shortcuts`;
 const ICONS = {
   // SPEC-126 — quien DESPACHA tambien necesita sus puertas, y una de ellas son las conversaciones
   // de sus servicios. Los cinco iconos que habia eran todos de quien PIDE una grua.
@@ -17077,16 +17086,16 @@ const ServiceShortcuts = ({
 }) => {
   if (!options?.length) return null;
   const elegido = !!selectedId;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: [CLASS$7, elegido ? `${CLASS$7}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: [CLASS$8, elegido ? `${CLASS$8}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
     const esElegido = o.id === selectedId;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         className: [
-          `${CLASS$7}__item`,
-          elegido ? `${CLASS$7}__item--off` : "",
-          esElegido ? `${CLASS$7}__item--chosen` : ""
+          `${CLASS$8}__item`,
+          elegido ? `${CLASS$8}__item--off` : "",
+          esElegido ? `${CLASS$8}__item--chosen` : ""
         ].filter(Boolean).join(" "),
         disabled: elegido,
         "aria-disabled": elegido,
@@ -17098,12 +17107,12 @@ const ServiceShortcuts = ({
           else if (o.route) eventBus?.emit(CHAT_EVENT.NAVIGATE, { route: o.route });
         },
         children: [
-          o.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__icon`, children: ICONS[o.icon] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$7}__text`, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__label`, children: o.label }),
-            o.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__hint`, children: o.hint })
+          o.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$8}__icon`, children: ICONS[o.icon] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$8}__text`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$8}__label`, children: o.label }),
+            o.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$8}__hint`, children: o.hint })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$8}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
         ]
       },
       o.id
@@ -17672,19 +17681,19 @@ function ChatNavigatorChat({ component, eventBus }) {
   ] });
 }
 
-const CLASS$6 = `${COMPONENT_PREFIX$1}user-tools`;
+const CLASS$7 = `${COMPONENT_PREFIX$1}user-tools`;
 const UserTools = ({ config, onChange, onAction, className }) => {
   const { title, description, items } = config;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: [CLASS$6, className].filter(Boolean).join(" "), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${CLASS$6}__title`, children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__description`, children: description }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$6}__list`, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: `${CLASS$6}__item`, children: item.kind === "action" ? (
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: [CLASS$7, className].filter(Boolean).join(" "), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${CLASS$7}__title`, children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$7}__description`, children: description }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$7}__list`, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: `${CLASS$7}__item`, children: item.kind === "action" ? (
       // SPEC-139 T9 — un ajuste que se pulsa: mismo renglón (etiqueta y pista), y en vez
       // de la caja, un botón que dice lo que hace.
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$6}__action`, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$6}__text`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
-          item.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$7}__action`, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$7}__text`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__hint`, children: item.hint })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           Button,
@@ -17703,13 +17712,13 @@ const UserTools = ({ config, onChange, onAction, className }) => {
         checked: Boolean(item.value),
         disabled: item.disabled,
         onChange: (checked) => onChange?.(item.id, checked),
-        label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$6}__text`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
-          item.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
+        label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$7}__text`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__hint`, children: item.hint })
         ] })
       }
     ) }, item.id)) }),
-    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__empty`, children: "No hay herramientas disponibles por ahora." })
+    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$7}__empty`, children: "No hay herramientas disponibles por ahora." })
   ] });
 };
 UserTools.displayName = "UserTools";
@@ -18319,7 +18328,7 @@ const ChatHeader = ({
   ] });
 };
 
-const CLASS$5 = `${COMPONENT_PREFIX$1}floating-actions`;
+const CLASS$6 = `${COMPONENT_PREFIX$1}floating-actions`;
 const ICON_VALUES = new Set(Object.values(ICON_TYPES));
 function renderIcon(icon) {
   if (typeof icon === "string" && ICON_VALUES.has(icon)) {
@@ -18328,23 +18337,23 @@ function renderIcon(icon) {
   return icon;
 }
 function Side({ buttons, align, eventBus }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__group ${CLASS$5}__group--${align}`, children: buttons.map((b) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$6}__group ${CLASS$6}__group--${align}`, children: buttons.map((b) => {
     const emit = () => {
       if (b.disabled) return;
       eventBus.emit(b.event, b.payload);
     };
     if (b.custom) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__slot`, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$6}__slot`, children: [
         b.custom,
-        b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
+        b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
       ] }, b.id);
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__slot`, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$6}__slot`, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
-          className: [`${CLASS$5}__button`, b.active ? `${CLASS$5}__button--active` : ""].filter(Boolean).join(" "),
+          className: [`${CLASS$6}__button`, b.active ? `${CLASS$6}__button--active` : ""].filter(Boolean).join(" "),
           "aria-label": b.ariaLabel,
           title: b.ariaLabel,
           "aria-pressed": b.active,
@@ -18352,16 +18361,16 @@ function Side({ buttons, align, eventBus }) {
           onClick: emit,
           children: [
             renderIcon(b.icon),
-            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__badge`, children: b.badge })
+            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__badge`, children: b.badge })
           ]
         }
       ),
-      b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
+      b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
     ] }, b.id);
   }) });
 }
 const ChatFloatingActions = ({ eventBus, left = [], right = [], offset = 12, glass = false }) => {
-  const cls = [CLASS$5, glass ? `${CLASS$5}--glass` : ""].filter(Boolean).join(" ");
+  const cls = [CLASS$6, glass ? `${CLASS$6}--glass` : ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls, style: { paddingLeft: offset, paddingRight: offset }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Side, { buttons: left, align: "left", eventBus }),
     /* @__PURE__ */ jsxRuntime.jsx(Side, { buttons: right, align: "right", eventBus })
@@ -18794,7 +18803,7 @@ const UserMessage = ({
   ] }) });
 };
 
-const CLASS$4 = `${COMPONENT_PREFIX$1}photo-picker`;
+const CLASS$5 = `${COMPONENT_PREFIX$1}photo-picker`;
 const PhotoPicker = ({
   label,
   hint,
@@ -18819,8 +18828,8 @@ const PhotoPicker = ({
     void onFiles(e.target.files);
     e.target.value = "";
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$4}${error ? ` ${CLASS$4}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$4}__label`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}${error ? ` ${CLASS$5}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$5}__label`, children: [
       label,
       required ? " *" : "",
       hechas > 0 ? ` (${hechas}${max ? `/${max}` : ""})` : ""
@@ -18829,7 +18838,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: galeriaRef,
-        className: `${CLASS$4}__native`,
+        className: `${CLASS$5}__native`,
         type: "file",
         accept: "image/*",
         multiple: max !== 1,
@@ -18842,7 +18851,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: camaraRef,
-        className: `${CLASS$4}__native`,
+        className: `${CLASS$5}__native`,
         type: "file",
         accept: "image/*",
         capture: "environment",
@@ -18851,15 +18860,15 @@ const PhotoPicker = ({
         "data-testid": "photo-picker-camera"
       }
     ),
-    entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$4}__grid`, children: entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$4}__thumb ${CLASS$4}__thumb--${e.status}`, children: [
-      e.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: `${CLASS$4}__img`, src: e.previewUrl, alt: e.name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__placeholder`, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.IMAGE }) }),
-      e.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__state`, children: "Subiendo\u2026" }),
-      e.status === "error" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__state ${CLASS$4}__state--error`, children: "No se pudo subir" }),
+    entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$5}__grid`, children: entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$5}__thumb ${CLASS$5}__thumb--${e.status}`, children: [
+      e.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: `${CLASS$5}__img`, src: e.previewUrl, alt: e.name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__placeholder`, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.IMAGE }) }),
+      e.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__state`, children: "Subiendo\u2026" }),
+      e.status === "error" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__state ${CLASS$5}__state--error`, children: "No se pudo subir" }),
       onRemove && e.status !== "uploading" && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__remove`,
+          className: `${CLASS$5}__remove`,
           onClick: () => onRemove(i),
           "aria-label": `Quitar ${e.name}`,
           disabled,
@@ -18867,12 +18876,12 @@ const PhotoPicker = ({
         }
       )
     ] }, `${e.name}-${i}`)) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$4}__actions`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__actions`, children: [
       capture && /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__pick`,
+          className: `${CLASS$5}__pick`,
           onClick: () => elegir(camaraRef),
           disabled: disabled || lleno,
           children: [
@@ -18885,7 +18894,7 @@ const PhotoPicker = ({
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__pick ${CLASS$4}__pick--secondary`,
+          className: `${CLASS$5}__pick ${CLASS$5}__pick--secondary`,
           onClick: () => elegir(galeriaRef),
           disabled: disabled || lleno,
           children: [
@@ -18895,13 +18904,13 @@ const PhotoPicker = ({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__error`, children: error }),
-    !error && subiendo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__hint`, children: "Espera a que terminen de subir." }),
-    !error && !subiendo && hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__hint`, children: hint })
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$5}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$5}__hint`, children: "Espera a que terminen de subir." }),
+    !error && !subiendo && hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$5}__hint`, children: hint })
   ] });
 };
 
-const CLASS$3 = `${COMPONENT_PREFIX$1}credentials-card`;
+const CLASS$4 = `${COMPONENT_PREFIX$1}credentials-card`;
 async function copiar(texto) {
   try {
     await navigator.clipboard.writeText(texto);
@@ -18918,15 +18927,15 @@ const Fila = ({ row }) => {
     const t = setTimeout(() => setCopiado(false), 1800);
     return () => clearTimeout(t);
   }, [copiado]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$3}__row`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$3}__label`, children: row.label }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$3}__value`, "data-testid": `credential-${row.label}`, children: visible ? row.value : "\u2022".repeat(Math.min(row.value.length, 12)) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$3}__tools`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$4}__row`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__label`, children: row.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__value`, "data-testid": `credential-${row.label}`, children: visible ? row.value : "\u2022".repeat(Math.min(row.value.length, 12)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$4}__tools`, children: [
       row.masked && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: `${CLASS$3}__tool`,
+          className: `${CLASS$4}__tool`,
           onClick: () => setVisible((v) => !v),
           "aria-label": visible ? `Ocultar ${row.label}` : `Ver ${row.label}`,
           children: visible ? "Ocultar" : "Ver"
@@ -18936,7 +18945,7 @@ const Fila = ({ row }) => {
         "button",
         {
           type: "button",
-          className: `${CLASS$3}__tool`,
+          className: `${CLASS$4}__tool`,
           onClick: async () => setCopiado(await copiar(row.value)),
           "aria-label": `Copiar ${row.label}`,
           children: copiado ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -18955,15 +18964,256 @@ const CredentialsCard = ({
   note,
   action,
   className
-}) => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: [CLASS$3, className].filter(Boolean).join(" "), "aria-label": title, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `${CLASS$3}__title`, children: title }),
-  intro && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$3}__intro`, children: intro }),
-  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$3}__rows`, children: rows.map((r) => /* @__PURE__ */ jsxRuntime.jsx(Fila, { row: r }, r.label)) }),
-  note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$3}__note`, children: note }),
-  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$3}__action`, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { fullWidth: true, onClick: action.onClick, disabled: action.disabled, children: action.label }) })
+}) => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: [CLASS$4, className].filter(Boolean).join(" "), "aria-label": title, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `${CLASS$4}__title`, children: title }),
+  intro && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__intro`, children: intro }),
+  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$4}__rows`, children: rows.map((r) => /* @__PURE__ */ jsxRuntime.jsx(Fila, { row: r }, r.label)) }),
+  note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__note`, children: note }),
+  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$4}__action`, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { fullWidth: true, onClick: action.onClick, disabled: action.disabled, children: action.label }) })
 ] });
 CredentialsCard.displayName = "CredentialsCard";
 
+const TextArea = React.forwardRef(
+  ({
+    label,
+    error,
+    status,
+    variant = "outlined",
+    fullWidth = false,
+    size = "middle",
+    allowClear = false,
+    onClear,
+    minRows = 3,
+    maxRows,
+    resize = "vertical",
+    showCount = false,
+    maxLength,
+    footer,
+    className = "",
+    value,
+    onChange,
+    disabled,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = React.useState("");
+    const textareaRef = React.useRef(null);
+    React.useEffect(() => {
+      if (value !== void 0) {
+        setInternalValue(String(value));
+      }
+    }, [value]);
+    const adjustHeight = React.useCallback(() => {
+      const textarea = textareaRef.current;
+      if (!textarea || resize === "none") return;
+      textarea.style.height = "auto";
+      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20;
+      const paddingY = 16;
+      const minHeight = minRows * lineHeight + paddingY;
+      const maxHeight = maxRows ? maxRows * lineHeight + paddingY : Infinity;
+      const newHeight = Math.min(
+        Math.max(textarea.scrollHeight, minHeight),
+        maxHeight
+      );
+      textarea.style.height = `${newHeight}px`;
+    }, [minRows, maxRows, resize]);
+    React.useEffect(() => {
+      if (resize !== "none") {
+        adjustHeight();
+      }
+    }, [internalValue, adjustHeight, resize]);
+    const handleChange = React.useCallback(
+      (e) => {
+        const newValue = e.target.value;
+        if (maxLength && newValue.length > maxLength) {
+          return;
+        }
+        setInternalValue(newValue);
+        onChange?.(e);
+      },
+      [onChange, maxLength]
+    );
+    const handleClear = React.useCallback(() => {
+      setInternalValue("");
+      onClear?.();
+      if (onChange && textareaRef.current) {
+        const syntheticEvent = {
+          target: { value: "" },
+          currentTarget: { value: "" }
+        };
+        onChange(syntheticEvent);
+      }
+      textareaRef.current?.focus();
+    }, [onChange, onClear]);
+    const showClearIcon = Boolean(allowClear && internalValue && !disabled);
+    const characterCount = internalValue.length;
+    const wrapperClasses = [
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper`,
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${variant}`,
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${size}`,
+      error && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--error`,
+      status && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${status}`,
+      fullWidth && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--full-width`
+    ].filter(Boolean).join(" ");
+    const textareaClasses = [
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}`,
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--resize-${resize}`,
+      showClearIcon && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--with-clear`,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        "label",
+        {
+          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__label`,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__container`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                ref: (node) => {
+                  textareaRef.current = node;
+                  if (typeof ref === "function") {
+                    ref(node);
+                  } else if (ref) {
+                    ref.current = node;
+                  }
+                },
+                className: textareaClasses,
+                value: internalValue,
+                onChange: handleChange,
+                disabled,
+                rows: minRows,
+                maxLength,
+                ...props
+              }
+            ),
+            showClearIcon && /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "small",
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__clear`,
+                onClick: handleClear,
+                "aria-label": "Clear textarea",
+                icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: LUMI_ICON_TYPES.CLOSE, size: "small" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__footer`,
+          children: [
+            error && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__error`,
+                children: error
+              }
+            ),
+            footer && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__custom-footer`,
+                children: footer
+              }
+            ),
+            showCount && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__count`,
+                children: maxLength ? `${characterCount}/${maxLength}` : characterCount
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+
+const CLASS$3 = `${COMPONENT_PREFIX$1}support-request-form`;
+const VACIO = { name: "", email: "", phone: "", subject: "", message: "" };
+function faltantes(v) {
+  if (v.name.trim().length < 2) return "Escribe tu nombre.";
+  if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v.email.trim())) return "Escribe un correo v\xE1lido.";
+  if (v.subject.trim().length < 3) return "Escribe de qu\xE9 se trata.";
+  if (v.message.trim().length < 10) return "Cu\xE9ntanos un poco m\xE1s (al menos 10 caracteres).";
+  return null;
+}
+const SupportRequestForm = ({
+  title = "D\xE9janos tu solicitud",
+  intro,
+  note = "Te respondemos al correo que dejes.",
+  initial,
+  onSubmit,
+  sent = false,
+  sentLabel = "Solicitud enviada",
+  submitLabel = "Enviar",
+  className
+}) => {
+  const [values, setValues] = React.useState({ ...VACIO, ...initial });
+  const [error, setError] = React.useState(null);
+  const [enviando, setEnviando] = React.useState(false);
+  const set = (campo) => (e) => setValues((v) => ({ ...v, [campo]: e.target.value }));
+  const enviar = async (e) => {
+    e.preventDefault();
+    if (sent || enviando) return;
+    const falta = faltantes(values);
+    if (falta) {
+      setError(falta);
+      return;
+    }
+    setError(null);
+    setEnviando(true);
+    try {
+      await onSubmit({ ...values, name: values.name.trim(), email: values.email.trim(), phone: values.phone.trim(), subject: values.subject.trim(), message: values.message.trim() });
+    } catch (err) {
+      setError(err instanceof Error && err.message ? err.message : "No se pudo enviar. Int\xE9ntalo de nuevo.");
+    } finally {
+      setEnviando(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      className: [CLASS$3, sent ? `${CLASS$3}--sent` : "", className].filter(Boolean).join(" "),
+      onSubmit: enviar,
+      noValidate: true,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: `${CLASS$3}__title`, children: title }),
+        intro && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$3}__intro`, children: intro }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$3}__fields`, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$3}__row`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Input$1, { label: "Nombre", value: values.name, onChange: set("name"), fullWidth: true, disabled: sent, autoComplete: "name" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Input$1, { label: "Tel\xE9fono (opcional)", value: values.phone, onChange: set("phone"), fullWidth: true, disabled: sent, inputMode: "tel", autoComplete: "tel" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Input$1, { label: "Correo", type: "email", value: values.email, onChange: set("email"), fullWidth: true, disabled: sent, inputMode: "email", autoComplete: "email" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Input$1, { label: "Asunto", value: values.subject, onChange: set("subject"), fullWidth: true, disabled: sent }),
+          /* @__PURE__ */ jsxRuntime.jsx(TextArea, { label: "Mensaje", value: values.message, onChange: set("message"), fullWidth: true, disabled: sent, minRows: 3, maxLength: 4e3, showCount: true })
+        ] }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$3}__error`, role: "alert", children: error }),
+        sent ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `${CLASS$3}__done`, role: "status", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.CHECK, size: "small" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: sentLabel })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$3}__actions`, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", variant: "primary", isLoading: enviando, disabled: enviando, children: submitLabel }) }),
+          note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$3}__note`, children: note })
+        ] })
+      ]
+    }
+  );
+};
+
 const FADE_AFTER_MS = 4e3;
 const NewMessageDivider = ({
   label = "Nuevo mensaje",
@@ -20910,174 +21160,6 @@ const Loader = React.forwardRef(
 );
 Loader.displayName = "LumiLoader";
 
-const TextArea = React.forwardRef(
-  ({
-    label,
-    error,
-    status,
-    variant = "outlined",
-    fullWidth = false,
-    size = "middle",
-    allowClear = false,
-    onClear,
-    minRows = 3,
-    maxRows,
-    resize = "vertical",
-    showCount = false,
-    maxLength,
-    footer,
-    className = "",
-    value,
-    onChange,
-    disabled,
-    ...props
-  }, ref) => {
-    const [internalValue, setInternalValue] = React.useState("");
-    const textareaRef = React.useRef(null);
-    React.useEffect(() => {
-      if (value !== void 0) {
-        setInternalValue(String(value));
-      }
-    }, [value]);
-    const adjustHeight = React.useCallback(() => {
-      const textarea = textareaRef.current;
-      if (!textarea || resize === "none") return;
-      textarea.style.height = "auto";
-      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20;
-      const paddingY = 16;
-      const minHeight = minRows * lineHeight + paddingY;
-      const maxHeight = maxRows ? maxRows * lineHeight + paddingY : Infinity;
-      const newHeight = Math.min(
-        Math.max(textarea.scrollHeight, minHeight),
-        maxHeight
-      );
-      textarea.style.height = `${newHeight}px`;
-    }, [minRows, maxRows, resize]);
-    React.useEffect(() => {
-      if (resize !== "none") {
-        adjustHeight();
-      }
-    }, [internalValue, adjustHeight, resize]);
-    const handleChange = React.useCallback(
-      (e) => {
-        const newValue = e.target.value;
-        if (maxLength && newValue.length > maxLength) {
-          return;
-        }
-        setInternalValue(newValue);
-        onChange?.(e);
-      },
-      [onChange, maxLength]
-    );
-    const handleClear = React.useCallback(() => {
-      setInternalValue("");
-      onClear?.();
-      if (onChange && textareaRef.current) {
-        const syntheticEvent = {
-          target: { value: "" },
-          currentTarget: { value: "" }
-        };
-        onChange(syntheticEvent);
-      }
-      textareaRef.current?.focus();
-    }, [onChange, onClear]);
-    const showClearIcon = Boolean(allowClear && internalValue && !disabled);
-    const characterCount = internalValue.length;
-    const wrapperClasses = [
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper`,
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${variant}`,
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${size}`,
-      error && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--error`,
-      status && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${status}`,
-      fullWidth && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--full-width`
-    ].filter(Boolean).join(" ");
-    const textareaClasses = [
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}`,
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--resize-${resize}`,
-      showClearIcon && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--with-clear`,
-      className
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        "label",
-        {
-          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__label`,
-          children: label
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__container`,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "textarea",
-              {
-                ref: (node) => {
-                  textareaRef.current = node;
-                  if (typeof ref === "function") {
-                    ref(node);
-                  } else if (ref) {
-                    ref.current = node;
-                  }
-                },
-                className: textareaClasses,
-                value: internalValue,
-                onChange: handleChange,
-                disabled,
-                rows: minRows,
-                maxLength,
-                ...props
-              }
-            ),
-            showClearIcon && /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "small",
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__clear`,
-                onClick: handleClear,
-                "aria-label": "Clear textarea",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: LUMI_ICON_TYPES.CLOSE, size: "small" })
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__footer`,
-          children: [
-            error && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__error`,
-                children: error
-              }
-            ),
-            footer && /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__custom-footer`,
-                children: footer
-              }
-            ),
-            showCount && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__count`,
-                children: maxLength ? `${characterCount}/${maxLength}` : characterCount
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-TextArea.displayName = "TextArea";
-
 const MenuContext = React.createContext(void 0);
 const MenuProvider = MenuContext.Provider;
 const useMenuContext = () => {
@@ -25417,6 +25499,7 @@ exports.ReactiveCrud = ReactiveCrud;
 exports.ServiceShortcuts = ServiceShortcuts;
 exports.ServicesMap = ServicesMap;
 exports.SessionExpiryPrompt = SessionExpiryPrompt;
+exports.SupportRequestForm = SupportRequestForm;
 exports.UserTools = UserTools;
 exports.chatEventBus = chatEventBus;
 exports.clearChatComponents = clearChatComponents;