pixelon 0.9.3 → 0.9.4

package/dist/index.js

@@ -7364,7 +7364,7 @@ const Input$1 = React.forwardRef(
 );
 Input$1.displayName = "Input";
 
-const sinTildes = (s) => s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+const sinTildes$2 = (s) => s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 const Select$1 = React.forwardRef(
   ({
     options = [],
@@ -7413,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) : sinTildes(option.label).includes(sinTildes(searchValue))
+      (option) => filterOption ? filterOption(searchValue, option) : sinTildes$2(option.label).includes(sinTildes$2(searchValue))
     ) : options;
     const isOptionSelected = (option) => {
       if (mode === "multiple") {
@@ -12341,6 +12341,442 @@ const CurrencyDisplay = ({
 };
 CurrencyDisplay.displayName = "CurrencyDisplay";
 
+const CARD_VARIANTS = {
+  /** Con sombra: flota sobre el contenido (hojas, diálogos, paneles). */
+  ELEVATED: "elevated"};
+const CARD_PADDINGS = {
+  MEDIUM: "medium",
+  LARGE: "large"
+};
+const CARD_RADII = {
+  NONE: "none",
+  LARGE: "large"
+};
+
+const BASE = `${COMPONENT_PREFIX}card`;
+const Card = React.forwardRef(
+  ({
+    variant = CARD_VARIANTS.ELEVATED,
+    padding = CARD_PADDINGS.MEDIUM,
+    radius = CARD_RADII.LARGE,
+    fullWidth = false,
+    className = "",
+    children,
+    ...rest
+  }, ref) => {
+    const classes = [
+      BASE,
+      `${BASE}--${variant}`,
+      `${BASE}--padding-${padding}`,
+      `${BASE}--radius-${radius}`,
+      fullWidth ? `${BASE}--full-width` : "",
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes, ...rest, children });
+  }
+);
+Card.displayName = "Card";
+
+const CLASS$j = "px-lumi-bottom-sheet";
+const BottomSheet = ({
+  open,
+  children,
+  onClose,
+  showGrabber = true,
+  closeOnBackdrop = false,
+  closeOnEscape = true,
+  ariaLabelledBy,
+  className = ""
+}) => {
+  React.useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key !== "Escape" || !closeOnEscape) return;
+      e.stopPropagation();
+      onClose?.();
+    };
+    document.addEventListener("keydown", onKey, true);
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKey, true);
+      document.body.style.overflow = previous;
+    };
+  }, [open, closeOnEscape, onClose]);
+  if (!open) return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: [CLASS$j, className].filter(Boolean).join(" "),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": ariaLabelledBy,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `${CLASS$j}__backdrop`,
+              "aria-hidden": "true",
+              onClick: closeOnBackdrop ? onClose : void 0
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Card,
+            {
+              className: `${CLASS$j}__sheet`,
+              padding: CARD_PADDINGS.LARGE,
+              radius: CARD_RADII.NONE,
+              fullWidth: true,
+              children: [
+                showGrabber && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$j}__grabber`, "aria-hidden": "true" }),
+                children
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+};
+BottomSheet.displayName = "BottomSheet";
+
+const PHONE_COUNTRIES = [
+  { code: "CO", name: "Colombia", dialCode: "+57", digits: 10 },
+  { code: "EC", name: "Ecuador", dialCode: "+593", digits: 9 },
+  { code: "PE", name: "Per\xFA", dialCode: "+51", digits: 9 },
+  { code: "VE", name: "Venezuela", dialCode: "+58", digits: 10 },
+  { code: "PA", name: "Panam\xE1", dialCode: "+507", digits: 8 },
+  { code: "MX", name: "M\xE9xico", dialCode: "+52", digits: 10 },
+  { code: "AR", name: "Argentina", dialCode: "+54", digits: 10 },
+  { code: "CL", name: "Chile", dialCode: "+56", digits: 9 },
+  { code: "BR", name: "Brasil", dialCode: "+55", digits: 11 },
+  { code: "CR", name: "Costa Rica", dialCode: "+506", digits: 8 },
+  { code: "US", name: "Estados Unidos", dialCode: "+1", digits: 10 },
+  { code: "ES", name: "Espa\xF1a", dialCode: "+34", digits: 9 }
+];
+const DEFAULT_PHONE_COUNTRY = "CO";
+function flagOf(code) {
+  const c = (code || "").toUpperCase();
+  if (!/^[A-Z]{2}$/.test(c)) return "";
+  return [...c].map((ch) => String.fromCodePoint(127462 + ch.charCodeAt(0) - 65)).join("");
+}
+function splitPhone(value, countries, defaultCountry) {
+  const porDefecto = countries.find((c) => c.code === defaultCountry) ?? countries[0];
+  const v = (value ?? "").replace(/[^0-9+]/g, "");
+  if (v.startsWith("+")) {
+    const d = v.slice(1);
+    const match = countries.filter((c) => d.startsWith(c.dialCode.slice(1))).sort((a, b) => b.dialCode.length - a.dialCode.length)[0];
+    if (match) return { country: match, digits: d.slice(match.dialCode.length - 1) };
+  }
+  return { country: porDefecto, digits: v.replace(/\D/g, "") };
+}
+
+const CLASS$i = "px-lumi-phone-input";
+function sinTildes$1(s) {
+  return s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+const PhoneInput = React.forwardRef(
+  ({
+    value,
+    onChange,
+    onBlur,
+    label,
+    placeholder,
+    disabled,
+    readOnly,
+    error,
+    countries = PHONE_COUNTRIES,
+    defaultCountry = DEFAULT_PHONE_COUNTRY,
+    name,
+    id,
+    className,
+    labels
+  }, ref) => {
+    const [paisElegido, setPaisElegido] = React.useState(defaultCountry);
+    const [abierto, setAbierto] = React.useState(false);
+    const [busqueda, setBusqueda] = React.useState("");
+    const { country, digits } = splitPhone(value, countries, value ? defaultCountry : paisElegido);
+    const pais = value ? country : countries.find((c) => c.code === paisElegido) ?? country;
+    const tope = pais.digits ?? 15;
+    const bloqueado = disabled || readOnly;
+    React.useEffect(() => {
+      if (!abierto) setBusqueda("");
+    }, [abierto]);
+    const visibles = React.useMemo(() => {
+      const q = sinTildes$1(busqueda.trim());
+      if (!q) return countries;
+      return countries.filter(
+        (c) => sinTildes$1(c.name).includes(q) || c.dialCode.includes(q) || c.code.toLowerCase() === q
+      );
+    }, [busqueda, countries]);
+    const emitir = (c, d) => {
+      onChange?.(d ? `${c.dialCode}${d}` : "");
+    };
+    const handleDigits = (e) => {
+      const d = e.target.value.replace(/\D/g, "").slice(0, tope);
+      emitir(pais, d);
+    };
+    const elegir = (c) => {
+      setPaisElegido(c.code);
+      emitir(c, digits.slice(0, c.digits ?? 15));
+      setAbierto(false);
+    };
+    const tituloId = `${id ?? name ?? "phone"}-pais-titulo`;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$i, error && `${CLASS$i}--error`, bloqueado && `${CLASS$i}--disabled`, className].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: `${CLASS$i}__country`,
+          "aria-label": `${labels?.pickCountry ?? "Pa\xEDs del celular"}: ${pais.name} ${pais.dialCode}`,
+          "aria-haspopup": "dialog",
+          "aria-expanded": abierto,
+          disabled: bloqueado,
+          onClick: () => setAbierto(true),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$i}__flag`, "aria-hidden": "true", children: flagOf(pais.code) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$i}__code`, children: pais.dialCode }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$i}__caret`, "aria-hidden": "true", children: "\u25BE" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$i}__digits`, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Input$1,
+        {
+          ref,
+          id,
+          name,
+          type: "tel",
+          inputMode: "numeric",
+          autoComplete: "tel-national",
+          label,
+          placeholder,
+          value: digits,
+          onChange: handleDigits,
+          onBlur,
+          disabled,
+          readOnly,
+          error
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        BottomSheet,
+        {
+          open: abierto,
+          onClose: () => setAbierto(false),
+          showGrabber: true,
+          closeOnBackdrop: true,
+          ariaLabelledBy: tituloId,
+          className: `${CLASS$i}__sheet`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$i}__sheet-head`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: tituloId, className: `${CLASS$i}__sheet-title`, children: labels?.pickCountry ?? "Pa\xEDs del celular" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  className: `${CLASS$i}__search`,
+                  type: "search",
+                  value: busqueda,
+                  onChange: (e) => setBusqueda(e.target.value),
+                  placeholder: labels?.searchPlaceholder ?? "Buscar pa\xEDs o indicativo",
+                  autoComplete: "off",
+                  "aria-label": labels?.searchPlaceholder ?? "Buscar pa\xEDs o indicativo"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: `${CLASS$i}__list`, role: "listbox", "aria-labelledby": tituloId, children: [
+              visibles.map((c) => {
+                const activo = c.code === pais.code;
+                return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "option", "aria-selected": activo, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: [`${CLASS$i}__option`, activo && `${CLASS$i}__option--selected`].filter(Boolean).join(" "),
+                    onClick: () => elegir(c),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$i}__flag`, "aria-hidden": "true", children: flagOf(c.code) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$i}__option-name`, children: c.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$i}__option-code`, children: c.dialCode })
+                    ]
+                  }
+                ) }, c.code);
+              }),
+              visibles.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: `${CLASS$i}__empty`, children: labels?.noResults ?? "Ning\xFAn pa\xEDs coincide." })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+PhoneInput.displayName = "PhoneInput";
+
+const CLASS$h = "px-lumi-sheet-select";
+function sinTildes(s) {
+  return s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+const SheetSelect = React.forwardRef(
+  ({
+    value,
+    onChange,
+    onBlur,
+    options,
+    label,
+    placeholder,
+    disabled,
+    readOnly,
+    error,
+    searchable,
+    notFoundContent,
+    sheetTitle,
+    searchPlaceholder,
+    name,
+    id,
+    className
+  }, ref) => {
+    const [abierto, setAbierto] = React.useState(false);
+    const [busqueda, setBusqueda] = React.useState("");
+    const bloqueado = disabled || readOnly;
+    const elegida = options.find((o) => String(o.value) === String(value ?? ""));
+    const conBuscador = searchable ?? true;
+    React.useEffect(() => {
+      if (!abierto) setBusqueda("");
+    }, [abierto]);
+    const visibles = React.useMemo(() => {
+      const q = sinTildes(busqueda.trim());
+      if (!q) return options;
+      return options.filter((o) => sinTildes(o.label).includes(q) || sinTildes(o.hint ?? "").includes(q));
+    }, [busqueda, options]);
+    const abrir = () => {
+      if (!bloqueado) setAbierto(true);
+    };
+    const elegir = (o) => {
+      onChange?.(o.value);
+      setAbierto(false);
+      onBlur?.();
+    };
+    const tituloId = `${id ?? name ?? "sheet-select"}-titulo`;
+    const titulo = sheetTitle ?? label?.replace(/\s\*$/, "") ?? "";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$h, bloqueado && `${CLASS$h}--disabled`, className].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Input$1,
+        {
+          ref,
+          id,
+          name,
+          label,
+          placeholder: placeholder ?? "Seleccionar...",
+          value: elegida?.label ?? "",
+          readOnly: true,
+          disabled,
+          error,
+          onClick: abrir,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+              e.preventDefault();
+              abrir();
+            }
+          },
+          role: "combobox",
+          "aria-haspopup": "dialog",
+          "aria-expanded": abierto,
+          className: `${CLASS$h}__field`,
+          suffix: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9l6 6 6-6" }) }),
+          onSuffixClick: abrir,
+          suffixAriaLabel: titulo ? `Elegir ${titulo}` : "Elegir"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        BottomSheet,
+        {
+          open: abierto,
+          onClose: () => setAbierto(false),
+          showGrabber: true,
+          closeOnBackdrop: true,
+          ariaLabelledBy: tituloId,
+          className: `${CLASS$h}__sheet`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$h}__sheet-head`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: tituloId, className: `${CLASS$h}__sheet-title`, children: titulo }),
+              conBuscador && /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  className: `${CLASS$h}__search`,
+                  type: "search",
+                  value: busqueda,
+                  onChange: (e) => setBusqueda(e.target.value),
+                  placeholder: searchPlaceholder ?? "Buscar",
+                  autoComplete: "off",
+                  "aria-label": searchPlaceholder ?? "Buscar"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: `${CLASS$h}__list`, role: "listbox", "aria-labelledby": tituloId, children: [
+              visibles.map((o) => {
+                const activo = elegida?.value === o.value;
+                return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "option", "aria-selected": activo, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: [`${CLASS$h}__option`, activo && `${CLASS$h}__option--selected`].filter(Boolean).join(" "),
+                    onClick: () => elegir(o),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$h}__option-text`, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$h}__option-label`, children: o.label }),
+                        o.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$h}__option-hint`, children: o.hint })
+                      ] }),
+                      activo && /* @__PURE__ */ jsxRuntime.jsx("svg", { className: `${CLASS$h}__check`, width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5" }) })
+                    ]
+                  }
+                ) }, o.value);
+              }),
+              visibles.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: `${CLASS$h}__empty`, children: options.length === 0 ? notFoundContent ?? "No hay opciones disponibles." : "Nada coincide." })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+SheetSelect.displayName = "SheetSelect";
+
+const SANITIZE_PRESETS = {
+  /** «abc-123 » → «ABC123». */
+  plate: ["noControl", "alnum", "upper", { maxLength: 8 }],
+  /** «+57 (300) 123-4567» → «573001234567». */
+  phone: ["digits", { maxLength: 15 }],
+  /** «1.000.000» → «1000000». */
+  id: ["digits", { maxLength: 15 }],
+  /** Un nombre: sin control, espacios colapsados, recortado al enviar. */
+  name: ["noControl", "collapseSpaces", { maxLength: 150 }, "trim"],
+  /** Una nota corta. */
+  note: ["noControl", "collapseSpaces", { maxLength: 80 }, "trim"]
+};
+const CONTROL = /[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g;
+function expandir(spec) {
+  const lista = Array.isArray(spec) ? spec : [spec];
+  return lista.flatMap((r) => typeof r === "object" && "preset" in r ? SANITIZE_PRESETS[r.preset] ?? [] : [r]);
+}
+function aplicar(s, r, live) {
+  if (r === "trim") return live ? s : s.trim();
+  if (r === "upper") return s.toUpperCase();
+  if (r === "lower") return s.toLowerCase();
+  if (r === "digits") return s.replace(/[^0-9]/g, "");
+  if (r === "alnum") return s.replace(/[^A-Za-z0-9]/g, "");
+  if (r === "noControl") return s.replace(CONTROL, "");
+  if (r === "collapseSpaces") return s.replace(/\s{2,}/g, " ");
+  if ("maxLength" in r) return s.slice(0, r.maxLength);
+  if ("strip" in r) return s.replace(new RegExp(r.strip, "g"), "");
+  return s;
+}
+function sanitize(value, spec, options = {}) {
+  if (!spec || value === null || value === void 0) return value;
+  if (typeof value !== "string") return value;
+  return expandir(spec).reduce((s, r) => aplicar(s, r, !!options.live), value);
+}
+
 const renderField = ({
   field,
   control,
@@ -12428,10 +12864,14 @@ const renderField = ({
             }, children: formatValue() })
           ] });
         }
+        const onChangeLimpio = field.sanitize ? (e) => {
+          const crudo = e && typeof e === "object" && "target" in e ? e.target.value : e;
+          onChange(sanitize(crudo, field.sanitize, { live: true }));
+        } : onChange;
         const commonProps = {
           ...getCommonProps(),
           value: value ?? "",
-          onChange,
+          onChange: onChangeLimpio,
           onBlur,
           ref,
           error: error?.message
@@ -12456,8 +12896,26 @@ const renderField = ({
             return /* @__PURE__ */ jsxRuntime.jsx(Input$1, { ...commonProps, type: "email" });
           case "INPUT_PASSWORD":
             return /* @__PURE__ */ jsxRuntime.jsx(Input$1, { ...commonProps, type: "password" });
-          case "INPUT_PHONE":
-            return /* @__PURE__ */ jsxRuntime.jsx(Input$1, { ...commonProps, type: "tel" });
+          case "INPUT_PHONE": {
+            const { countries, defaultCountry } = uiProps ?? {};
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              PhoneInput,
+              {
+                ref,
+                name,
+                label: fieldLabel,
+                placeholder,
+                disabled: isReadOnly,
+                readOnly: isReadOnly,
+                error: error?.message,
+                value: typeof value === "string" ? value : "",
+                onChange: (v) => onChange(v),
+                onBlur,
+                countries,
+                defaultCountry
+              }
+            );
+          }
           case "INPUT_CURRENCY":
             return /* @__PURE__ */ jsxRuntime.jsx(
               Input$1,
@@ -12483,6 +12941,30 @@ const renderField = ({
           case "TEXTAREA":
             return /* @__PURE__ */ jsxRuntime.jsx(Input$1, { ...commonProps, type: "textarea" });
           case "SELECT":
+            if (uiProps?.picker === "sheet") {
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                SheetSelect,
+                {
+                  ref,
+                  name,
+                  label: fieldLabel,
+                  placeholder,
+                  disabled: isReadOnly,
+                  readOnly: isReadOnly,
+                  error: error?.message,
+                  value: value == null ? "" : String(value),
+                  onChange: (v) => onChange(v),
+                  onBlur,
+                  options: (options || []).map((o) => ({
+                    value: String(o.value),
+                    label: String(o.label),
+                    hint: o.hint
+                  })),
+                  searchable: uiProps?.showSearch,
+                  notFoundContent: uiProps?.notFoundContent
+                }
+              );
+            }
             return /* @__PURE__ */ jsxRuntime.jsx(
               Select$1,
               {
@@ -12612,8 +13094,11 @@ const transformIncomingValues = (values, fields) => {
 const transformOutgoingValues = (values, fields) => {
   const transformed = { ...values };
   fields.forEach((field) => {
+    if (field.sanitize && values[field.name] !== void 0) {
+      transformed[field.name] = sanitize(values[field.name], field.sanitize);
+    }
     if (field.transformOnSubmit && values[field.name] !== void 0) {
-      transformed[field.name] = field.transformOnSubmit(values[field.name]);
+      transformed[field.name] = field.transformOnSubmit(transformed[field.name]);
     }
   });
   return transformed;
@@ -13202,24 +13687,28 @@ function mapFieldsToFormFields(fields, mode) {
     placeholder: field.placeholder,
     uiProps: field.uiProps,
     transformOnSubmit: field.parseValue,
-    gridSpan: field.gridSpan
+    gridSpan: field.gridSpan,
     // SPEC-131 T7
+    showIf: field.showIf,
+    // SPEC-181
+    sanitize: field.sanitize
+    // SPEC-183
   }));
 }
 
-const CLASS$h = `${COMPONENT_PREFIX}field-value`;
+const CLASS$g = `${COMPONENT_PREFIX}field-value`;
 const FieldValue = ({
   label,
   children,
   layout = "inline",
   className
-}) => /* @__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 })
+}) => /* @__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 })
 ] });
 FieldValue.displayName = "FieldValue";
 
-const CLASS$g = `${COMPONENT_PREFIX}record-card`;
+const CLASS$f = `${COMPONENT_PREFIX}record-card`;
 const RecordCard = ({
   title,
   summary,
@@ -13231,20 +13720,20 @@ const RecordCard = ({
   className
 }) => {
   const cuerpoId = React.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$g, open ? `${CLASS$g}--open` : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$f, open ? `${CLASS$f}--open` : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
-        className: `${CLASS$g}__header`,
+        className: `${CLASS$f}__header`,
         "aria-expanded": open,
         "aria-controls": cuerpoId,
         "aria-label": ariaLabel,
         onClick: onToggle,
         children: [
-          /* @__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.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.jsx(
             Icon,
@@ -13252,22 +13741,22 @@ const RecordCard = ({
               type: open ? "chevron-up" : "chevron-down",
               width: 18,
               height: 18,
-              className: `${CLASS$g}__chevron`,
+              className: `${CLASS$f}__chevron`,
               "aria-hidden": true
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$g}__body`, id: cuerpoId, children: [
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$f}__body`, id: cuerpoId, children: [
       children,
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$g}__actions`, children: actions })
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$f}__actions`, children: actions })
     ] })
   ] });
 };
 RecordCard.displayName = "RecordCard";
 
-const CLASS$f = `${COMPONENT_PREFIX}crud-cards`;
+const CLASS$e = `${COMPONENT_PREFIX}crud-cards`;
 function summaryFields(fields) {
   const visibles = fields.filter((f) => f.showInTable !== false);
   const marcados = visibles.filter((f) => f.summary);
@@ -13286,13 +13775,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$f}__estado`, children: "Cargando..." });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$e}__estado`, children: "Cargando..." });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$f}__estado`, children: emptyText });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$e}__estado`, children: emptyText });
   }
   const [principal, ...secundarios] = resumen;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CLASS$f, children: rows.map((row) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CLASS$e, children: rows.map((row) => {
     const key = rowKey(row);
     const opciones = buildOptions?.(row) ?? [];
     const titulo = principal ? renderFieldValue(principal, row) : key;
@@ -13309,14 +13798,14 @@ function CardList({
           {
             type: "button",
             className: [
-              `${CLASS$f}__accion`,
+              `${CLASS$e}__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$f}__motivo`, children: o.disabledReason })
+              o.disabled && o.disabledReason && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$e}__motivo`, children: o.disabledReason })
             ]
           },
           o.label
