pixelon 0.9.3 → 0.9.4

package/dist/index.esm.js

@@ -7343,7 +7343,7 @@ const Input$1 = 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 = forwardRef(
   ({
     options = [],
@@ -7392,7 +7392,7 @@ const Select$1 = forwardRef(
     const selectorRef = useRef(null);
     const [dropdownPosition, setDropdownPosition] = 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") {
@@ -12320,6 +12320,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__ */ 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 = ""
+}) => {
+  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 createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: [CLASS$j, className].filter(Boolean).join(" "),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": ariaLabelledBy,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${CLASS$j}__backdrop`,
+              "aria-hidden": "true",
+              onClick: closeOnBackdrop ? onClose : void 0
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Card,
+            {
+              className: `${CLASS$j}__sheet`,
+              padding: CARD_PADDINGS.LARGE,
+              radius: CARD_RADII.NONE,
+              fullWidth: true,
+              children: [
+                showGrabber && /* @__PURE__ */ 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] = useState(defaultCountry);
+    const [abierto, setAbierto] = useState(false);
+    const [busqueda, setBusqueda] = 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;
+    useEffect(() => {
+      if (!abierto) setBusqueda("");
+    }, [abierto]);
+    const visibles = 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__ */ jsxs("div", { className: [CLASS$i, error && `${CLASS$i}--error`, bloqueado && `${CLASS$i}--disabled`, className].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ 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__ */ jsx("span", { className: `${CLASS$i}__flag`, "aria-hidden": "true", children: flagOf(pais.code) }),
+            /* @__PURE__ */ jsx("span", { className: `${CLASS$i}__code`, children: pais.dialCode }),
+            /* @__PURE__ */ jsx("span", { className: `${CLASS$i}__caret`, "aria-hidden": "true", children: "\u25BE" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: `${CLASS$i}__digits`, children: /* @__PURE__ */ jsx(
+        Input$1,
+        {
+          ref,
+          id,
+          name,
+          type: "tel",
+          inputMode: "numeric",
+          autoComplete: "tel-national",
+          label,
+          placeholder,
+          value: digits,
+          onChange: handleDigits,
+          onBlur,
+          disabled,
+          readOnly,
+          error
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        BottomSheet,
+        {
+          open: abierto,
+          onClose: () => setAbierto(false),
+          showGrabber: true,
+          closeOnBackdrop: true,
+          ariaLabelledBy: tituloId,
+          className: `${CLASS$i}__sheet`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: `${CLASS$i}__sheet-head`, children: [
+              /* @__PURE__ */ jsx("h2", { id: tituloId, className: `${CLASS$i}__sheet-title`, children: labels?.pickCountry ?? "Pa\xEDs del celular" }),
+              /* @__PURE__ */ 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__ */ jsxs("ul", { className: `${CLASS$i}__list`, role: "listbox", "aria-labelledby": tituloId, children: [
+              visibles.map((c) => {
+                const activo = c.code === pais.code;
+                return /* @__PURE__ */ jsx("li", { role: "option", "aria-selected": activo, children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: [`${CLASS$i}__option`, activo && `${CLASS$i}__option--selected`].filter(Boolean).join(" "),
+                    onClick: () => elegir(c),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: `${CLASS$i}__flag`, "aria-hidden": "true", children: flagOf(c.code) }),
+                      /* @__PURE__ */ jsx("span", { className: `${CLASS$i}__option-name`, children: c.name }),
+                      /* @__PURE__ */ jsx("span", { className: `${CLASS$i}__option-code`, children: c.dialCode })
+                    ]
+                  }
+                ) }, c.code);
+              }),
+              visibles.length === 0 && /* @__PURE__ */ 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] = useState(false);
+    const [busqueda, setBusqueda] = useState("");
+    const bloqueado = disabled || readOnly;
+    const elegida = options.find((o) => String(o.value) === String(value ?? ""));
+    const conBuscador = searchable ?? true;
+    useEffect(() => {
+      if (!abierto) setBusqueda("");
+    }, [abierto]);
+    const visibles = 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__ */ jsxs("div", { className: [CLASS$h, bloqueado && `${CLASS$h}--disabled`, className].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ 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__ */ 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__ */ jsx("path", { d: "M6 9l6 6 6-6" }) }),
+          onSuffixClick: abrir,
+          suffixAriaLabel: titulo ? `Elegir ${titulo}` : "Elegir"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        BottomSheet,
+        {
+          open: abierto,
+          onClose: () => setAbierto(false),
+          showGrabber: true,
+          closeOnBackdrop: true,
+          ariaLabelledBy: tituloId,
+          className: `${CLASS$h}__sheet`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: `${CLASS$h}__sheet-head`, children: [
+              /* @__PURE__ */ jsx("h2", { id: tituloId, className: `${CLASS$h}__sheet-title`, children: titulo }),
+              conBuscador && /* @__PURE__ */ 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__ */ jsxs("ul", { className: `${CLASS$h}__list`, role: "listbox", "aria-labelledby": tituloId, children: [
+              visibles.map((o) => {
+                const activo = elegida?.value === o.value;
+                return /* @__PURE__ */ jsx("li", { role: "option", "aria-selected": activo, children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: [`${CLASS$h}__option`, activo && `${CLASS$h}__option--selected`].filter(Boolean).join(" "),
+                    onClick: () => elegir(o),
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { className: `${CLASS$h}__option-text`, children: [
+                        /* @__PURE__ */ jsx("span", { className: `${CLASS$h}__option-label`, children: o.label }),
+                        o.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$h}__option-hint`, children: o.hint })
+                      ] }),
+                      activo && /* @__PURE__ */ 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__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) })
+                    ]
+                  }
+                ) }, o.value);
+              }),
+              visibles.length === 0 && /* @__PURE__ */ 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,
@@ -12407,10 +12843,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
@@ -12435,8 +12875,26 @@ const renderField = ({
             return /* @__PURE__ */ jsx(Input$1, { ...commonProps, type: "email" });
           case "INPUT_PASSWORD":
             return /* @__PURE__ */ jsx(Input$1, { ...commonProps, type: "password" });
-          case "INPUT_PHONE":
-            return /* @__PURE__ */ jsx(Input$1, { ...commonProps, type: "tel" });
+          case "INPUT_PHONE": {
+            const { countries, defaultCountry } = uiProps ?? {};
+            return /* @__PURE__ */ 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__ */ jsx(
               Input$1,
@@ -12462,6 +12920,30 @@ const renderField = ({
           case "TEXTAREA":
             return /* @__PURE__ */ jsx(Input$1, { ...commonProps, type: "textarea" });
           case "SELECT":
+            if (uiProps?.picker === "sheet") {
+              return /* @__PURE__ */ 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__ */ jsx(
               Select$1,
               {
@@ -12591,8 +13073,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;
@@ -13181,24 +13666,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__ */ jsxs("div", { className: [CLASS$h, `${CLASS$h}--${layout}`, className].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ jsx("span", { className: `${CLASS$h}__label`, children: label }),
-  /* @__PURE__ */ jsx("span", { className: `${CLASS$h}__value`, children })
+}) => /* @__PURE__ */ jsxs("div", { className: [CLASS$g, `${CLASS$g}--${layout}`, className].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ jsx("span", { className: `${CLASS$g}__label`, children: label }),
+  /* @__PURE__ */ 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,
@@ -13210,20 +13699,20 @@ const RecordCard = ({
   className
 }) => {
   const cuerpoId = useId();
-  return /* @__PURE__ */ jsxs("div", { className: [CLASS$g, open ? `${CLASS$g}--open` : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs("div", { className: [CLASS$f, open ? `${CLASS$f}--open` : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ 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__ */ jsxs("span", { className: `${CLASS$g}__heading`, children: [
-            /* @__PURE__ */ jsx("span", { className: `${CLASS$g}__title`, children: title }),
-            summary && /* @__PURE__ */ jsx("span", { className: `${CLASS$g}__summary`, children: summary })
+          /* @__PURE__ */ jsxs("span", { className: `${CLASS$f}__heading`, children: [
+            /* @__PURE__ */ jsx("span", { className: `${CLASS$f}__title`, children: title }),
+            summary && /* @__PURE__ */ jsx("span", { className: `${CLASS$f}__summary`, children: summary })
           ] }),
           /* @__PURE__ */ jsx(
             Icon,
@@ -13231,22 +13720,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__ */ jsxs("div", { className: `${CLASS$g}__body`, id: cuerpoId, children: [
+    open && /* @__PURE__ */ jsxs("div", { className: `${CLASS$f}__body`, id: cuerpoId, children: [
       children,
-      actions && /* @__PURE__ */ jsx("div", { className: `${CLASS$g}__actions`, children: actions })
+      actions && /* @__PURE__ */ 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);
@@ -13265,13 +13754,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__ */ jsx("div", { className: `${CLASS$f}__estado`, children: "Cargando..." });
+    return /* @__PURE__ */ jsx("div", { className: `${CLASS$e}__estado`, children: "Cargando..." });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: `${CLASS$f}__estado`, children: emptyText });
+    return /* @__PURE__ */ jsx("div", { className: `${CLASS$e}__estado`, children: emptyText });
   }
   const [principal, ...secundarios] = resumen;
-  return /* @__PURE__ */ jsx("div", { className: CLASS$f, children: rows.map((row) => {
+  return /* @__PURE__ */ jsx("div", { className: CLASS$e, children: rows.map((row) => {
     const key = rowKey(row);
     const opciones = buildOptions?.(row) ?? [];
     const titulo = principal ? renderFieldValue(principal, row) : key;
@@ -13288,14 +13777,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__ */ jsx("span", { children: o.label }),
-              o.disabled && o.disabledReason && /* @__PURE__ */ jsx("span", { className: `${CLASS$f}__motivo`, children: o.disabledReason })
+              o.disabled && o.disabledReason && /* @__PURE__ */ jsx("span", { className: `${CLASS$e}__motivo`, children: o.disabledReason })
             ]
           },
           o.label
@@ -13310,7 +13799,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 = ({
@@ -13354,7 +13843,7 @@ const ScrollToEnd = ({
     s.scrollTo({ top: s.scrollHeight, behavior: "smooth" });
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$e, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
+  return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$d, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
 };
 ScrollToEnd.displayName = "ScrollToEnd";
 
@@ -14039,7 +14528,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__ */ jsx(
     "svg",
@@ -14066,7 +14555,7 @@ const ChatLinkCell = ({
   if (targets.length === 1) {
     const t = targets[0];
     const texto = t.label ? `Abrir chat ${t.label}` : "Abrir chat";
-    return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$d, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsx(Burbuja, {}) });
+    return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$c, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsx(Burbuja, {}) });
   }
   return /* @__PURE__ */ jsx(
     DropdownMenu,
@@ -14080,7 +14569,7 @@ const ChatLinkCell = ({
         "button",
         {
           type: "button",
-          className: CLASS$d,
+          className: CLASS$c,
           "aria-label": `Abrir chat (${targets.length} conversaciones)`,
           title: "Abrir chat",
           children: /* @__PURE__ */ jsx(Burbuja, {})
@@ -14093,6 +14582,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) {
@@ -14122,19 +14623,17 @@ function buildCrudYupSchema(fields) {
     }
     if (f.moleculeType === "INPUT_NUMBER" || f.moleculeType === "INPUT_CURRENCY") {
       let s2 = yup.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.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.object().shape(shape);
 }
@@ -14164,7 +14663,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;
 }
@@ -14399,7 +14905,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;
@@ -14430,18 +14936,18 @@ const FileField = ({
   const elegir = () => {
     if (!disabled) inputRef.current?.click();
   };
-  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$c}${error ? ` ${CLASS$c}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxs("span", { className: `${CLASS$c}__label`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$b}${error ? ` ${CLASS$b}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: `${CLASS$b}__label`, children: [
       label,
       required ? " *" : "",
       multiple && hechos > 0 ? ` (${hechos})` : ""
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$c}__box`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$b}__box`, children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           ref: inputRef,
-          className: `${CLASS$c}__native`,
+          className: `${CLASS$b}__native`,
           type: "file",
           accept,
           multiple,
@@ -14452,14 +14958,14 @@ const FileField = ({
           }
         }
       ),
-      /* @__PURE__ */ jsxs("button", { type: "button", className: `${CLASS$c}__pick`, onClick: elegir, disabled, children: [
+      /* @__PURE__ */ jsxs("button", { type: "button", className: `${CLASS$b}__pick`, onClick: elegir, disabled, children: [
         /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.UPLOAD, size: "small" }),
-        /* @__PURE__ */ 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__ */ 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__ */ jsx("ul", { className: `${CLASS$c}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$c}__item ${CLASS$c}__item--${e.status}`, children: [
-        /* @__PURE__ */ jsx("span", { className: `${CLASS$c}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
-        /* @__PURE__ */ jsx("span", { className: `${CLASS$c}__name`, children: e.name }),
-        /* @__PURE__ */ jsxs("span", { className: `${CLASS$c}__state`, children: [
+      entries.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$b}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$b}__item ${CLASS$b}__item--${e.status}`, children: [
+        /* @__PURE__ */ jsx("span", { className: `${CLASS$b}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
+        /* @__PURE__ */ jsx("span", { className: `${CLASS$b}__name`, children: e.name }),
+        /* @__PURE__ */ 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"
@@ -14468,7 +14974,7 @@ const FileField = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$c}__remove`,
+            className: `${CLASS$b}__remove`,
             onClick: () => onRemove(i),
             "aria-label": `Quitar ${e.name}`,
             disabled,
@@ -14477,8 +14983,8 @@ const FileField = ({
         )
       ] }, `${e.name}-${i}`)) })
     ] }),
-    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$c}__error`, children: error }),
-    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$c}__hint`, children: "Espera a que terminen de subir." })
+    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__hint`, children: "Espera a que terminen de subir." })
   ] });
 };
 
@@ -15640,7 +16146,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;
@@ -15710,6 +16216,8 @@ const MapView = ({
   eventBus,
   expandable = true,
   fullBleed = false,
+  interactive = true,
+  expandIcon = "expand",
   animateMs,
   className
 }) => {
@@ -15765,7 +16273,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;
@@ -15783,7 +16296,7 @@ const MapView = ({
   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;
@@ -15855,7 +16368,7 @@ const MapView = ({
     } else {
       mapRef.current.fitBounds(bounds);
     }
-  }, [mapReady, list, animateMs]);
+  }, [mapReady, list, animateMs, interactive]);
   useEffect(() => {
     if (!mapReady || !mapRef.current) return;
     const maps = window.google.maps;
@@ -15905,7 +16418,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());
@@ -15914,7 +16427,7 @@ const MapView = ({
       clickListenerRef.current?.remove?.();
       clickListenerRef.current = null;
     };
-  }, [mapReady, list, onPointMove]);
+  }, [mapReady, list, onPointMove, interactive]);
   useEffect(
     () => () => {
       markersRef.current.forEach((entry) => {
@@ -15941,31 +16454,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__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ 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__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ 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__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__state ${CLASS$b}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
+    return /* @__PURE__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__state ${CLASS$a}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: rootClass, style: fullBleed ? void 0 : { height }, children: [
-    status !== "ready" && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
-    /* @__PURE__ */ jsx("div", { ref: nodeRef, className: `${CLASS$b}__canvas`, "aria-label": "Mapa", role: "application" }),
-    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
-    status === "ready" && onPointMove && list.length > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
+    status !== "ready" && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
+    /* @__PURE__ */ jsx("div", { ref: nodeRef, className: `${CLASS$a}__canvas`, "aria-label": "Mapa", role: "application" }),
+    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
+    status === "ready" && interactive && onPointMove && list.length > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
     status === "ready" && expandable && !fullBleed && /* @__PURE__ */ 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__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) })
+        children: expandIcon === "edit" ? /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("path", { d: "M12 20h9" }),
+          /* @__PURE__ */ jsx("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })
+        ] }) : /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) })
       }
     ),
     expanded && createPortal(
-      /* @__PURE__ */ jsxs("div", { className: `${CLASS$b}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
+      /* @__PURE__ */ jsxs("div", { className: `${CLASS$a}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
         /* @__PURE__ */ jsx(
           MapView,
           {
@@ -15979,7 +16495,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__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -16095,7 +16611,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 = ({
@@ -16168,16 +16684,16 @@ const LocationField = ({
     }
   };
   const hasPoint = value?.lat != null && value?.lng != null;
-  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$a}${error ? ` ${CLASS$a}--error` : ""}`, ref: boxRef, children: [
-    label && /* @__PURE__ */ jsxs("span", { className: `${CLASS$a}__label`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$9}${error ? ` ${CLASS$9}--error` : ""}`, ref: boxRef, children: [
+    label && /* @__PURE__ */ jsxs("span", { className: `${CLASS$9}__label`, children: [
       label,
       required ? " *" : ""
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$a}__row`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$9}__row`, children: [
       /* @__PURE__ */ jsx(
         "input",
         {
-          className: `${CLASS$a}__input`,
+          className: `${CLASS$9}__input`,
           type: "text",
           value: text,
           disabled,
@@ -16191,7 +16707,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",
@@ -16205,21 +16721,24 @@ const LocationField = ({
         }
       )
     ] }),
-    open && suggestions.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$a}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
-    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__error`, children: error }),
-    gps === "denied" && /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: `${CLASS$a}__confirm`, children: [
+    open && suggestions.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$9}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
+    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__error`, children: error }),
+    gps === "denied" && /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: `${CLASS$9}__confirm`, children: [
       /* @__PURE__ */ 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__ */ jsx("p", { className: `${CLASS$a}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
+      /* @__PURE__ */ 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." })
     ] })
   ] });
 };
@@ -16251,6 +16770,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.
@@ -16283,14 +16804,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;
@@ -16842,7 +17371,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;
@@ -16968,7 +17497,7 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
     [livePoints]
   );
   const nadaQueDibujar = rows !== null && allPoints.length === 0 && route.length === 0;
-  return /* @__PURE__ */ jsx("div", { className: fill ? `${CLASS$9} ${CLASS$9}--fill` : CLASS$9, children: rows === null ? /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: fill ? `${CLASS$8} ${CLASS$8}--fill` : CLASS$8, children: rows === null ? /* @__PURE__ */ jsx("p", { className: `${CLASS$8}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsx("p", { className: `${CLASS$8}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       MapView,
       {
@@ -16982,20 +17511,20 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
         labels: { emptyText: labels.emptyText }
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$9}__notes`, children: [
-      livePoints.length > 0 && /* @__PURE__ */ jsxs("p", { className: `${CLASS$9}__note ${CLASS$9}__note--live`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$8}__notes`, children: [
+      livePoints.length > 0 && /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { className: `${CLASS$9}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
+      missing > 0 && /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { className: `${CLASS$9}__note`, children: "No se pudieron cargar las ubicaciones." })
+      failed && /* @__PURE__ */ jsx("p", { className: `${CLASS$8}__note`, children: "No se pudieron cargar las ubicaciones." })
     ] })
   ] }) });
 };
@@ -17011,7 +17540,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.
@@ -17065,16 +17594,16 @@ const ServiceShortcuts = ({
 }) => {
   if (!options?.length) return null;
   const elegido = !!selectedId;
-  return /* @__PURE__ */ jsx("div", { className: [CLASS$8, elegido ? `${CLASS$8}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
+  return /* @__PURE__ */ jsx("div", { className: [CLASS$7, elegido ? `${CLASS$7}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
     const esElegido = o.id === selectedId;
     return /* @__PURE__ */ 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,
@@ -17086,12 +17615,12 @@ const ServiceShortcuts = ({
           else if (o.route) eventBus?.emit(CHAT_EVENT.NAVIGATE, { route: o.route });
         },
         children: [
-          o.icon && /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__icon`, children: ICONS[o.icon] }),
-          /* @__PURE__ */ jsxs("span", { className: `${CLASS$8}__text`, children: [
-            /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__label`, children: o.label }),
-            o.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__hint`, children: o.hint })
+          o.icon && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__icon`, children: ICONS[o.icon] }),
+          /* @__PURE__ */ jsxs("span", { className: `${CLASS$7}__text`, children: [
+            /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__label`, children: o.label }),
+            o.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__hint`, children: o.hint })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
+          /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
         ]
       },
       o.id
@@ -17660,19 +18189,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__ */ jsxs("section", { className: [CLASS$7, className].filter(Boolean).join(" "), children: [
-    title && /* @__PURE__ */ jsx("h2", { className: `${CLASS$7}__title`, children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: `${CLASS$7}__description`, children: description }),
-    /* @__PURE__ */ jsx("ul", { className: `${CLASS$7}__list`, children: items.map((item) => /* @__PURE__ */ jsx("li", { className: `${CLASS$7}__item`, children: item.kind === "action" ? (
+  return /* @__PURE__ */ jsxs("section", { className: [CLASS$6, className].filter(Boolean).join(" "), children: [
+    title && /* @__PURE__ */ jsx("h2", { className: `${CLASS$6}__title`, children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: `${CLASS$6}__description`, children: description }),
+    /* @__PURE__ */ jsx("ul", { className: `${CLASS$6}__list`, children: items.map((item) => /* @__PURE__ */ 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__ */ jsxs("div", { className: `${CLASS$7}__action`, children: [
-        /* @__PURE__ */ jsxs("span", { className: `${CLASS$7}__text`, children: [
-          /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__label`, children: item.label }),
-          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__hint`, children: item.hint })
+      /* @__PURE__ */ jsxs("div", { className: `${CLASS$6}__action`, children: [
+        /* @__PURE__ */ jsxs("span", { className: `${CLASS$6}__text`, children: [
+          /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
         ] }),
         /* @__PURE__ */ jsx(
           Button,
@@ -17691,13 +18220,13 @@ const UserTools = ({ config, onChange, onAction, className }) => {
         checked: Boolean(item.value),
         disabled: item.disabled,
         onChange: (checked) => onChange?.(item.id, checked),
-        label: /* @__PURE__ */ jsxs("span", { className: `${CLASS$7}__text`, children: [
-          /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__label`, children: item.label }),
-          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__hint`, children: item.hint })
+        label: /* @__PURE__ */ jsxs("span", { className: `${CLASS$6}__text`, children: [
+          /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
         ] })
       }
     ) }, item.id)) }),
-    items.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$7}__empty`, children: "No hay herramientas disponibles por ahora." })
+    items.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$6}__empty`, children: "No hay herramientas disponibles por ahora." })
   ] });
 };
 UserTools.displayName = "UserTools";
@@ -18307,7 +18836,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)) {
@@ -18316,23 +18845,23 @@ function renderIcon(icon) {
   return icon;
 }
 function Side({ buttons, align, eventBus }) {
-  return /* @__PURE__ */ jsx("div", { className: `${CLASS$6}__group ${CLASS$6}__group--${align}`, children: buttons.map((b) => {
+  return /* @__PURE__ */ 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__ */ jsxs("div", { className: `${CLASS$6}__slot`, children: [
+      return /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}__slot`, children: [
         b.custom,
-        b.panel && b.open && /* @__PURE__ */ jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
+        b.panel && b.open && /* @__PURE__ */ jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
       ] }, b.id);
     }
-    return /* @__PURE__ */ jsxs("div", { className: `${CLASS$6}__slot`, children: [
+    return /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}__slot`, children: [
       /* @__PURE__ */ 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,
@@ -18340,16 +18869,16 @@ function Side({ buttons, align, eventBus }) {
           onClick: emit,
           children: [
             renderIcon(b.icon),
-            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__badge`, children: b.badge })
+            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__badge`, children: b.badge })
           ]
         }
       ),
-      b.panel && b.open && /* @__PURE__ */ jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
+      b.panel && b.open && /* @__PURE__ */ 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__ */ jsxs("div", { className: cls, style: { paddingLeft: offset, paddingRight: offset }, children: [
     /* @__PURE__ */ jsx(Side, { buttons: left, align: "left", eventBus }),
     /* @__PURE__ */ jsx(Side, { buttons: right, align: "right", eventBus })
@@ -18782,7 +19311,7 @@ const UserMessage = ({
   ] }) });
 };
 
-const CLASS$5 = `${COMPONENT_PREFIX$1}photo-picker`;
+const CLASS$4 = `${COMPONENT_PREFIX$1}photo-picker`;
 const PhotoPicker = ({
   label,
   hint,
@@ -18807,8 +19336,8 @@ const PhotoPicker = ({
     void onFiles(e.target.files);
     e.target.value = "";
   };
-  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}${error ? ` ${CLASS$5}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxs("span", { className: `${CLASS$5}__label`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$4}${error ? ` ${CLASS$4}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: `${CLASS$4}__label`, children: [
       label,
       required ? " *" : "",
       hechas > 0 ? ` (${hechas}${max ? `/${max}` : ""})` : ""
@@ -18817,7 +19346,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: galeriaRef,
-        className: `${CLASS$5}__native`,
+        className: `${CLASS$4}__native`,
         type: "file",
         accept: "image/*",
         multiple: max !== 1,
@@ -18830,7 +19359,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: camaraRef,
-        className: `${CLASS$5}__native`,
+        className: `${CLASS$4}__native`,
         type: "file",
         accept: "image/*",
         capture: "environment",
@@ -18839,15 +19368,15 @@ const PhotoPicker = ({
         "data-testid": "photo-picker-camera"
       }
     ),
-    entries.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$5}__grid`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$5}__thumb ${CLASS$5}__thumb--${e.status}`, children: [
-      e.previewUrl ? /* @__PURE__ */ jsx("img", { className: `${CLASS$5}__img`, src: e.previewUrl, alt: e.name }) : /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__placeholder`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.IMAGE }) }),
-      e.status === "uploading" && /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__state`, children: "Subiendo\u2026" }),
-      e.status === "error" && /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__state ${CLASS$5}__state--error`, children: "No se pudo subir" }),
+    entries.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$4}__grid`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$4}__thumb ${CLASS$4}__thumb--${e.status}`, children: [
+      e.previewUrl ? /* @__PURE__ */ jsx("img", { className: `${CLASS$4}__img`, src: e.previewUrl, alt: e.name }) : /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__placeholder`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.IMAGE }) }),
+      e.status === "uploading" && /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__state`, children: "Subiendo\u2026" }),
+      e.status === "error" && /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__state ${CLASS$4}__state--error`, children: "No se pudo subir" }),
       onRemove && e.status !== "uploading" && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          className: `${CLASS$5}__remove`,
+          className: `${CLASS$4}__remove`,
           onClick: () => onRemove(i),
           "aria-label": `Quitar ${e.name}`,
           disabled,
@@ -18855,12 +19384,12 @@ const PhotoPicker = ({
         }
       )
     ] }, `${e.name}-${i}`)) }),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}__actions`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$4}__actions`, children: [
       capture && /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
-          className: `${CLASS$5}__pick`,
+          className: `${CLASS$4}__pick`,
           onClick: () => elegir(camaraRef),
           disabled: disabled || lleno,
           children: [
@@ -18873,7 +19402,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: [
@@ -18883,13 +19412,13 @@ const PhotoPicker = ({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$5}__error`, children: error }),
-    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$5}__hint`, children: "Espera a que terminen de subir." }),
-    !error && !subiendo && hint && /* @__PURE__ */ jsx("p", { className: `${CLASS$5}__hint`, children: hint })
+    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__hint`, children: "Espera a que terminen de subir." }),
+    !error && !subiendo && hint && /* @__PURE__ */ 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);
@@ -18906,15 +19435,15 @@ const Fila = ({ row }) => {
     const t = setTimeout(() => setCopiado(false), 1800);
     return () => clearTimeout(t);
   }, [copiado]);
-  return /* @__PURE__ */ jsxs("li", { className: `${CLASS$4}__row`, children: [
-    /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__label`, children: row.label }),
-    /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__value`, "data-testid": `credential-${row.label}`, children: visible ? row.value : "\u2022".repeat(Math.min(row.value.length, 12)) }),
-    /* @__PURE__ */ jsxs("span", { className: `${CLASS$4}__tools`, children: [
+  return /* @__PURE__ */ jsxs("li", { className: `${CLASS$3}__row`, children: [
+    /* @__PURE__ */ jsx("span", { className: `${CLASS$3}__label`, children: row.label }),
+    /* @__PURE__ */ jsx("span", { className: `${CLASS$3}__value`, "data-testid": `credential-${row.label}`, children: visible ? row.value : "\u2022".repeat(Math.min(row.value.length, 12)) }),
+    /* @__PURE__ */ jsxs("span", { className: `${CLASS$3}__tools`, children: [
       row.masked && /* @__PURE__ */ 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"
@@ -18924,7 +19453,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__ */ jsxs(Fragment, { children: [
@@ -18943,12 +19472,12 @@ const CredentialsCard = ({
   note,
   action,
   className
-}) => /* @__PURE__ */ jsxs("section", { className: [CLASS$4, className].filter(Boolean).join(" "), "aria-label": title, children: [
-  /* @__PURE__ */ jsx("h3", { className: `${CLASS$4}__title`, children: title }),
-  intro && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__intro`, children: intro }),
-  /* @__PURE__ */ jsx("ul", { className: `${CLASS$4}__rows`, children: rows.map((r) => /* @__PURE__ */ jsx(Fila, { row: r }, r.label)) }),
-  note && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__note`, children: note }),
-  action && /* @__PURE__ */ jsx("div", { className: `${CLASS$4}__action`, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: action.onClick, disabled: action.disabled, children: action.label }) })
+}) => /* @__PURE__ */ jsxs("section", { className: [CLASS$3, className].filter(Boolean).join(" "), "aria-label": title, children: [
+  /* @__PURE__ */ jsx("h3", { className: `${CLASS$3}__title`, children: title }),
+  intro && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__intro`, children: intro }),
+  /* @__PURE__ */ jsx("ul", { className: `${CLASS$3}__rows`, children: rows.map((r) => /* @__PURE__ */ jsx(Fila, { row: r }, r.label)) }),
+  note && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__note`, children: note }),
+  action && /* @__PURE__ */ jsx("div", { className: `${CLASS$3}__action`, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: action.onClick, disabled: action.disabled, children: action.label }) })
 ] });
 CredentialsCard.displayName = "CredentialsCard";
 
@@ -19120,7 +19649,7 @@ const TextArea = 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.";
@@ -19165,14 +19694,14 @@ const SupportRequestForm = ({
   return /* @__PURE__ */ 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__ */ jsx("h4", { className: `${CLASS$3}__title`, children: title }),
-        intro && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__intro`, children: intro }),
-        /* @__PURE__ */ jsxs("div", { className: `${CLASS$3}__fields`, children: [
-          /* @__PURE__ */ jsxs("div", { className: `${CLASS$3}__row`, children: [
+        /* @__PURE__ */ jsx("h4", { className: `${CLASS$2}__title`, children: title }),
+        intro && /* @__PURE__ */ jsx("p", { className: `${CLASS$2}__intro`, children: intro }),
+        /* @__PURE__ */ jsxs("div", { className: `${CLASS$2}__fields`, children: [
+          /* @__PURE__ */ jsxs("div", { className: `${CLASS$2}__row`, children: [
             /* @__PURE__ */ jsx(Input$1, { label: "Nombre", value: values.name, onChange: set("name"), fullWidth: true, disabled: sent, autoComplete: "name" }),
             /* @__PURE__ */ jsx(Input$1, { label: "Tel\xE9fono (opcional)", value: values.phone, onChange: set("phone"), fullWidth: true, disabled: sent, inputMode: "tel", autoComplete: "tel" })
           ] }),
@@ -19180,13 +19709,13 @@ const SupportRequestForm = ({
           /* @__PURE__ */ jsx(Input$1, { label: "Asunto", value: values.subject, onChange: set("subject"), fullWidth: true, disabled: sent }),
           /* @__PURE__ */ jsx(TextArea, { label: "Mensaje", value: values.message, onChange: set("message"), fullWidth: true, disabled: sent, minRows: 3, maxLength: 4e3, showCount: true })
         ] }),
-        error && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__error`, role: "alert", children: error }),
-        sent ? /* @__PURE__ */ jsxs("p", { className: `${CLASS$3}__done`, role: "status", children: [
+        error && /* @__PURE__ */ jsx("p", { className: `${CLASS$2}__error`, role: "alert", children: error }),
+        sent ? /* @__PURE__ */ jsxs("p", { className: `${CLASS$2}__done`, role: "status", children: [
           /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.CHECK, size: "small" }),
           /* @__PURE__ */ jsx("span", { children: sentLabel })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: `${CLASS$3}__actions`, children: /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", isLoading: enviando, disabled: enviando, children: submitLabel }) }),
-          note && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__note`, children: note })
+          /* @__PURE__ */ jsx("div", { className: `${CLASS$2}__actions`, children: /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", isLoading: enviando, disabled: enviando, children: submitLabel }) }),
+          note && /* @__PURE__ */ jsx("p", { className: `${CLASS$2}__note`, children: note })
         ] })
       ]
     }
@@ -22119,105 +22648,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__ */ 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 = ""
-}) => {
-  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 createPortal(
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: [CLASS$2, className].filter(Boolean).join(" "),
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": ariaLabelledBy,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `${CLASS$2}__backdrop`,
-              "aria-hidden": "true",
-              onClick: closeOnBackdrop ? onClose : void 0
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Card,
-            {
-              className: `${CLASS$2}__sheet`,
-              padding: CARD_PADDINGS.LARGE,
-              radius: CARD_RADII.NONE,
-              fullWidth: true,
-              children: [
-                showGrabber && /* @__PURE__ */ 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,
@@ -25378,4 +25808,4 @@ function buildBreadcrumbPath(items, targetKey, currentPath = []) {
   return [];
 }
 
-export { ActionFormDrawer, BottomSheet, CHAT_CONFIG_DEFAULTS, CHAT_EVENT, ICON_TYPES as CHAT_ICON_TYPES, CarouselDisplay, Chat, AssistantMessage as ChatAssistantMessage, AssistantThinkingIndicator as ChatAssistantThinkingIndicator, AttachmentPreview as ChatAttachmentPreview, Avatar as ChatAvatar, Button$1 as ChatButton, ChatConfigProvider, DateDivider as ChatDateDivider, FileViewer as ChatFileViewer, ChatFloatingActions, FullscreenViewer as ChatFullscreenViewer, ChatHeader as ChatHeaderComponent, Icon$1 as ChatIcon, Input$2 as ChatInput, ChatInput as ChatInputComponent, Link as ChatLink, Loader$1 as ChatLoader, Logo as ChatLogo, MessageStatus as ChatMessageStatus, Modal as ChatModal, ChatNavigator, Select$2 as ChatSelect, SelectMenu as ChatSelectMenu, StructuredContent as ChatStructuredContent, Text as ChatText, Textarea as ChatTextarea, UserAttachments as ChatUserAttachments, UserMessage as ChatUserMessage, ChatWidget, CredentialsCard, FileField, BADGE_VARIANTS as LUMI_BADGE_VARIANTS, DEFAULT_TITLES as LUMI_DEFAULT_TITLES, LUMI_ICON_TYPES, LiveIndicator, LocationField, ActionBar as LumiActionBar, Badge as LumiBadge, Base as LumiBase, BaseNavbar as LumiBaseNavbar, BaseWorkspace as LumiBaseWorkspace, Breadcrumb as LumiBreadcrumb, BreadcrumbItem as LumiBreadcrumbItem, BreadcrumbSeparator as LumiBreadcrumbSeparator, Button as LumiButton, Calendar as LumiCalendar, Card as LumiCard, Checkbox$1 as LumiCheckbox, Crud as LumiCrud, CurrencyDisplay as LumiCurrencyDisplay, Dashboard as LumiDashboard, DashboardNavbar as LumiDashboardNavbar, DashboardSidebar as LumiDashboardSidebar, DashboardWorkspace as LumiDashboardWorkspace, DateDisplay as LumiDateDisplay, DateInput$1 as LumiDateInput, Drawer as LumiDrawer, DropdownMenu as LumiDropdownMenu, DynamicForm as LumiDynamicForm, FieldValue as LumiFieldValue, Filter as LumiFilter, FilterRow as LumiFilterRow, Checkbox as LumiFormCheckbox, DateInput as LumiFormDateInput, FormDrawer as LumiFormDrawer, Input as LumiFormInput, Select as LumiFormSelect, TimeInput as LumiFormTimeInput, Icon as LumiIcon, Input$1 as LumiInput, Loader as LumiLoader, Menu as LumiMenu, MenuItem as LumiMenuItem, MenuItemGroup as LumiMenuItemGroup, Notification as LumiNotification, Pagination as LumiPagination, Popover as LumiPopover, QRCode as LumiQRCode, RecordCard as LumiRecordCard, Select$1 as LumiSelect, StepIndicator as LumiStepIndicator, Stepper as LumiStepper, SubMenu as LumiSubMenu, Table as LumiTable, Tabs as LumiTabs, TextArea as LumiTextArea, TimeInput$1 as LumiTimeInput, Tooltip as LumiTooltip, MapView, PhotoPicker, ReactiveCrud, ServiceShortcuts, ServicesMap, SessionExpiryPrompt, SupportRequestForm, UserTools, chatEventBus, clearChatComponents, createDeepPropertySubscriber, createEventBus, createStore, createStoreMerger, deepMerge, disabledReasonFor, fetchViaEventBus, getLastFleetSnapshot, matchesDisabledWhen, matchesDoneWhen, matchesVisibleWhen, registerChatComponents, setLastFleetSnapshot, useChatConfig, useReactiveCrud };
+export { ActionFormDrawer, BottomSheet, CHAT_CONFIG_DEFAULTS, CHAT_EVENT, ICON_TYPES as CHAT_ICON_TYPES, CarouselDisplay, Chat, AssistantMessage as ChatAssistantMessage, AssistantThinkingIndicator as ChatAssistantThinkingIndicator, AttachmentPreview as ChatAttachmentPreview, Avatar as ChatAvatar, Button$1 as ChatButton, ChatConfigProvider, DateDivider as ChatDateDivider, FileViewer as ChatFileViewer, ChatFloatingActions, FullscreenViewer as ChatFullscreenViewer, ChatHeader as ChatHeaderComponent, Icon$1 as ChatIcon, Input$2 as ChatInput, ChatInput as ChatInputComponent, Link as ChatLink, Loader$1 as ChatLoader, Logo as ChatLogo, MessageStatus as ChatMessageStatus, Modal as ChatModal, ChatNavigator, Select$2 as ChatSelect, SelectMenu as ChatSelectMenu, StructuredContent as ChatStructuredContent, Text as ChatText, Textarea as ChatTextarea, UserAttachments as ChatUserAttachments, UserMessage as ChatUserMessage, ChatWidget, CredentialsCard, DEFAULT_PHONE_COUNTRY, FileField, BADGE_VARIANTS as LUMI_BADGE_VARIANTS, DEFAULT_TITLES as LUMI_DEFAULT_TITLES, LUMI_ICON_TYPES, LiveIndicator, LocationField, ActionBar as LumiActionBar, Badge as LumiBadge, Base as LumiBase, BaseNavbar as LumiBaseNavbar, BaseWorkspace as LumiBaseWorkspace, Breadcrumb as LumiBreadcrumb, BreadcrumbItem as LumiBreadcrumbItem, BreadcrumbSeparator as LumiBreadcrumbSeparator, Button as LumiButton, Calendar as LumiCalendar, Card as LumiCard, Checkbox$1 as LumiCheckbox, Crud as LumiCrud, CurrencyDisplay as LumiCurrencyDisplay, Dashboard as LumiDashboard, DashboardNavbar as LumiDashboardNavbar, DashboardSidebar as LumiDashboardSidebar, DashboardWorkspace as LumiDashboardWorkspace, DateDisplay as LumiDateDisplay, DateInput$1 as LumiDateInput, Drawer as LumiDrawer, DropdownMenu as LumiDropdownMenu, DynamicForm as LumiDynamicForm, FieldValue as LumiFieldValue, Filter as LumiFilter, FilterRow as LumiFilterRow, Checkbox as LumiFormCheckbox, DateInput as LumiFormDateInput, FormDrawer as LumiFormDrawer, Input as LumiFormInput, Select as LumiFormSelect, TimeInput as LumiFormTimeInput, Icon as LumiIcon, Input$1 as LumiInput, Loader as LumiLoader, Menu as LumiMenu, MenuItem as LumiMenuItem, MenuItemGroup as LumiMenuItemGroup, Notification as LumiNotification, Pagination as LumiPagination, PhoneInput as LumiPhoneInput, Popover as LumiPopover, QRCode as LumiQRCode, RecordCard as LumiRecordCard, Select$1 as LumiSelect, SheetSelect as LumiSheetSelect, StepIndicator as LumiStepIndicator, Stepper as LumiStepper, SubMenu as LumiSubMenu, Table as LumiTable, Tabs as LumiTabs, TextArea as LumiTextArea, TimeInput$1 as LumiTimeInput, Tooltip as LumiTooltip, MapView, PHONE_COUNTRIES, PhotoPicker, ReactiveCrud, SANITIZE_PRESETS, ServiceShortcuts, ServicesMap, SessionExpiryPrompt, SupportRequestForm, UserTools, chatEventBus, clearChatComponents, createDeepPropertySubscriber, createEventBus, createStore, createStoreMerger, deepMerge, disabledReasonFor, fetchViaEventBus, flagOf, getLastFleetSnapshot, matchesDisabledWhen, matchesDoneWhen, matchesVisibleWhen, registerChatComponents, sanitize, setLastFleetSnapshot, splitPhone, useChatConfig, useReactiveCrud };