@xiwebdesign/xicms-core 5.0.1 → 5.0.3

package/dist/components/EditBar.js

@@ -9,7 +9,7 @@ function EditBar() {
   if (!canEdit(role) || !user || open) return null;
   return /* @__PURE__ */ jsxs("div", { className: "xicms-editbar", children: [
     /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: demo ? "XiCMS \xB7 demo" : "XiCMS" }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-btn", onClick: openEditor, children: "\u270F\uFE0F Pagina bewerken" }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-btn", onClick: openEditor, children: "Bewerken" }),
     !demo && /* @__PURE__ */ jsx("a", { href: "/beheer", className: "xicms-btn xicms-btn--ghost", children: "Beheer" }),
     /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-btn xicms-btn--ghost", onClick: () => void signOut(), children: "Uitloggen" })
   ] });

package/dist/components/EditBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/EditBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { canEdit } from \"../auth/roles\";\nimport { useEditor } from \"../editor/EditorProvider\";\n\n/** Zwevende werkbalk voor ingelogde beheerders/editors. */\nexport function EditBar() {\n  // Bewust via useAuth (niet via het deprecated ContentProvider-pad): de EditBar hoort bij het\n  // block-model en mag niet aan het legacy inline-systeem hangen.\n  const { user, role, signOut, demo } = useAuth();\n  const { open, openEditor } = useEditor();\n\n  if (!canEdit(role) || !user || open) return null;\n\n  return (\n    <div className=\"xicms-editbar\">\n      <span style={{ fontWeight: 600 }}>{demo ? \"XiCMS · demo\" : \"XiCMS\"}</span>\n      {/* Eén heldere bewerk-actie: opent de visuele editor waarin je tekst ter plekke (inline) bewerkt\n          én structuur/blokken aanpast. Geen aparte (verwarrende) inline-toggle meer. */}\n      <button type=\"button\" className=\"xicms-btn\" onClick={openEditor}>\n        ✏️ Pagina bewerken\n      </button>\n      {/* In de demo bestaat er geen /beheer-route; daar bewerk je alleen op de pagina. */}\n      {!demo && <a href=\"/beheer\" className=\"xicms-btn xicms-btn--ghost\">Beheer</a>}\n      <button type=\"button\" className=\"xicms-btn xicms-btn--ghost\" onClick={() => void signOut()}>\n        Uitloggen\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAgBI,SACE,KADF;AAdJ,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAGnB,SAAS,UAAU;AAGxB,QAAM,EAAE,MAAM,MAAM,SAAS,KAAK,IAAI,QAAQ;AAC9C,QAAM,EAAE,MAAM,WAAW,IAAI,UAAU;AAEvC,MAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAM,QAAO;AAE5C,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,wBAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,iBAAO,oBAAiB,SAAQ;AAAA,IAGnE,oBAAC,YAAO,MAAK,UAAS,WAAU,aAAY,SAAS,YAAY,0CAEjE;AAAA,IAEC,CAAC,QAAQ,oBAAC,OAAE,MAAK,WAAU,WAAU,8BAA6B,oBAAM;AAAA,IACzE,oBAAC,YAAO,MAAK,UAAS,WAAU,8BAA6B,SAAS,MAAM,KAAK,QAAQ,GAAG,uBAE5F;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/EditBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { canEdit } from \"../auth/roles\";\nimport { useEditor } from \"../editor/EditorProvider\";\n\n/** Zwevende werkbalk voor ingelogde beheerders/editors. */\nexport function EditBar() {\n  // Bewust via useAuth (niet via het deprecated ContentProvider-pad): de EditBar hoort bij het\n  // block-model en mag niet aan het legacy inline-systeem hangen.\n  const { user, role, signOut, demo } = useAuth();\n  const { open, openEditor } = useEditor();\n\n  if (!canEdit(role) || !user || open) return null;\n\n  return (\n    <div className=\"xicms-editbar\">\n      <span style={{ fontWeight: 600 }}>{demo ? \"XiCMS · demo\" : \"XiCMS\"}</span>\n      {/* Eén heldere bewerk-actie: opent de visuele editor waarin je tekst ter plekke (inline) bewerkt\n          én structuur/blokken aanpast. Geen aparte (verwarrende) inline-toggle meer. */}\n      <button type=\"button\" className=\"xicms-btn\" onClick={openEditor}>\n        Bewerken\n      </button>\n      {/* In de demo bestaat er geen /beheer-route; daar bewerk je alleen op de pagina. */}\n      {!demo && <a href=\"/beheer\" className=\"xicms-btn xicms-btn--ghost\">Beheer</a>}\n      <button type=\"button\" className=\"xicms-btn xicms-btn--ghost\" onClick={() => void signOut()}>\n        Uitloggen\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAgBI,SACE,KADF;AAdJ,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAGnB,SAAS,UAAU;AAGxB,QAAM,EAAE,MAAM,MAAM,SAAS,KAAK,IAAI,QAAQ;AAC9C,QAAM,EAAE,MAAM,WAAW,IAAI,UAAU;AAEvC,MAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAM,QAAO;AAE5C,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,wBAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,iBAAO,oBAAiB,SAAQ;AAAA,IAGnE,oBAAC,YAAO,MAAK,UAAS,WAAU,aAAY,SAAS,YAAY,sBAEjE;AAAA,IAEC,CAAC,QAAQ,oBAAC,OAAE,MAAK,WAAU,WAAU,8BAA6B,oBAAM;AAAA,IACzE,oBAAC,YAAO,MAAK,UAAS,WAAU,8BAA6B,SAAS,MAAM,KAAK,QAAQ,GAAG,uBAE5F;AAAA,KACF;AAEJ;","names":[]}