@@ -13331,7 +13820,7 @@ function CardList({
 }
 CardList.displayName = "CardList";
 
-const CLASS$e = `${COMPONENT_PREFIX}crud-scroll-end`;
+const CLASS$d = `${COMPONENT_PREFIX}crud-scroll-end`;
 const MARGEN = 24;
 const SELECTOR_CRUD = `.${COMPONENT_PREFIX}table-container, .${COMPONENT_PREFIX}crud-cards`;
 const ScrollToEnd = ({
@@ -13375,7 +13864,7 @@ const ScrollToEnd = ({
     s.scrollTo({ top: s.scrollHeight, behavior: "smooth" });
   }, []);
   if (!visible) return null;
-  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 }) });
+  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 }) });
 };
 ScrollToEnd.displayName = "ScrollToEnd";
 
@@ -14060,7 +14549,7 @@ function Crud({
 }
 Crud.displayName = "Crud";
 
-const CLASS$d = "px-chat-reactive-crud__chat-link";
+const CLASS$c = "px-chat-reactive-crud__chat-link";
 function Burbuja() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -14087,7 +14576,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$d, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {}) });
+    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(
     DropdownMenu,
@@ -14101,7 +14590,7 @@ const ChatLinkCell = ({
         "button",
         {
           type: "button",
-          className: CLASS$d,
+          className: CLASS$c,
           "aria-label": `Abrir chat (${targets.length} conversaciones)`,
           title: "Abrir chat",
           children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {})
@@ -14114,6 +14603,18 @@ const ChatLinkCell = ({
 };
 ChatLinkCell.displayName = "ChatLinkCell";
 
+function obligatorioSiSeVe(s, f, requiredMsg) {
+  if (!f.visibleWhen) return s.required(requiredMsg);
+  const conds = Array.isArray(f.visibleWhen) ? f.visibleWhen : [f.visibleWhen];
+  return s.when(
+    conds.map((c) => c.field),
+    {
+      is: (...vals) => conds.every((c, i) => c.in.includes(String(vals[i]))),
+      then: (sch) => sch.required(requiredMsg),
+      otherwise: (sch) => sch.notRequired()
+    }
+  );
+}
 function buildCrudYupSchema(fields) {
   const shape = {};
   for (const f of fields) {
@@ -14143,19 +14644,17 @@ function buildCrudYupSchema(fields) {
     }
     if (f.moleculeType === "INPUT_NUMBER" || f.moleculeType === "INPUT_CURRENCY") {
       let s2 = yup__namespace.number().transform((val, orig) => orig === "" || orig === null ? void 0 : val).typeError(`${f.label}: n\xFAmero inv\xE1lido`);
-      if (requiredMsg) s2 = s2.required(requiredMsg);
       if (v?.min) s2 = s2.min(Number(v.min.value), v.min.message);
       if (v?.max) s2 = s2.max(Number(v.max.value), v.max.message);
-      shape[f.name] = s2;
+      shape[f.name] = requiredMsg ? obligatorioSiSeVe(s2, f, requiredMsg) : s2;
       continue;
     }
     let s = yup__namespace.string();
-    if (requiredMsg) s = s.required(requiredMsg);
-    if (v?.pattern) s = s.matches(new RegExp(v.pattern.value), v.pattern.message);
+    if (v?.pattern) s = s.matches(new RegExp(v.pattern.value), { message: v.pattern.message, excludeEmptyString: true });
     if (v?.email) s = s.email(v.email);
     if (v?.min) s = s.min(Number(v.min.value), v.min.message);
     if (v?.max) s = s.max(Number(v.max.value), v.max.message);
-    shape[f.name] = s;
+    shape[f.name] = requiredMsg ? obligatorioSiSeVe(s, f, requiredMsg) : s;
   }
   return yup__namespace.object().shape(shape);
 }
@@ -14185,7 +14684,14 @@ const datetime = (value) => {
     minute: "2-digit"
   });
 };
-const CRUD_FORMATTERS = { currency, date, datetime };
+const phone = (value) => {
+  const s = String(value ?? "").trim();
+  const m = /^\+(\d{1,3})(\d{10})$/.exec(s);
+  if (!m) return s;
+  const [, cc, n] = m;
+  return `+${cc} ${n.slice(0, 3)} ${n.slice(3, 6)} ${n.slice(6)}`;
+};
+const CRUD_FORMATTERS = { currency, date, datetime, phone };
 function getFormatter(key) {
   return key ? CRUD_FORMATTERS[key] : void 0;
 }
@@ -14420,7 +14926,7 @@ function uploadViaEventBus(eventBus, file, fileType) {
   });
 }
 
