@lystech/sections 0.8.0 → 0.9.0

package/dist/morceaux/ModuleBoutique-CgqcQjIb.js

@@ -0,0 +1,1509 @@
+import { jsx as e, jsxs as n, Fragment as H } from "react/jsx-runtime";
+import { memo as _e, useState as N, useRef as J, useLayoutEffect as Re, useEffect as ae, useMemo as Z, useDeferredValue as ze, useCallback as Ie } from "react";
+import { E as oe, m as Be, e as qe } from "./index-C_uFDnBO.js";
+function ke(o) {
+  return o.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").toLowerCase();
+}
+const we = _e(function({ src: i, taille: g = 48 }) {
+  return i ? /* @__PURE__ */ e("img", { className: "b-vignette", src: i, alt: "", loading: "lazy", decoding: "async", width: g, height: g, style: { width: g, height: g } }) : /* @__PURE__ */ e("span", { className: "b-vignette b-vignette--vide", "aria-hidden": "true", style: { width: g, height: g }, children: "◇" });
+});
+function Ne(o) {
+  return (o.photos.find((i) => i.principale) ?? o.photos[0])?.src;
+}
+function Me(o) {
+  return o.stock.mode === "unique" ? "Pièce unique" : o.stock.mode === "illimite" ? "Sans limite" : `${o.stock.restant ?? 0} en stock`;
+}
+function Fe(o) {
+  return o.visible ? o.vendu ? ["vendu", "Épuisé"] : ["vente", "En vente"] : ["masque", "Masqué"];
+}
+const ne = (o, i, g) => o === 1 ? `1 ${i}` : `${o} ${g}`;
+function Te({
+  api: o,
+  collections: i,
+  brouillons: g,
+  surOuvrir: w,
+  surCree: I
+}) {
+  const [S, D] = N(""), [E, q] = N(!1), [k, L] = N(null), z = J(Math.random().toString(36).slice(2)), v = async () => {
+    const u = S.trim();
+    if (!(!u || E)) {
+      q(!0), L(null);
+      try {
+        const U = await o.creerBrouillon("collection", { nom: u, description: "", produits: [] }, z.current);
+        z.current = Math.random().toString(36).slice(2), D(""), I(U);
+      } catch (U) {
+        L(U instanceof oe ? U.message : "La création a échoué.");
+      } finally {
+        q(!1);
+      }
+    }
+  }, b = (u, U) => /* @__PURE__ */ n("button", { type: "button", className: "b-rangee", onClick: () => w(u.UID), "aria-label": `Ouvrir la collection ${u.nom || "sans nom"}`, children: [
+    /* @__PURE__ */ e("span", { className: "b-vignette b-vignette--vide", "aria-hidden": "true", children: "▦" }),
+    /* @__PURE__ */ n("span", { className: "b-rangee__texte", children: [
+      /* @__PURE__ */ e("span", { className: "b-rangee__nom", children: u.nom || "Sans nom" }),
+      /* @__PURE__ */ n("span", { className: "b-rangee__meta", children: [
+        ne(u.nbProduits, "bijou", "bijoux"),
+        " · ",
+        U ? "invisible jusqu'à « Publier »" : u.accesLibelle
+      ] })
+    ] }),
+    /* @__PURE__ */ e("span", { className: "b-etiquette " + (U ? "b-etiquette--brouillon" : u.ouverte ? "b-etiquette--vente" : "b-etiquette--masque"), children: U ? "Brouillon" : u.ouverte ? "Ouverte" : "Fermée" })
+  ] }, u.UID);
+  return /* @__PURE__ */ n(H, { children: [
+    /* @__PURE__ */ n("div", { className: "b-champ", children: [
+      /* @__PURE__ */ e("label", { htmlFor: "b-nouvelle-coll", children: "Nouvelle collection" }),
+      /* @__PURE__ */ n("form", { className: "b-ligne-ajout", onSubmit: (u) => {
+        u.preventDefault(), v();
+      }, children: [
+        /* @__PURE__ */ e("input", { id: "b-nouvelle-coll", type: "text", value: S, maxLength: 120, placeholder: "Ex. Collection d'hiver", onChange: (u) => D(u.target.value) }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "bouton bouton--principal", disabled: E || !S.trim(), children: "Créer" })
+      ] }),
+      k && /* @__PURE__ */ e("p", { className: "b-erreur", role: "alert", children: k }),
+      /* @__PURE__ */ e("p", { className: "b-aide", children: "Elle naît en brouillon, invisible : vous la garnissez, puis vous la publiez." })
+    ] }),
+    g.length > 0 && /* @__PURE__ */ e("h3", { className: "b-intertitre", children: "En brouillon" }),
+    g.map((u) => b(u, !0)),
+    i.length > 0 && /* @__PURE__ */ e("h3", { className: "b-intertitre", children: "En ligne" }),
+    i.length === 0 && g.length === 0 && /* @__PURE__ */ e("p", { className: "b-vide", children: "Aucune collection pour l'instant." }),
+    i.map((u) => b(u, !1))
+  ] });
+}
+function Pe({
+  items: o,
+  hauteur: i,
+  conteneur: g,
+  cle: w,
+  rendu: I,
+  surplus: S = 6,
+  etiquette: D
+}) {
+  const E = J(null), [q, k] = N({ debut: 0, fin: Math.min(o.length, 24) });
+  Re(() => {
+    const v = g.current, b = E.current;
+    if (!v || !b) return;
+    let u = 0;
+    const U = () => {
+      u = 0;
+      const l = b.getBoundingClientRect().top - v.getBoundingClientRect().top + v.scrollTop, R = v.scrollTop - l, f = Math.max(0, Math.floor(R / i) - S), F = Math.min(o.length, Math.ceil((R + v.clientHeight) / i) + S);
+      k((C) => C.debut === f && C.fin === F ? C : { debut: f, fin: F });
+    }, x = () => {
+      u || (u = requestAnimationFrame(U));
+    };
+    U(), v.addEventListener("scroll", x, { passive: !0 });
+    const m = new ResizeObserver(x);
+    return m.observe(v), () => {
+      v.removeEventListener("scroll", x), m.disconnect(), u && cancelAnimationFrame(u);
+    };
+  }, [g, i, o.length, S]);
+  const L = Math.min(q.fin, o.length), z = o.slice(q.debut, L);
+  return /* @__PURE__ */ e("div", { ref: E, role: "list", "aria-label": D, style: { position: "relative", height: o.length * i }, children: z.map((v, b) => /* @__PURE__ */ e("div", { role: "listitem", style: { position: "absolute", left: 0, right: 0, top: (q.debut + b) * i, height: i }, children: I(v, q.debut + b) }, w(v))) });
+}
+const Le = [
+  { acces: "fermee", titre: "Fermée", aide: "Plus de commandes. Rien n'est écrit aux clients." },
+  { acces: "tous", titre: "Visible dans la boutique", aide: "Tout le monde la voit et peut commander." },
+  { acces: "lien", titre: "À qui a le lien", aide: "Absente de la vitrine ; vous partagez son adresse." },
+  { acces: "invites", titre: "Sur invitation", aide: "Seules les personnes invitées, connectées, peuvent commander." }
+], Ve = 58;
+function He({
+  api: o,
+  collection: i,
+  produits: g,
+  brouillonsProduits: w,
+  signaler: I,
+  surRetour: S,
+  majCollection: D,
+  majProduits: E,
+  majBrouillons: q,
+  surAjouterExistants: k,
+  surCreer: L,
+  surOuvrirProduit: z,
+  annonce: v = null
+}) {
+  const b = "brouillon" in i && i.brouillon, [u, U] = N(i.nom), [x, m] = N(i.description), [l, R] = N(i.acces), [f, F] = N(!1), [C, T] = N(null), [Q, K] = N(!1), $ = J(null), ee = J(null);
+  ae(() => {
+    U(i.nom), m(i.description), R(i.acces), K(!1), T(v ? { ton: "ok", texte: v } : null), ee.current?.focus();
+  }, [i.UID, v]);
+  const X = u.trim() !== i.nom || x !== i.description || !b && l !== i.acces, P = Z(() => {
+    const p = b ? (g ?? []).filter((h) => i.produits.includes(h.UID)) : (g ?? []).filter((h) => h.collections.includes(i.UID));
+    return [
+      ...w.filter((h) => h.collections.includes(i.UID)).map((h) => ({ UID: h.UID, nom: h.nom || "Sans nom", src: Ne(h), brouillon: !0, masque: !1 })),
+      ...p.map((h) => ({ UID: h.UID, nom: h.nom || "Sans nom", src: Ne(h), brouillon: !1, masque: !h.visible }))
+    ];
+  }, [g, w, i, b]), O = async (p, B) => {
+    F(!0), T(null);
+    try {
+      return await p(), T({ ton: "ok", texte: B }), !0;
+    } catch (h) {
+      return T({ ton: "erreur", texte: h instanceof oe ? h.message : "Le changement a échoué." }), !1;
+    } finally {
+      F(!1);
+    }
+  }, G = () => O(async () => {
+    if (!u.trim()) throw new oe("Donnez un nom à la collection.", 400);
+    if (b) {
+      D(await o.modifierBrouillon(i.UID, { nom: u.trim(), description: x }));
+      return;
+    }
+    const p = await o.modifierCollection(i.UID, {
+      ...u.trim() !== i.nom ? { nom: u.trim() } : {},
+      ...x !== i.description ? { description: x } : {},
+      ...l !== i.acces ? { acces: l } : {}
+    });
+    p && D(p), I({ quoi: "collection", UID: i.UID, action: l !== i.acces ? l === "fermee" ? "masque" : "visible" : "modifie" });
+  }, b ? "Brouillon enregistré. Toujours invisible." : "Enregistré — en ligne maintenant."), ie = (p) => O(async () => {
+    if (p.brouillon) {
+      const h = w.find((y) => y.UID === p.UID);
+      await o.modifierBrouillon(p.UID, { collections: (h?.collections ?? []).filter((y) => y !== i.UID) }), q();
+      return;
+    }
+    if (b) {
+      D(await o.modifierBrouillon(i.UID, { produits: i.produits.filter((h) => h !== p.UID) }));
+      return;
+    }
+    const B = await o.garnirCollection(i.UID, [], [p.UID]);
+    B && D(B), E(), I({ quoi: "collection", UID: i.UID, action: "retire" });
+  }, `« ${p.nom} » retiré de « ${i.nom} ».`), c = () => O(async () => {
+    await o.supprimerBrouillon(i.UID), q(), S();
+  }, "Brouillon supprimé."), j = () => {
+    X && !window.confirm("Quitter sans enregistrer ? Vos changements seront perdus.") || S();
+  }, _ = i.acces === "invites" || i.acces === "lien";
+  return /* @__PURE__ */ n(H, { children: [
+    /* @__PURE__ */ n("div", { className: "b-tete", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--icone bouton--discret", onClick: j, "aria-label": "Retour", children: "←" }),
+      /* @__PURE__ */ e("h2", { ref: ee, tabIndex: -1, children: i.nom || "Nouvelle collection" }),
+      /* @__PURE__ */ e("span", { className: "b-etiquette " + (b ? "b-etiquette--brouillon" : i.ouverte ? "b-etiquette--vente" : "b-etiquette--masque"), children: b ? "Brouillon" : i.ouverte ? "Ouverte" : "Fermée" })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "panneau__corps", ref: $, children: [
+      C && /* @__PURE__ */ e("p", { className: "message message--" + C.ton, role: C.ton === "erreur" ? "alert" : "status", children: C.texte }),
+      b && /* @__PURE__ */ n("p", { className: "b-avis b-avis--brouillon", role: "note", children: [
+        "Brouillon : cette collection reste ",
+        /* @__PURE__ */ e("b", { children: "invisible" }),
+        " jusqu'à « Publier ». Vous choisirez alors comment l'ouvrir."
+      ] }),
+      /* @__PURE__ */ n("form", { onSubmit: (p) => {
+        p.preventDefault(), X && G();
+      }, children: [
+        /* @__PURE__ */ n("div", { className: "b-champ", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "coll-nom", children: "Nom de la collection" }),
+          /* @__PURE__ */ e("input", { id: "coll-nom", type: "text", value: u, maxLength: 120, onChange: (p) => U(p.target.value), placeholder: "Ex. Collection d'hiver" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "b-champ", children: [
+          /* @__PURE__ */ n("label", { htmlFor: "coll-desc", children: [
+            "Description ",
+            /* @__PURE__ */ e("small", { children: "(facultatif — affichée au-dessus des bijoux)" })
+          ] }),
+          /* @__PURE__ */ e("textarea", { id: "coll-desc", value: x, onChange: (p) => m(p.target.value), placeholder: "Ce qui rend cette collection unique…" })
+        ] }),
+        !b && /* @__PURE__ */ n("fieldset", { className: "b-niveaux", children: [
+          /* @__PURE__ */ e("legend", { children: "Qui peut commander ?" }),
+          Le.map((p) => /* @__PURE__ */ n("label", { className: "b-niveau" + (l === p.acces ? " b-niveau--choisi" : ""), children: [
+            /* @__PURE__ */ e("input", { type: "radio", name: "coll-acces", value: p.acces, checked: l === p.acces, onChange: () => R(p.acces) }),
+            /* @__PURE__ */ n("span", { children: [
+              /* @__PURE__ */ e("b", { children: p.titre }),
+              /* @__PURE__ */ e("small", { children: p.aide })
+            ] })
+          ] }, p.acces)),
+          l === "tous" && _ && /* @__PURE__ */ e("p", { className: "b-aide b-aide--attention", role: "note", children: "Attention : elle deviendra publique. Tout le monde la verra dans la boutique." })
+        ] }),
+        /* @__PURE__ */ e("button", { type: "submit", hidden: !0, "aria-hidden": "true", tabIndex: -1 })
+      ] }),
+      /* @__PURE__ */ n("section", { className: "b-section", "aria-labelledby": "coll-bijoux", style: { marginTop: 16 }, children: [
+        /* @__PURE__ */ n("h3", { id: "coll-bijoux", children: [
+          ne(P.length, "bijou", "bijoux"),
+          " dans cette collection"
+        ] }),
+        /* @__PURE__ */ n("div", { className: "b-deux", style: { marginBottom: 10 }, children: [
+          /* @__PURE__ */ e("button", { type: "button", className: "b-ajout", style: { margin: 0 }, onClick: k, disabled: f, children: "+ Bijoux existants" }),
+          /* @__PURE__ */ e("button", { type: "button", className: "b-ajout", style: { margin: 0 }, onClick: L, disabled: f, children: "+ Nouveau bijou" })
+        ] }),
+        P.length === 0 && /* @__PURE__ */ e("p", { className: "b-aide", children: "Aucun bijou pour l'instant." }),
+        /* @__PURE__ */ e(
+          Pe,
+          {
+            items: P,
+            hauteur: Ve,
+            conteneur: $,
+            cle: (p) => p.UID,
+            etiquette: "Bijoux de " + i.nom,
+            rendu: (p) => /* @__PURE__ */ n("div", { className: "b-mini", children: [
+              /* @__PURE__ */ n("button", { type: "button", className: "b-mini__ouvrir", onClick: () => z(p.UID), "aria-label": "Ouvrir la fiche de " + p.nom, children: [
+                /* @__PURE__ */ e(we, { src: p.src, taille: 40 }),
+                /* @__PURE__ */ e("span", { children: p.nom }),
+                p.brouillon && /* @__PURE__ */ e("span", { className: "b-etiquette b-etiquette--brouillon", children: "Brouillon" }),
+                p.masque && /* @__PURE__ */ e("span", { className: "b-etiquette b-etiquette--masque", children: "Masqué" })
+              ] }),
+              /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--discret", disabled: f, "aria-label": `Retirer ${p.nom} de ${i.nom}`, onClick: () => {
+                ie(p);
+              }, children: "Retirer" })
+            ] })
+          }
+        )
+      ] }),
+      b && /* @__PURE__ */ e("section", { className: "b-danger", "aria-label": "Supprimer ce brouillon", children: Q ? /* @__PURE__ */ n("div", { className: "b-confirmer", role: "alertdialog", "aria-label": "Confirmer la suppression", children: [
+        /* @__PURE__ */ n("p", { children: [
+          /* @__PURE__ */ n("b", { children: [
+            "Supprimer le brouillon « ",
+            i.nom,
+            " » ?"
+          ] }),
+          /* @__PURE__ */ e("br", {}),
+          "Les bijoux existants n'en sont pas touchés ; les bijoux en brouillon restent, sans cette collection."
+        ] }),
+        /* @__PURE__ */ n("div", { className: "rang", children: [
+          /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--danger-plein", onClick: () => {
+            c();
+          }, disabled: f, children: "Oui, supprimer le brouillon" }),
+          /* @__PURE__ */ e("button", { type: "button", className: "bouton", onClick: () => K(!1), autoFocus: !0, children: "Non, le garder" })
+        ] })
+      ] }) : /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--danger", onClick: () => K(!0), children: "Supprimer ce brouillon…" }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "panneau__pied", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--discret", onClick: j, disabled: f, children: X ? "Annuler" : "Retour" }),
+      /* @__PURE__ */ e("span", { className: "espace" }),
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--principal", onClick: () => {
+        G();
+      }, disabled: f || !X, children: f ? "Un instant…" : b ? "Enregistrer le brouillon" : "Enregistrer" })
+    ] })
+  ] });
+}
+const Je = 2400;
+async function $e(o) {
+  const i = o.name || "photo.jpg";
+  if (typeof createImageBitmap != "function" || o.size < 9e5) return { donnees: o, nom: i };
+  try {
+    const g = await createImageBitmap(o, { imageOrientation: "from-image" }), w = Math.min(1, Je / Math.max(g.width, g.height)), I = Math.round(g.width * w), S = Math.round(g.height * w), D = document.createElement("canvas");
+    D.width = I, D.height = S;
+    const E = D.getContext("2d");
+    if (!E) return { donnees: o, nom: i };
+    E.drawImage(g, 0, 0, I, S), g.close?.();
+    const q = await new Promise((k) => D.toBlob(k, "image/jpeg", 0.9));
+    return !q || q.size >= o.size ? { donnees: o, nom: i } : { donnees: q, nom: i.replace(/\.[^.]+$/, "") + ".jpg" };
+  } catch {
+    return { donnees: o, nom: i };
+  }
+}
+function Qe(o) {
+  const i = Array.from(o ?? []), g = i.filter((w) => w.type.startsWith("image/") || /\.(heic|heif)$/i.test(w.name));
+  return { images: g, ecartes: i.length - g.length };
+}
+function Se(o) {
+  return o == null ? "" : Number.isInteger(o) ? String(o) : o.toFixed(2).replace(".", ",");
+}
+function ue(o, i) {
+  const g = !!o && "brouillon" in o;
+  return {
+    nom: o?.nom ?? "",
+    prix: o && (o.prix || !g) ? Se(o.prix) : "",
+    prixAvant: o?.prixAvant ? Se(o.prixAvant) : "",
+    mode: o?.stock.mode ?? i?.mode ?? "unique",
+    quantite: o?.stock.mode === "quantite" ? String(o.stock.restant ?? 0) : "1",
+    visible: o?.visible ?? !0,
+    collections: o?.collections ?? i?.collections ?? [],
+    description: o?.description ?? ""
+  };
+}
+const Ee = () => Math.random().toString(36).slice(2) + Date.now().toString(36);
+function Xe({
+  api: o,
+  produit: i,
+  collections: g,
+  collectionDefaut: w = null,
+  surEnregistre: I,
+  surSupprime: S,
+  surRetour: D,
+  surFermer: E,
+  envoyerEnArrierePlan: q,
+  photosEnCours: k = 0,
+  compteBrouillons: L = 0,
+  signaler: z,
+  annonce: v
+}) {
+  const b = i === null, u = b || !!i && "brouillon" in i, U = { collections: w ? [w] : [] }, [x, m] = N(() => ue(i, U)), [l, R] = N(x), [f, F] = N(i), [C, T] = N([]), [Q, K] = N(0), [$, ee] = N({}), [X, P] = N(null), [O, G] = N(!1), [ie, c] = N(!1), [j, _] = N(!1), [p, B] = N(Ee), h = J(null), y = J(null), te = J(null);
+  ae(() => {
+    m(ue(i, U)), R(ue(i, U)), F(i), T([]), ee({}), P(v ? { ton: "ok", texte: v } : null), _(!1), (b ? y.current : h.current)?.focus();
+  }, [i?.UID]);
+  const se = J(C);
+  se.current = C, ae(() => () => se.current.forEach((t) => URL.revokeObjectURL(t.apercu)), []);
+  const V = JSON.stringify(l) !== JSON.stringify(x), Y = (t, d) => {
+    R((s) => ({ ...s, [t]: d })), P((s) => s?.ton === "erreur" ? null : s), ee((s) => {
+      const M = { ...s };
+      return delete M[t], M;
+    });
+  }, pe = u ? { ajouter: o.photoBrouillon, principale: o.principaleBrouillon, retirer: o.retirerPhotoBrouillon } : { ajouter: o.ajouterPhoto, principale: o.principale, retirer: o.retirerPhoto }, ge = async (t) => {
+    const { images: d, ecartes: s } = Qe(t);
+    if (s && P({ ton: "erreur", texte: s === 1 ? "Un fichier n'était pas une photo : il a été écarté." : `${s} fichiers n'étaient pas des photos : ils ont été écartés.` }), !!d.length) {
+      if (b || !f) {
+        T((M) => [...M, ...d.map((W) => ({ cle: Math.random().toString(36).slice(2), fichier: W, apercu: URL.createObjectURL(W) }))]);
+        return;
+      }
+      await je(f.UID, d);
+    }
+  }, je = async (t, d) => {
+    let s = null, M = 0;
+    for (const [W, le] of d.entries()) {
+      K(d.length - W), P({ ton: "info", texte: d.length > 1 ? `Envoi de la photo ${W + 1} sur ${d.length}…` : "Envoi de la photo…" });
+      try {
+        const { donnees: ye, nom: Oe } = await $e(le);
+        s = await pe.ajouter(t, ye, Oe), F(s);
+      } catch (ye) {
+        M++, P({ ton: "erreur", texte: ye instanceof oe ? ye.message : "Une photo n'a pas pu être envoyée." });
+      }
+    }
+    if (K(0), s) {
+      u || z({ quoi: "photo", UID: t, action: "ajoute" }), I(s);
+      const W = u ? "enregistrée, toujours en brouillon" : "en ligne maintenant";
+      M || P({ ton: "ok", texte: d.length > 1 ? `Photos ajoutées — ${W.replace("enregistrée", "enregistrées")}.` : `Photo ajoutée — ${W}.` });
+    }
+    return s;
+  }, xe = async (t, d) => {
+    G(!0);
+    try {
+      const s = await t();
+      F(s), I(s), u || z({ quoi: "photo", UID: s.UID, action: "modifie" }), P({ ton: "ok", texte: d });
+    } catch (s) {
+      P({ ton: "erreur", texte: s instanceof oe ? s.message : "Le changement de photo a échoué." });
+    } finally {
+      G(!1);
+    }
+  }, Ce = (t) => {
+    t.preventDefault(), c(!1), ge(t.dataTransfer.files);
+  }, ce = () => {
+    const t = {}, d = (s) => b || l[s] !== x[s] || JSON.stringify(l[s]) !== JSON.stringify(x[s]);
+    return d("nom") && (t.nom = l.nom), d("prix") && (t.prix = l.prix), d("prixAvant") && (t.prixAvant = l.prixAvant.trim() === "" ? null : l.prixAvant), (d("mode") || d("quantite")) && (t.stock = { mode: l.mode, quantite: l.mode === "quantite" ? l.quantite : null }), d("visible") && (t.visible = l.visible), d("collections") && (t.collections = l.collections), d("description") && (t.description = l.description), t;
+  }, fe = () => ({
+    nom: l.nom.trim(),
+    prix: l.prix.trim(),
+    prixAvant: l.prixAvant.trim() || null,
+    description: l.description,
+    stock: { mode: l.mode, quantite: l.mode === "quantite" ? l.quantite : null },
+    collections: l.collections
+  }), de = async (t = "rester") => {
+    if (!O) {
+      G(!0), P(null);
+      try {
+        if (b) {
+          if (!l.nom.trim() && !l.prix.trim() && !C.length) {
+            ee({ nom: "Un nom, un prix ou une photo : de quoi reconnaître ce bijou." });
+            return;
+          }
+          const s = await o.creerBrouillon("produit", fe(), p);
+          I(s), C.length && q?.(s.UID, C.map((le) => le.fichier));
+          const M = s.nom || "Ce bijou";
+          if (t === "fermer") {
+            E?.();
+            return;
+          }
+          const W = ue(null, { collections: l.collections, mode: l.mode });
+          T([]), m(W), R(W), ee({}), B(Ee()), P({ ton: "ok", texte: `« ${M} » est rangé en brouillon. Au suivant !` }), te.current?.scrollTo({ top: 0 }), requestAnimationFrame(() => y.current?.focus());
+          return;
+        }
+        if (!f) return;
+        if (u) {
+          const s = await o.modifierBrouillon(f.UID, fe());
+          F(s), m(ue(s)), R(ue(s)), I(s), P({ ton: "ok", texte: s.problemes.length ? `Brouillon enregistré. Avant de publier : ${s.problemes.join(" ")}` : "Brouillon enregistré — prêt à publier." });
+          return;
+        }
+        const d = await o.modifier(f.UID, ce());
+        F(d), m(ue(d)), R(ue(d)), P({ ton: "ok", texte: "Enregistré — en ligne maintenant." }), I(d), z({ quoi: "produit", UID: d.UID, action: l.visible !== x.visible ? l.visible ? "visible" : "masque" : "modifie" });
+      } catch (d) {
+        d instanceof oe ? (ee(d.erreurs), P({ ton: "erreur", texte: d.message })) : P({ ton: "erreur", texte: "L'enregistrement a échoué. Vos changements sont toujours à l'écran." });
+      } finally {
+        G(!1);
+      }
+    }
+  }, be = async () => {
+    if (f) {
+      G(!0);
+      try {
+        u ? await o.supprimerBrouillon(f.UID) : (await o.supprimer(f.UID), z({ quoi: "produit", UID: f.UID, action: "supprime" })), S(f.UID);
+      } catch (t) {
+        _(!1), P({ ton: "erreur", texte: t instanceof oe ? t.message : "La suppression a échoué." });
+      } finally {
+        G(!1);
+      }
+    }
+  }, ve = () => {
+    (V || C.length) && !window.confirm("Quitter sans enregistrer ? Vos changements seront perdus.") || D();
+  }, he = f?.photos ?? [], re = (t) => $[t] ? /* @__PURE__ */ e("p", { className: "b-erreur", role: "alert", children: $[t] }) : null, A = (t) => "fiche-" + t, Ue = l.collections.length === 0 && g.length > 0, r = f && "problemes" in f ? f.problemes : [], a = b ? "Nouveau bijou" : l.nom || "Sans nom";
+  return /* @__PURE__ */ n(H, { children: [
+    /* @__PURE__ */ n("div", { className: "b-tete", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--icone bouton--discret", onClick: ve, "aria-label": "Retour", children: "←" }),
+      /* @__PURE__ */ e("h2", { ref: h, tabIndex: -1, children: a }),
+      u && /* @__PURE__ */ e("span", { className: "b-etiquette b-etiquette--brouillon", title: "Invisible jusqu'à « Publier »", children: b && L > 0 ? `${L} en brouillon` : "Brouillon" })
+    ] }),
+    /* @__PURE__ */ n(
+      "form",
+      {
+        className: "panneau__corps",
+        ref: te,
+        onSubmit: (t) => {
+          t.preventDefault(), de(b ? "suivant" : "rester");
+        },
+        children: [
+          X && /* @__PURE__ */ e("p", { className: "message message--" + X.ton, role: X.ton === "erreur" ? "alert" : "status", children: X.texte }),
+          b && /* @__PURE__ */ n("p", { className: "b-avis b-avis--brouillon", role: "note", children: [
+            "Chaque bijou est rangé ",
+            /* @__PURE__ */ e("b", { children: "en brouillon" }),
+            " : invisible pour vos visiteurs jusqu'à « Publier ». Photo, nom, prix, et « Enregistrer et suivant ».",
+            k > 0 && /* @__PURE__ */ n(H, { children: [
+              /* @__PURE__ */ e("br", {}),
+              "Envoi des photos en arrière-plan : ",
+              k,
+              " restante",
+              k > 1 ? "s" : "",
+              "."
+            ] })
+          ] }),
+          !b && u && /* @__PURE__ */ e("p", { className: "b-avis " + (r.length ? "" : "b-avis--brouillon"), role: "note", children: r.length ? /* @__PURE__ */ n(H, { children: [
+            "Brouillon — avant de publier : ",
+            r.join(" ")
+          ] }) : /* @__PURE__ */ e(H, { children: "Brouillon complet : il partira au prochain « Publier »." }) }),
+          f?.vendu && /* @__PURE__ */ n("p", { className: "b-bandeau", children: [
+            f.stock.mode === "unique" ? "Pièce vendue." : "Plus rien en stock.",
+            " La boutique l'affiche « épuisé »."
+          ] }),
+          /* @__PURE__ */ n("section", { className: "b-section", "aria-labelledby": A("photos"), children: [
+            /* @__PURE__ */ e("h3", { id: A("photos"), children: "Photos" }),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: "b-photos",
+                onDragOver: (t) => {
+                  t.preventDefault(), c(!0);
+                },
+                onDragLeave: () => c(!1),
+                onDrop: Ce,
+                children: [
+                  he.map((t) => /* @__PURE__ */ n("div", { className: "b-photo" + (t.principale ? " b-photo--principale" : ""), children: [
+                    /* @__PURE__ */ e("img", { src: t.src, alt: t.principale ? "Photo principale" : "Photo du bijou", loading: "lazy", decoding: "async" }),
+                    t.principale && /* @__PURE__ */ e("span", { className: "b-photo__badge", children: "Principale" }),
+                    /* @__PURE__ */ n("span", { className: "b-photo__actions", children: [
+                      !t.principale && /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: O,
+                          title: "Choisir comme photo principale",
+                          "aria-label": "Choisir comme photo principale",
+                          onClick: () => f && xe(() => pe.principale(f.UID, t.UID), u ? "Photo principale choisie." : "Photo principale changée — en ligne maintenant."),
+                          children: "★"
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: O,
+                          title: "Retirer cette photo",
+                          "aria-label": "Retirer cette photo",
+                          onClick: () => f && xe(() => pe.retirer(f.UID, t.UID), "Photo retirée. Elle reste dans votre librairie d'images."),
+                          children: "✕"
+                        }
+                      )
+                    ] })
+                  ] }, t.UID)),
+                  C.map((t, d) => /* @__PURE__ */ n("div", { className: "b-photo" + (d === 0 && !he.length ? " b-photo--principale" : "") + (Q ? " b-photo--envoi" : ""), children: [
+                    /* @__PURE__ */ e("img", { src: t.apercu, alt: "Photo à envoyer" }),
+                    d === 0 && !he.length && /* @__PURE__ */ e("span", { className: "b-photo__badge", children: "Principale" }),
+                    /* @__PURE__ */ e("span", { className: "b-photo__actions", children: /* @__PURE__ */ e("button", { type: "button", "aria-label": "Ne pas ajouter cette photo", onClick: () => {
+                      URL.revokeObjectURL(t.apercu), T((s) => s.filter((M) => M.cle !== t.cle));
+                    }, children: "✕" }) })
+                  ] }, t.cle)),
+                  /* @__PURE__ */ n("div", { className: "b-depot" + (ie ? " b-depot--survol" : ""), children: [
+                    Q ? `Envoi en cours… (${Q} restante${Q > 1 ? "s" : ""})` : /* @__PURE__ */ e("span", { className: "b-glisser", children: "Glissez vos photos ici, ou :" }),
+                    /* @__PURE__ */ n("div", { className: "b-depot__boutons", children: [
+                      /* @__PURE__ */ n("label", { className: "bouton bouton--principal b-camera", children: [
+                        "📷 Prendre une photo",
+                        /* @__PURE__ */ e("input", { type: "file", accept: "image/*", capture: "environment", onChange: (t) => {
+                          ge(t.target.files), t.target.value = "";
+                        } })
+                      ] }),
+                      /* @__PURE__ */ n("label", { className: "bouton", children: [
+                        "Choisir des photos",
+                        /* @__PURE__ */ e("input", { ref: y, type: "file", accept: "image/*", multiple: !0, onChange: (t) => {
+                          ge(t.target.files), t.target.value = "";
+                        } })
+                      ] })
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "b-aide", children: b ? "La première photo devient la principale (celle de la carte en boutique)." : u ? "Les photos d'un brouillon sont gardées sur le serveur, hors de la boutique." : "La photo principale est celle des cartes de la boutique. Chaque photo est en ligne dès l'ajout." })
+          ] }),
+          /* @__PURE__ */ n("section", { className: "b-section", "aria-labelledby": A("essentiel"), children: [
+            /* @__PURE__ */ e("h3", { id: A("essentiel"), children: "L'essentiel" }),
+            /* @__PURE__ */ n("div", { className: "b-champ" + ($.nom ? " b-champ--erreur" : ""), children: [
+              /* @__PURE__ */ e("label", { htmlFor: A("nom"), children: "Nom du bijou" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  id: A("nom"),
+                  type: "text",
+                  value: l.nom,
+                  maxLength: 150,
+                  placeholder: "Ex. Collier Aurore",
+                  enterKeyHint: "next",
+                  onChange: (t) => Y("nom", t.target.value),
+                  "aria-invalid": !!$.nom
+                }
+              ),
+              re("nom")
+            ] }),
+            /* @__PURE__ */ n("div", { className: "b-deux", children: [
+              /* @__PURE__ */ n("div", { className: "b-champ" + ($.prix ? " b-champ--erreur" : ""), children: [
+                /* @__PURE__ */ e("label", { htmlFor: A("prix"), children: "Prix" }),
+                /* @__PURE__ */ n("div", { className: "b-prix", children: [
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      id: A("prix"),
+                      type: "text",
+                      inputMode: "decimal",
+                      value: l.prix,
+                      placeholder: "0,00",
+                      onChange: (t) => Y("prix", t.target.value),
+                      "aria-invalid": !!$.prix
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "$" })
+                ] }),
+                re("prix")
+              ] }),
+              /* @__PURE__ */ n("div", { className: "b-champ" + ($.prixAvant ? " b-champ--erreur" : ""), children: [
+                /* @__PURE__ */ n("label", { htmlFor: A("avant"), children: [
+                  "Prix avant rabais ",
+                  /* @__PURE__ */ e("small", { children: "(facultatif)" })
+                ] }),
+                /* @__PURE__ */ n("div", { className: "b-prix", children: [
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      id: A("avant"),
+                      type: "text",
+                      inputMode: "decimal",
+                      value: l.prixAvant,
+                      placeholder: "—",
+                      onChange: (t) => Y("prixAvant", t.target.value),
+                      "aria-invalid": !!$.prixAvant
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "$" })
+                ] }),
+                re("prixAvant")
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("section", { className: "b-section", "aria-labelledby": A("stock"), children: [
+            /* @__PURE__ */ e("h3", { id: A("stock"), children: "Combien en avez-vous ?" }),
+            /* @__PURE__ */ e("div", { className: "b-seg", role: "group", "aria-labelledby": A("stock"), children: [["unique", "Pièce unique"], ["quantite", "Quantité"], ["illimite", "Sans limite"]].map(([t, d]) => /* @__PURE__ */ e("button", { type: "button", "aria-pressed": l.mode === t, onClick: () => Y("mode", t), children: d }, t)) }),
+            l.mode === "quantite" && /* @__PURE__ */ n("div", { className: "b-champ" + ($.stock ? " b-champ--erreur" : ""), style: { marginTop: 10 }, children: [
+              /* @__PURE__ */ e("label", { htmlFor: A("qte"), children: "Quantité disponible" }),
+              /* @__PURE__ */ e("input", { id: A("qte"), type: "text", inputMode: "numeric", value: l.quantite, onChange: (t) => Y("quantite", t.target.value) })
+            ] }),
+            re("stock"),
+            /* @__PURE__ */ n("p", { className: "b-aide", children: [
+              l.mode === "unique" && "Un seul exemplaire. Une fois vendu, il s'affiche « épuisé », tout seul.",
+              l.mode === "quantite" && `Ce qui vous reste.${f?.vendus ? ` Déjà vendus : ${f.vendus}.` : ""}`,
+              l.mode === "illimite" && "Fait sur commande : ne s'épuise jamais."
+            ] })
+          ] }),
+          !u && /* @__PURE__ */ n("section", { className: "b-section", "aria-labelledby": A("vitrine"), children: [
+            /* @__PURE__ */ e("h3", { id: A("vitrine"), children: "Dans la boutique" }),
+            /* @__PURE__ */ n("button", { type: "button", className: "b-inter", role: "switch", "aria-checked": l.visible, onClick: () => Y("visible", !l.visible), children: [
+              /* @__PURE__ */ e("span", { className: "b-rail", "aria-hidden": "true" }),
+              /* @__PURE__ */ n("span", { children: [
+                /* @__PURE__ */ e("b", { children: l.visible ? "Visible" : "Masqué" }),
+                /* @__PURE__ */ e("small", { children: l.visible ? "Vos visiteurs le voient et peuvent l'acheter." : "Invisible aux visiteurs. Vous le retrouvez ici quand vous voulez." })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("section", { className: "b-section", "aria-labelledby": A("coll"), children: [
+            /* @__PURE__ */ e("h3", { id: A("coll"), children: "Collections" }),
+            g.length === 0 ? /* @__PURE__ */ e("p", { className: "b-aide", children: "Aucune collection pour l'instant — l'onglet « Collections » permet d'en créer une." }) : /* @__PURE__ */ e("div", { className: "b-puces", role: "group", "aria-labelledby": A("coll"), children: g.map((t) => {
+              const d = l.collections.includes(t.UID), s = "brouillon" in t;
+              return s && !u ? null : /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: "b-puce",
+                  "aria-pressed": d,
+                  onClick: () => Y("collections", d ? l.collections.filter((M) => M !== t.UID) : [...l.collections, t.UID]),
+                  children: [
+                    d ? "✓ " : "+ ",
+                    t.nom || "Sans nom",
+                    s ? /* @__PURE__ */ e("small", { children: "brouillon" }) : !t.ouverte && /* @__PURE__ */ e("small", { children: "fermée" })
+                  ]
+                },
+                t.UID
+              );
+            }) }),
+            Ue && /* @__PURE__ */ e("p", { className: "b-aide", style: { color: "#f1d9a6" }, children: "Sans collection, ce bijou n'apparaît dans aucune vitrine de la boutique." }),
+            re("collections")
+          ] }),
+          /* @__PURE__ */ e("section", { className: "b-section", children: /* @__PURE__ */ n("div", { className: "b-champ" + ($.description ? " b-champ--erreur" : ""), children: [
+            /* @__PURE__ */ e("label", { htmlFor: A("desc"), children: "Description" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                id: A("desc"),
+                value: l.description,
+                placeholder: "Matières, dimensions, l'histoire de la pièce…",
+                onChange: (t) => Y("description", t.target.value)
+              }
+            ),
+            re("description")
+          ] }) }),
+          f && u && /* @__PURE__ */ e("section", { className: "b-danger", "aria-label": "Supprimer ce brouillon", children: j ? /* @__PURE__ */ n("div", { className: "b-confirmer", role: "alertdialog", "aria-label": "Confirmer la suppression", children: [
+            /* @__PURE__ */ n("p", { children: [
+              /* @__PURE__ */ n("b", { children: [
+                "Supprimer le brouillon « ",
+                f.nom || "sans nom",
+                " » ?"
+              ] }),
+              /* @__PURE__ */ e("br", {}),
+              "Il n'a jamais été en ligne. Ses photos restent dans votre librairie."
+            ] }),
+            /* @__PURE__ */ n("div", { className: "rang", children: [
+              /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--danger-plein", onClick: be, disabled: O, children: "Oui, supprimer le brouillon" }),
+              /* @__PURE__ */ e("button", { type: "button", className: "bouton", onClick: () => _(!1), autoFocus: !0, children: "Non, le garder" })
+            ] })
+          ] }) : /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--danger", onClick: () => _(!0), children: "Supprimer ce brouillon…" }) }),
+          f && !u && /* @__PURE__ */ e("section", { className: "b-danger", "aria-label": "Retirer ce bijou", children: x.visible ? /* @__PURE__ */ e("p", { children: "Pour retirer ce bijou de la boutique, passez-le à « Masqué » ci-dessus. Vous pourrez le remettre en vente à tout moment." }) : j ? /* @__PURE__ */ n("div", { className: "b-confirmer", role: "alertdialog", "aria-label": "Confirmer la suppression", children: [
+            /* @__PURE__ */ n("p", { children: [
+              /* @__PURE__ */ n("b", { children: [
+                "Supprimer « ",
+                f.nom,
+                " » pour toujours ?"
+              ] }),
+              /* @__PURE__ */ e("br", {}),
+              "Ses photos restent dans votre librairie. S'il a déjà été vendu, il restera masqué : ses factures en ont besoin."
+            ] }),
+            /* @__PURE__ */ n("div", { className: "rang", children: [
+              /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--danger-plein", onClick: be, disabled: O, children: "Oui, supprimer pour toujours" }),
+              /* @__PURE__ */ e("button", { type: "button", className: "bouton", onClick: () => _(!1), autoFocus: !0, children: "Non, le garder" })
+            ] })
+          ] }) : /* @__PURE__ */ n(H, { children: [
+            /* @__PURE__ */ e("p", { children: "Ce bijou est masqué. Vous pouvez le remettre en vente, ou le supprimer." }),
+            /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--danger", onClick: () => _(!0), children: "Supprimer pour toujours…" })
+          ] }) }),
+          /* @__PURE__ */ e("button", { type: "submit", hidden: !0, "aria-hidden": "true", tabIndex: -1 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "panneau__pied", children: [
+      !b && /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--discret", onClick: ve, disabled: O, children: V || C.length ? "Annuler" : "Retour" }),
+      /* @__PURE__ */ e("span", { className: "espace" }),
+      b ? /* @__PURE__ */ n(H, { children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "bouton", onClick: () => {
+          de("fermer");
+        }, disabled: O || !V && !C.length, children: "Enregistrer et fermer" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--principal", onClick: () => {
+          de("suivant");
+        }, disabled: O || !V && !C.length, children: O ? "Un instant…" : "Enregistrer et suivant →" })
+      ] }) : /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--principal", onClick: () => {
+        de();
+      }, disabled: O || Q > 0 || !V, children: O ? "Un instant…" : u ? "Enregistrer le brouillon" : "Enregistrer" })
+    ] })
+  ] });
+}
+function Ge({
+  api: o,
+  brouillons: i,
+  noms: g,
+  textes: w,
+  publierTextes: I,
+  surPublie: S,
+  surOuvrir: D,
+  surRetour: E
+}) {
+  const [q, k] = N({}), [L, z] = N(i), v = Z(() => {
+    const c = (j, _) => [
+      ...j,
+      ..._.filter((p) => q[p.UID]?.ok && !j.some((B) => B.UID === p.UID))
+    ];
+    return { collections: c(i.collections, L.collections), produits: c(i.produits, L.produits) };
+  }, [i, L, q]), b = Z(() => [...v.collections.map((c) => c.UID), ...v.produits.map((c) => c.UID)], [v]), u = Z(
+    () => new Set([...v.collections, ...v.produits].filter((c) => c.problemes.length === 0).map((c) => c.UID)),
+    [v]
+  ), [U, x] = N(() => new Set(u)), m = J(new Set(u));
+  ae(() => {
+    const c = [...u].filter((j) => !m.current.has(j));
+    c.length && (c.forEach((j) => m.current.add(j)), x((j) => /* @__PURE__ */ new Set([...j, ...c])));
+  }, [u]);
+  const [l, R] = N(w > 0), [f, F] = N({}), [C, T] = N(!1), [Q, K] = N(null), $ = J(!1), ee = (c) => x((j) => {
+    const _ = new Set(j);
+    return _.has(c) ? _.delete(c) : _.add(c), _;
+  }), X = Z(() => {
+    const c = /* @__PURE__ */ new Map();
+    for (const j of v.produits) {
+      const _ = v.collections.find((p) => j.collections.includes(p.UID) && !U.has(p.UID));
+      _ && U.has(j.UID) && c.set(j.UID, _.nom || "sans nom");
+    }
+    return c;
+  }, [v, U]), P = [...U].filter((c) => b.includes(c)).length + (l && w > 0 ? 1 : 0), O = async () => {
+    if ($.current) return;
+    $.current = !0, T(!0), K({ ton: "info", texte: "Publication en cours…" });
+    let c = 0, j = 0;
+    try {
+      const _ = b.filter((p) => U.has(p));
+      if (_.length) {
+        z(v);
+        const p = Object.fromEntries(Object.entries(f).filter(([h]) => _.includes(h))), { resultats: B } = await o.publier(_, p);
+        k((h) => ({ ...h, ...Object.fromEntries(B.map((y) => [y.UID, y])) })), c += B.filter((h) => !h.ok).length, j += B.filter((h) => h.ok).length, S(B), x((h) => new Set([...h].filter((y) => !B.some((te) => te.UID === y && te.ok))));
+      }
+      l && w > 0 && (await I() ? (j++, R(!1)) : c++), K(
+        c === 0 ? { ton: "ok", texte: `${ne(j, "élément publié", "éléments publiés")}. Vos visiteurs le voient maintenant.` } : { ton: "erreur", texte: `${ne(j, "élément publié", "éléments publiés")}, ${ne(c, "non publié", "non publiés")} — la raison est sur chaque ligne.` }
+      );
+    } catch (_) {
+      K({ ton: "erreur", texte: _ instanceof oe ? _.message : "La publication n'a pas pu partir. Rien n'a été perdu ; réessayez." });
+    } finally {
+      $.current = !1, T(!1);
+    }
+  }, G = (c, j, _, p, B, h) => {
+    const y = q[c], te = h.length > 0, se = X.get(c);
+    return /* @__PURE__ */ n("div", { className: "b-pub" + (y?.ok ? " b-pub--ok" : y && !y.ok ? " b-pub--echec" : ""), children: [
+      /* @__PURE__ */ n("label", { className: "b-pub__ligne", children: [
+        /* @__PURE__ */ e("input", { type: "checkbox", checked: U.has(c), disabled: te || C || !!y?.ok, onChange: () => ee(c), "aria-describedby": "pub-" + c }),
+        j === "produit" ? /* @__PURE__ */ e(we, { src: p, taille: 40 }) : /* @__PURE__ */ e("span", { className: "b-vignette b-vignette--vide", "aria-hidden": "true", style: { width: 40, height: 40 }, children: "▦" }),
+        /* @__PURE__ */ n("span", { className: "b-rangee__texte", children: [
+          /* @__PURE__ */ e("span", { className: "b-rangee__nom", children: _ || "Sans nom" }),
+          /* @__PURE__ */ e("span", { className: "b-rangee__meta", children: B })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { id: "pub-" + c, className: "b-pub__etat", children: [
+        y?.ok && /* @__PURE__ */ n("span", { className: "b-pub__ok", children: [
+          "✓ ",
+          y.deja ? "Déjà publié" : "Publié"
+        ] }),
+        y && !y.ok && /* @__PURE__ */ n("span", { className: "b-pub__erreur", role: "alert", children: [
+          y.message,
+          y.problemes?.length ? " " + y.problemes.join(" ") : ""
+        ] }),
+        !y && te && /* @__PURE__ */ n("span", { className: "b-pub__erreur", children: [
+          "À compléter : ",
+          h.join(" "),
+          " ",
+          /* @__PURE__ */ e("button", { type: "button", className: "b-lien", onClick: () => D(c, j), children: "Compléter" })
+        ] }),
+        !y && !te && se && /* @__PURE__ */ n("span", { className: "b-pub__erreur", children: [
+          "Sa collection « ",
+          se,
+          " » est décochée : cochez-la aussi."
+        ] })
+      ] }),
+      j === "collection" && !y?.ok && !te && /* @__PURE__ */ n("label", { className: "b-pub__ouvrir", children: [
+        /* @__PURE__ */ e("span", { children: "À la publication :" }),
+        /* @__PURE__ */ e("select", { value: f[c] ?? "fermee", disabled: C, onChange: (V) => F((Y) => ({ ...Y, [c]: V.target.value })), children: Le.map((V) => /* @__PURE__ */ e("option", { value: V.acces, children: V.acces === "fermee" ? "La laisser fermée" : "L'ouvrir — " + V.titre.toLowerCase() }, V.acces)) })
+      ] })
+    ] }, c);
+  }, ie = b.length === 0 && w === 0;
+  return /* @__PURE__ */ n(H, { children: [
+    /* @__PURE__ */ n("div", { className: "b-tete", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--icone bouton--discret", onClick: E, "aria-label": "Retour", children: "←" }),
+      /* @__PURE__ */ e("h2", { tabIndex: -1, children: "Publier" })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "panneau__corps", children: [
+      Q && /* @__PURE__ */ e("p", { className: "message message--" + Q.ton, role: Q.ton === "erreur" ? "alert" : "status", children: Q.texte }),
+      ie && /* @__PURE__ */ e("p", { className: "b-vide", children: "Rien n'attend : tout est en ligne." }),
+      !ie && /* @__PURE__ */ e("p", { className: "b-aide", style: { margin: "0 0 12px" }, children: "Décochez ce qui n'est pas prêt : il restera en brouillon, invisible, et vous le retrouverez ici." }),
+      v.collections.length > 0 && /* @__PURE__ */ e("h3", { className: "b-intertitre", children: "Collections" }),
+      v.collections.map((c) => G(c.UID, "collection", c.nom, void 0, ne(c.nbProduits, "bijou", "bijoux"), c.problemes)),
+      v.produits.length > 0 && /* @__PURE__ */ e("h3", { className: "b-intertitre", children: "Bijoux" }),
+      v.produits.map((c) => {
+        const j = Ne(c), _ = c.collections.map((B) => g.get(B) ?? null).filter(Boolean), p = c.prix ? new Intl.NumberFormat("fr-CA", { style: "currency", currency: "CAD" }).format(c.prix) : "sans prix";
+        return G(c.UID, "produit", c.nom, j, `${p} · ${ne(c.photos.length, "photo", "photos")}${_.length ? " · " + _.join(", ") : ""}`, c.problemes);
+      }),
+      w > 0 && /* @__PURE__ */ n(H, { children: [
+        /* @__PURE__ */ e("h3", { className: "b-intertitre", children: "Textes du site" }),
+        /* @__PURE__ */ e("div", { className: "b-pub", children: /* @__PURE__ */ n("label", { className: "b-pub__ligne", children: [
+          /* @__PURE__ */ e("input", { type: "checkbox", checked: l, disabled: C, onChange: () => R((c) => !c) }),
+          /* @__PURE__ */ e("span", { className: "b-vignette b-vignette--vide", "aria-hidden": "true", style: { width: 40, height: 40 }, children: "Aa" }),
+          /* @__PURE__ */ n("span", { className: "b-rangee__texte", children: [
+            /* @__PURE__ */ e("span", { className: "b-rangee__nom", children: ne(w, "texte modifié", "textes modifiés") }),
+            /* @__PURE__ */ e("span", { className: "b-rangee__meta", children: "Titres, paragraphes, prix affichés…" })
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "panneau__pied", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--discret", onClick: E, disabled: C, children: "Fermer" }),
+      /* @__PURE__ */ e("span", { className: "espace" }),
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--principal", onClick: () => {
+        O();
+      }, disabled: C || P === 0 || X.size > 0, children: C ? "Publication…" : P === 0 ? "Rien de coché" : `Publier (${P})` })
+    ] })
+  ] });
+}
+const Ke = 64;
+function We({
+  produits: o,
+  deja: i,
+  nomCollection: g,
+  occupe: w,
+  surValider: I,
+  surAnnuler: S
+}) {
+  const D = J(null), [E, q] = N(""), [k, L] = N(() => /* @__PURE__ */ new Set()), z = J(null), v = ze(ke(E.trim()));
+  ae(() => z.current?.focus(), []);
+  const b = Z(() => (o ?? []).map((x) => [x, ke(x.nom)]), [o]), u = Z(() => {
+    const x = b.filter(([, m]) => !v || m.includes(v)).map(([m]) => m);
+    return [...x.filter((m) => !i.has(m.UID)), ...x.filter((m) => i.has(m.UID))];
+  }, [b, v, i]), U = (x) => L((m) => {
+    const l = new Set(m);
+    return l.has(x) ? l.delete(x) : l.add(x), l;
+  });
+  return /* @__PURE__ */ n(H, { children: [
+    /* @__PURE__ */ n("div", { className: "panneau__corps", ref: D, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: z,
+          className: "b-recherche",
+          type: "search",
+          value: E,
+          onChange: (x) => q(x.target.value),
+          placeholder: "Chercher un bijou…",
+          "aria-label": "Chercher un bijou à ajouter"
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "b-aide", "aria-live": "polite", style: { margin: "8px 0 10px" }, children: o === null ? "Chargement de vos bijoux…" : `${ne(u.length, "bijou", "bijoux")}${v ? " trouvés" : ""} · ${i.size} déjà dans « ${g} »` }),
+      o !== null && u.length === 0 && /* @__PURE__ */ e("p", { className: "b-vide", children: "Aucun bijou ne correspond." }),
+      /* @__PURE__ */ e(
+        Pe,
+        {
+          items: u,
+          hauteur: Ke,
+          conteneur: D,
+          cle: (x) => x.UID,
+          etiquette: "Bijoux à ajouter",
+          rendu: (x) => {
+            const m = i.has(x.UID), l = m || k.has(x.UID);
+            return /* @__PURE__ */ n("label", { className: "b-choisir" + (m ? " b-choisir--deja" : "") + (l ? " b-choisir--coche" : ""), children: [
+              /* @__PURE__ */ e("input", { type: "checkbox", checked: l, disabled: m, onChange: () => U(x.UID) }),
+              /* @__PURE__ */ e(we, { src: Ne(x), taille: 44 }),
+              /* @__PURE__ */ n("span", { className: "b-rangee__texte", children: [
+                /* @__PURE__ */ e("span", { className: "b-rangee__nom", children: x.nom || "Sans nom" }),
+                /* @__PURE__ */ e("span", { className: "b-rangee__meta", children: m ? "Déjà dans la collection" : `${Be(x.prix)}${x.visible ? "" : " · masqué"}` })
+              ] })
+            ] });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "panneau__pied", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--discret", onClick: S, disabled: w, children: "Annuler" }),
+      /* @__PURE__ */ e("span", { className: "espace" }),
+      /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--principal", disabled: w || k.size === 0, onClick: () => I([...k]), children: w ? "Un instant…" : k.size === 0 ? "Cochez des bijoux" : `Ajouter ${ne(k.size, "bijou", "bijoux")}` })
+    ] })
+  ] });
+}
+const Ye = `
+.panneau--boutique { width: min(440px, 100vw); }
+.panneau--boutique .bouton { min-height: 40px; }
+@media (max-width: 520px) {
+  .panneau--boutique {
+    top: auto; left: 0; right: 0; width: auto; height: 88vh; height: 88dvh;
+    border-radius: 18px 18px 0 0;
+  }
+  .panneau--boutique .bouton { min-height: 44px; }
+  .panneau--boutique .bouton--icone { min-width: 44px; }
+}
+.poignee { display: none; width: 44px; height: 5px; border-radius: 3px; background: #4a505d; margin: 8px auto 0; flex: none; }
+@media (max-width: 520px) { .poignee { display: block; } }
+
+.b-tete { display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-bottom: 1px solid var(--bord); }
+.b-tete h2 { flex: 1; margin: 0; font-size: 16px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.b-tete .bouton--icone { min-width: 40px; min-height: 40px; font-size: 16px; }
+
+.b-onglets { display: flex; gap: 2px; padding: 0 12px; border-bottom: 1px solid var(--bord); }
+.b-onglets button {
+  border: 0; background: transparent; color: var(--texte-doux); font: inherit; font-weight: 600;
+  min-height: 44px; padding: 0 12px; cursor: pointer; border-bottom: 2px solid transparent;
+}
+.b-onglets button[aria-selected="true"] { color: var(--texte); border-bottom-color: var(--accent); }
+.b-onglets button:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+.b-onglets small { opacity: .65; margin-left: 4px; font-weight: 500; }
+
+.b-avis {
+  margin: 0 0 12px; padding: 9px 11px; border-radius: 10px; font-size: 12.5px; line-height: 1.45;
+  background: rgba(227, 181, 91, 0.1); border: 1px solid rgba(227, 181, 91, 0.35); color: #f1d9a6;
+}
+.b-ajout {
+  width: 100%; min-height: 48px; margin-bottom: 12px; border-radius: 12px; cursor: pointer;
+  border: 2px dashed var(--accent); background: transparent; color: #9fe3d1; font: inherit; font-weight: 650;
+}
+.b-ajout:hover, .b-ajout:focus-visible { background: rgba(59, 165, 141, 0.1); outline: none; }
+
+.b-recherche { min-height: 44px; border-radius: 10px !important; font-size: 14px !important; }
+.b-filtres { display: flex; gap: 6px; overflow-x: auto; padding: 10px 0 12px; scrollbar-width: none; }
+.b-puce {
+  flex: none; display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 0 12px;
+  border-radius: 999px; border: 1px solid var(--bord); background: transparent; color: var(--texte-doux);
+  font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
+}
+.b-puce small { opacity: .7; font-weight: 500; }
+.b-puce[aria-pressed="true"] { background: rgba(59, 165, 141, 0.16); border-color: var(--accent); color: #9fe3d1; }
+.b-puce:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+@media (max-width: 520px) { .b-puce { min-height: 44px; } }
+
+.b-rangee {
+  display: flex; align-items: center; gap: 12px; width: 100%; height: 64px; margin-bottom: 6px; padding: 8px;
+  border-radius: 12px; border: 1px solid var(--bord); background: var(--fond-clair); color: var(--texte);
+  font: inherit; text-align: left; cursor: pointer;
+}
+.b-rangee:hover, .b-rangee:focus-visible { border-color: var(--accent); outline: none; }
+.b-vignette { width: 48px; height: 48px; flex: none; border-radius: 9px; object-fit: cover; background: #2a2e37; display: block; }
+.b-vignette--vide { display: grid; place-items: center; color: var(--texte-doux); font-size: 18px; }
+.b-rangee__texte { flex: 1; min-width: 0; }
+.b-rangee__nom { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.b-rangee__meta { display: block; font-size: 12px; color: var(--texte-doux); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.b-etiquette { flex: none; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
+.b-etiquette--vente { background: rgba(59, 165, 141, 0.18); color: #8fd9c6; }
+.b-etiquette--masque { background: rgba(163, 169, 182, 0.16); color: var(--texte-doux); }
+.b-etiquette--vendu { background: rgba(217, 119, 106, 0.18); color: #f0b3a9; }
+.b-vide { color: var(--texte-doux); font-size: 13px; padding: 18px 4px; text-align: center; }
+
+/* ---------------------------------------------------------- FICHE ------ */
+.b-section { margin-bottom: 18px; }
+.b-section > h3 { margin: 0 0 8px; font-size: 11.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--texte-doux); }
+.b-champ { margin-bottom: 12px; }
+.b-champ label, .b-champ .b-etiq { display: block; margin-bottom: 5px; font-size: 12.5px; font-weight: 600; }
+.b-champ label small { font-weight: 400; color: var(--texte-doux); }
+.panneau--boutique input[type="text"], .panneau--boutique input[type="search"], .panneau--boutique textarea {
+  min-height: 44px; padding: 10px 12px; border-radius: 10px; font-size: 14px;
+}
+.b-champ--erreur input, .b-champ--erreur textarea { border-color: var(--danger) !important; }
+.b-erreur { margin: 4px 0 0; font-size: 12px; color: #f0b3a9; }
+.b-aide { margin: 4px 0 0; font-size: 11.5px; color: var(--texte-doux); }
+.b-deux { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+.b-prix { position: relative; }
+.b-prix span { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--texte-doux); pointer-events: none; }
+.b-prix input { padding-right: 28px !important; }
+
+.b-seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
+.b-seg button {
+  min-height: 44px; border-radius: 10px; border: 1px solid var(--bord); background: var(--fond-clair);
+  color: var(--texte-doux); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
+}
+.b-seg button[aria-pressed="true"] { border-color: var(--accent); color: #9fe3d1; background: rgba(59, 165, 141, 0.14); }
+.b-seg button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+
+.b-inter {
+  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 10px 12px;
+  border-radius: 12px; background: var(--fond-clair); border: 1px solid var(--bord); color: var(--texte);
+  font: inherit; text-align: left; cursor: pointer;
+}
+.b-inter:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.b-inter small { display: block; color: var(--texte-doux); font-size: 11.5px; font-weight: 400; }
+.b-rail { position: relative; width: 46px; height: 28px; flex: none; border-radius: 999px; background: #4a505d; transition: background .15s; }
+.b-rail::after { content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: left .15s; }
+[aria-checked="true"] > .b-rail { background: var(--accent); }
+[aria-checked="true"] > .b-rail::after { left: 21px; }
+
+.b-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
+.b-photo { position: relative; aspect-ratio: 1; border-radius: 10px; overflow: hidden; border: 2px solid transparent; background: #2a2e37; }
+.b-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.b-photo--principale { border-color: var(--accent); }
+.b-photo__badge { position: absolute; left: 6px; bottom: 6px; background: var(--accent); color: #06120e; font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 999px; }
+.b-photo__actions { position: absolute; top: 4px; right: 4px; display: flex; gap: 4px; }
+.b-photo__actions button {
+  width: 36px; height: 36px; border-radius: 50%; border: 0; cursor: pointer;
+  background: rgba(22, 24, 29, 0.85); color: #fff; font: inherit; font-size: 14px;
+}
+.b-photo__actions button:hover, .b-photo__actions button:focus-visible { background: var(--accent); color: #06120e; outline: none; }
+.b-photo--envoi::after { content: "Envoi…"; position: absolute; inset: 0; display: grid; place-items: center; background: rgba(22,24,29,.6); color: #fff; font-size: 12px; }
+.b-depot {
+  grid-column: 1 / -1; padding: 14px; border-radius: 12px; border: 2px dashed #4a505d;
+  text-align: center; color: var(--texte-doux); font-size: 12.5px; transition: background .12s, border-color .12s;
+}
+.b-depot--survol { border-color: var(--accent); background: rgba(59, 165, 141, 0.1); color: #9fe3d1; }
+.b-depot__boutons { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 8px; }
+.b-depot__boutons label { cursor: pointer; }
+.b-depot__boutons input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
+.b-depot__boutons label:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 8px; }
+.b-camera { display: none !important; }
+@media (pointer: coarse) { .b-camera { display: inline-flex !important; } .b-glisser { display: none; } }
+
+.b-puces { display: flex; flex-wrap: wrap; gap: 6px; }
+.b-danger { border-top: 1px solid var(--bord); padding-top: 14px; }
+.b-danger p { margin: 0 0 8px; font-size: 12.5px; color: var(--texte-doux); }
+.bouton--danger { background: transparent; color: var(--danger); border-color: rgba(217, 119, 106, 0.5); }
+.bouton--danger:hover { background: rgba(217, 119, 106, 0.14); }
+.bouton--danger-plein { background: #b3261e; border-color: #b3261e; color: #fff; }
+.bouton--danger-plein:hover { background: #c9372e; }
+.b-confirmer { padding: 12px; border-radius: 12px; border: 1px solid rgba(217, 119, 106, 0.5); background: rgba(217, 119, 106, 0.08); }
+.b-confirmer p { margin: 0 0 10px; color: var(--texte); }
+.b-confirmer .rang { display: flex; gap: 8px; flex-wrap: wrap; }
+.b-bandeau { margin: 0 0 12px; padding: 9px 11px; border-radius: 10px; font-size: 12.5px; background: rgba(217, 119, 106, 0.12); border: 1px solid rgba(217, 119, 106, 0.4); color: #f0b3a9; }
+
+/* ------------------------------------------------------ COLLECTIONS ---- */
+.b-coll { border: 1px solid var(--bord); border-radius: 12px; background: var(--fond-clair); margin-bottom: 8px; }
+.b-coll__ligne { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 12px; min-height: 64px; }
+.b-coll__texte { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--texte); font: inherit; text-align: left; cursor: pointer; padding: 6px 0; min-height: 44px; }
+.b-coll__texte:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
+.b-coll__nom { display: block; font-weight: 600; }
+.b-coll__meta { display: block; font-size: 12px; color: var(--texte-doux); }
+.b-coll .b-inter { width: auto; min-height: 44px; padding: 0 6px; border: 0; background: transparent; }
+.b-coll__corps { border-top: 1px solid var(--bord); padding: 10px 12px 12px; }
+.b-choix { display: grid; gap: 6px; margin-top: 8px; }
+.b-mini { display: flex; align-items: center; gap: 10px; padding: 6px 0; min-height: 52px; }
+.b-mini img, .b-mini .b-vignette { width: 40px; height: 40px; }
+.b-mini span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.b-coche { display: flex; align-items: center; gap: 10px; min-height: 48px; cursor: pointer; }
+.b-coche input { width: 20px; height: 20px; accent-color: var(--accent); flex: none; }
+.b-ligne-ajout { display: flex; gap: 8px; margin-top: 8px; }
+.b-ligne-ajout input { flex: 1; }
+
+/* ------------------------------------------------------- BROUILLONS ---- */
+.b-etiquette--brouillon { background: rgba(227, 181, 91, 0.18); color: #f1d9a6; }
+.b-avis--brouillon { background: rgba(59, 165, 141, 0.1); border-color: rgba(59, 165, 141, 0.4); color: #bfeadf; }
+.b-intertitre { margin: 14px 0 8px; font-size: 11.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--texte-doux); }
+.b-lien { border: 0; background: none; padding: 0 2px; color: #9fe3d1; font: inherit; font-weight: 650; text-decoration: underline; cursor: pointer; min-height: 32px; }
+.b-lien:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
+.b-alerte { margin: 8px 12px 0; }
+.b-aide--attention { color: #f1d9a6; }
+.b-tete .bouton--principal { min-height: 40px; }
+.panneau--boutique .panneau__pied { flex-wrap: wrap; }
+@media (max-width: 520px) {
+  .panneau--boutique .panneau__pied { padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
+  .panneau--boutique .panneau__pied .bouton { flex: 1 1 auto; }
+  .panneau--boutique .panneau__pied .espace { display: none; }
+}
+
+/* ------------------------------------------------- CHOIX DU « + » ------ */
+.b-choix-grand { display: grid; gap: 10px; }
+.b-gros-choix {
+  display: flex; align-items: flex-start; gap: 14px; width: 100%; min-height: 88px; padding: 14px;
+  border-radius: 14px; border: 1px solid var(--bord); background: var(--fond-clair); color: var(--texte);
+  font: inherit; text-align: left; cursor: pointer;
+}
+.b-gros-choix:hover, .b-gros-choix:focus-visible { border-color: var(--accent); outline: none; background: #262a32; }
+.b-gros-choix b { display: block; font-size: 15px; margin-bottom: 3px; }
+.b-gros-choix small { display: block; color: var(--texte-doux); font-size: 12.5px; line-height: 1.45; }
+.b-gros-choix__icone { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(59, 165, 141, 0.16); color: #9fe3d1; font-size: 22px; }
+
+/* --------------------------------------------------------- SÉLECTEUR --- */
+.b-choisir {
+  display: flex; align-items: center; gap: 12px; height: 58px; padding: 0 8px; border-radius: 12px;
+  border: 1px solid transparent; cursor: pointer;
+}
+.b-choisir:hover { background: var(--fond-clair); }
+.b-choisir:focus-within { border-color: var(--accent); }
+.b-choisir input { width: 22px; height: 22px; flex: none; accent-color: var(--accent); }
+.b-choisir--coche { background: rgba(59, 165, 141, 0.1); }
+.b-choisir--deja { opacity: .6; cursor: default; }
+
+/* ------------------------------------------------- FICHE COLLECTION ---- */
+.b-niveaux { border: 0; margin: 0 0 6px; padding: 0; display: grid; gap: 6px; }
+.b-niveaux legend { margin-bottom: 6px; font-size: 12.5px; font-weight: 600; padding: 0; }
+.b-niveau {
+  display: flex; align-items: flex-start; gap: 10px; min-height: 52px; padding: 10px 12px; border-radius: 12px;
+  border: 1px solid var(--bord); background: var(--fond-clair); cursor: pointer;
+}
+.b-niveau input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--accent); flex: none; }
+.b-niveau b { display: block; font-size: 13.5px; }
+.b-niveau small { display: block; color: var(--texte-doux); font-size: 12px; }
+.b-niveau--choisi { border-color: var(--accent); background: rgba(59, 165, 141, 0.1); }
+.b-niveau:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
+.b-mini { height: 58px; padding: 0; }
+.b-mini__ouvrir {
+  flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 4px;
+  border: 0; border-radius: 8px; background: transparent; color: var(--texte); font: inherit; text-align: left; cursor: pointer;
+}
+.b-mini__ouvrir:hover, .b-mini__ouvrir:focus-visible { background: var(--fond-clair); outline: none; }
+.b-mini__ouvrir > span:not(.b-etiquette):not(.b-vignette) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* ------------------------------------------------------------ PUBLIER --- */
+.b-pub { border: 1px solid var(--bord); border-radius: 12px; background: var(--fond-clair); margin-bottom: 8px; padding: 6px 10px 8px; }
+.b-pub__ligne { display: flex; align-items: center; gap: 10px; min-height: 52px; cursor: pointer; }
+.b-pub__ligne input { width: 22px; height: 22px; flex: none; accent-color: var(--accent); }
+.b-pub__etat { font-size: 12px; padding-left: 32px; }
+.b-pub__etat:empty { display: none; }
+.b-pub__ok { color: #8fd9c6; font-weight: 650; }
+.b-pub__erreur { color: #f0b3a9; }
+.b-pub--ok { border-color: rgba(59, 165, 141, 0.6); }
+.b-pub--echec { border-color: rgba(217, 119, 106, 0.6); }
+.b-pub__ouvrir { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 6px 0 0 32px; font-size: 12.5px; color: var(--texte-doux); }
+.b-pub__ouvrir select { min-height: 40px; border-radius: 10px; border: 1px solid var(--bord); background: var(--fond); color: var(--texte); font: inherit; padding: 0 8px; max-width: 100%; }
+
+@media (prefers-reduced-motion: reduce) { .b-rail, .b-rail::after, .b-depot { transition: none; } }
+`, me = (o) => "brouillon" in o, De = [
+  ["tous", "Tous", () => !0],
+  ["brouillons", "Brouillons", (o) => me(o)],
+  ["vente", "En vente", (o) => !me(o) && o.visible && !o.vendu],
+  ["masques", "Masqués", (o) => !me(o) && !o.visible],
+  ["vendus", "Épuisés", (o) => !me(o) && o.vendu],
+  ["sans", "Sans collection", (o) => o.collections.length === 0]
+], Ze = 70;
+function Ae(o) {
+  switch (o.vue) {
+    case "fiche":
+      return { k: "fiche", UID: o.UID };
+    case "nouveau":
+      return { k: "nouveau", collection: o.collection };
+    case "ajout":
+      return o.collection ? { k: "choix", collection: o.collection } : { k: "nouveau", collection: null };
+    case "collection":
+      return { k: "collection", UID: o.UID };
+    case "publier":
+      return { k: "publier" };
+    default:
+      return { k: "liste" };
+  }
+}
+function et({
+  api: o,
+  demande: i,
+  surFermer: g,
+  signaler: w,
+  textes: I = 0,
+  publierTextes: S,
+  surCompteBrouillons: D
+}) {
+  const [E, q] = N(i.vue === "liste" && i.onglet ? i.onglet : "bijoux"), [k, L] = N(null), [z, v] = N([]), [b, u] = N({ produits: [], collections: [] }), [U, x] = N(null), [m, l] = N(() => Ae(i)), [R, f] = N([]), [F, C] = N(null), [T, Q] = N(""), [K, $] = N("tous"), [ee, X] = N(!1), [P, O] = N(0), [G, ie] = N(null), c = J(null), j = J(null), _ = Ie(async () => {
+    try {
+      const [r, a, t] = await Promise.all([o.produits(), o.collections(), o.brouillons().catch(() => ({ produits: [], collections: [] }))]);
+      L(r), v(a), u(t), x(null);
+    } catch (r) {
+      x(r instanceof oe ? r.message : "Impossible de lire la boutique.");
+    }
+  }, [o]);
+  ae(() => {
+    _();
+  }, [_]);
+  const p = b.produits.length + b.collections.length;
+  ae(() => {
+    D?.(p);
+  }, [p, D]);
+  const B = J(!0);
+  ae(() => {
+    if (B.current) {
+      B.current = !1;
+      return;
+    }
+    C(null), f([]), i.vue === "liste" && i.onglet && q(i.onglet), l(Ae(i));
+  }, [i.n]);
+  const h = (r) => {
+    C(null), f((a) => [...a, m]), l(r);
+  }, y = Ie(() => {
+    C(null), l(R[R.length - 1] ?? { k: "liste" }), f(R.slice(0, -1));
+  }, [R]);
+  ae(() => {
+    const r = (t) => {
+      if (t.key !== "Escape") return;
+      const d = t.composedPath()[0];
+      d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement || d instanceof HTMLSelectElement || (m.k !== "liste" ? y() : g());
+    }, a = c.current;
+    return a?.addEventListener("keydown", r), () => a?.removeEventListener("keydown", r);
+  }, [m.k, g, y]);
+  const te = (r) => L((a) => a ? a.some((t) => t.UID === r.UID) ? a.map((t) => t.UID === r.UID ? r : t) : [r, ...a] : [r]), se = (r) => u((a) => ({ ...a, produits: a.produits.some((t) => t.UID === r.UID) ? a.produits.map((t) => t.UID === r.UID ? r : t) : [r, ...a.produits] })), V = (r) => u((a) => ({ ...a, collections: a.collections.some((t) => t.UID === r.UID) ? a.collections.map((t) => t.UID === r.UID ? r : t) : [r, ...a.collections] })), Y = (r) => {
+    "brouillon" in r ? V(r) : v((a) => a.some((t) => t.UID === r.UID) ? a.map((t) => t.UID === r.UID ? r : t) : [...a, r]);
+  }, pe = () => o.collections().then(v).catch(() => {
+  }), ge = () => o.brouillons().then(u).catch(() => {
+  }), je = () => o.produits().then(L).catch(() => {
+  }), xe = J(Promise.resolve()), Ce = Ie(
+    (r, a) => {
+      O((t) => t + a.length);
+      for (const t of a)
+        xe.current = xe.current.then(async () => {
+          try {
+            const { donnees: d, nom: s } = await $e(t);
+            se(await o.photoBrouillon(r, d, s));
+          } catch (d) {
+            ie(`Une photo n'a pas pu partir (${d instanceof oe ? d.message : "réseau"}). Le brouillon est gardé : ajoutez-la depuis sa fiche.`);
+          } finally {
+            O((d) => d - 1);
+          }
+        });
+    },
+    [o]
+  ), ce = Z(() => [...b.produits, ...k ?? []], [b.produits, k]), fe = Z(() => ce.map((r) => [r, ke(r.nom)]), [ce]), de = Z(() => Object.fromEntries(De.map(([r, , a]) => [r, ce.filter(a).length])), [ce]), be = ze(ke(T.trim())), ve = ze(K), he = Z(() => {
+    const r = De.find(([a]) => a === ve)?.[2] ?? (() => !0);
+    return fe.filter(([a, t]) => r(a) && (!be || t.includes(be))).map(([a]) => a);
+  }, [fe, be, ve]), re = Z(() => {
+    const r = /* @__PURE__ */ new Map();
+    for (const a of z) r.set(a.UID, a.nom);
+    for (const a of b.collections) r.set(a.UID, a.nom);
+    return r;
+  }, [z, b.collections]), A = Z(() => [...b.collections, ...z], [b.collections, z]), Ue = (() => {
+    switch (m.k) {
+      case "fiche":
+      case "nouveau": {
+        const r = m.k === "fiche" ? m.UID : null, a = r ? (qe(r) ? b.produits.find((t) => t.UID === r) : k?.find((t) => t.UID === r)) ?? null : null;
+        return r && !a ? /* @__PURE__ */ n("div", { className: "panneau__corps", children: [
+          /* @__PURE__ */ e("p", { className: "b-vide", children: U ?? (k ? "Ce bijou est introuvable (déjà publié ou supprimé ?)." : "Chargement…") }),
+          /* @__PURE__ */ e("button", { type: "button", className: "bouton", onClick: () => l({ k: "liste" }), children: "Voir tous les bijoux" })
+        ] }) : /* @__PURE__ */ e(
+          Xe,
+          {
+            api: o,
+            produit: a,
+            collections: A,
+            collectionDefaut: m.k === "nouveau" ? m.collection : null,
+            annonce: F,
+            signaler: w,
+            photosEnCours: P,
+            compteBrouillons: b.produits.length,
+            envoyerEnArrierePlan: Ce,
+            surRetour: y,
+            surFermer: g,
+            surEnregistre: (t) => {
+              if (me(t)) se(t);
+              else {
+                const d = k?.find((s) => s.UID === t.UID);
+                te(t), JSON.stringify(d?.collections) !== JSON.stringify(t.collections) && pe();
+              }
+            },
+            surSupprime: (t) => {
+              qe(t) ? u((d) => ({ ...d, produits: d.produits.filter((s) => s.UID !== t) })) : (L((d) => d?.filter((s) => s.UID !== t) ?? null), pe()), y();
+            }
+          },
+          r ?? "nouveau"
+        );
+      }
+      case "choix":
+        return /* @__PURE__ */ n(H, { children: [
+          /* @__PURE__ */ n("div", { className: "b-tete", children: [
+            /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--icone bouton--discret", onClick: y, "aria-label": "Retour", children: "←" }),
+            /* @__PURE__ */ n("h2", { tabIndex: -1, children: [
+              "Ajouter à « ",
+              m.collection.nom,
+              " »"
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "panneau__corps", children: /* @__PURE__ */ n("div", { className: "b-choix-grand", children: [
+            /* @__PURE__ */ n("button", { type: "button", className: "b-gros-choix", autoFocus: !0, onClick: () => h({ k: "selecteur", collection: m.collection.UID }), children: [
+              /* @__PURE__ */ e("span", { className: "b-gros-choix__icone", "aria-hidden": "true", children: "▤" }),
+              /* @__PURE__ */ n("span", { children: [
+                /* @__PURE__ */ e("b", { children: "Ajouter un bijou existant" }),
+                /* @__PURE__ */ n("small", { children: [
+                  "Choisir parmi vos ",
+                  k ? ne(k.length, "bijou", "bijoux") : "bijoux",
+                  " ; ils rejoignent « ",
+                  m.collection.nom,
+                  " »."
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ n("button", { type: "button", className: "b-gros-choix", onClick: () => h({ k: "nouveau", collection: m.collection.UID }), children: [
+              /* @__PURE__ */ e("span", { className: "b-gros-choix__icone", "aria-hidden": "true", children: "+" }),
+              /* @__PURE__ */ n("span", { children: [
+                /* @__PURE__ */ e("b", { children: "Créer un nouveau bijou" }),
+                /* @__PURE__ */ n("small", { children: [
+                  "Rangé en brouillon dans « ",
+                  m.collection.nom,
+                  " » ; vous en créez plusieurs d'affilée, et vous publiez quand vous voulez."
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ] });
+      case "selecteur": {
+        const r = m.collection, a = b.collections.find((s) => s.UID === r), t = a ?? z.find((s) => s.UID === r), d = new Set(a ? a.produits : (k ?? []).filter((s) => s.collections.includes(r)).map((s) => s.UID));
+        return /* @__PURE__ */ n(H, { children: [
+          /* @__PURE__ */ n("div", { className: "b-tete", children: [
+            /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--icone bouton--discret", onClick: y, "aria-label": "Retour", children: "←" }),
+            /* @__PURE__ */ n("h2", { tabIndex: -1, children: [
+              "Bijoux existants → « ",
+              t?.nom ?? "collection",
+              " »"
+            ] })
+          ] }),
+          /* @__PURE__ */ e(
+            tt,
+            {
+              produits: k,
+              deja: d,
+              nomCollection: t?.nom ?? "",
+              occupe: ee,
+              surAnnuler: y,
+              surValider: async (s) => {
+                X(!0);
+                try {
+                  if (a) V(await o.modifierBrouillon(r, { produits: [...a.produits, ...s] }));
+                  else {
+                    const M = await o.garnirCollection(r, s, []);
+                    M && Y(M), L((W) => W?.map((le) => s.includes(le.UID) && !le.collections.includes(r) ? { ...le, collections: [...le.collections, r] } : le) ?? W), w({ quoi: "collection", UID: r, action: "ajoute" });
+                  }
+                  f([]), C(`${ne(s.length, "bijou ajouté", "bijoux ajoutés")} à « ${t?.nom} »${a ? " (brouillon)" : " — en ligne maintenant"}.`), l({ k: "collection", UID: r });
+                } catch (M) {
+                  ie(M instanceof oe ? M.message : "L'ajout a échoué. Rien n'a changé.");
+                } finally {
+                  X(!1);
+                }
+              }
+            }
+          )
+        ] });
+      }
+      case "collection": {
+        const r = (qe(m.UID) ? b.collections.find((a) => a.UID === m.UID) : z.find((a) => a.UID === m.UID)) ?? null;
+        return r ? /* @__PURE__ */ e(
+          He,
+          {
+            api: o,
+            collection: r,
+            annonce: F,
+            produits: k,
+            brouillonsProduits: b.produits,
+            signaler: w,
+            surRetour: y,
+            majCollection: Y,
+            majProduits: () => {
+              je();
+            },
+            majBrouillons: () => {
+              ge();
+            },
+            surAjouterExistants: () => h({ k: "selecteur", collection: r.UID }),
+            surCreer: () => h({ k: "nouveau", collection: r.UID }),
+            surOuvrirProduit: (a) => h({ k: "fiche", UID: a })
+          }
+        ) : /* @__PURE__ */ n("div", { className: "panneau__corps", children: [
+          /* @__PURE__ */ e("p", { className: "b-vide", children: k ? "Cette collection est introuvable (déjà publiée ou supprimée ?)." : "Chargement…" }),
+          /* @__PURE__ */ e("button", { type: "button", className: "bouton", onClick: () => {
+            q("collections"), l({ k: "liste" });
+          }, children: "Voir les collections" })
+        ] });
+      }
+      case "publier":
+        return /* @__PURE__ */ e(
+          Ge,
+          {
+            api: o,
+            brouillons: b,
+            noms: re,
+            textes: I,
+            publierTextes: S ?? (async () => !0),
+            surRetour: y,
+            surOuvrir: (r, a) => h(a === "produit" ? { k: "fiche", UID: r } : { k: "collection", UID: r }),
+            surPublie: (r) => {
+              const a = r.filter((t) => t.ok);
+              if (a.length) {
+                for (const t of a) w({ quoi: t.type === "collection" ? "collection" : "produit", UID: t.publieUID ?? null, action: "cree" });
+                _();
+              }
+            }
+          }
+        );
+      default:
+        return null;
+    }
+  })();
+  return /* @__PURE__ */ n("div", { ref: c, className: "panneau panneau--boutique", role: "dialog", "aria-modal": "false", "aria-label": "Boutique", children: [
+    /* @__PURE__ */ e("style", { children: Ye }),
+    /* @__PURE__ */ e("div", { className: "poignee", "aria-hidden": "true" }),
+    G && /* @__PURE__ */ n("p", { className: "message message--erreur b-alerte", role: "alert", children: [
+      G,
+      " ",
+      /* @__PURE__ */ e("button", { type: "button", className: "b-lien", onClick: () => ie(null), children: "OK" })
+    ] }),
+    m.k !== "liste" ? Ue : /* @__PURE__ */ n(H, { children: [
+      /* @__PURE__ */ n("div", { className: "b-tete", children: [
+        /* @__PURE__ */ e("h2", { children: "Boutique" }),
+        p + I > 0 && /* @__PURE__ */ n("button", { type: "button", className: "bouton bouton--principal", onClick: () => h({ k: "publier" }), "aria-label": `Publier : ${p + I} en attente`, children: [
+          "Publier ",
+          /* @__PURE__ */ e("span", { className: "barre__pastille", children: p + I })
+        ] }),
+        /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--icone bouton--discret", onClick: g, "aria-label": "Fermer la boutique", children: "✕" })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "b-onglets", role: "tablist", "aria-label": "Objets de la boutique", children: [
+        /* @__PURE__ */ n("button", { type: "button", role: "tab", "aria-selected": E === "bijoux", onClick: () => q("bijoux"), children: [
+          "Bijoux",
+          /* @__PURE__ */ e("small", { children: k?.length ?? "" })
+        ] }),
+        /* @__PURE__ */ n("button", { type: "button", role: "tab", "aria-selected": E === "collections", onClick: () => q("collections"), children: [
+          "Collections",
+          /* @__PURE__ */ e("small", { children: z.length + b.collections.length || "" })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "panneau__corps", role: "tabpanel", ref: j, children: [
+        U && /* @__PURE__ */ n("p", { className: "message message--erreur", role: "alert", children: [
+          U,
+          " ",
+          /* @__PURE__ */ e("button", { type: "button", className: "bouton bouton--discret", onClick: () => {
+            _();
+          }, children: "Réessayer" })
+        ] }),
+        E === "bijoux" ? /* @__PURE__ */ n(H, { children: [
+          /* @__PURE__ */ n("p", { className: "b-avis", role: "note", children: [
+            "⚡ Corriger un bijou en ligne est ",
+            /* @__PURE__ */ e("b", { children: "en ligne tout de suite" }),
+            ". Un ",
+            /* @__PURE__ */ e("b", { children: "nouveau" }),
+            " bijou est rangé en brouillon, invisible, jusqu'à « Publier »."
+          ] }),
+          /* @__PURE__ */ e("button", { type: "button", className: "b-ajout", onClick: () => {
+            C(null), h({ k: "nouveau", collection: null });
+          }, children: "+ Ajouter des bijoux" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "b-recherche",
+              type: "search",
+              value: T,
+              onChange: (r) => Q(r.target.value),
+              placeholder: "Chercher un bijou…",
+              "aria-label": "Chercher un bijou par son nom"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "b-filtres", role: "group", "aria-label": "Filtrer les bijoux", children: De.map(
+            ([r, a]) => r === "brouillons" && !de[r] ? null : /* @__PURE__ */ n("button", { type: "button", className: "b-puce", "aria-pressed": K === r, onClick: () => $(r), children: [
+              a,
+              /* @__PURE__ */ e("small", { children: de[r] })
+            ] }, r)
+          ) }),
+          k === null && !U && /* @__PURE__ */ e("p", { className: "b-vide", children: "Chargement de vos bijoux…" }),
+          k !== null && he.length === 0 && /* @__PURE__ */ n("p", { className: "b-vide", children: [
+            ce.length === 0 ? "Aucun bijou pour l'instant. Ajoutez le premier !" : "Aucun bijou ne correspond.",
+            (T || K !== "tous") && ce.length > 0 && /* @__PURE__ */ n(H, { children: [
+              " ",
+              /* @__PURE__ */ e("button", { type: "button", className: "b-puce", onClick: () => {
+                Q(""), $("tous");
+              }, children: "Tout montrer" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(
+            Pe,
+            {
+              items: he,
+              hauteur: Ze,
+              conteneur: j,
+              cle: (r) => r.UID,
+              etiquette: "Vos bijoux",
+              rendu: (r) => /* @__PURE__ */ e(nt, { p: r, noms: re, ouvrir: (a) => {
+                C(null), h({ k: "fiche", UID: a });
+              } })
+            }
+          )
+        ] }) : /* @__PURE__ */ e(
+          Te,
+          {
+            api: o,
+            collections: z,
+            brouillons: b.collections,
+            surOuvrir: (r) => h({ k: "collection", UID: r }),
+            surCree: (r) => {
+              V(r), h({ k: "collection", UID: r.UID });
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const tt = _e(We), nt = _e(function({ p: i, noms: g, ouvrir: w }) {
+  const I = me(i), S = I ? ["brouillon", "Brouillon"] : Fe(i), D = i.collections.map((E) => g.get(E)).filter(Boolean).join(", ");
+  return /* @__PURE__ */ n("button", { type: "button", className: "b-rangee", onClick: () => w(i.UID), children: [
+    /* @__PURE__ */ e(we, { src: Ne(i) }),
+    /* @__PURE__ */ n("span", { className: "b-rangee__texte", children: [
+      /* @__PURE__ */ e("span", { className: "b-rangee__nom", children: i.nom || "Sans nom" }),
+      /* @__PURE__ */ e("span", { className: "b-rangee__meta", children: I && i.problemes.length ? `À compléter : ${i.problemes.join(" ").toLowerCase()}` : `${i.prix ? Be(i.prix) : "sans prix"} · ${Me(i)} · ${D || "aucune collection"}` })
+    ] }),
+    /* @__PURE__ */ e("span", { className: "b-etiquette b-etiquette--" + S[0], children: S[1] })
+  ] });
+}), lt = _e(et);
+export {
+  lt as default
+};