package/dist/styles.css

@@ -608,18 +608,31 @@
 /* Zwevende werkbalk voor editors */
 .xicms-editbar {
   position: fixed;
-  bottom: 16px;
+  bottom: 12px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 9999;
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
+  gap: 0.4rem;
+  /* Compact + nooit breder dan het scherm → past op één regel, ook op smalle telefoons. */
+  max-width: calc(100vw - 16px);
+  padding: 0.35rem 0.5rem;
   background: #0f172a;
   color: #fff;
   border-radius: 999px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
+  font-size: 0.8rem;
+}
+.xicms-editbar > span { white-space: nowrap; }
+/* Op smalle telefoons het merklabel weglaten zodat de knoppen zeker op één regel passen. */
+@media (max-width: 480px) {
+  .xicms-editbar > span { display: none; }
+}
+.xicms-editbar .xicms-btn {
+  padding: 0.3rem 0.7rem;
+  font-size: 0.8rem;
+  white-space: nowrap;
 }
 .xicms-editbar .xicms-btn--ghost {
   color: #fff;
@@ -2246,6 +2259,12 @@
 .xicms-cards__title { margin: 0 0 0.35rem; font-size: 1.05rem; }
 .xicms-cards__text { margin: 0; opacity: 0.8; }
 .xicms-cards__link { display: inline-block; margin-top: 0.6rem; font-weight: 600; color: var(--xicms-primary, #4f46e5); }
+/* Mobiel (één kolom): kaarten netjes gecentreerd — zowel icon- als foto-kaarten. De afbeelding vult de
+   kaart (width:100%); titel/tekst/link eronder gecentreerd oogt gebalanceerd op smal scherm. */
+@media (max-width: 639px) {
+  .xicms-cards__card { text-align: center; }
+  .xicms-cards__icon { margin-inline: auto; }
+}
 
 /* ════════════════════ Downloads ════════════════════ */
 .xicms-downloads__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiwebdesign/xicms-core",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "XiCMS engine: gestructureerde content, pagina's, draft/publish, admin (TipTap+Radix), SEO en beveiliging voor klantsites.",
   "license": "UNLICENSED",
   "repository": {