-const CLASS$c = `${COMPONENT_PREFIX$1}file-field`;
+const CLASS$b = `${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;
@@ -14451,18 +14957,18 @@ const FileField = ({
   const elegir = () => {
     if (!disabled) inputRef.current?.click();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$c}${error ? ` ${CLASS$c}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$c}__label`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}${error ? ` ${CLASS$b}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$b}__label`, children: [
       label,
       required ? " *" : "",
       multiple && hechos > 0 ? ` (${hechos})` : ""
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$c}__box`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}__box`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
           ref: inputRef,
-          className: `${CLASS$c}__native`,
+          className: `${CLASS$b}__native`,
           type: "file",
           accept,
           multiple,
@@ -14473,14 +14979,14 @@ const FileField = ({
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: `${CLASS$c}__pick`, onClick: elegir, disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: `${CLASS$b}__pick`, onClick: elegir, disabled, children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.UPLOAD, size: "small" }),
-        /* @__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" })
+        /* @__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" })
       ] }),
-      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: [
+      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: [
           e.status === "uploading" && "Subiendo\u2026",
           e.status === "done" && (pesoLegible(e.size) || "Listo"),
           e.status === "error" && "No se pudo subir"
@@ -14489,7 +14995,7 @@ const FileField = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$c}__remove`,
+            className: `${CLASS$b}__remove`,
             onClick: () => onRemove(i),
             "aria-label": `Quitar ${e.name}`,
             disabled,
@@ -14498,8 +15004,8 @@ const FileField = ({
         )
       ] }, `${e.name}-${i}`)) })
     ] }),
-    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." })
+    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." })
   ] });
 };
 
@@ -15661,7 +16167,7 @@ function buildMarkerIcon(name, color = "#dc2626", heading = 0) {
   return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;
 }
 
-const CLASS$b = `${COMPONENT_PREFIX$1}map-view`;
+const CLASS$a = `${COMPONENT_PREFIX$1}map-view`;
 const DEFAULT_CENTER = { lat: 4.711, lng: -74.0721 };
 const DEFAULT_ZOOM = 12;
 const DEFAULT_HEIGHT$1 = 320;
@@ -15731,6 +16237,8 @@ const MapView = ({
   eventBus,
   expandable = true,
   fullBleed = false,
+  interactive = true,
+  expandIcon = "expand",
   animateMs,
   className
 }) => {
@@ -15786,7 +16294,12 @@ const MapView = ({
       mapTypeControl: false,
       streetViewControl: false,
       fullscreenControl: false,
-      styles: leerEstiloDelTema()
+      styles: leerEstiloDelTema(),
+      // SPEC-182 — un mapa solo para mirar no se queda con el gesto: `none` es la forma oficial
+      // de Google de que el dedo y la rueda sigan desplazando la página. Se fija al crear el mapa
+      // porque el modo no cambia en caliente: quien quiera el otro monta otra instancia (la de
+      // pantalla completa lo es).
+      ...interactive ? {} : { gestureHandling: "none", zoomControl: false, keyboardShortcuts: false }
     });
     mapRef.current.addListener("dragstart", () => {
       followSuspendedRef.current = true;
@@ -15804,7 +16317,7 @@ const MapView = ({
   React.useEffect(() => {
     if (!mapReady || !mapRef.current) return;
     const maps = window.google.maps;
-    const editable = !!onMoveRef.current;
+    const editable = interactive && !!onMoveRef.current;
     const alive = new Set(list.map((p) => p.id));
     markersRef.current.forEach((entry, id) => {
       if (alive.has(id)) return;
@@ -15876,7 +16389,7 @@ const MapView = ({
     } else {
       mapRef.current.fitBounds(bounds);
     }
-  }, [mapReady, list, animateMs]);
+  }, [mapReady, list, animateMs, interactive]);
   React.useEffect(() => {
     if (!mapReady || !mapRef.current) return;
     const maps = window.google.maps;
@@ -15926,7 +16439,7 @@ const MapView = ({
     if (!mapReady || !mapRef.current) return;
     clickListenerRef.current?.remove?.();
     clickListenerRef.current = null;
-    if (!onPointMove || list.length !== 1) return;
+    if (!interactive || !onPointMove || list.length !== 1) return;
     const pointId = list[0].id;
     clickListenerRef.current = mapRef.current.addListener("click", (e) => {
       onMoveRef.current?.(pointId, e.latLng.lat(), e.latLng.lng());
@@ -15935,7 +16448,7 @@ const MapView = ({
       clickListenerRef.current?.remove?.();
       clickListenerRef.current = null;
     };
-  }, [mapReady, list, onPointMove]);
+  }, [mapReady, list, onPointMove, interactive]);
   React.useEffect(
     () => () => {
       markersRef.current.forEach((entry) => {
@@ -15962,31 +16475,34 @@ const MapView = ({
       document.body.style.overflow = prev;
     };
   }, [expanded]);
-  const rootClass = [CLASS$b, fullBleed && `${CLASS$b}--full-bleed`, className].filter(Boolean).join(" ");
+  const rootClass = [CLASS$a, fullBleed && `${CLASS$a}--full-bleed`, className].filter(Boolean).join(" ");
   if (overQuota) {
-    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." }) });
+    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." }) });
   }
   if (status === "error") {
-    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.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.jsxs("div", { className: rootClass, style: fullBleed ? void 0 : { height }, children: [
-    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" && /* @__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" && interactive && 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" && expandable && !fullBleed && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        className: `${CLASS$b}__expand`,
-        "aria-label": labels?.expandAria ?? "Ver el mapa en pantalla completa",
-        title: labels?.expandAria ?? "Pantalla completa",
+        className: `${CLASS$a}__expand`,
+        "aria-label": labels?.expandAria ?? (expandIcon === "edit" ? "Ajustar el punto en el mapa" : "Ver el mapa en pantalla completa"),
+        title: labels?.expandAria ?? (expandIcon === "edit" ? "Ajustar el punto" : "Pantalla completa"),
         onClick: () => setExpanded(true),
-        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) })
+        children: expandIcon === "edit" ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20h9" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) })
       }
     ),
     expanded && ReactDOM.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$a}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           MapView,
           {
@@ -16000,7 +16516,7 @@ const MapView = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$b}-fs__close`,
+            className: `${CLASS$a}-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: [
@@ -16116,7 +16632,7 @@ function reverseGeocode(lat, lng) {
   });
 }
 
-const CLASS$a = `${COMPONENT_PREFIX$1}location-field`;
+const CLASS$9 = `${COMPONENT_PREFIX$1}location-field`;
 const GPS_TIMEOUT_MS = 1e4;
 const CONFIRM_MAP_HEIGHT = 180;
 const LocationField = ({
@@ -16189,16 +16705,16 @@ const LocationField = ({
     }
   };
   const hasPoint = value?.lat != null && value?.lng != null;
-  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: [
+  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: [
       label,
       required ? " *" : ""
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$a}__row`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}__row`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          className: `${CLASS$a}__input`,
+          className: `${CLASS$9}__input`,
           type: "text",
           value: text,
           disabled,
@@ -16212,7 +16728,7 @@ const LocationField = ({
         "button",
         {
           type: "button",
-          className: `${CLASS$a}__gps`,
+          className: `${CLASS$9}__gps`,
           onClick: useMyLocation,
           disabled: disabled || gps === "locating",
           title: labels?.useMyLocation ?? "Enviar mi ubicaci\xF3n",
@@ -16226,21 +16742,24 @@ const LocationField = ({
         }
       )
     ] }),
-    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: [
+    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: [
       /* @__PURE__ */ jsxRuntime.jsx(
         MapView,
         {
           apiKey,
           points: [{ id: "sel", lat: value.lat, lng: value.lng, label: value?.address }],
           height: CONFIRM_MAP_HEIGHT,
-          onPointMove: (id, lat, lng) => void movePoint(id, lat, lng)
+          onPointMove: (id, lat, lng) => void movePoint(id, lat, lng),
+          interactive: false,
+          expandIcon: "edit",
+          labels: { expandAria: labels?.editAria ?? "Ajustar el punto en el mapa" }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__hint`, children: labels?.confirmHint ?? "El pin marca d\xF3nde est\xE1 el veh\xEDculo. Si no es el punto exacto, toca el l\xE1piz: en el mapa grande puedes arrastrar el pin o tocar el lugar correcto." })
     ] })
   ] });
 };
@@ -16272,6 +16791,8 @@ function toRenderField(f, loaded, eventBus, mapsApiKey, loadError) {
       // y, a media fila, su campo hermano se quedaba con ~400px de blanco al lado. Medido entre
       // «¿En qué situación está?» y «¿A dónde lo llevamos?» del formulario de solicitud.
       gridSpan: 2,
+      showIf: showIfDe(f),
+      // SPEC-181
       uiProps: {
         // SPEC-074 — `error` viene del render de CUSTOM (DynamicForm ya lo pasaba) y aquí se
         // desechaba: el campo obligatorio más importante era el único mudo.
@@ -16304,14 +16825,22 @@ function toRenderField(f, loaded, eventBus, mapsApiKey, loadError) {
     columnWidth: f.columnWidth,
     fixed: f.fixed,
     align: f.align,
+    showIf: showIfDe(f),
+    // SPEC-181
+    sanitize: f.sanitize,
+    // SPEC-183
     // 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, ...f.searchable ? { showSearch: true } : {} } : options ? { options, ...f.searchable ? { showSearch: true } : {} } : void 0,
+    uiProps: loadError ? { options: options ?? [], notFoundContent: loadError, ...f.searchable ? { showSearch: true } : {}, ...f.picker ? { picker: f.picker } : {} } : options ? { options, ...f.searchable ? { showSearch: true } : {}, ...f.picker ? { picker: f.picker } : {} } : f.picker ? { picker: f.picker } : void 0,
     formatValue
   };
 }
 const cumpleCondicion = (c, row) => c.in.includes(String(row[c.field]));
 const cumplenTodas = (c, row) => (Array.isArray(c) ? c : [c]).every((x) => cumpleCondicion(x, row));
+function showIfDe(f) {
+  const cond = f.visibleWhen;
+  return cond ? (values) => cumplenTodas(cond, values) : void 0;
+}
 function matchesVisibleWhen(a, row) {
   if (a.hiddenWhen && cumplenTodas(a.hiddenWhen, row)) return false;
   if (!a.visibleWhen) return true;
@@ -16863,7 +17392,7 @@ function markFitOutliers(points, radiusKm = FIT_RADIUS_KM) {
   return { points: marcados, outside };
 }
 
-const CLASS$9 = `${COMPONENT_PREFIX$1}services-map`;
+const CLASS$8 = `${COMPONENT_PREFIX$1}services-map`;
 const DEFAULT_HEIGHT = 340;
 function readNumber(row, field) {
   if (!field) return void 0;
@@ -16989,7 +17518,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$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: [
+  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: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MapView,
       {
@@ -17003,20 +17532,20 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
         labels: { emptyText: labels.emptyText }
       }
     ),
-    /* @__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: [
+    /* @__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: [
         (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$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(
+      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(
         "{n}",
         String(outside)
       ) }),
-      failed && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__note`, children: "No se pudieron cargar las ubicaciones." })
+      failed && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__note`, children: "No se pudieron cargar las ubicaciones." })
     ] })
   ] }) });
 };
@@ -17032,7 +17561,7 @@ function lineaSinMapa(labels, missing, failed) {
   return labels.emptyText ?? "Sin ubicaciones para mostrar";
 }
 
-const CLASS$8 = `${COMPONENT_PREFIX$1}service-shortcuts`;
+const CLASS$7 = `${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.
@@ -17086,16 +17615,16 @@ const ServiceShortcuts = ({
 }) => {
   if (!options?.length) return null;
   const elegido = !!selectedId;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: [CLASS$8, elegido ? `${CLASS$8}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: [CLASS$7, elegido ? `${CLASS$7}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
     const esElegido = o.id === selectedId;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         className: [
-          `${CLASS$8}__item`,
-          elegido ? `${CLASS$8}__item--off` : "",
-          esElegido ? `${CLASS$8}__item--chosen` : ""
+          `${CLASS$7}__item`,
+          elegido ? `${CLASS$7}__item--off` : "",
+          esElegido ? `${CLASS$7}__item--chosen` : ""
         ].filter(Boolean).join(" "),
         disabled: elegido,
         "aria-disabled": elegido,
@@ -17107,12 +17636,12 @@ const ServiceShortcuts = ({
           else if (o.route) eventBus?.emit(CHAT_EVENT.NAVIGATE, { route: o.route });
         },
         children: [
-          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 })
+          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 })
           ] }),
-          /* @__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" }) }) })
+          /* @__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" }) }) })
         ]
       },
       o.id
@@ -17681,19 +18210,19 @@ function ChatNavigatorChat({ component, eventBus }) {
   ] });
 }
 
-const CLASS$7 = `${COMPONENT_PREFIX$1}user-tools`;
+const CLASS$6 = `${COMPONENT_PREFIX$1}user-tools`;
 const UserTools = ({ config, onChange, onAction, className }) => {
   const { title, description, items } = config;
-  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" ? (
+  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" ? (
       // 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$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.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.jsx(
           Button,
@@ -17712,13 +18241,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$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 })
+        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 })
         ] })
       }
     ) }, item.id)) }),
-    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$7}__empty`, children: "No hay herramientas disponibles por ahora." })
+    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__empty`, children: "No hay herramientas disponibles por ahora." })
   ] });
 };
 UserTools.displayName = "UserTools";
@@ -18328,7 +18857,7 @@ const ChatHeader = ({
   ] });
 };
 
-const CLASS$6 = `${COMPONENT_PREFIX$1}floating-actions`;
+const CLASS$5 = `${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)) {
@@ -18337,23 +18866,23 @@ function renderIcon(icon) {
   return icon;
 }
 function Side({ buttons, align, eventBus }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$6}__group ${CLASS$6}__group--${align}`, children: buttons.map((b) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__group ${CLASS$5}__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$6}__slot`, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__slot`, children: [
         b.custom,
-        b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
+        b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
       ] }, b.id);
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$6}__slot`, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__slot`, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
-          className: [`${CLASS$6}__button`, b.active ? `${CLASS$6}__button--active` : ""].filter(Boolean).join(" "),
+          className: [`${CLASS$5}__button`, b.active ? `${CLASS$5}__button--active` : ""].filter(Boolean).join(" "),
           "aria-label": b.ariaLabel,
           title: b.ariaLabel,
           "aria-pressed": b.active,
@@ -18361,16 +18890,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$6}__badge`, children: b.badge })
+            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__badge`, children: b.badge })
           ]
         }
       ),
-      b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
+      b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
     ] }, b.id);
   }) });
 }
 const ChatFloatingActions = ({ eventBus, left = [], right = [], offset = 12, glass = false }) => {
-  const cls = [CLASS$6, glass ? `${CLASS$6}--glass` : ""].filter(Boolean).join(" ");
+  const cls = [CLASS$5, glass ? `${CLASS$5}--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 })
@@ -18803,7 +19332,7 @@ const UserMessage = ({
   ] }) });
 };
 
-const CLASS$5 = `${COMPONENT_PREFIX$1}photo-picker`;
+const CLASS$4 = `${COMPONENT_PREFIX$1}photo-picker`;
 const PhotoPicker = ({
   label,
   hint,
@@ -18828,8 +19357,8 @@ const PhotoPicker = ({
     void onFiles(e.target.files);
     e.target.value = "";
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}${error ? ` ${CLASS$5}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$5}__label`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$4}${error ? ` ${CLASS$4}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$4}__label`, children: [
       label,
       required ? " *" : "",
       hechas > 0 ? ` (${hechas}${max ? `/${max}` : ""})` : ""
@@ -18838,7 +19367,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: galeriaRef,
-        className: `${CLASS$5}__native`,
+        className: `${CLASS$4}__native`,
         type: "file",
         accept: "image/*",
         multiple: max !== 1,
@@ -18851,7 +19380,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: camaraRef,
-        className: `${CLASS$5}__native`,
+        className: `${CLASS$4}__native`,
         type: "file",
         accept: "image/*",
         capture: "environment",
@@ -18860,15 +19389,15 @@ const PhotoPicker = ({
         "data-testid": "photo-picker-camera"
       }
     ),
-    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" }),
+    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" }),
       onRemove && e.status !== "uploading" && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: `${CLASS$5}__remove`,
+          className: `${CLASS$4}__remove`,
           onClick: () => onRemove(i),
           "aria-label": `Quitar ${e.name}`,
           disabled,
@@ -18876,12 +19405,12 @@ const PhotoPicker = ({
         }
       )
     ] }, `${e.name}-${i}`)) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__actions`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$4}__actions`, children: [
       capture && /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
-          className: `${CLASS$5}__pick`,
+          className: `${CLASS$4}__pick`,
           onClick: () => elegir(camaraRef),
           disabled: disabled || lleno,
           children: [
@@ -18894,7 +19423,7 @@ const PhotoPicker = ({
         "button",
         {
           type: "button",
-          className: `${CLASS$5}__pick ${CLASS$5}__pick--secondary`,
+          className: `${CLASS$4}__pick ${CLASS$4}__pick--secondary`,
           onClick: () => elegir(galeriaRef),
           disabled: disabled || lleno,
           children: [
@@ -18904,13 +19433,13 @@ const PhotoPicker = ({
         }
       )
     ] }),
-    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 })
+    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 })
   ] });
 };
 
-const CLASS$4 = `${COMPONENT_PREFIX$1}credentials-card`;
+const CLASS$3 = `${COMPONENT_PREFIX$1}credentials-card`;
 async function copiar(texto) {
   try {
     await navigator.clipboard.writeText(texto);
@@ -18927,15 +19456,15 @@ const Fila = ({ row }) => {
     const t = setTimeout(() => setCopiado(false), 1800);
     return () => clearTimeout(t);
   }, [copiado]);
-  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: [
+  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: [
       row.masked && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__tool`,
+          className: `${CLASS$3}__tool`,
           onClick: () => setVisible((v) => !v),
           "aria-label": visible ? `Ocultar ${row.label}` : `Ver ${row.label}`,
           children: visible ? "Ocultar" : "Ver"
@@ -18945,7 +19474,7 @@ const Fila = ({ row }) => {
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__tool`,
+          className: `${CLASS$3}__tool`,
           onClick: async () => setCopiado(await copiar(row.value)),
           "aria-label": `Copiar ${row.label}`,
           children: copiado ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -18964,12 +19493,12 @@ const CredentialsCard = ({
   note,
   action,
   className
-}) => /* @__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 }) })
+}) => /* @__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 }) })
 ] });
 CredentialsCard.displayName = "CredentialsCard";
 
@@ -19141,7 +19670,7 @@ const TextArea = React.forwardRef(
 );
 TextArea.displayName = "TextArea";
 
-const CLASS$3 = `${COMPONENT_PREFIX$1}support-request-form`;
+const CLASS$2 = `${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.";
@@ -19186,14 +19715,14 @@ const SupportRequestForm = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
-      className: [CLASS$3, sent ? `${CLASS$3}--sent` : "", className].filter(Boolean).join(" "),
+      className: [CLASS$2, sent ? `${CLASS$2}--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("h4", { className: `${CLASS$2}__title`, children: title }),
+        intro && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$2}__intro`, children: intro }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$2}__fields`, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$2}__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" })
           ] }),
@@ -19201,13 +19730,13 @@ const SupportRequestForm = ({
           /* @__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: [
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$2}__error`, role: "alert", children: error }),
+        sent ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `${CLASS$2}__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 })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$2}__actions`, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", variant: "primary", isLoading: enviando, disabled: enviando, children: submitLabel }) }),
+          note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$2}__note`, children: note })
         ] })
       ]
     }
@@ -22140,105 +22669,6 @@ const Notification = ({
 };
 Notification.displayName = "Notification";
 
-const CARD_VARIANTS = {
-  /** Con sombra: flota sobre el contenido (hojas, diálogos, paneles). */
-  ELEVATED: "elevated"};
-const CARD_PADDINGS = {
-  MEDIUM: "medium",
-  LARGE: "large"
-};
-const CARD_RADII = {
-  NONE: "none",
-  LARGE: "large"
-};
-
-const BASE = `${COMPONENT_PREFIX}card`;
-const Card = React.forwardRef(
-  ({
-    variant = CARD_VARIANTS.ELEVATED,
-    padding = CARD_PADDINGS.MEDIUM,
-    radius = CARD_RADII.LARGE,
-    fullWidth = false,
-    className = "",
-    children,
-    ...rest
-  }, ref) => {
-    const classes = [
-      BASE,
-      `${BASE}--${variant}`,
-      `${BASE}--padding-${padding}`,
-      `${BASE}--radius-${radius}`,
-      fullWidth ? `${BASE}--full-width` : "",
-      className
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes, ...rest, children });
-  }
-);
-Card.displayName = "Card";
-
-const CLASS$2 = "px-lumi-bottom-sheet";
-const BottomSheet = ({
-  open,
-  children,
-  onClose,
-  showGrabber = true,
-  closeOnBackdrop = false,
-  closeOnEscape = true,
-  ariaLabelledBy,
-  className = ""
-}) => {
-  React.useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape" && closeOnEscape) onClose?.();
-    };
-    document.addEventListener("keydown", onKey);
-    const previous = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.removeEventListener("keydown", onKey);
-      document.body.style.overflow = previous;
-    };
-  }, [open, closeOnEscape, onClose]);
-  if (!open) return null;
-  return ReactDOM.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: [CLASS$2, className].filter(Boolean).join(" "),
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": ariaLabelledBy,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: `${CLASS$2}__backdrop`,
-              "aria-hidden": "true",
-              onClick: closeOnBackdrop ? onClose : void 0
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Card,
-            {
-              className: `${CLASS$2}__sheet`,
-              padding: CARD_PADDINGS.LARGE,
-              radius: CARD_RADII.NONE,
-              fullWidth: true,
-              children: [
-                showGrabber && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$2}__grabber`, "aria-hidden": "true" }),
-                children
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    document.body
-  );
-};
-BottomSheet.displayName = "BottomSheet";
-
 const CLASS$1 = `${COMPONENT_PREFIX}live-indicator`;
 const LiveIndicator = ({
   label,
@@ -25435,6 +25865,7 @@ exports.ChatUserAttachments = UserAttachments;
 exports.ChatUserMessage = UserMessage;
 exports.ChatWidget = ChatWidget;
 exports.CredentialsCard = CredentialsCard;
+exports.DEFAULT_PHONE_COUNTRY = DEFAULT_PHONE_COUNTRY;
 exports.FileField = FileField;
 exports.LUMI_BADGE_VARIANTS = BADGE_VARIANTS;
 exports.LUMI_DEFAULT_TITLES = DEFAULT_TITLES;
@@ -25481,10 +25912,12 @@ exports.LumiMenuItem = MenuItem;
 exports.LumiMenuItemGroup = MenuItemGroup;
 exports.LumiNotification = Notification;
 exports.LumiPagination = Pagination;
+exports.LumiPhoneInput = PhoneInput;
 exports.LumiPopover = Popover;
 exports.LumiQRCode = QRCode;
 exports.LumiRecordCard = RecordCard;
 exports.LumiSelect = Select$1;
+exports.LumiSheetSelect = SheetSelect;
 exports.LumiStepIndicator = StepIndicator;
 exports.LumiStepper = Stepper;
 exports.LumiSubMenu = SubMenu;
@@ -25494,8 +25927,10 @@ exports.LumiTextArea = TextArea;
 exports.LumiTimeInput = TimeInput$1;
 exports.LumiTooltip = Tooltip;
 exports.MapView = MapView;
+exports.PHONE_COUNTRIES = PHONE_COUNTRIES;
 exports.PhotoPicker = PhotoPicker;
 exports.ReactiveCrud = ReactiveCrud;
+exports.SANITIZE_PRESETS = SANITIZE_PRESETS;
 exports.ServiceShortcuts = ServiceShortcuts;
 exports.ServicesMap = ServicesMap;
 exports.SessionExpiryPrompt = SessionExpiryPrompt;
@@ -25510,11 +25945,14 @@ exports.createStoreMerger = createStoreMerger;
 exports.deepMerge = deepMerge;
 exports.disabledReasonFor = disabledReasonFor;
 exports.fetchViaEventBus = fetchViaEventBus;
+exports.flagOf = flagOf;
 exports.getLastFleetSnapshot = getLastFleetSnapshot;
 exports.matchesDisabledWhen = matchesDisabledWhen;
 exports.matchesDoneWhen = matchesDoneWhen;
 exports.matchesVisibleWhen = matchesVisibleWhen;
 exports.registerChatComponents = registerChatComponents;
+exports.sanitize = sanitize;
 exports.setLastFleetSnapshot = setLastFleetSnapshot;
+exports.splitPhone = splitPhone;
 exports.useChatConfig = useChatConfig;
 exports.useReactiveCrud = useReactiveCrud;