pptx-react-viewer 4.16.0 → 4.16.1

package/dist/{chunk-XZUIS3VB.js → chunk-4VV5HJXQ.js}

@@ -106980,7 +106980,7 @@ function applyGroupFillInheritance(children15, fill) {
     }
   }
 }
-async function resolveGroupFillImagePure(host, blipFill, slidePath) {
+async function resolveGroupFillImagePure(host2, blipFill, slidePath) {
   const blip = blipFill?.["a:blip"];
   const rEmbed = blip?.["@_r:embed"] ? String(blip["@_r:embed"]) : void 0;
   const rLink = blip?.["@_r:link"] ? String(blip["@_r:link"]) : void 0;
@@ -106988,23 +106988,23 @@ async function resolveGroupFillImagePure(host, blipFill, slidePath) {
   if (!relId) {
     return void 0;
   }
-  const target = host.slideRelsMap.get(slidePath)?.get(relId);
+  const target = host2.slideRelsMap.get(slidePath)?.get(relId);
   if (!target) {
     return void 0;
   }
   const fillImageMode = blipFill?.["a:tile"] !== void 0 ? "tile" : "stretch";
   if (target.startsWith("http://") || target.startsWith("https://")) {
-    return host.allowExternalImages === true ? { fillImageUrl: target, fillImageMode } : void 0;
+    return host2.allowExternalImages === true ? { fillImageUrl: target, fillImageMode } : void 0;
   }
   if (target.startsWith("data:")) {
     return { fillImageUrl: target, fillImageMode };
   }
-  const imagePath = host.resolveImagePath(slidePath, target);
+  const imagePath = host2.resolveImagePath(slidePath, target);
   if (!imagePath) {
     return void 0;
   }
-  if (host.eagerDecodeImages) {
-    const imageData = await host.getImageData(imagePath);
+  if (host2.eagerDecodeImages) {
+    const imageData = await host2.getImageData(imagePath);
     if (imageData) {
       return { fillImageUrl: imageData, fillImageMode };
     }
@@ -130481,17 +130481,64 @@ var init_smartart_node_synthesis = __esm({
     init_smartart_xml_builders();
   }
 });
-function applySmartArtQuickStyle(styleDef, quickStyle, localName292) {
+function objectChild(node, name, localName292) {
+  const key2 = Object.keys(node).find((candidate) => localName292(candidate) === name);
+  const value = key2 ? node[key2] : void 0;
+  return value && typeof value === "object" ? value : {};
+}
+function applySmartArtStyleIntensity(definition, intensity, localName292) {
+  if (!intensity) {
+    return false;
+  }
+  const key2 = Object.keys(definition).find((candidate) => localName292(candidate) === "styleLbl");
+  const value = key2 ? definition[key2] : void 0;
+  const labels = Array.isArray(value) ? value : value ? [value] : [];
+  let changed = false;
+  for (const label of labels) {
+    if (!/^node\d+$/u.test(String(label["@_name"] ?? ""))) {
+      continue;
+    }
+    const styleKey = Object.keys(label).find((candidate) => localName292(candidate) === "style") ?? "dgm:style";
+    const style = objectChild(label, "style", localName292);
+    for (const [name, idx] of [
+      ["fillRef", intensity === "flat" ? 1 : intensity === "moderate" ? 2 : 3],
+      ["effectRef", intensity === "flat" ? 0 : intensity === "moderate" ? 1 : 2]
+    ]) {
+      const refKey = Object.keys(style).find((candidate) => localName292(candidate) === name) ?? `a:${name}`;
+      const ref = objectChild(style, name, localName292);
+      style[refKey] = {
+        ...Object.keys(ref).length ? ref : { "a:schemeClr": { "@_val": "phClr" } },
+        "@_idx": String(idx)
+      };
+    }
+    label[styleKey] = style;
+    if (intensity !== "intense") {
+      const shape3dKey = Object.keys(label).find((candidate) => localName292(candidate) === "sp3d");
+      if (shape3dKey) {
+        label[shape3dKey] = {};
+      }
+    }
+    changed = true;
+  }
+  return changed;
+}
+var init_smartart_style_intensity_builder = __esm({
+  "src/core/core/runtime/smartart-style-intensity-builder.ts"() {
+  }
+});
+function applySmartArtQuickStyle(styleDef, quickStyle, localName292, intensity) {
   if (!quickStyle) {
     return false;
   }
   let changed = applySmartArtDefinitionMetadata(styleDef, quickStyle, localName292);
   changed = applySmartArtQuickStyleLabels(styleDef, quickStyle.labels, localName292) || changed;
+  changed = applySmartArtStyleIntensity(styleDef, intensity, localName292) || changed;
   return changed;
 }
 var init_smartart_quick_style_builder = __esm({
   "src/core/core/runtime/smartart-quick-style-builder.ts"() {
     init_smartart_definition_builder();
+    init_smartart_style_intensity_builder();
   }
 });
 function asObject2(value) {
@@ -130965,7 +131012,8 @@ var init_PptxHandlerRuntimeSaveDocumentParts = __esm({
           (styleDef) => applySmartArtQuickStyle(
             styleDef,
             quickStyle,
-            (key2) => this.compatibilityService.getXmlLocalName(key2)
+            (key2) => this.compatibilityService.getXmlLocalName(key2),
+            smartArtData.style
           )
         );
       }
@@ -132918,14 +132966,15 @@ function fabricatedColorsUniqueId(scheme) {
 function fabricatedColorsCategory(scheme) {
   return scheme?.startsWith("monochromatic") ? "accent1" : "colorful";
 }
-function quickStyleLabelXml(name) {
+function quickStyleLabelXml(name, style = "flat") {
   const isConnector = name === "parChTrans1D2";
-  return `<dgm:styleLbl name="${name}"><dgm:scene3d><a:camera prst="orthographicFront"/><a:lightRig rig="threePt" dir="t"/></dgm:scene3d><dgm:sp3d/><dgm:txPr/><dgm:style><a:lnRef idx="${isConnector ? "1" : "2"}"><a:scrgbClr r="0" g="0" b="0"/></a:lnRef><a:fillRef idx="1"><a:scrgbClr r="0" g="0" b="0"/></a:fillRef><a:effectRef idx="0"><a:scrgbClr r="0" g="0" b="0"/></a:effectRef><a:fontRef idx="minor"/></dgm:style></dgm:styleLbl>`;
+  const effectIndex = name.startsWith("node") ? style === "intense" ? 2 : style === "moderate" ? 1 : 0 : 0;
+  return `<dgm:styleLbl name="${name}"><dgm:scene3d><a:camera prst="orthographicFront"/><a:lightRig rig="threePt" dir="t"/></dgm:scene3d><dgm:sp3d/><dgm:txPr/><dgm:style><a:lnRef idx="${isConnector ? "1" : "2"}"><a:scrgbClr r="0" g="0" b="0"/></a:lnRef><a:fillRef idx="${effectIndex + 1}"><a:scrgbClr r="0" g="0" b="0"/></a:fillRef><a:effectRef idx="${effectIndex}"><a:scrgbClr r="0" g="0" b="0"/></a:effectRef><a:fontRef idx="minor"/></dgm:style></dgm:styleLbl>`;
 }
-function buildFabricatedQuickStyleXml() {
+function buildFabricatedQuickStyleXml(style) {
   return `${XML_PROLOG}\r
 <dgm:styleDef ${DGM_XMLNS} uniqueId="${FABRICATED_QUICKSTYLE_UNIQUE_ID}"><dgm:title val="Simple"/><dgm:desc val=""/><dgm:catLst><dgm:cat type="simple" pri="10100"/></dgm:catLst><dgm:scene3d><a:camera prst="orthographicFront"/><a:lightRig rig="threePt" dir="t"/></dgm:scene3d>${STYLE_LABEL_NAMES.map(
-    quickStyleLabelXml
+    (name) => quickStyleLabelXml(name, style)
   ).join("")}</dgm:styleDef>`;
 }
 function schemeClrListXml(accents) {
@@ -133064,7 +133113,7 @@ var init_PptxHandlerRuntimeSaveSmartArtFabrication = __esm({
             { guidByNodeId, presentationGuidByNodeId, drawingRelId }
           ),
           layout: buildFabricatedLayoutDefXml(family2, layoutIdentity),
-          quickStyle: buildFabricatedQuickStyleXml(),
+          quickStyle: buildFabricatedQuickStyleXml(data.style),
           colors: buildFabricatedColorsXml(data.colorScheme)
         };
         const relIds = {
@@ -147707,6 +147756,65 @@ var init_smartart_drawing_blip = __esm({
   "src/core/core/runtime/smartart-drawing-blip.ts"() {
   }
 });
+async function resolveSmartArtDrawingPart(slidePath, diagramDataRelationshipId, drawingExtensionRelId, deps) {
+  if (diagramDataRelationshipId.length === 0) {
+    return void 0;
+  }
+  const slideRels = deps.slideRelationships(slidePath);
+  const slideDrawingTarget = drawingExtensionRelId ? slideRels?.get(drawingExtensionRelId) : void 0;
+  if (slideDrawingTarget) {
+    return {
+      relId: drawingExtensionRelId,
+      path: deps.resolvePath(slidePath, slideDrawingTarget)
+    };
+  }
+  const inferredSlideDrawing = [...slideRels?.entries() ?? []].find(
+    ([, target]) => /(?:^|\/)diagrams\/drawing\d+\.xml$/u.test(target.replaceAll("\\", "/"))
+  );
+  if (inferredSlideDrawing) {
+    return {
+      relId: inferredSlideDrawing[0],
+      path: deps.resolvePath(slidePath, inferredSlideDrawing[1])
+    };
+  }
+  const dataTarget = slideRels?.get(diagramDataRelationshipId);
+  if (!dataTarget) {
+    return void 0;
+  }
+  const dataPath = deps.resolvePath(slidePath, dataTarget);
+  const dataDir = dataPath.replace(/\/[^/]+$/u, "");
+  const dataFile = dataPath.split("/").pop() ?? "";
+  const dataRelsPath = `${dataDir}/_rels/${dataFile}.rels`;
+  const relsXml = await deps.readText(dataRelsPath);
+  if (!relsXml) {
+    return void 0;
+  }
+  try {
+    const parsed = deps.parse(relsXml);
+    const relsRoot = parsed["Relationships"];
+    if (!relsRoot) {
+      return void 0;
+    }
+    const rels = deps.ensureArray(relsRoot["Relationship"]);
+    const drawingRel = rels.find((rel) => {
+      const id2 = String(rel?.["@_Id"] || "").trim();
+      return (!drawingExtensionRelId || id2 === drawingExtensionRelId) && String(rel?.["@_Type"] || "").endsWith("/diagramDrawing");
+    });
+    const id = String(drawingRel?.["@_Id"] || "").trim();
+    const target = String(drawingRel?.["@_Target"] || "").trim();
+    if (id.length === 0 || target.length === 0) {
+      return void 0;
+    }
+    const drawingPath = deps.resolvePath(dataPath, target);
+    return { relId: id, path: drawingPath };
+  } catch {
+    return void 0;
+  }
+}
+var init_smartart_drawing_part = __esm({
+  "src/core/core/runtime/smartart-drawing-part.ts"() {
+  }
+});
 function resolveSmartArtLayoutCategory(uniqueId, categories) {
   for (const category of categories) {
     const family2 = CATEGORY_FAMILY[category.trim().toLowerCase()];
@@ -147762,6 +147870,7 @@ var init_PptxHandlerRuntimeSmartArt = __esm({
     init_smart_art_text_helpers();
     init_PptxHandlerRuntimeSmartArtParsing();
     init_smartart_drawing_blip();
+    init_smartart_drawing_part();
     init_smartart_layout_category();
     init_smartart_text_paragraphs();
     init_smartart_text_style_resolution();
@@ -147879,6 +147988,7 @@ var init_PptxHandlerRuntimeSmartArt = __esm({
           chrome,
           colorTransform,
           quickStyle,
+          style: quickStyle?.effectIntensity === "moderate" || quickStyle?.effectIntensity === "intense" ? quickStyle.effectIntensity : void 0,
           // The theme's own minor-Latin font: what SmartArt text actually
           // renders in absent a per-run `a:latin` override (confirmed: every
           // text-bearing shape across the whole 227-fixture gallery corpus
@@ -147898,71 +148008,14 @@ var init_PptxHandlerRuntimeSmartArt = __esm({
           styleRelId: styleRelationshipId.length > 0 ? styleRelationshipId : void 0
         };
       }
-      /**
-       * Resolve the SmartArt drawing-shapes part path + relationship id.
-       *
-       * Strategy:
-       *  1. Resolve `dsp:dataModelExt/@relId` in the owning slide's relationship
-       *     scope, which is where PowerPoint writes diagramDrawing relationships.
-       *  2. Fall back to the data part's rels file for compatibility with files
-       *     emitted by older pptx-viewer versions.
-       *  3. Return the matched part path (so the caller can load it
-       *     directly) and the relationship id (for round-trip preservation).
-       */
-      async resolveSmartArtDrawingPart(slidePath, diagramDataRelationshipId, drawingExtensionRelId) {
-        if (diagramDataRelationshipId.length === 0) {
-          return void 0;
-        }
-        const slideRels = this.slideRelsMap.get(slidePath);
-        const slideDrawingTarget = drawingExtensionRelId ? slideRels?.get(drawingExtensionRelId) : void 0;
-        if (slideDrawingTarget) {
-          return {
-            relId: drawingExtensionRelId,
-            path: this.resolveImagePath(slidePath, slideDrawingTarget)
-          };
-        }
-        const inferredSlideDrawing = [...slideRels?.entries() ?? []].find(
-          ([, target]) => /(?:^|\/)diagrams\/drawing\d+\.xml$/u.test(target.replaceAll("\\", "/"))
-        );
-        if (inferredSlideDrawing) {
-          return {
-            relId: inferredSlideDrawing[0],
-            path: this.resolveImagePath(slidePath, inferredSlideDrawing[1])
-          };
-        }
-        const dataTarget = slideRels?.get(diagramDataRelationshipId);
-        if (!dataTarget) {
-          return void 0;
-        }
-        const dataPath = this.resolveImagePath(slidePath, dataTarget);
-        const dataDir = dataPath.replace(/\/[^/]+$/u, "");
-        const dataFile = dataPath.split("/").pop() ?? "";
-        const dataRelsPath = `${dataDir}/_rels/${dataFile}.rels`;
-        const relsXml = await this.zip.file(dataRelsPath)?.async("string");
-        if (!relsXml) {
-          return void 0;
-        }
-        try {
-          const parsed = this.parser.parse(relsXml);
-          const relsRoot = parsed["Relationships"];
-          if (!relsRoot) {
-            return void 0;
-          }
-          const rels = this.ensureArray(relsRoot["Relationship"]);
-          const drawingRel = rels.find((rel) => {
-            const id2 = String(rel?.["@_Id"] || "").trim();
-            return (!drawingExtensionRelId || id2 === drawingExtensionRelId) && String(rel?.["@_Type"] || "").endsWith("/diagramDrawing");
-          });
-          const id = String(drawingRel?.["@_Id"] || "").trim();
-          const target = String(drawingRel?.["@_Target"] || "").trim();
-          if (id.length === 0 || target.length === 0) {
-            return void 0;
-          }
-          const drawingPath = this.resolveImagePath(dataPath, target);
-          return { relId: id, path: drawingPath };
-        } catch {
-          return void 0;
-        }
+      resolveSmartArtDrawingPart(slidePath, diagramDataRelationshipId, drawingExtensionRelId) {
+        return resolveSmartArtDrawingPart(slidePath, diagramDataRelationshipId, drawingExtensionRelId, {
+          slideRelationships: (path) => this.slideRelsMap.get(path),
+          resolvePath: (base, target) => this.resolveImagePath(base, target),
+          readText: (path) => this.zip.file(path)?.async("string") ?? Promise.resolve(void 0),
+          parse: (xml) => this.parser.parse(xml),
+          ensureArray: (value) => this.ensureArray(value)
+        });
       }
       /**
        * Parse cached SmartArt drawing shapes from an absolute part path.
@@ -182638,7 +182691,7 @@ function getThreeRendererHost(three) {
     bufferHeight: 0
   };
   state.renderer = createRenderer(three, state);
-  const host = {
+  const host2 = {
     available: state.renderer !== null,
     register(view) {
       state.views.add(view);
@@ -182674,8 +182727,8 @@ function getThreeRendererHost(three) {
       }
     }
   };
-  sharedHost = host;
-  return host;
+  sharedHost = host2;
+  return host2;
 }
 var MAX_VIEW_PIXELS;
 var sharedHost;
@@ -185642,8 +185695,11 @@ function markWebControlContract(ctor) {
 }
 var RIBBON_COMMAND_STYLES = `
 :host { display: inline-flex; flex: none; }
+:host([hidden]) { display: none !important; }
+.badge { position:absolute; top:0; right:0; border-radius:99px; padding:0 3px; background:var(--pptx-primary,#6366f1); color:var(--pptx-primary-foreground,#fff); font-size:9px; }
+.badge[hidden] { display:none; }
 button {
-	box-sizing: border-box; display: inline-flex; flex-direction: column; align-items: center;
+	box-sizing: border-box; position:relative; display: inline-flex; flex-direction: column; align-items: center;
 	justify-content: flex-start; gap: 2px; min-width: 54px; max-width: 78px; height: 58px;
 	padding: 4px; border: 0; border-radius: 4px; background: transparent;
 	color: var(--pptx-foreground, #f9fafb); cursor: pointer; font: inherit;
@@ -185667,6 +185723,24 @@ button:focus-visible { outline: 2px solid var(--pptx-ring, #6366f1); outline-off
 }
 `;
 var RIBBON_ICON_PATHS = {
+  spelling: "M2 14 6 5l4 9M3.4 11.4h5.2M12 13.5l2 2 4-4.5",
+  book: "M3 4h5a2 2 0 0 1 2 2v10a2 2 0 0 0-2-2H3zM17 4h-5a2 2 0 0 0-2 2v10a2 2 0 0 1 2-2h5z",
+  shield: "M10 3 4 5.4v4.1c0 3.3 2.5 6 6 7.1 3.5-1.1 6-3.8 6-7.1V5.4zM7 10l2 2 4-4",
+  globe: "M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M3 10h14M10 3c-4 4-4 10 0 14 4-4 4-10 0-14",
+  languages: "M2 5h9M6 3v2M4 5c0 5 5 7 7 8M9 5c0 5-5 7-7 8M11 17l4-9 4 9M12.5 14h5",
+  copy: "M7 7h10v10H7ZM3 13V3h10",
+  compare: "M5 3v11M15 6v11M5 5h7l3 3M15 15H8l-3-3M3 14h4M13 6h4",
+  message: "M3 4h14v9H8l-5 4z",
+  messagePlus: "M3 4h14v9H8l-5 4zM10 6v5M7.5 8.5h5",
+  trash: "M4 6h12M8 6V4h4v2M6 6l.8 10h6.4L14 6",
+  chevronLeft: "m12 4-6 6 6 6",
+  chevronRight: "m8 4 6 6-6 6",
+  lock: "M4 9h12v8H4ZM7 9V6.5a3 3 0 0 1 6 0V9",
+  eyeOff: "M2.5 10S5.5 5 10 5s7.5 5 7.5 5-3 5-7.5 5-7.5-5-7.5-5zM4 4l12 12",
+  palette: "M10 2a8 8 0 1 0 0 16h1a2 2 0 0 0 1-3.7 1.5 1.5 0 0 1 1-2.3h2a3 3 0 0 0 3-3c0-4-4-7-8-7M6 6h.1M10 5h.1M14 7h.1M5 10h.1",
+  pencil: "M12 3l5 5M3 17l1-5L13 3l4 4-9 9Z",
+  monitor: "M2 3h16v11H2ZM7 18h6M10 14v4",
+  paint: "M3 9l6-6 8 8-6 6ZM4 4l8 8M3 18h12M17 13s-2 3-2 4a2 2 0 0 0 4 0c0-1-2-4-2-4",
   camera: "M2 6h4l2-3h4l2 3h4v11H2ZM7 11a3 3 0 1 0 6 0 3 3 0 1 0-6 0",
   eraser: "M3 12l8-8 6 6-7 7H7ZM3 17h14M7 8l6 6",
   reset: "M4 10a6 6 0 1 1 1.8 4.2M4 6v4h4",
@@ -185699,11 +185773,13 @@ function definePptxRibbonCommand(registry) {
       "pressed",
       "expanded",
       "title",
-      "data-ribbon-control"
+      "data-ribbon-control",
+      "badge"
     ];
     button;
     text;
     path;
+    badge;
     constructor() {
       super();
       const root = this.attachShadow({ mode: "open" });
@@ -185718,6 +185794,10 @@ function definePptxRibbonCommand(registry) {
       svg.append(this.path);
       this.text = document.createElement("span");
       this.button.append(svg, this.text);
+      this.badge = document.createElement("span");
+      this.badge.className = "badge";
+      this.badge.setAttribute("aria-hidden", "true");
+      this.button.append(this.badge);
       root.append(this.button);
       this.button.addEventListener("keydown", (event) => {
         if ((event.key === " " || event.key === "Enter") && !event.ctrlKey && !event.metaKey && !event.altKey) {
@@ -185741,6 +185821,8 @@ function definePptxRibbonCommand(registry) {
     }
     sync() {
       this.text.textContent = this.getAttribute("label") ?? "";
+      this.badge.textContent = this.getAttribute("badge") ?? "";
+      this.badge.hidden = !this.badge.textContent;
       this.button.title = this.getAttribute("title") ?? this.text.textContent;
       this.button.disabled = this.hasAttribute("disabled");
       this.path.setAttribute("d", RIBBON_ICON_PATHS[this.getAttribute("icon") ?? ""] ?? "");
@@ -185756,834 +185838,6 @@ function definePptxRibbonCommand(registry) {
   }
   registry.define("pptx-ui-ribbon-command", RibbonCommand);
 }
-var STYLES = `
-:host { display: inline-flex; flex: none; align-self: stretch; }
-.group { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
-	min-height: 78px; padding: 4px 8px 2px; border-right: 1px solid color-mix(in srgb, var(--pptx-border, #33334d) 60%, transparent); }
-:host(:last-child) .group { border-right: 0; }
-.row { display: flex; align-items: flex-start; gap: 4px; }
-::slotted(*) { flex-shrink: 0; }
-.caption { padding-top: 2px; color: var(--pptx-muted-foreground, #94a3b8); font: inherit;
-	font-size: 9px; line-height: 12px; text-align: center; white-space: nowrap; }
-`;
-function definePptxRibbonGroup(registry) {
-  if (registry.get("pptx-ui-ribbon-group")) {
-    return;
-  }
-  class RibbonGroup extends HTMLElement {
-    static observedAttributes = ["label"];
-    caption;
-    constructor() {
-      super();
-      const root = this.attachShadow({ mode: "open" });
-      attachControlStyles(root, STYLES);
-      const group2 = document.createElement("div");
-      group2.className = "group";
-      const row = document.createElement("div");
-      row.className = "row";
-      row.append(document.createElement("slot"));
-      this.caption = document.createElement("span");
-      this.caption.className = "caption";
-      group2.append(row, this.caption);
-      root.append(group2);
-    }
-    connectedCallback() {
-      this.setAttribute("role", "group");
-      this.sync();
-    }
-    attributeChangedCallback() {
-      this.sync();
-    }
-    sync() {
-      const label = this.getAttribute("label") ?? "";
-      this.caption.textContent = label;
-      this.setAttribute("aria-label", label);
-    }
-  }
-  registry.define("pptx-ui-ribbon-group", RibbonGroup);
-}
-function definePptxRibbonToggle(registry) {
-  if (registry.get("pptx-ui-ribbon-toggle")) {
-    return;
-  }
-  class RibbonToggle extends HTMLElement {
-    static observedAttributes = ["label", "checked", "disabled", "title"];
-    checkbox;
-    text;
-    constructor() {
-      super();
-      const root = this.attachShadow({ mode: "open" });
-      attachControlStyles(
-        root,
-        `
-:host { display: block; }
-label { display: flex; align-items: center; gap: 4px; min-height: 22px; padding: 0 4px;
-	color: var(--pptx-foreground, #f9fafb); font: inherit; font-size: 10px; white-space: nowrap; cursor: pointer; }
-:host([disabled]) label { color: var(--pptx-muted-foreground, #9ca3af); cursor: not-allowed; }
-@media (pointer: coarse), (max-width: 767px) { label { min-height: 44px; font-size: 12px; } }
-`
-      );
-      const label = document.createElement("label");
-      this.checkbox = document.createElement("pptx-ui-checkbox");
-      this.text = document.createTextNode("");
-      label.append(this.checkbox, this.text);
-      label.addEventListener("click", (event) => {
-        event.preventDefault();
-        if (event.target !== this.checkbox) {
-          this.checkbox.click();
-        }
-      });
-      this.checkbox.addEventListener("input", (event) => event.stopPropagation());
-      this.checkbox.addEventListener("change", (event) => {
-        event.stopPropagation();
-        const checked = this.checkbox.checked;
-        this.sync();
-        const id = this.getAttribute("data-ribbon-control");
-        if (!this.hasAttribute("disabled") && id) {
-          this.dispatchEvent(
-            new CustomEvent("toggle-request", {
-              detail: { id, checked },
-              bubbles: true,
-              composed: true
-            })
-          );
-        }
-      });
-      root.append(label);
-    }
-    connectedCallback() {
-      this.sync();
-    }
-    attributeChangedCallback() {
-      this.sync();
-    }
-    sync() {
-      const label = this.getAttribute("label") ?? "";
-      this.text.textContent = label;
-      this.checkbox.setAttribute("aria-label", label);
-      this.checkbox.title = this.getAttribute("title") ?? label;
-      this.checkbox.checked = this.hasAttribute("checked");
-      this.checkbox.disabled = this.hasAttribute("disabled");
-    }
-  }
-  registry.define("pptx-ui-ribbon-toggle", RibbonToggle);
-}
-var SEARCH_STYLES = `
-:host {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	box-sizing: border-box;
-	width: 100%;
-	height: 40px;
-	padding: 0 12px;
-	border: 1px solid var(--pptx-input, #374151);
-	background: var(--pptx-card, #111827);
-	color: var(--pptx-muted-foreground, #9ca3af);
-	font: inherit;
-}
-:host(:focus-within) { border-color: var(--pptx-ring, #6366f1); }
-:host([variant="titlebar"]) {
-	height: 28px;
-	gap: 7px;
-	padding-inline: 14px;
-	border-color: var(--pptx-border, #374151);
-	border-radius: 6px;
-	background: var(--pptx-background, #030712);
-}
-:host([variant="titlebar"]:focus-within) {
-	border-color: var(--pptx-ring, #6366f1);
-	color: var(--pptx-foreground, #f3f4f6);
-}
-:host([disabled]) { opacity: .5; cursor: not-allowed; }
-svg { width: 16px; height: 16px; flex: none; }
-:host([variant="titlebar"]) svg { width: 14px; height: 14px; }
-input {
-	min-width: 0;
-	width: 100%;
-	height: 100%;
-	flex: 1;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	background: transparent;
-	color: var(--pptx-card-foreground, #f3f4f6);
-	font: inherit;
-	font-size: 13px;
-}
-:host([variant="titlebar"]) input {
-	font-size: 11px;
-	color: var(--pptx-foreground, #f3f4f6);
-}
-input::placeholder {
-	color: var(--pptx-muted-foreground, #9ca3af);
-	opacity: .8;
-}
-input::-webkit-search-cancel-button { display: none; }
-@media (forced-colors: active) {
-	:host {
-		border-color: CanvasText;
-		background: Canvas;
-		color: CanvasText;
-	}
-	:host(:focus-within) {
-		outline: 2px solid Highlight;
-		outline-offset: 2px;
-	}
-	input { color: CanvasText; }
-}
-`;
-var SEARCH_ICON = `<svg part="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>`;
-function definePptxSearchField(registry) {
-  if (registry.get("pptx-ui-search")) {
-    return;
-  }
-  class PptxSearchField extends HTMLElement {
-    static observedAttributes = ["placeholder", "aria-label", "disabled", "value"];
-    input;
-    currentValue = "";
-    constructor() {
-      super();
-      const root = this.attachShadow({ mode: "open", delegatesFocus: true });
-      attachControlStyles(root, SEARCH_STYLES);
-      const icon = document.createElement("template");
-      icon.innerHTML = SEARCH_ICON;
-      root.append(icon.content.cloneNode(true));
-      this.input = document.createElement("input");
-      this.input.type = "search";
-      this.input.setAttribute("part", "input");
-      this.input.addEventListener("input", (event) => {
-        event.stopPropagation();
-        this.currentValue = this.input.value;
-        this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
-      });
-      this.input.addEventListener("change", (event) => {
-        event.stopPropagation();
-        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-      });
-      root.append(this.input);
-    }
-    connectedCallback() {
-      this.sync();
-      if (this.hasAttribute("value")) {
-        this.value = this.getAttribute("value") ?? "";
-      }
-    }
-    attributeChangedCallback(name) {
-      if (name === "value") {
-        this.value = this.getAttribute("value") ?? "";
-      } else {
-        this.sync();
-      }
-    }
-    get value() {
-      return this.currentValue;
-    }
-    set value(next) {
-      this.currentValue = String(next ?? "");
-      if (this.input.value !== this.currentValue) {
-        this.input.value = this.currentValue;
-      }
-    }
-    get disabled() {
-      return this.hasAttribute("disabled");
-    }
-    set disabled(next) {
-      this.toggleAttribute("disabled", Boolean(next));
-    }
-    focus(options) {
-      this.input.focus(options);
-    }
-    select() {
-      this.input.select();
-    }
-    sync() {
-      this.input.placeholder = this.getAttribute("placeholder") ?? "";
-      this.input.setAttribute(
-        "aria-label",
-        this.getAttribute("aria-label") ?? this.input.placeholder
-      );
-      this.input.disabled = this.hasAttribute("disabled");
-    }
-  }
-  registry.define("pptx-ui-search", PptxSearchField);
-}
-var SELECT_OPTION_ATTRIBUTES = [
-  "value",
-  "disabled",
-  "label",
-  "selected",
-  "hidden",
-  "data-display-label",
-  "data-description",
-  "style"
-];
-function collectSelectChoices(options) {
-  return options.map((option) => {
-    const group2 = option.parentElement instanceof HTMLOptGroupElement ? option.parentElement : null;
-    return {
-      value: option.value,
-      label: option.label || option.textContent?.trim() || "",
-      disabled: option.disabled || Boolean(group2?.disabled),
-      hidden: Boolean(option.hidden) || Boolean(group2?.hidden),
-      group: group2?.label ?? "",
-      ...option.dataset.displayLabel ? { displayLabel: option.dataset.displayLabel } : {},
-      ...option.dataset.description ? { description: option.dataset.description } : {},
-      ...option.style.fontFamily ? { fontFamily: option.style.fontFamily } : {}
-    };
-  });
-}
-function renderSelectMenu(menu, choices2, value) {
-  const menuItems = [];
-  let previousGroup = "";
-  choices2.forEach((choice, index) => {
-    if (choice.hidden) {
-      return;
-    }
-    if (choice.group && choice.group !== previousGroup) {
-      const heading = document.createElement("div");
-      heading.className = "group";
-      heading.setAttribute("role", "presentation");
-      heading.textContent = choice.group;
-      menuItems.push(heading);
-    }
-    previousGroup = choice.group;
-    const item3 = document.createElement("div");
-    item3.className = "option";
-    item3.setAttribute("role", "option");
-    item3.setAttribute("aria-selected", String(choice.value === value));
-    item3.setAttribute("aria-disabled", String(choice.disabled));
-    item3.id = `${menu.id}-${index}`;
-    item3.dataset.index = String(index);
-    item3.textContent = choice.displayLabel ?? choice.label;
-    if (choice.fontFamily) {
-      item3.style.fontFamily = choice.fontFamily;
-    }
-    if (choice.description) {
-      const description = document.createElement("span");
-      description.className = "description";
-      description.textContent = choice.description;
-      item3.append(description);
-    }
-    menuItems.push(item3);
-  });
-  menu.replaceChildren(...menuItems);
-}
-function positionSelectMenu(menu, trigger) {
-  const rect22 = trigger.getBoundingClientRect();
-  const margin = 8;
-  const gap = 4;
-  const width = Math.max(0, window.innerWidth - margin * 2);
-  const below = Math.max(0, window.innerHeight - rect22.bottom - gap - margin);
-  const above = Math.max(0, rect22.top - gap - margin);
-  menu.style.minWidth = `${Math.min(rect22.width, width)}px`;
-  menu.style.maxWidth = `${width}px`;
-  const heightCap = trigger.getRootNode() instanceof ShadowRoot && trigger.getRootNode().host.getAttribute("data-font-picker") === "family" ? 320 : 240;
-  menu.style.maxHeight = `${heightCap}px`;
-  const preferredHeight = menu.getBoundingClientRect().height;
-  const flip = below < preferredHeight && above > below;
-  menu.style.maxHeight = `${Math.min(heightCap, flip ? above : below)}px`;
-  const { height, width: menuWidth } = menu.getBoundingClientRect();
-  menu.style.top = `${Math.max(margin, flip ? rect22.top - gap - height : rect22.bottom + gap)}px`;
-  menu.style.left = `${Math.max(margin, Math.min(rect22.left, window.innerWidth - menuWidth - margin))}px`;
-}
-function markSelectActive(menu, trigger, active2, open) {
-  for (const item3 of menu.querySelectorAll("[data-index]")) {
-    item3.toggleAttribute("data-active", Number(item3.dataset.index) === active2 && open);
-  }
-  if (open && active2 >= 0) {
-    trigger.setAttribute("aria-activedescendant", `${menu.id}-${active2}`);
-  }
-  menu.querySelector("[data-active]")?.scrollIntoView?.({ block: "nearest" });
-}
-function nextSelectActive(choices2, active2, step) {
-  for (let index = 0; index < choices2.length; index++) {
-    active2 = (active2 + step + choices2.length) % choices2.length;
-    if (!choices2[active2].disabled && !choices2[active2].hidden) {
-      return active2;
-    }
-  }
-  return active2;
-}
-var SELECT_RIBBON_STYLES = `
-:host([variant^="ribbon-"][disabled]) { opacity: .4; }
-:host([variant^="ribbon-"]) button {
-	height: 28px; min-height: 28px; padding: 4px 8px; gap: 4px;
-	border: 1px solid color-mix(in oklab, var(--pptx-border) 60%, transparent);
-	border-radius: 3px; font-size: 12px; line-height: 18px;
-	background: color-mix(in oklab, var(--pptx-background) 60%, transparent);
-	color: var(--pptx-foreground);
-}
-:host([variant^="ribbon-"]) .value { flex: 1; min-width: 0; }
-:host([variant^="ribbon-"]) .chevron {
-	width: 16px; height: 16px; margin: 0; border: 0; transform: none;
-}
-:host([variant^="ribbon-"]) .chevron svg { display: block; width: 16px; height: 16px; }
-:host([variant="ribbon-font"]) .chevron { color: var(--pptx-muted-foreground); }
-:host([variant="ribbon-font"][data-font-picker="size"]) button { padding-inline: 6px; }
-:host([variant="ribbon-icon"]) button {
-	width: 36px; gap: 6px; padding: 6px 10px; border: 0; font-size: 12px; line-height: 16px;
-	background: var(--pptx-muted); justify-content: center;
-}
-:host([variant="ribbon-icon"]) :is(.value, .chevron) { display: none; }
-::slotted(svg[slot="icon"]) { display: block; width: 16px; height: 16px; flex: none; }
-:host([variant^="ribbon-"]) button:hover:not(:disabled) { background: var(--pptx-accent); }
-:host([variant^="ribbon-"]) .menu {
-	width: 192px; padding: 4px 0; border-radius: 8px; font-size: 12px; line-height: 16px;
-}
-:host([data-font-picker="family"]) .menu { width: 256px; }
-:host([variant^="ribbon-"]) .option {
-	display: flex; justify-content: space-between; gap: 12px; padding: 6px 12px; border-radius: 0;
-}
-:host([variant^="ribbon-"]) .option[aria-selected="true"] {
-	background: transparent; color: var(--pptx-foreground);
-}
-:host([variant^="ribbon-"]) .option:hover,
-:host([variant^="ribbon-"]) .option[data-active] { background: var(--pptx-muted); filter: none; }
-:host([variant^="ribbon-"]) .group {
-	padding: 8px 12px 4px; text-transform: uppercase; letter-spacing: .25px;
-	font-size: 10px; line-height: 15px;
-}
-@media (max-width: 767px) {
-  :host([variant^="ribbon-"]) button { height: 44px; min-height: 44px; }
-}
-.description { flex: none; color: var(--pptx-muted-foreground); font-size: 10px; line-height: 15px; }
-`;
-var SELECT_STYLES = `
-:host {
-	display: inline-block;
-	box-sizing: border-box;
-	min-width: 0;
-	max-width: 100%;
-	border: 0 !important;
-	padding: 0 !important;
-	background: transparent !important;
-	box-shadow: none !important;
-	color: var(--pptx-foreground, #e2e8f0);
-	font: inherit;
-	font-size: 12px;
-	vertical-align: middle;
-}
-:host([disabled]) { opacity: .5; cursor: not-allowed; }
-button {
-	box-sizing: border-box;
-	width: 100%;
-	min-height: 28px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 10px;
-	padding: 4px 7px;
-	border: 1px solid var(--pptx-border, #3f3f52);
-	border-radius: 5px;
-	background: var(--pptx-select-control-bg, var(--pptx-background, #11111b));
-	color: inherit;
-	font: inherit;
-	font-size: inherit;
-	text-align: left;
-	cursor: pointer;
-}
-:host(.bg-muted) button { background: var(--pptx-muted, #1f2937); }
-:host(.bg-popover) button { background: var(--pptx-popover, #111827); }
-button:focus-visible {
-	outline: 2px solid var(--pptx-ring, #6366f1);
-	outline-offset: 2px;
-}
-button:disabled { cursor: not-allowed; }
-@media (pointer: coarse), (max-width: 767px) {
-	button { min-height: 44px; }
-}
-.value {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-.chevron svg { display: none; }
-.chevron {
-	flex: none;
-	width: 6px;
-	height: 6px;
-	margin: 0 2px 3px 0;
-	border-right: 1.5px solid currentColor;
-	border-bottom: 1.5px solid currentColor;
-	transform: rotate(45deg);
-}
-:host([open]) .chevron {
-	margin: 3px 2px 0 0;
-	transform: rotate(225deg);
-}
-.menu {
-	box-sizing: border-box;
-	position: fixed;
-	margin: 0;
-	padding: 4px;
-	min-width: 90px;
-	max-height: min(240px, 50vh);
-	overflow: auto;
-	border: 1px solid var(--pptx-border, #3f3f52);
-	border-radius: 5px;
-	background: var(--pptx-popover, var(--pptx-background, #11111b));
-	color: var(--pptx-popover-foreground, var(--pptx-foreground, #e2e8f0));
-	box-shadow: 0 8px 20px #0004;
-	font: inherit;
-	font-size: inherit;
-}
-.menu:not(:popover-open):not([data-fallback-open]) { display: none; }
-.option {
-	display: block;
-	box-sizing: border-box;
-	width: 100%;
-	padding: 6px 8px;
-	border-radius: 3px;
-	cursor: pointer;
-	white-space: nowrap;
-}
-.group {
-	padding: 7px 8px 3px;
-	color: var(--pptx-muted-foreground, #9ca3af);
-	font-size: .9em;
-	font-weight: 600;
-}
-.option:not([aria-disabled="true"]):hover,
-.option[data-active]:not([aria-selected="true"]) {
-	background: color-mix(in srgb, var(--pptx-primary, #e86a40) 20%, var(--pptx-popover, #11111b));
-}
-.option[aria-selected="true"] {
-	background: var(--pptx-primary, #e86a40);
-	color: var(--pptx-primary-foreground, #fff);
-}
-.option[aria-selected="true"]:hover { filter: brightness(1.08); }
-.option[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
-@media (forced-colors: active) {
-	button, .menu {
-		border-color: CanvasText;
-		background: Canvas;
-		color: CanvasText;
-	}
-	.option[aria-selected="true"],
-	.option[data-active],
-	.option:not([aria-disabled="true"]):hover {
-		background: Highlight;
-		color: HighlightText;
-	}
-}
-${SELECT_RIBBON_STYLES}
-`;
-function createSelectTrigger() {
-  const trigger = document.createElement("button");
-  trigger.type = "button";
-  trigger.setAttribute("part", "trigger");
-  trigger.setAttribute("role", "combobox");
-  trigger.setAttribute("aria-haspopup", "listbox");
-  trigger.setAttribute("aria-expanded", "false");
-  const icon = document.createElement("slot");
-  icon.name = "icon";
-  const text22 = document.createElement("span");
-  text22.className = "value";
-  text22.setAttribute("part", "value");
-  const chevron2 = document.createElement("span");
-  chevron2.className = "chevron";
-  chevron2.setAttribute("part", "indicator");
-  chevron2.setAttribute("aria-hidden", "true");
-  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  svg.setAttribute("viewBox", "0 0 24 24");
-  svg.setAttribute("fill", "none");
-  svg.setAttribute("stroke", "currentColor");
-  svg.setAttribute("stroke-width", "2");
-  svg.setAttribute("stroke-linecap", "round");
-  svg.setAttribute("stroke-linejoin", "round");
-  const path = document.createElementNS(svg.namespaceURI, "path");
-  path.setAttribute("d", "m6 9 6 6 6-6");
-  svg.append(path);
-  chevron2.append(svg);
-  trigger.append(icon, text22, chevron2);
-  return { trigger, text: text22 };
-}
-function prependSelectCustomSlot(host, menu) {
-  if (host.querySelector('[slot="custom"]')) {
-    const custom = document.createElement("slot");
-    custom.name = "custom";
-    menu.prepend(custom);
-  }
-}
-function createSelectValueElement() {
-  class SelectValueElement extends HTMLElement {
-    get value() {
-      const requested = this.getAttribute("value");
-      const options = this.options;
-      if (this.getAttribute("variant") === "ribbon-font" && requested !== null) {
-        return requested;
-      }
-      if (requested !== null && (!options.length || options.some((option) => option.value === requested))) {
-        return requested;
-      }
-      return options.find((option) => option.selected)?.value ?? options.find(
-        (option) => !option.disabled && !option.closest("optgroup[disabled]") && !option.hidden
-      )?.value ?? options[0]?.value ?? requested ?? "";
-    }
-    set value(next) {
-      this.setAttribute("value", String(next ?? ""));
-    }
-    get options() {
-      return [...this.querySelectorAll("option")];
-    }
-    get selectedIndex() {
-      return this.options.findIndex((option) => option.value === this.value);
-    }
-    set selectedIndex(index) {
-      this.value = this.options[index]?.value ?? "";
-    }
-  }
-  return SelectValueElement;
-}
-var nextSelectId = 0;
-function definePptxSelect(registry) {
-  if (registry.get("pptx-ui-select")) {
-    return;
-  }
-  class PptxSelect extends createSelectValueElement() {
-    static formAssociated = true;
-    static observedAttributes = ["value", "disabled", "aria-label"];
-    internals;
-    trigger;
-    text;
-    menu;
-    observer;
-    refreshFrame = 0;
-    choices = [];
-    active = -1;
-    open = false;
-    search = "";
-    searchTimer = 0;
-    defaultValue = "";
-    constructor() {
-      super();
-      try {
-        this.internals = this.attachInternals();
-      } catch {
-        this.internals = void 0;
-      }
-      const root = this.attachShadow({ mode: "open", delegatesFocus: true });
-      attachControlStyles(root, SELECT_STYLES);
-      ({ trigger: this.trigger, text: this.text } = createSelectTrigger());
-      this.menu = document.createElement("div");
-      this.menu.className = "menu";
-      this.menu.id = `pptx-ui-select-options-${++nextSelectId}`;
-      this.menu.setAttribute("role", "listbox");
-      this.menu.setAttribute("popover", "manual");
-      this.menu.setAttribute("part", "popup");
-      this.trigger.setAttribute("aria-controls", this.menu.id);
-      root.append(this.trigger, this.menu);
-      this.trigger.addEventListener("click", () => this.open ? this.close() : this.show());
-      this.trigger.addEventListener("keydown", (event) => this.onKeyDown(event));
-      this.menu.addEventListener("pointerdown", (event) => {
-        if (event.target.closest("[data-index]")) {
-          event.preventDefault();
-        }
-      });
-      this.menu.addEventListener("click", (event) => {
-        const target = event.target.closest("[data-index]");
-        if (target) {
-          this.commit(Number(target.dataset.index));
-        }
-      });
-      this.observer = new MutationObserver(() => {
-        if (!this.refreshFrame) {
-          this.refreshFrame = requestAnimationFrame(() => {
-            this.refreshFrame = 0;
-            this.refresh();
-          });
-        }
-      });
-    }
-    connectedCallback() {
-      this.defaultValue = this.getAttribute("value") ?? "";
-      this.observer.observe(this, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        characterData: true,
-        attributeFilter: SELECT_OPTION_ATTRIBUTES
-      });
-      this.refresh();
-    }
-    disconnectedCallback() {
-      this.close();
-      window.clearTimeout(this.searchTimer);
-      this.searchTimer = 0;
-      this.search = "";
-      this.observer.disconnect();
-      cancelAnimationFrame(this.refreshFrame);
-      this.refreshFrame = 0;
-    }
-    attributeChangedCallback() {
-      this.refresh();
-    }
-    get disabled() {
-      return this.hasAttribute("disabled");
-    }
-    set disabled(next) {
-      this.toggleAttribute("disabled", Boolean(next));
-    }
-    focus(options) {
-      this.trigger.focus(options);
-    }
-    formResetCallback() {
-      this.value = this.defaultValue;
-    }
-    formDisabledCallback(disabled) {
-      this.disabled = disabled;
-    }
-    refresh() {
-      if (!this.trigger) {
-        return;
-      }
-      const options = [...this.querySelectorAll("option")];
-      this.choices = collectSelectChoices(options);
-      if (!this.hasAttribute("value") && this.choices.length) {
-        this.value = options.find((option) => option.selected)?.value ?? this.choices.find((choice) => !choice.disabled && !choice.hidden)?.value ?? this.choices[0].value;
-      }
-      this.text.textContent = this.choices.find((choice) => choice.value === this.value)?.displayLabel ?? this.choices.find((choice) => choice.value === this.value)?.label ?? this.value;
-      this.trigger.disabled = this.disabled;
-      if (this.disabled) {
-        this.close();
-      }
-      this.trigger.setAttribute("aria-label", this.getAttribute("aria-label") ?? "");
-      this.internals?.setFormValue?.(this.disabled ? null : this.value);
-      if (this.open || this.menu.childElementCount) {
-        this.renderMenu();
-      }
-    }
-    renderMenu() {
-      renderSelectMenu(this.menu, this.choices, this.value);
-      prependSelectCustomSlot(this, this.menu);
-      markSelectActive(this.menu, this.trigger, this.active, this.open);
-    }
-    show() {
-      if (this.disabled || !this.choices.some((choice) => !choice.disabled && !choice.hidden) || this.open) {
-        return;
-      }
-      this.open = true;
-      this.setAttribute("open", "");
-      const selected = this.choices.findIndex(
-        (choice) => choice.value === this.value && !choice.disabled && !choice.hidden
-      );
-      this.active = selected >= 0 ? selected : this.choices.findIndex((choice) => !choice.disabled && !choice.hidden);
-      this.renderMenu();
-      if (typeof this.menu.showPopover === "function") {
-        this.menu.showPopover();
-      } else {
-        this.menu.dataset.fallbackOpen = "";
-      }
-      this.trigger.setAttribute("aria-expanded", "true");
-      this.position();
-      markSelectActive(this.menu, this.trigger, this.active, this.open);
-      document.addEventListener("pointerdown", this.onOutside, true);
-      window.addEventListener("resize", this.position);
-      window.addEventListener("scroll", this.position, true);
-    }
-    close() {
-      if (!this.open) {
-        return;
-      }
-      this.open = false;
-      window.clearTimeout(this.searchTimer);
-      this.search = "";
-      this.removeAttribute("open");
-      if (this.menu.matches(":popover-open")) {
-        this.menu.hidePopover();
-      }
-      delete this.menu.dataset.fallbackOpen;
-      this.trigger.setAttribute("aria-expanded", "false");
-      this.trigger.removeAttribute("aria-activedescendant");
-      document.removeEventListener("pointerdown", this.onOutside, true);
-      window.removeEventListener("resize", this.position);
-      window.removeEventListener("scroll", this.position, true);
-    }
-    onOutside = (event) => {
-      if (!event.composedPath().includes(this)) {
-        this.close();
-      }
-    };
-    position = () => {
-      if (!this.open) {
-        return;
-      }
-      positionSelectMenu(this.menu, this.trigger);
-    };
-    move(step) {
-      if (!this.open) {
-        this.show();
-      }
-      if (!this.open) {
-        return;
-      }
-      this.active = nextSelectActive(this.choices, this.active, step);
-      markSelectActive(this.menu, this.trigger, this.active, this.open);
-    }
-    commit(index) {
-      const choice = this.choices[index];
-      if (!choice || choice.disabled || choice.hidden) {
-        return;
-      }
-      const changed = this.value !== choice.value;
-      this.value = choice.value;
-      this.close();
-      this.trigger.focus();
-      if (changed) {
-        this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
-        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-      }
-    }
-    onKeyDown(event) {
-      if (this.disabled) {
-        return;
-      }
-      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-        event.preventDefault();
-        event.stopPropagation();
-        this.move(event.key === "ArrowDown" ? 1 : -1);
-      } else if (event.key === "Home" || event.key === "End") {
-        event.preventDefault();
-        event.stopPropagation();
-        this.show();
-        this.active = event.key === "Home" ? nextSelectActive(this.choices, -1, 1) : nextSelectActive(this.choices, 0, -1);
-        markSelectActive(this.menu, this.trigger, this.active, this.open);
-      } else if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        event.stopPropagation();
-        if (this.open) {
-          this.commit(this.active);
-        } else {
-          this.show();
-        }
-      } else if (event.key === "Escape" && this.open) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.close();
-        this.trigger.focus();
-      } else if (event.key === "Tab") {
-        this.close();
-      } else if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
-        event.stopPropagation();
-        this.search += event.key.toLocaleLowerCase();
-        window.clearTimeout(this.searchTimer);
-        this.searchTimer = window.setTimeout(() => {
-          this.search = "";
-        }, 700);
-        this.show();
-        const index = this.choices.findIndex(
-          (choice) => !choice.disabled && !choice.hidden && choice.label.toLocaleLowerCase().startsWith(this.search)
-        );
-        if (index >= 0) {
-          this.active = index;
-          markSelectActive(this.menu, this.trigger, this.active, this.open);
-        }
-      }
-    }
-  }
-  registry.define("pptx-ui-select", PptxSelect);
-}
 function resolveLiveCustomGeometryPath(element) {
   const el = element;
   if (!el.pathData || !el.pathWidth || !el.pathHeight) {
@@ -195140,7 +194394,9 @@ function buildChartStylePresets(chartData) {
       id,
       labelKey,
       colors,
-      applied: paletteEquals(colors, chartData.colorPalette)
+      applied: paletteEquals(colors, chartData.colorPalette) || !chartData.colorPalette && Boolean(chartData.series?.length) && chartData.series.every(
+        (series, index) => series.color?.toLowerCase() === colors[index % colors.length]?.toLowerCase()
+      )
     };
   });
 }
@@ -211916,6 +211172,8 @@ var translationsEn = {
   "pptx.ribbon.width": "Width",
   "pptx.ribbon.strokeWidth": "Stroke width",
   "pptx.ribbon.browseThemes": "Browse Themes",
+  "pptx.ribbon.groupThemes": "Themes",
+  "pptx.ribbon.groupCustomize": "Customize",
   "pptx.ribbon.browseThemesTitle": "Browse and apply built-in themes",
   "pptx.ribbon.theme.default": "Default",
   "pptx.ribbon.theme.light": "Light (Vermilion)",
@@ -213161,6 +212419,7 @@ var translationsEn = {
   "pptx.review.hideInk": "Hide Ink",
   "pptx.review.markAllRead": "Mark All as Read",
   "pptx.review.proofing": "Proofing",
+  "pptx.review.ink": "Ink",
   "pptx.review.protect": "Protect",
   "pptx.review.readOnly": "Always Open Read-Only",
   "pptx.review.restrictPermission": "Restrict Permission",
@@ -223545,22 +222804,22 @@ function observeExternalCollaborationSession(session, onSnapshot) {
   }
   return dispose;
 }
-function borrowExternalCollaborationAwareness(host) {
+function borrowExternalCollaborationAwareness(host2) {
   let disposed = false;
   let ownsPresence = false;
   let hadPresence = false;
   let previousPresence;
   let lastPresence;
   const awareness = {
-    clientID: host.clientID,
-    getStates: () => host.getStates(),
-    on: (event, callback) => host.on(event, callback),
-    off: (event, callback) => host.off(event, callback),
+    clientID: host2.clientID,
+    getStates: () => host2.getStates(),
+    on: (event, callback) => host2.on(event, callback),
+    off: (event, callback) => host2.off(event, callback),
     setLocalStateField: (field, value) => {
       if (disposed) {
         return;
       }
-      const state = host.getLocalState();
+      const state = host2.getLocalState();
       if (state === null) {
         return;
       }
@@ -223572,7 +222831,7 @@ function borrowExternalCollaborationAwareness(host) {
         lastPresence = value;
         ownsPresence = true;
       }
-      host.setLocalStateField(field, value);
+      host2.setLocalStateField(field, value);
     }
   };
   return {
@@ -223582,7 +222841,7 @@ function borrowExternalCollaborationAwareness(host) {
         return;
       }
       disposed = true;
-      const current = host.getLocalState();
+      const current = host2.getLocalState();
       if (!ownsPresence || current === null || current.presence !== lastPresence) {
         return;
       }
@@ -223592,7 +222851,7 @@ function borrowExternalCollaborationAwareness(host) {
       } else {
         delete restored.presence;
       }
-      host.setLocalState(restored);
+      host2.setLocalState(restored);
     }
   };
 }
@@ -229135,6 +228394,151 @@ var HELP_RIBBON_COMMANDS = [
     icon: "accessibility"
   }
 ];
+var DESIGN_RIBBON_GROUPS = [
+  { id: "design.themes", labelKey: "pptx.ribbon.groupThemes" },
+  { id: "design.variants", labelKey: "pptx.ribbon.groupVariants" },
+  { id: "design.customize", labelKey: "pptx.ribbon.groupCustomize" }
+];
+function designCommandState(id, state) {
+  const slideSize = id === "design.customize.slideSize";
+  const background = id === "design.customize.formatBackground";
+  const active2 = id === "design.themes.browseThemes" ? state.galleryOpen : id === "design.themes.editTheme" ? state.editorOpen : background ? state.backgroundOpen : false;
+  return {
+    disabled: !slideSize && !state.editable,
+    active: Boolean(active2),
+    expanded: slideSize ? void 0 : Boolean(active2),
+    hidden: slideSize && state.hasSlideSize === false || background && state.hasBackground === false
+  };
+}
+var DESIGN_RIBBON_COMMANDS = [
+  {
+    id: "design.themes.browseThemes",
+    labelKey: "pptx.ribbon.browseThemes",
+    titleKey: "pptx.ribbon.browseThemesTitle",
+    icon: "palette"
+  },
+  {
+    id: "design.themes.editTheme",
+    labelKey: "pptx.ribbon.editTheme",
+    titleKey: "pptx.design.editThemeTooltip",
+    icon: "pencil"
+  },
+  {
+    id: "design.customize.slideSize",
+    labelKey: "pptx.ribbon.slideSize",
+    titleKey: "pptx.ribbon.slideSizeTitle",
+    icon: "monitor"
+  },
+  {
+    id: "design.customize.formatBackground",
+    labelKey: "pptx.ribbon.formatBackground",
+    titleKey: "pptx.ribbon.formatBackgroundTitle",
+    icon: "paint"
+  }
+];
+function buildReviewRibbon(t, state) {
+  const label = (key2, fallback) => {
+    const value = t(key2);
+    return value && value !== key2 ? value : fallback;
+  };
+  const command = (id, key2, fallback, icon, options = {}) => ({ id, label: label(key2, fallback), icon, ...options });
+  const group2 = (id, key2, fallback, commands) => ({ id, label: label(key2, fallback), commands });
+  return [
+    group2("review.proofing", "pptx.review.proofing", "Proofing", [
+      command("review.proofing.spelling", "pptx.review.spelling", "Spelling", "spelling", {
+        active: state.spellCheck,
+        pressed: state.spellCheck,
+        disabled: state.canSpellCheck === false,
+        title: label("pptx.review.toggleSpellCheck", "Toggle spell check")
+      }),
+      command("review.proofing.thesaurus", "pptx.review.thesaurus", "Thesaurus", "book", {
+        disabled: true
+      })
+    ]),
+    group2("review.accessibility", "pptx.review.accessibility", "Accessibility", [
+      command(
+        "review.accessibility.check",
+        "pptx.review.accessibilityCheck",
+        "Check Accessibility",
+        "shield",
+        { disabled: state.canAccessibility === false, active: state.accessibilityOpen }
+      )
+    ]),
+    group2("review.language", "pptx.review.language", "Language", [
+      command("review.language.translate", "pptx.review.translate", "Translate", "languages", {
+        disabled: true
+      }),
+      command("review.language.language", "pptx.review.language", "Language", "globe", {
+        disabled: !state.canLanguage,
+        hidden: state.languageHidden
+      })
+    ]),
+    group2("review.compare", "pptx.review.changes", "Changes", [
+      command("review.compare.markAllRead", "pptx.review.markAllRead", "Mark All as Read", "copy", {
+        disabled: true
+      }),
+      command("review.compare.compare", "pptx.ribbon.compare", "Compare", "compare", {
+        disabled: !state.editable || !state.canCompare,
+        hidden: !state.canCompare,
+        title: label("pptx.ribbon.compareTitle", "Compare presentations")
+      })
+    ]),
+    group2("review.comments", "pptx.toolbar.comments", "Comments", [
+      command("review.comments.newComment", "pptx.toolbar.comments", "Comments", "messagePlus", {
+        disabled: !state.canComments,
+        active: state.commentsOpen,
+        expanded: state.commentsOpen,
+        badge: state.commentCount,
+        title: label("pptx.review.toggleComments", "Toggle comments")
+      }),
+      command("review.comments.delete", "pptx.common.delete", "Delete", "trash", {
+        disabled: true,
+        compact: true,
+        column: 1
+      }),
+      command("review.comments.previous", "pptx.common.previous", "Previous", "chevronLeft", {
+        disabled: true,
+        compact: true,
+        column: 1
+      }),
+      command("review.comments.next", "pptx.common.next", "Next", "chevronRight", {
+        disabled: true,
+        compact: true,
+        column: 2
+      }),
+      command(
+        "review.comments.showComments",
+        "pptx.review.showComments",
+        "Show Comments",
+        "message",
+        {
+          disabled: !state.canComments,
+          active: state.commentsOpen,
+          expanded: state.commentsOpen,
+          compact: true,
+          column: 2
+        }
+      )
+    ]),
+    group2("review.protect", "pptx.review.protect", "Protect", [
+      command("review.protect.readOnly", "pptx.review.readOnly", "Always Open Read-only", "lock", {
+        disabled: true
+      }),
+      command(
+        "review.protect.restrictPermission",
+        "pptx.review.restrictPermission",
+        "Restrict Permission",
+        "shield",
+        { disabled: true }
+      )
+    ]),
+    group2("review.ink", "pptx.review.ink", "Ink", [
+      command("review.ink.hideInk", "pptx.review.hideInk", "Hide Ink", "eyeOff", {
+        disabled: true
+      })
+    ])
+  ];
+}
 function resetSlideLayoutPath(slide) {
   const path = slide?.layoutPath;
   return typeof path === "string" && path !== "" ? path : void 0;
@@ -238566,12 +237970,12 @@ function shouldShowMediaFullscreenStopButton(input) {
 var ONLINE_VIDEO_IFRAME_ALLOW = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen";
 var ONLINE_VIDEO_IFRAME_SANDBOX = "allow-scripts allow-same-origin allow-popups allow-presentation";
 function youtubeVideoId(url) {
-  const host = url.hostname.replace(/^www\./, "").toLowerCase();
-  if (host === "youtu.be") {
+  const host2 = url.hostname.replace(/^www\./, "").toLowerCase();
+  if (host2 === "youtu.be") {
     const id = url.pathname.split("/").filter(Boolean)[0];
     return id || void 0;
   }
-  if (host !== "youtube.com" && host !== "m.youtube.com" && host !== "youtube-nocookie.com") {
+  if (host2 !== "youtube.com" && host2 !== "m.youtube.com" && host2 !== "youtube-nocookie.com") {
     return void 0;
   }
   if (url.pathname.startsWith("/embed/")) {
@@ -238588,12 +237992,12 @@ function youtubeVideoId(url) {
   return void 0;
 }
 function vimeoVideoId(url) {
-  const host = url.hostname.replace(/^www\./, "").toLowerCase();
-  if (host === "player.vimeo.com") {
+  const host2 = url.hostname.replace(/^www\./, "").toLowerCase();
+  if (host2 === "player.vimeo.com") {
     const match2 = /^\/video\/(\d+)/.exec(url.pathname);
     return match2?.[1];
   }
-  if (host !== "vimeo.com") {
+  if (host2 !== "vimeo.com") {
     return void 0;
   }
   const match = /^\/(?:channels\/[^/]+\/|groups\/[^/]+\/videos\/)?(\d+)/.exec(url.pathname);
@@ -240764,9 +240168,9 @@ function resolveAutosaveActivation(input) {
 var AUTOSAVE_DEFAULT_INTERVAL_MS = AUTOSAVE_DEFAULT_INTERVAL_SECONDS * 1e3;
 var HOST_INTERVAL_FLOOR_MS = 50;
 function resolveAutosaveIntervalMs(input) {
-  const host = input.hostIntervalMs;
-  if (typeof host === "number" && Number.isFinite(host)) {
-    return Math.max(HOST_INTERVAL_FLOOR_MS, host);
+  const host2 = input.hostIntervalMs;
+  if (typeof host2 === "number" && Number.isFinite(host2)) {
+    return Math.max(HOST_INTERVAL_FLOOR_MS, host2);
   }
   const seconds = input.optionsIntervalSeconds;
   if (typeof seconds === "number" && Number.isFinite(seconds)) {
@@ -243671,7 +243075,7 @@ var RIBBON_CATALOG_TAIL_TABS = {
   review: {
     proofing: { label: "Proofing", controls: { spelling: "Spelling", thesaurus: "Thesaurus" } },
     accessibility: { label: "Accessibility", controls: { check: "Check Accessibility" } },
-    language: { label: "Language", controls: { translate: "Translate" } },
+    language: { label: "Language", controls: { translate: "Translate", language: "Language" } },
     comments: {
       label: "Comments",
       controls: {
@@ -247330,8 +246734,57 @@ function applyShapeStylesItem(itemId, ctx) {
     }
   };
 }
+function smartArtColorPatch(data, fillColors) {
+  const original = data.colorTransform;
+  const roles = original?.roleColors ?? Object.fromEntries(
+    (original?.labels ?? [{ name: "node0" }, { name: "node1" }]).map((label) => [
+      label.name,
+      { fill: [], line: [] }
+    ])
+  );
+  const roleColors = Object.fromEntries(
+    Object.entries(roles).map(([name, colors]) => [
+      name,
+      /^node\d+$/u.test(name) ? { ...colors, fill: [...fillColors] } : colors
+    ])
+  );
+  const flat = flattenNodes(data.nodes);
+  const shapes = data.drawingShapes;
+  return {
+    colorTransformDirty: true,
+    colorTransform: {
+      ...original,
+      fillColors: [...fillColors],
+      lineColors: original?.lineColors ?? [],
+      roleColors,
+      fillInterpolation: { method: "cycle" },
+      labels: original?.labels?.map(
+        (label) => /^node\d+$/u.test(label.name) ? { ...label, fill: { ...label.fill, method: "cycle" } } : label
+      )
+    },
+    drawingDirty: Boolean(shapes?.length),
+    drawingShapes: shapes?.map((shape, index) => {
+      const nodeId = resolveDrawingShapeNodeId(shape, index, shapes, data.nodes);
+      const nodeIndex = flat.findIndex((node) => node.id === nodeId);
+      return nodeIndex < 0 ? shape : {
+        ...shape,
+        fillColor: fillColors[nodeIndex % fillColors.length],
+        fillGradientStops: void 0,
+        fillGradientType: void 0,
+        fillGradientAngle: void 0
+      };
+    })
+  };
+}
 function applySmartArtDataPatch(data, patch, box, elementId = "inspector") {
   const next = { ...data, ...patch };
+  if (patch.style !== void 0) {
+    next.quickStyleDirty = true;
+    next.quickStyle = {
+      ...next.quickStyle,
+      effectIntensity: patch.style === "flat" ? "subtle" : patch.style
+    };
+  }
   return box ? rebuildDrawingShapesIfCleared(
     next,
     next.layout,
@@ -247449,8 +246902,14 @@ var SMARTART_COLORS_GALLERY = {
   build(ctx) {
     const element = ctx.element;
     const data = element?.type === "smartArt" ? element.smartArtData : void 0;
-    const current = data ? data.colorScheme ?? "colorful1" : void 0;
     const scheme = galleryColorScheme(ctx);
+    const fills = data?.colorTransform?.fillColors;
+    const matched = fills?.length ? SMARTART_COLOR_ENTRIES.find(
+      (entry5) => entry5.accents.length === fills.length && entry5.accents.every(
+        (accent, index) => scheme[accent].toLowerCase() === fills[index].toLowerCase()
+      )
+    )?.id : void 0;
+    const current = data ? data.colorScheme ?? matched ?? (fills?.length ? void 0 : "colorful1") : void 0;
     const sections3 = SECTIONS.map((section) => ({
       id: section.id,
       titleKey: `pptx.gallery.smartArtColors.section.${section.id}`,
@@ -247485,7 +246944,15 @@ var SMARTART_COLORS_GALLERY = {
   },
   apply(itemId, ctx) {
     const entry5 = SMARTART_COLOR_ENTRIES.find((candidate) => candidate.id === itemId);
-    const patch = entry5 ? smartArtElementPatch(ctx.element, { colorScheme: entry5.id }) : null;
+    const data = ctx.element?.type === "smartArt" ? ctx.element.smartArtData : void 0;
+    const scheme = galleryColorScheme(ctx);
+    const patch = entry5 && data ? smartArtElementPatch(ctx.element, {
+      colorScheme: entry5.id,
+      ...smartArtColorPatch(
+        data,
+        entry5.accents.map((accent) => scheme[accent])
+      )
+    }) : null;
     return patch ? { kind: "element", ...patch } : null;
   }
 };
@@ -247494,7 +246961,8 @@ var SMARTART_STYLES_GALLERY = {
   build(ctx) {
     const element = ctx.element;
     const data = element?.type === "smartArt" ? element.smartArtData : void 0;
-    const current = data ? data.style ?? "flat" : void 0;
+    const intensity = data?.quickStyle?.effectIntensity;
+    const current = data ? data.style ?? (intensity === "moderate" || intensity === "intense" ? intensity : "flat") : void 0;
     const accent1 = galleryColorScheme(ctx).accent1;
     return {
       id: "smartArtStyles",
@@ -248964,9 +248432,6 @@ function resolveActiveRibbonTab(active2, visibleContextual, fallback) {
   }
   return active2;
 }
-var RIBBON_GALLERY_ATTR = "data-ribbon-gallery";
-var RIBBON_GALLERY_POPUP_ATTR = "data-ribbon-gallery-popup";
-var RIBBON_GALLERY_ITEM_ATTR = "data-gallery-item";
 var RIBBON_CONTEXTUAL_TAB_ATTR = "data-ribbon-contextual-tab";
 var INLINE_GALLERY_TILE_COUNT = 6;
 function inlineGalleryItems(descriptor, count = INLINE_GALLERY_TILE_COUNT) {
@@ -248979,6 +248444,13 @@ function galleryItemLabel(item3, translate) {
   const translated = translate(item3.labelKey, item3.labelParams);
   return translated && translated !== item3.labelKey ? translated : item3.label;
 }
+function galleryTextLabel(translate, key2, fallback) {
+  if (!key2) {
+    return fallback;
+  }
+  const translated = translate(key2);
+  return translated && translated !== key2 ? translated : fallback;
+}
 function registerCrossSlideAudio(element, src) {
   if (element.playAcrossSlides !== true || element.mediaType !== "audio" || !src) {
     return false;
@@ -250511,13 +249983,13 @@ var ThreeViewController = class {
       if (token2 !== this.token) {
         return;
       }
-      const host = three ? getThreeRendererHost(three) : null;
-      if (!three || !host || !host.available) {
+      const host2 = three ? getThreeRendererHost(three) : null;
+      if (!three || !host2 || !host2.available) {
         this.unmount();
         this.opts.onState("unavailable");
         return;
       }
-      this.host = host;
+      this.host = host2;
       const factory = await loadThreeViewScene(spec2.kind);
       if (token2 !== this.token) {
         return;
@@ -250537,7 +250009,7 @@ var ThreeViewController = class {
           interactive: this.interactive,
           requestRender: () => {
             if (view) {
-              host.requestRender(view);
+              host2.requestRender(view);
             }
           },
           emit: (event) => {
@@ -250566,7 +250038,7 @@ var ThreeViewController = class {
       if (this.textStyle) {
         scene.setTextStyle?.(this.textStyle);
       }
-      host.register(view);
+      host2.register(view);
       this.opts.onState("ready");
     } catch (error) {
       if (token2 !== this.token) {
@@ -254032,6 +253504,986 @@ var EDITOR_THUMBNAIL_CSS = `
 }
 `;
 var EDITOR_CHROME_CSS = EDITOR_LAYOUT_CSS + EDITOR_THUMBNAIL_CSS + EDITOR_RIBBON_CSS + EDITOR_INSPECTOR_CSS + EDITOR_CONTROLS_CSS + EDITOR_FONT_PICKER_CSS + EDITOR_HOME_LAYOUT_CSS + EDITOR_ARRANGE_CSS + EDITOR_CLUSTER_CSS;
+var ARRANGE_ALIGNMENT_ICONS = {
+  "home.arrange.align.left": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M15 12H3" } },
+      { tag: "path", attrs: { d: "M17 18H3" } },
+      { tag: "path", attrs: { d: "M21 6H3" } }
+    ]
+  },
+  "home.arrange.align.center": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M17 12H7" } },
+      { tag: "path", attrs: { d: "M19 18H5" } },
+      { tag: "path", attrs: { d: "M21 6H3" } }
+    ]
+  },
+  "home.arrange.align.right": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M21 12H9" } },
+      { tag: "path", attrs: { d: "M21 18H7" } },
+      { tag: "path", attrs: { d: "M21 6H3" } }
+    ]
+  },
+  "home.arrange.align.top": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [{ tag: "path", attrs: { d: "m18 15-6-6-6 6" } }]
+  },
+  "home.arrange.align.middle": {
+    attrs: {
+      style: "rotate: 90deg; transform-origin: center;",
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M17 12H7" } },
+      { tag: "path", attrs: { d: "M19 18H5" } },
+      { tag: "path", attrs: { d: "M21 6H3" } }
+    ]
+  },
+  "home.arrange.align.bottom": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [{ tag: "path", attrs: { d: "m6 9 6 6 6-6" } }]
+  },
+  "home.arrange.distribute.horizontal": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "6", height: "10", x: "9", y: "7", rx: "2" } },
+      { tag: "path", attrs: { d: "M4 22V2" } },
+      { tag: "path", attrs: { d: "M20 22V2" } }
+    ]
+  },
+  "home.arrange.distribute.vertical": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "10", height: "6", x: "7", y: "9", rx: "2" } },
+      { tag: "path", attrs: { d: "M22 20H2" } },
+      { tag: "path", attrs: { d: "M22 4H2" } }
+    ]
+  }
+};
+var ARRANGE_OPERATIONS_ICONS = {
+  "home.arrange.group": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M3 7V5c0-1.1.9-2 2-2h2" } },
+      { tag: "path", attrs: { d: "M17 3h2c1.1 0 2 .9 2 2v2" } },
+      { tag: "path", attrs: { d: "M21 17v2c0 1.1-.9 2-2 2h-2" } },
+      { tag: "path", attrs: { d: "M7 21H5c-1.1 0-2-.9-2-2v-2" } },
+      { tag: "rect", attrs: { width: "7", height: "5", x: "7", y: "7", rx: "1" } },
+      { tag: "rect", attrs: { width: "7", height: "5", x: "10", y: "12", rx: "1" } }
+    ]
+  },
+  "home.arrange.ungroup": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "8", height: "6", x: "5", y: "4", rx: "1" } },
+      { tag: "rect", attrs: { width: "8", height: "6", x: "11", y: "14", rx: "1" } }
+    ]
+  },
+  "home.arrange.mergeShapes": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M10 18H5a3 3 0 0 1-3-3v-1" } },
+      { tag: "path", attrs: { d: "M14 2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2" } },
+      { tag: "path", attrs: { d: "M20 2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2" } },
+      { tag: "path", attrs: { d: "m7 21 3-3-3-3" } },
+      { tag: "rect", attrs: { x: "14", y: "14", width: "8", height: "8", rx: "2" } },
+      { tag: "rect", attrs: { x: "2", y: "2", width: "8", height: "8", rx: "2" } }
+    ]
+  },
+  "home.arrange.crop": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M6 2v14a2 2 0 0 0 2 2h14" } },
+      { tag: "path", attrs: { d: "M18 22V8a2 2 0 0 0-2-2H2" } }
+    ]
+  },
+  "home.arrange.sendBackward": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [{ tag: "path", attrs: { d: "m6 9 6 6 6-6" } }]
+  },
+  "home.arrange.bringForward": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [{ tag: "path", attrs: { d: "m18 15-6-6-6 6" } }]
+  },
+  "home.arrange.duplicate": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" } },
+      { tag: "path", attrs: { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } }
+    ]
+  },
+  "home.arrange.delete": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M3 6h18" } },
+      { tag: "path", attrs: { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" } },
+      { tag: "path", attrs: { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" } },
+      { tag: "line", attrs: { x1: "10", x2: "10", y1: "11", y2: "17" } },
+      { tag: "line", attrs: { x1: "14", x2: "14", y1: "11", y2: "17" } }
+    ]
+  }
+};
+var CLIPBOARD_ICONS = {
+  "home.clipboard.paste": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      {
+        tag: "path",
+        attrs: { d: "M15 2H9a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1Z" }
+      },
+      {
+        tag: "path",
+        attrs: {
+          d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M16 4h2a2 2 0 0 1 2 2v2M11 14h10"
+        }
+      },
+      { tag: "path", attrs: { d: "m17 10 4 4-4 4" } }
+    ]
+  },
+  "home.clipboard.cut": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "circle", attrs: { cx: "6", cy: "6", r: "3" } },
+      { tag: "path", attrs: { d: "M8.12 8.12 12 12" } },
+      { tag: "path", attrs: { d: "M20 4 8.12 15.88" } },
+      { tag: "circle", attrs: { cx: "6", cy: "18", r: "3" } },
+      { tag: "path", attrs: { d: "M14.8 14.8 20 20" } }
+    ]
+  },
+  "home.clipboard.copy": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" } },
+      { tag: "path", attrs: { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } }
+    ]
+  },
+  "home.clipboard.formatPainter": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "m14.622 17.897-10.68-2.913" } },
+      {
+        tag: "path",
+        attrs: {
+          d: "M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z"
+        }
+      },
+      {
+        tag: "path",
+        attrs: {
+          d: "M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15"
+        }
+      }
+    ]
+  }
+};
+var DRAWING_ICONS = {
+  "home.drawing.shapes": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      {
+        tag: "path",
+        attrs: {
+          d: "M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z"
+        }
+      },
+      { tag: "rect", attrs: { x: "3", y: "14", width: "7", height: "7", rx: "1" } },
+      { tag: "circle", attrs: { cx: "17.5", cy: "17.5", r: "3.5" } }
+    ]
+  },
+  "home.drawing.arrange": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      {
+        tag: "path",
+        attrs: {
+          d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"
+        }
+      },
+      { tag: "path", attrs: { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65" } },
+      { tag: "path", attrs: { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65" } }
+    ]
+  },
+  "home.drawing.shapeFill": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      {
+        tag: "path",
+        attrs: { d: "m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z" }
+      },
+      { tag: "path", attrs: { d: "m5 2 5 5" } },
+      { tag: "path", attrs: { d: "M2 13h15" } },
+      { tag: "path", attrs: { d: "M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z" } }
+    ]
+  },
+  "home.drawing.shapeOutline": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M12 20h9" } },
+      {
+        tag: "path",
+        attrs: {
+          d: "M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"
+        }
+      }
+    ]
+  },
+  "home.drawing.quickStyles": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "circle", attrs: { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor" } },
+      { tag: "circle", attrs: { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor" } },
+      { tag: "circle", attrs: { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor" } },
+      { tag: "circle", attrs: { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor" } },
+      {
+        tag: "path",
+        attrs: {
+          d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"
+        }
+      }
+    ]
+  },
+  "home.drawing.shapeEffects": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      {
+        tag: "path",
+        attrs: {
+          d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"
+        }
+      },
+      { tag: "path", attrs: { d: "M20 3v4" } },
+      { tag: "path", attrs: { d: "M22 5h-4" } },
+      { tag: "path", attrs: { d: "M4 17v2" } },
+      { tag: "path", attrs: { d: "M5 18H3" } }
+    ]
+  }
+};
+var EDITING_ICONS = {
+  "home.editing.find": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "circle", attrs: { cx: "11", cy: "11", r: "8" } },
+      { tag: "path", attrs: { d: "m21 21-4.3-4.3" } }
+    ]
+  },
+  "home.editing.replace": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M14 4a2 2 0 0 1 2-2" } },
+      { tag: "path", attrs: { d: "M16 10a2 2 0 0 1-2-2" } },
+      { tag: "path", attrs: { d: "M20 2a2 2 0 0 1 2 2" } },
+      { tag: "path", attrs: { d: "M22 8a2 2 0 0 1-2 2" } },
+      { tag: "path", attrs: { d: "m3 7 3 3 3-3" } },
+      { tag: "path", attrs: { d: "M6 10V5a3 3 0 0 1 3-3h1" } },
+      { tag: "rect", attrs: { x: "2", y: "14", width: "8", height: "8", rx: "2" } }
+    ]
+  },
+  "home.editing.select": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      {
+        tag: "path",
+        attrs: {
+          d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z"
+        }
+      }
+    ]
+  }
+};
+var FONT_ICONS = {
+  "home.font.bold": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      {
+        tag: "path",
+        attrs: { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }
+      }
+    ]
+  },
+  "home.font.italic": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "line", attrs: { x1: "19", x2: "10", y1: "4", y2: "4" } },
+      { tag: "line", attrs: { x1: "14", x2: "5", y1: "20", y2: "20" } },
+      { tag: "line", attrs: { x1: "15", x2: "9", y1: "4", y2: "20" } }
+    ]
+  },
+  "home.font.underline": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M6 4v6a6 6 0 0 0 12 0V4" } },
+      { tag: "line", attrs: { x1: "4", x2: "20", y1: "20", y2: "20" } }
+    ]
+  },
+  "home.font.strikethrough": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M16 4H9a3 3 0 0 0-2.83 4" } },
+      { tag: "path", attrs: { d: "M14 12a4 4 0 0 1 0 8H6" } },
+      { tag: "line", attrs: { x1: "4", x2: "20", y1: "12", y2: "12" } }
+    ]
+  },
+  "home.font.shadow": {
+    attrs: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" },
+    children: [
+      {
+        tag: "text",
+        attrs: {
+          x: "6",
+          y: "17",
+          "font-size": "16",
+          "font-weight": "bold",
+          fill: "currentColor",
+          stroke: "none"
+        },
+        text: "S"
+      },
+      {
+        tag: "text",
+        attrs: {
+          x: "7.5",
+          y: "18.5",
+          "font-size": "16",
+          "font-weight": "bold",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "0.5",
+          opacity: "0.4"
+        },
+        text: "S"
+      }
+    ]
+  },
+  "home.font.increaseFontSize": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M3.5 13h6" } },
+      { tag: "path", attrs: { d: "m2 16 4.5-9 4.5 9" } },
+      { tag: "path", attrs: { d: "M18 16V7" } },
+      { tag: "path", attrs: { d: "m14 11 4-4 4 4" } }
+    ]
+  },
+  "home.font.decreaseFontSize": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M3.5 13h6" } },
+      { tag: "path", attrs: { d: "m2 16 4.5-9 4.5 9" } },
+      { tag: "path", attrs: { d: "M18 7v9" } },
+      { tag: "path", attrs: { d: "m14 12 4 4 4-4" } }
+    ]
+  },
+  "home.font.clearFormatting": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M4 7V4h16v3" } },
+      { tag: "path", attrs: { d: "M5 20h6" } },
+      { tag: "path", attrs: { d: "M13 4 8 20" } },
+      { tag: "path", attrs: { d: "m15 15 5 5" } },
+      { tag: "path", attrs: { d: "m20 15-5 5" } }
+    ]
+  },
+  "home.font.characterSpacing": {
+    attrs: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" },
+    children: [
+      {
+        tag: "text",
+        attrs: {
+          x: "4",
+          y: "16",
+          "font-size": "11",
+          "font-weight": "bold",
+          fill: "currentColor",
+          stroke: "none"
+        },
+        text: "AV"
+      },
+      { tag: "path", attrs: { d: "M3 20 L1 20 M3 20 L5 20", "stroke-width": "1.5" } },
+      { tag: "path", attrs: { d: "M21 20 L19 20 M21 20 L23 20", "stroke-width": "1.5" } }
+    ]
+  },
+  "home.font.changeCase": {
+    attrs: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5" },
+    children: [
+      {
+        tag: "text",
+        attrs: {
+          x: "2",
+          y: "16",
+          "font-size": "13",
+          "font-weight": "bold",
+          fill: "currentColor",
+          stroke: "none"
+        },
+        text: "Aa"
+      }
+    ]
+  },
+  "home.font.fontColor": {
+    attrs: {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [{ tag: "path", attrs: { d: "M6 20h12M9.5 4h5L18 16H6L9.5 4z" } }]
+  },
+  "home.font.highlightColor": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "m9 11-6 6v3h9l3-3" } },
+      { tag: "path", attrs: { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" } }
+    ]
+  }
+};
+var PARAGRAPH_ICONS = {
+  "home.paragraph.bullets": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M3 12h.01" } },
+      { tag: "path", attrs: { d: "M3 18h.01" } },
+      { tag: "path", attrs: { d: "M3 6h.01" } },
+      { tag: "path", attrs: { d: "M8 12h13" } },
+      { tag: "path", attrs: { d: "M8 18h13" } },
+      { tag: "path", attrs: { d: "M8 6h13" } }
+    ]
+  },
+  "home.paragraph.numbering": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M10 12h11" } },
+      { tag: "path", attrs: { d: "M10 18h11" } },
+      { tag: "path", attrs: { d: "M10 6h11" } },
+      { tag: "path", attrs: { d: "M4 10h2" } },
+      { tag: "path", attrs: { d: "M4 6h1v4" } },
+      { tag: "path", attrs: { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" } }
+    ]
+  },
+  "home.paragraph.decreaseIndent": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M21 12H11" } },
+      { tag: "path", attrs: { d: "M21 18H11" } },
+      { tag: "path", attrs: { d: "M21 6H11" } },
+      { tag: "path", attrs: { d: "m7 8-4 4 4 4" } }
+    ]
+  },
+  "home.paragraph.increaseIndent": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M21 12H11" } },
+      { tag: "path", attrs: { d: "M21 18H11" } },
+      { tag: "path", attrs: { d: "M21 6H11" } },
+      { tag: "path", attrs: { d: "m3 8 4 4-4 4" } }
+    ]
+  },
+  "home.paragraph.alignLeft": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M15 12H3" } },
+      { tag: "path", attrs: { d: "M17 18H3" } },
+      { tag: "path", attrs: { d: "M21 6H3" } }
+    ]
+  },
+  "home.paragraph.alignCenter": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M17 12H7" } },
+      { tag: "path", attrs: { d: "M19 18H5" } },
+      { tag: "path", attrs: { d: "M21 6H3" } }
+    ]
+  },
+  "home.paragraph.alignRight": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M21 12H9" } },
+      { tag: "path", attrs: { d: "M21 18H7" } },
+      { tag: "path", attrs: { d: "M21 6H3" } }
+    ]
+  },
+  "home.paragraph.justify": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M3 12h18" } },
+      { tag: "path", attrs: { d: "M3 18h18" } },
+      { tag: "path", attrs: { d: "M3 6h18" } }
+    ]
+  },
+  "home.paragraph.lineSpacing": {
+    attrs: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" },
+    children: [
+      { tag: "line", attrs: { x1: "5", y1: "5", x2: "19", y2: "5" } },
+      { tag: "line", attrs: { x1: "5", y1: "12", x2: "19", y2: "12" } },
+      { tag: "line", attrs: { x1: "5", y1: "19", x2: "19", y2: "19" } },
+      { tag: "path", attrs: { d: "M2 8 L2 3 M2 3 L3.5 4.5 M2 3 L0.5 4.5" } },
+      { tag: "path", attrs: { d: "M2 16 L2 21 M2 21 L3.5 19.5 M2 21 L0.5 19.5" } }
+    ]
+  },
+  "home.paragraph.textDirection": {
+    attrs: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" },
+    children: [
+      {
+        tag: "text",
+        attrs: { x: "3", y: "16", "font-size": "12", fill: "currentColor", stroke: "none" },
+        text: "A"
+      },
+      { tag: "path", attrs: { d: "M18 6 C21 6 21 10 18 10" } },
+      { tag: "path", attrs: { d: "M18 10 L19.5 8.5 M18 10 L16.5 8.5" } }
+    ]
+  },
+  "home.paragraph.columns": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "18", height: "18", x: "3", y: "3", rx: "2" } },
+      { tag: "path", attrs: { d: "M9 3v18" } },
+      { tag: "path", attrs: { d: "M15 3v18" } }
+    ]
+  }
+};
+var SLIDES_ICONS = {
+  "home.slides.newSlide": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M5 12h14" } },
+      { tag: "path", attrs: { d: "M12 5v14" } }
+    ]
+  },
+  "home.slides.slideTemplates": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "18", height: "7", x: "3", y: "3", rx: "1" } },
+      { tag: "rect", attrs: { width: "9", height: "7", x: "3", y: "14", rx: "1" } },
+      { tag: "rect", attrs: { width: "5", height: "7", x: "16", y: "14", rx: "1" } }
+    ]
+  },
+  "home.slides.layout": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "rect", attrs: { width: "7", height: "7", x: "3", y: "3", rx: "1" } },
+      { tag: "rect", attrs: { width: "7", height: "7", x: "14", y: "3", rx: "1" } },
+      { tag: "rect", attrs: { width: "7", height: "7", x: "14", y: "14", rx: "1" } },
+      { tag: "rect", attrs: { width: "7", height: "7", x: "3", y: "14", rx: "1" } }
+    ]
+  },
+  "home.slides.reset": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" } },
+      { tag: "path", attrs: { d: "M3 3v5h5" } }
+    ]
+  },
+  "home.slides.section": {
+    attrs: {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    children: [
+      { tag: "path", attrs: { d: "M12 10v6" } },
+      { tag: "path", attrs: { d: "M9 13h6" } },
+      {
+        tag: "path",
+        attrs: {
+          d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+        }
+      }
+    ]
+  }
+};
+var RIBBON_CONTROL_ICONS = {
+  ...CLIPBOARD_ICONS,
+  ...SLIDES_ICONS,
+  ...FONT_ICONS,
+  ...PARAGRAPH_ICONS,
+  ...EDITING_ICONS,
+  ...DRAWING_ICONS,
+  ...ARRANGE_ALIGNMENT_ICONS,
+  ...ARRANGE_OPERATIONS_ICONS
+};
+function createRibbonControlIcon(doc, name) {
+  const artwork = RIBBON_CONTROL_ICONS[name];
+  if (!artwork) {
+    throw new Error(`Unknown ribbon icon: ${name}`);
+  }
+  const svg = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+  for (const [key2, value] of Object.entries(artwork.attrs)) {
+    svg.setAttribute(key2, value);
+  }
+  function append2(parent, nodes) {
+    for (const node of nodes) {
+      const element = doc.createElementNS(svg.namespaceURI, node.tag);
+      for (const [key2, value] of Object.entries(node.attrs)) {
+        element.setAttribute(key2, value);
+      }
+      if (node.text) {
+        element.textContent = node.text;
+      }
+      if (node.children) {
+        append2(element, node.children);
+      }
+      parent.append(element);
+    }
+  }
+  append2(svg, artwork.children);
+  return svg;
+}
 var THEME_EDITOR_LABEL_KEYS = [
   "title",
   "close",
@@ -254088,6 +254540,1284 @@ function themeEditorHex(value) {
   const hex22 = value?.startsWith("#") ? value : `#${value ?? ""}`;
   return /^#[\da-f]{6}$/iu.test(hex22) ? hex22 : "#000000";
 }
+var host = "pptx-ui-ribbon-gallery";
+var CSS2 = `
+${host} { display:inline-flex; position:relative; flex:none; color:var(--pptx-foreground,#f9fafb); }
+${host} .gallery-view { display:contents; }
+${host} button { box-sizing:border-box; font:inherit; color:inherit; cursor:pointer; border:1px solid var(--pptx-border,#374151); border-radius:4px; background:var(--pptx-background,#111827); }
+${host} button:hover:not(:disabled) { background:var(--pptx-accent,#33334d); }
+${host} button:disabled { opacity:.4; cursor:not-allowed; }
+${host} button:focus-visible { outline:2px solid var(--pptx-ring,#6366f1); outline-offset:2px; }
+${host} .trigger { display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:4px 8px; font-size:11px; white-space:nowrap; }
+${host} .trigger svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
+${host}[mode=inline] .trigger, ${host}[chevron-only] .trigger { align-self:stretch; padding:0 4px; }
+${host} .strip { display:flex; gap:2px; padding:2px; align-items:center; }
+${host} .tile { display:inline-flex; align-items:center; justify-content:center; flex:none; padding:2px; }
+${host} .tile[aria-pressed=true] { border:2px solid var(--pptx-primary,#6366f1); background:color-mix(in srgb,var(--pptx-primary,#6366f1) 15%,var(--pptx-background,#111827)); }
+${host} .tile svg { max-width:100%; max-height:100%; }
+${host} .popup { box-sizing:border-box; position:fixed; z-index:1200; max-width:calc(100vw - 16px); max-height:65vh; overflow:auto; padding:8px; border:1px solid var(--pptx-border,#374151); border-radius:6px; background:var(--pptx-popover,#111827); color:var(--pptx-popover-foreground,#f9fafb); box-shadow:0 8px 24px #0006; }
+${host} .popup[hidden] { display:none; }
+${host} .grid { display:grid; gap:4px; width:max-content; max-width:100%; }
+${host} .heading { margin:4px 0 6px; font-size:11px; font-weight:600; }
+${host} .section + .section { margin-top:10px; }
+@media (pointer:coarse), (max-width:1023px) {
+ ${host} .trigger, ${host} .tile { min-height:44px; min-width:44px; }
+ ${host} .popup { max-height:60vh; }
+}
+@media (forced-colors:active) {
+ ${host} button, ${host} .popup { color:ButtonText; background:Canvas; border-color:ButtonText; }
+ ${host} button:disabled { color:GrayText; opacity:1; }
+ ${host} button:focus-visible, ${host} .tile[aria-pressed=true] { outline:2px solid Highlight; border-color:Highlight; }
+}
+`;
+function attachRibbonGalleryStyles(doc) {
+  if (!doc.getElementById("pptx-ui-gallery-styles")) {
+    const style = doc.createElement("style");
+    style.id = "pptx-ui-gallery-styles";
+    style.textContent = CSS2;
+    doc.head.append(style);
+  }
+}
+function createRibbonGalleryView(doc, pick, toggle2) {
+  const root = doc.createElement("span");
+  root.className = "gallery-view";
+  const strip3 = doc.createElement("div");
+  strip3.className = "strip";
+  const trigger = doc.createElement("button");
+  trigger.type = "button";
+  trigger.className = "trigger";
+  trigger.setAttribute("data-pptx-compact", "");
+  trigger.setAttribute("aria-haspopup", "dialog");
+  trigger.addEventListener("click", toggle2);
+  const popup = doc.createElement("div");
+  popup.className = "popup";
+  popup.hidden = true;
+  popup.setAttribute("role", "dialog");
+  root.append(strip3, trigger);
+  const caption = (t, key2, fallback) => {
+    const translated = t(key2);
+    return translated && translated !== key2 ? translated : fallback;
+  };
+  const tile4 = (item3, width, height, disabled, t) => {
+    const button = doc.createElement("button");
+    button.type = "button";
+    button.className = "tile";
+    button.setAttribute("data-pptx-compact", "");
+    button.dataset.galleryItem = item3.id;
+    button.disabled = disabled;
+    button.setAttribute("aria-pressed", String(item3.applied));
+    button.setAttribute("aria-label", galleryItemLabel(item3, t));
+    button.title = galleryItemLabel(item3, t);
+    button.style.width = `${width + 6}px`;
+    button.style.height = `${height + 6}px`;
+    button.innerHTML = item3.previewSvg;
+    button.addEventListener("click", () => pick(item3.id));
+    return button;
+  };
+  return {
+    root,
+    trigger,
+    popup,
+    clear() {
+      strip3.replaceChildren();
+      popup.replaceChildren();
+      trigger.removeAttribute("data-ribbon-gallery");
+      trigger.removeAttribute("aria-label");
+      trigger.textContent = "";
+    },
+    setOpen(open) {
+      popup.hidden = !open;
+      if (open) {
+        root.append(popup);
+      } else {
+        popup.remove();
+      }
+    },
+    paint(descriptor, t, disabled, inline, chevronOnly, icon, open, controlId) {
+      const title = caption(t, descriptor.labelKey, descriptor.label);
+      trigger.dataset.ribbonGallery = descriptor.id;
+      popup.dataset.ribbonGalleryPopup = descriptor.id;
+      const more = t("pptx.gallery.more", { name: title });
+      trigger.title = inline ? more === "pptx.gallery.more" ? `More ${title}` : more : title;
+      trigger.setAttribute("aria-label", trigger.title);
+      trigger.disabled = disabled;
+      trigger.replaceChildren();
+      if (!inline && !chevronOnly) {
+        const svg = controlId && RIBBON_CONTROL_ICONS[controlId] ? createRibbonControlIcon(doc, controlId) : doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+        if (!svg.hasAttribute("viewBox")) {
+          svg.setAttribute("viewBox", "0 0 20 20");
+        }
+        svg.setAttribute("aria-hidden", "true");
+        const path = doc.createElementNS(svg.namespaceURI, "path");
+        path.setAttribute("d", RIBBON_ICON_PATHS[icon] ?? RIBBON_ICON_PATHS.palette);
+        if (!svg.childElementCount) {
+          svg.append(path);
+        }
+        const label = doc.createElement("span");
+        label.textContent = title;
+        trigger.append(svg, label);
+      }
+      const chevron2 = doc.createElement("span");
+      chevron2.textContent = "\u2304";
+      chevron2.setAttribute("aria-hidden", "true");
+      trigger.append(chevron2);
+      strip3.hidden = !inline;
+      strip3.style.display = inline ? "" : "none";
+      strip3.replaceChildren(
+        ...inline ? inlineGalleryItems(descriptor).map(
+          (item3) => tile4(
+            item3,
+            descriptor.sections[0]?.tileWidth ?? 40,
+            descriptor.sections[0]?.tileHeight ?? 30,
+            disabled,
+            t
+          )
+        ) : []
+      );
+      popup.setAttribute("aria-label", title);
+      popup.replaceChildren(
+        ...(open ? descriptor.sections : []).map((section) => {
+          const container = doc.createElement("section");
+          container.className = "section";
+          if (section.titleKey || section.title) {
+            const heading = doc.createElement("div");
+            heading.className = "heading";
+            heading.textContent = section.titleKey ? caption(t, section.titleKey, section.title ?? "") : section.title ?? "";
+            container.append(heading);
+          }
+          const grid = doc.createElement("div");
+          grid.className = "grid";
+          grid.style.gridTemplateColumns = `repeat(${section.columns}, minmax(0, 1fr))`;
+          grid.append(
+            ...section.items.map(
+              (item3) => tile4(item3, section.tileWidth, section.tileHeight, disabled, t)
+            )
+          );
+          container.append(grid);
+          return container;
+        })
+      );
+    }
+  };
+}
+function definePptxRibbonGallery(registry) {
+  if (registry.get("pptx-ui-ribbon-gallery")) {
+    return;
+  }
+  class RibbonGallery extends HTMLElement {
+    static observedAttributes = ["mode", "chevron-only", "icon", "data-ribbon-control"];
+    value;
+    t = (key2) => key2;
+    locked = false;
+    opened = false;
+    view;
+    constructor() {
+      super();
+      this.view = createRibbonGalleryView(
+        this.ownerDocument,
+        (itemId) => this.pick(itemId),
+        () => {
+          this.open = !this.open;
+        }
+      );
+      this.view.root.addEventListener("keydown", (event) => {
+        if (event.key === "Escape" && this.open) {
+          event.stopPropagation();
+          event.preventDefault();
+          this.close();
+          this.view.trigger.focus();
+        }
+        if (event.key === "ArrowDown" && event.target === this.view.trigger) {
+          event.stopPropagation();
+          event.preventDefault();
+          this.open = true;
+          this.view.popup.querySelector("button:not(:disabled)")?.focus();
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          event.stopPropagation();
+        }
+      });
+    }
+    get descriptor() {
+      return this.value;
+    }
+    set descriptor(value) {
+      this.value = value;
+      this.paint();
+    }
+    get trigger() {
+      return this.view.trigger;
+    }
+    get popup() {
+      return this.view.popup;
+    }
+    get translateLabel() {
+      return this.t;
+    }
+    set translateLabel(value) {
+      this.t = value;
+      this.paint();
+    }
+    get disabled() {
+      return this.locked;
+    }
+    set disabled(value) {
+      this.locked = Boolean(value);
+      this.paint();
+    }
+    get open() {
+      return this.opened;
+    }
+    set open(value) {
+      const next = Boolean(value) && !this.unavailable();
+      if (next === this.opened) {
+        return;
+      }
+      this.opened = next;
+      this.view.setOpen(next);
+      this.paint();
+      this.view.trigger.setAttribute("aria-expanded", String(next));
+      this.cleanup();
+      if (next && this.isConnected) {
+        this.ownerDocument.addEventListener("pointerdown", this.outside, true);
+        this.ownerDocument.addEventListener("keydown", this.escape);
+        this.ownerDocument.defaultView?.addEventListener("resize", this.position);
+        this.ownerDocument.addEventListener("scroll", this.position, true);
+        this.position();
+      }
+    }
+    close() {
+      this.open = false;
+    }
+    connectedCallback() {
+      attachRibbonGalleryStyles(this.ownerDocument);
+      this.append(this.view.root);
+      this.paint();
+    }
+    disconnectedCallback() {
+      this.close();
+      this.cleanup();
+    }
+    attributeChangedCallback() {
+      this.paint();
+    }
+    unavailable() {
+      return this.locked || !this.value || this.value.disabled || !galleryHasItems(this.value);
+    }
+    paint() {
+      if (!this.value) {
+        this.close();
+        this.view.clear();
+        this.view.trigger.disabled = true;
+        return;
+      }
+      const hadFocus = this.contains(this.ownerDocument.activeElement);
+      if (this.view.root.parentElement !== this) {
+        this.append(this.view.root);
+      }
+      const focusedId = this.ownerDocument.activeElement?.getAttribute("data-gallery-item");
+      const focusInPopup = this.view.popup.contains(this.ownerDocument.activeElement);
+      this.view.paint(
+        this.value,
+        this.t,
+        this.unavailable(),
+        this.getAttribute("mode") === "inline" && !this.hasAttribute("chevron-only"),
+        this.hasAttribute("chevron-only"),
+        this.getAttribute("icon") ?? "palette",
+        this.open,
+        this.getAttribute("data-ribbon-control") ?? void 0
+      );
+      this.view.trigger.setAttribute("aria-expanded", String(this.open));
+      if (this.unavailable()) {
+        this.close();
+      }
+      if (this.open) {
+        this.position();
+      }
+      if (focusedId && hadFocus) {
+        (focusInPopup ? this.view.popup : this).querySelector(`[data-gallery-item="${CSS.escape(focusedId)}"]`)?.focus();
+      }
+    }
+    pick(itemId) {
+      if (this.unavailable() || !this.value?.sections.some((section) => section.items.some((item3) => item3.id === itemId))) {
+        return;
+      }
+      this.close();
+      this.view.trigger.focus();
+      this.dispatchEvent(
+        new CustomEvent("gallery-pick", {
+          detail: { gallery: this.value.id, itemId },
+          bubbles: true,
+          composed: true
+        })
+      );
+    }
+    outside = (event) => {
+      if (!event.composedPath().includes(this)) {
+        this.close();
+      }
+    };
+    escape = (event) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        this.close();
+        this.view.trigger.focus();
+      }
+    };
+    position = () => {
+      const window2 = this.ownerDocument.defaultView;
+      if (!window2) {
+        return;
+      }
+      const anchor = this.view.trigger.getBoundingClientRect();
+      const width = this.view.popup.getBoundingClientRect().width;
+      this.view.popup.style.left = `${Math.max(8, Math.min(anchor.left, window2.innerWidth - width - 8))}px`;
+      this.view.popup.style.top = `${Math.max(8, Math.min(anchor.bottom + 4, window2.innerHeight - this.view.popup.getBoundingClientRect().height - 8))}px`;
+    };
+    cleanup() {
+      this.ownerDocument.removeEventListener("pointerdown", this.outside, true);
+      this.ownerDocument.removeEventListener("keydown", this.escape);
+      this.ownerDocument.defaultView?.removeEventListener("resize", this.position);
+      this.ownerDocument.removeEventListener("scroll", this.position, true);
+    }
+  }
+  registry.define("pptx-ui-ribbon-gallery", RibbonGallery);
+}
+var STYLES = `
+:host { display: inline-flex; flex: none; align-self: stretch; }
+.group { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
+	min-height: 78px; padding: 4px 8px 2px; border-right: 1px solid color-mix(in srgb, var(--pptx-border, #33334d) 60%, transparent); }
+:host(:last-child) .group { border-right: 0; }
+.row { display: flex; align-items: flex-start; gap: 4px; }
+::slotted(*) { flex-shrink: 0; }
+.caption { padding-top: 2px; color: var(--pptx-muted-foreground, #94a3b8); font: inherit;
+	font-size: 9px; line-height: 12px; text-align: center; white-space: nowrap; }
+`;
+function definePptxRibbonGroup(registry) {
+  if (registry.get("pptx-ui-ribbon-group")) {
+    return;
+  }
+  class RibbonGroup extends HTMLElement {
+    static observedAttributes = ["label"];
+    caption;
+    constructor() {
+      super();
+      const root = this.attachShadow({ mode: "open" });
+      attachControlStyles(root, STYLES);
+      const group2 = document.createElement("div");
+      group2.className = "group";
+      const row = document.createElement("div");
+      row.className = "row";
+      row.append(document.createElement("slot"));
+      this.caption = document.createElement("span");
+      this.caption.className = "caption";
+      group2.append(row, this.caption);
+      root.append(group2);
+    }
+    connectedCallback() {
+      this.setAttribute("role", "group");
+      this.sync();
+    }
+    attributeChangedCallback() {
+      this.sync();
+    }
+    sync() {
+      const label = this.getAttribute("label") ?? "";
+      this.caption.textContent = label;
+      this.setAttribute("aria-label", label);
+    }
+  }
+  registry.define("pptx-ui-ribbon-group", RibbonGroup);
+}
+function setBoolean2(el, name, value) {
+  el.toggleAttribute(name, Boolean(value));
+}
+function setOptionalBoolean(el, name, value) {
+  if (value === void 0) {
+    el.removeAttribute(name);
+  } else {
+    el.setAttribute(name, String(value));
+  }
+}
+function syncCommand(el, command) {
+  el.setAttribute("data-ribbon-control", command.id);
+  el.setAttribute("label", command.label);
+  el.setAttribute("title", command.title ?? command.label);
+  el.setAttribute("icon", command.icon);
+  if (command.badge) {
+    el.setAttribute("badge", String(command.badge));
+  } else {
+    el.removeAttribute("badge");
+  }
+  for (const attr22 of ["disabled", "active", "compact", "hidden"]) {
+    setBoolean2(el, attr22, command[attr22]);
+  }
+  setOptionalBoolean(el, "pressed", command.pressed);
+  setOptionalBoolean(el, "expanded", command.expanded);
+}
+function createRibbonSectionView(root) {
+  const groups = /* @__PURE__ */ new Map();
+  const commands = /* @__PURE__ */ new Map();
+  return (model) => {
+    const wantedGroups = new Set(model.map((group2) => group2.id));
+    const wantedCommands = new Set(
+      model.flatMap((group2) => group2.commands.map((command) => command.id))
+    );
+    for (const [id, el] of commands) {
+      if (!wantedCommands.has(id)) {
+        el.remove();
+        commands.delete(id);
+      }
+    }
+    for (const [id, group2] of groups) {
+      if (!wantedGroups.has(id)) {
+        group2.el.remove();
+        groups.delete(id);
+      }
+    }
+    for (const [index, group2] of model.entries()) {
+      let node = groups.get(group2.id);
+      if (!node) {
+        node = { el: root.ownerDocument.createElement("pptx-ui-ribbon-group"), columns: /* @__PURE__ */ new Map() };
+        groups.set(group2.id, node);
+      }
+      node.el.setAttribute("data-ribbon-group", group2.id);
+      node.el.setAttribute("label", group2.label);
+      if (root.children[index] !== node.el) {
+        root.insertBefore(node.el, root.children[index] ?? null);
+      }
+      const offsets2 = /* @__PURE__ */ new Map();
+      for (const command of group2.commands) {
+        let parent = node.el;
+        if (command.column !== void 0) {
+          let column = node.columns.get(command.column);
+          if (!column) {
+            column = root.ownerDocument.createElement("div");
+            Object.assign(column.style, { display: "flex", flexDirection: "column", gap: "2px" });
+            node.columns.set(command.column, column);
+            node.el.append(column);
+          }
+          parent = column;
+        }
+        let el = commands.get(command.id);
+        if (!el) {
+          el = root.ownerDocument.createElement("pptx-ui-ribbon-command");
+          commands.set(command.id, el);
+        }
+        syncCommand(el, command);
+        const offset = offsets2.get(parent) ?? 0;
+        if (parent.children[offset] !== el) {
+          parent.insertBefore(el, parent.children[offset] ?? null);
+        }
+        offsets2.set(parent, offset + 1);
+      }
+    }
+  };
+}
+function definePptxRibbonSection(registry) {
+  if (registry.get("pptx-ui-ribbon-section")) {
+    return;
+  }
+  class RibbonSection extends HTMLElement {
+    model = [];
+    render = createRibbonSectionView(this);
+    get groups() {
+      return this.model;
+    }
+    set groups(value) {
+      this.model = value;
+      this.render(value);
+    }
+    connectedCallback() {
+      this.style.display = "inline-flex";
+      this.style.alignItems = "stretch";
+      this.render(this.model);
+    }
+  }
+  registry.define("pptx-ui-ribbon-section", RibbonSection);
+}
+function definePptxRibbonToggle(registry) {
+  if (registry.get("pptx-ui-ribbon-toggle")) {
+    return;
+  }
+  class RibbonToggle extends HTMLElement {
+    static observedAttributes = ["label", "checked", "disabled", "title"];
+    checkbox;
+    text;
+    constructor() {
+      super();
+      const root = this.attachShadow({ mode: "open" });
+      attachControlStyles(
+        root,
+        `
+:host { display: block; }
+label { display: flex; align-items: center; gap: 4px; min-height: 22px; padding: 0 4px;
+	color: var(--pptx-foreground, #f9fafb); font: inherit; font-size: 10px; white-space: nowrap; cursor: pointer; }
+:host([disabled]) label { color: var(--pptx-muted-foreground, #9ca3af); cursor: not-allowed; }
+@media (pointer: coarse), (max-width: 767px) { label { min-height: 44px; font-size: 12px; } }
+`
+      );
+      const label = document.createElement("label");
+      this.checkbox = document.createElement("pptx-ui-checkbox");
+      this.text = document.createTextNode("");
+      label.append(this.checkbox, this.text);
+      label.addEventListener("click", (event) => {
+        event.preventDefault();
+        if (event.target !== this.checkbox) {
+          this.checkbox.click();
+        }
+      });
+      this.checkbox.addEventListener("input", (event) => event.stopPropagation());
+      this.checkbox.addEventListener("change", (event) => {
+        event.stopPropagation();
+        const checked = this.checkbox.checked;
+        this.sync();
+        const id = this.getAttribute("data-ribbon-control");
+        if (!this.hasAttribute("disabled") && id) {
+          this.dispatchEvent(
+            new CustomEvent("toggle-request", {
+              detail: { id, checked },
+              bubbles: true,
+              composed: true
+            })
+          );
+        }
+      });
+      root.append(label);
+    }
+    connectedCallback() {
+      this.sync();
+    }
+    attributeChangedCallback() {
+      this.sync();
+    }
+    sync() {
+      const label = this.getAttribute("label") ?? "";
+      this.text.textContent = label;
+      this.checkbox.setAttribute("aria-label", label);
+      this.checkbox.title = this.getAttribute("title") ?? label;
+      this.checkbox.checked = this.hasAttribute("checked");
+      this.checkbox.disabled = this.hasAttribute("disabled");
+    }
+  }
+  registry.define("pptx-ui-ribbon-toggle", RibbonToggle);
+}
+var SEARCH_STYLES = `
+:host {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	box-sizing: border-box;
+	width: 100%;
+	height: 40px;
+	padding: 0 12px;
+	border: 1px solid var(--pptx-input, #374151);
+	background: var(--pptx-card, #111827);
+	color: var(--pptx-muted-foreground, #9ca3af);
+	font: inherit;
+}
+:host(:focus-within) { border-color: var(--pptx-ring, #6366f1); }
+:host([variant="titlebar"]) {
+	height: 28px;
+	gap: 7px;
+	padding-inline: 14px;
+	border-color: var(--pptx-border, #374151);
+	border-radius: 6px;
+	background: var(--pptx-background, #030712);
+}
+:host([variant="titlebar"]:focus-within) {
+	border-color: var(--pptx-ring, #6366f1);
+	color: var(--pptx-foreground, #f3f4f6);
+}
+:host([disabled]) { opacity: .5; cursor: not-allowed; }
+svg { width: 16px; height: 16px; flex: none; }
+:host([variant="titlebar"]) svg { width: 14px; height: 14px; }
+input {
+	min-width: 0;
+	width: 100%;
+	height: 100%;
+	flex: 1;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	background: transparent;
+	color: var(--pptx-card-foreground, #f3f4f6);
+	font: inherit;
+	font-size: 13px;
+}
+:host([variant="titlebar"]) input {
+	font-size: 11px;
+	color: var(--pptx-foreground, #f3f4f6);
+}
+input::placeholder {
+	color: var(--pptx-muted-foreground, #9ca3af);
+	opacity: .8;
+}
+input::-webkit-search-cancel-button { display: none; }
+@media (forced-colors: active) {
+	:host {
+		border-color: CanvasText;
+		background: Canvas;
+		color: CanvasText;
+	}
+	:host(:focus-within) {
+		outline: 2px solid Highlight;
+		outline-offset: 2px;
+	}
+	input { color: CanvasText; }
+}
+`;
+var SEARCH_ICON = `<svg part="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>`;
+function definePptxSearchField(registry) {
+  if (registry.get("pptx-ui-search")) {
+    return;
+  }
+  class PptxSearchField extends HTMLElement {
+    static observedAttributes = ["placeholder", "aria-label", "disabled", "value"];
+    input;
+    currentValue = "";
+    constructor() {
+      super();
+      const root = this.attachShadow({ mode: "open", delegatesFocus: true });
+      attachControlStyles(root, SEARCH_STYLES);
+      const icon = document.createElement("template");
+      icon.innerHTML = SEARCH_ICON;
+      root.append(icon.content.cloneNode(true));
+      this.input = document.createElement("input");
+      this.input.type = "search";
+      this.input.setAttribute("part", "input");
+      this.input.addEventListener("input", (event) => {
+        event.stopPropagation();
+        this.currentValue = this.input.value;
+        this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
+      });
+      this.input.addEventListener("change", (event) => {
+        event.stopPropagation();
+        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+      });
+      root.append(this.input);
+    }
+    connectedCallback() {
+      this.sync();
+      if (this.hasAttribute("value")) {
+        this.value = this.getAttribute("value") ?? "";
+      }
+    }
+    attributeChangedCallback(name) {
+      if (name === "value") {
+        this.value = this.getAttribute("value") ?? "";
+      } else {
+        this.sync();
+      }
+    }
+    get value() {
+      return this.currentValue;
+    }
+    set value(next) {
+      this.currentValue = String(next ?? "");
+      if (this.input.value !== this.currentValue) {
+        this.input.value = this.currentValue;
+      }
+    }
+    get disabled() {
+      return this.hasAttribute("disabled");
+    }
+    set disabled(next) {
+      this.toggleAttribute("disabled", Boolean(next));
+    }
+    focus(options) {
+      this.input.focus(options);
+    }
+    select() {
+      this.input.select();
+    }
+    sync() {
+      this.input.placeholder = this.getAttribute("placeholder") ?? "";
+      this.input.setAttribute(
+        "aria-label",
+        this.getAttribute("aria-label") ?? this.input.placeholder
+      );
+      this.input.disabled = this.hasAttribute("disabled");
+    }
+  }
+  registry.define("pptx-ui-search", PptxSearchField);
+}
+var SELECT_OPTION_ATTRIBUTES = [
+  "value",
+  "disabled",
+  "label",
+  "selected",
+  "hidden",
+  "data-display-label",
+  "data-description",
+  "style"
+];
+function collectSelectChoices(options) {
+  return options.map((option) => {
+    const group2 = option.parentElement instanceof HTMLOptGroupElement ? option.parentElement : null;
+    return {
+      value: option.value,
+      label: option.label || option.textContent?.trim() || "",
+      disabled: option.disabled || Boolean(group2?.disabled),
+      hidden: Boolean(option.hidden) || Boolean(group2?.hidden),
+      group: group2?.label ?? "",
+      ...option.dataset.displayLabel ? { displayLabel: option.dataset.displayLabel } : {},
+      ...option.dataset.description ? { description: option.dataset.description } : {},
+      ...option.style.fontFamily ? { fontFamily: option.style.fontFamily } : {}
+    };
+  });
+}
+function renderSelectMenu(menu, choices2, value) {
+  const menuItems = [];
+  let previousGroup = "";
+  choices2.forEach((choice, index) => {
+    if (choice.hidden) {
+      return;
+    }
+    if (choice.group && choice.group !== previousGroup) {
+      const heading = document.createElement("div");
+      heading.className = "group";
+      heading.setAttribute("role", "presentation");
+      heading.textContent = choice.group;
+      menuItems.push(heading);
+    }
+    previousGroup = choice.group;
+    const item3 = document.createElement("div");
+    item3.className = "option";
+    item3.setAttribute("role", "option");
+    item3.setAttribute("aria-selected", String(choice.value === value));
+    item3.setAttribute("aria-disabled", String(choice.disabled));
+    item3.id = `${menu.id}-${index}`;
+    item3.dataset.index = String(index);
+    item3.textContent = choice.displayLabel ?? choice.label;
+    if (choice.fontFamily) {
+      item3.style.fontFamily = choice.fontFamily;
+    }
+    if (choice.description) {
+      const description = document.createElement("span");
+      description.className = "description";
+      description.textContent = choice.description;
+      item3.append(description);
+    }
+    menuItems.push(item3);
+  });
+  menu.replaceChildren(...menuItems);
+}
+function positionSelectMenu(menu, trigger) {
+  const rect22 = trigger.getBoundingClientRect();
+  const margin = 8;
+  const gap = 4;
+  const width = Math.max(0, window.innerWidth - margin * 2);
+  const below = Math.max(0, window.innerHeight - rect22.bottom - gap - margin);
+  const above = Math.max(0, rect22.top - gap - margin);
+  menu.style.minWidth = `${Math.min(rect22.width, width)}px`;
+  menu.style.maxWidth = `${width}px`;
+  const heightCap = trigger.getRootNode() instanceof ShadowRoot && trigger.getRootNode().host.getAttribute("data-font-picker") === "family" ? 320 : 240;
+  menu.style.maxHeight = `${heightCap}px`;
+  const preferredHeight = menu.getBoundingClientRect().height;
+  const flip = below < preferredHeight && above > below;
+  menu.style.maxHeight = `${Math.min(heightCap, flip ? above : below)}px`;
+  const { height, width: menuWidth } = menu.getBoundingClientRect();
+  menu.style.top = `${Math.max(margin, flip ? rect22.top - gap - height : rect22.bottom + gap)}px`;
+  menu.style.left = `${Math.max(margin, Math.min(rect22.left, window.innerWidth - menuWidth - margin))}px`;
+}
+function markSelectActive(menu, trigger, active2, open) {
+  for (const item3 of menu.querySelectorAll("[data-index]")) {
+    item3.toggleAttribute("data-active", Number(item3.dataset.index) === active2 && open);
+  }
+  if (open && active2 >= 0) {
+    trigger.setAttribute("aria-activedescendant", `${menu.id}-${active2}`);
+  }
+  menu.querySelector("[data-active]")?.scrollIntoView?.({ block: "nearest" });
+}
+function nextSelectActive(choices2, active2, step) {
+  for (let index = 0; index < choices2.length; index++) {
+    active2 = (active2 + step + choices2.length) % choices2.length;
+    if (!choices2[active2].disabled && !choices2[active2].hidden) {
+      return active2;
+    }
+  }
+  return active2;
+}
+var SELECT_RIBBON_STYLES = `
+:host([variant^="ribbon-"][disabled]) { opacity: .4; }
+:host([variant^="ribbon-"]) button {
+	height: 28px; min-height: 28px; padding: 4px 8px; gap: 4px;
+	border: 1px solid color-mix(in oklab, var(--pptx-border) 60%, transparent);
+	border-radius: 3px; font-size: 12px; line-height: 18px;
+	background: color-mix(in oklab, var(--pptx-background) 60%, transparent);
+	color: var(--pptx-foreground);
+}
+:host([variant^="ribbon-"]) .value { flex: 1; min-width: 0; }
+:host([variant^="ribbon-"]) .chevron {
+	width: 16px; height: 16px; margin: 0; border: 0; transform: none;
+}
+:host([variant^="ribbon-"]) .chevron svg { display: block; width: 16px; height: 16px; }
+:host([variant="ribbon-font"]) .chevron { color: var(--pptx-muted-foreground); }
+:host([variant="ribbon-font"][data-font-picker="size"]) button { padding-inline: 6px; }
+:host([variant="ribbon-icon"]) button {
+	width: 36px; gap: 6px; padding: 6px 10px; border: 0; font-size: 12px; line-height: 16px;
+	background: var(--pptx-muted); justify-content: center;
+}
+:host([variant="ribbon-icon"]) :is(.value, .chevron) { display: none; }
+::slotted(svg[slot="icon"]) { display: block; width: 16px; height: 16px; flex: none; }
+:host([variant^="ribbon-"]) button:hover:not(:disabled) { background: var(--pptx-accent); }
+:host([variant^="ribbon-"]) .menu {
+	width: 192px; padding: 4px 0; border-radius: 8px; font-size: 12px; line-height: 16px;
+}
+:host([data-font-picker="family"]) .menu { width: 256px; }
+:host([variant^="ribbon-"]) .option {
+	display: flex; justify-content: space-between; gap: 12px; padding: 6px 12px; border-radius: 0;
+}
+:host([variant^="ribbon-"]) .option[aria-selected="true"] {
+	background: transparent; color: var(--pptx-foreground);
+}
+:host([variant^="ribbon-"]) .option:hover,
+:host([variant^="ribbon-"]) .option[data-active] { background: var(--pptx-muted); filter: none; }
+:host([variant^="ribbon-"]) .group {
+	padding: 8px 12px 4px; text-transform: uppercase; letter-spacing: .25px;
+	font-size: 10px; line-height: 15px;
+}
+@media (max-width: 767px) {
+  :host([variant^="ribbon-"]) button { height: 44px; min-height: 44px; }
+}
+.description { flex: none; color: var(--pptx-muted-foreground); font-size: 10px; line-height: 15px; }
+`;
+var SELECT_STYLES = `
+:host {
+	display: inline-block;
+	box-sizing: border-box;
+	min-width: 0;
+	max-width: 100%;
+	border: 0 !important;
+	padding: 0 !important;
+	background: transparent !important;
+	box-shadow: none !important;
+	color: var(--pptx-foreground, #e2e8f0);
+	font: inherit;
+	font-size: 12px;
+	vertical-align: middle;
+}
+:host([disabled]) { opacity: .5; cursor: not-allowed; }
+button {
+	box-sizing: border-box;
+	width: 100%;
+	min-height: 28px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 10px;
+	padding: 4px 7px;
+	border: 1px solid var(--pptx-border, #3f3f52);
+	border-radius: 5px;
+	background: var(--pptx-select-control-bg, var(--pptx-background, #11111b));
+	color: inherit;
+	font: inherit;
+	font-size: inherit;
+	text-align: left;
+	cursor: pointer;
+}
+:host(.bg-muted) button { background: var(--pptx-muted, #1f2937); }
+:host(.bg-popover) button { background: var(--pptx-popover, #111827); }
+button:focus-visible {
+	outline: 2px solid var(--pptx-ring, #6366f1);
+	outline-offset: 2px;
+}
+button:disabled { cursor: not-allowed; }
+@media (pointer: coarse), (max-width: 767px) {
+	button { min-height: 44px; }
+}
+.value {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.chevron svg { display: none; }
+.chevron {
+	flex: none;
+	width: 6px;
+	height: 6px;
+	margin: 0 2px 3px 0;
+	border-right: 1.5px solid currentColor;
+	border-bottom: 1.5px solid currentColor;
+	transform: rotate(45deg);
+}
+:host([open]) .chevron {
+	margin: 3px 2px 0 0;
+	transform: rotate(225deg);
+}
+.menu {
+	box-sizing: border-box;
+	position: fixed;
+	margin: 0;
+	padding: 4px;
+	min-width: 90px;
+	max-height: min(240px, 50vh);
+	overflow: auto;
+	border: 1px solid var(--pptx-border, #3f3f52);
+	border-radius: 5px;
+	background: var(--pptx-popover, var(--pptx-background, #11111b));
+	color: var(--pptx-popover-foreground, var(--pptx-foreground, #e2e8f0));
+	box-shadow: 0 8px 20px #0004;
+	font: inherit;
+	font-size: inherit;
+}
+.menu:not(:popover-open):not([data-fallback-open]) { display: none; }
+.option {
+	display: block;
+	box-sizing: border-box;
+	width: 100%;
+	padding: 6px 8px;
+	border-radius: 3px;
+	cursor: pointer;
+	white-space: nowrap;
+}
+.group {
+	padding: 7px 8px 3px;
+	color: var(--pptx-muted-foreground, #9ca3af);
+	font-size: .9em;
+	font-weight: 600;
+}
+.option:not([aria-disabled="true"]):hover,
+.option[data-active]:not([aria-selected="true"]) {
+	background: color-mix(in srgb, var(--pptx-primary, #e86a40) 20%, var(--pptx-popover, #11111b));
+}
+.option[aria-selected="true"] {
+	background: var(--pptx-primary, #e86a40);
+	color: var(--pptx-primary-foreground, #fff);
+}
+.option[aria-selected="true"]:hover { filter: brightness(1.08); }
+.option[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
+@media (forced-colors: active) {
+	button, .menu {
+		border-color: CanvasText;
+		background: Canvas;
+		color: CanvasText;
+	}
+	.option[aria-selected="true"],
+	.option[data-active],
+	.option:not([aria-disabled="true"]):hover {
+		background: Highlight;
+		color: HighlightText;
+	}
+}
+${SELECT_RIBBON_STYLES}
+`;
+function createSelectTrigger() {
+  const trigger = document.createElement("button");
+  trigger.type = "button";
+  trigger.setAttribute("part", "trigger");
+  trigger.setAttribute("role", "combobox");
+  trigger.setAttribute("aria-haspopup", "listbox");
+  trigger.setAttribute("aria-expanded", "false");
+  const icon = document.createElement("slot");
+  icon.name = "icon";
+  const text22 = document.createElement("span");
+  text22.className = "value";
+  text22.setAttribute("part", "value");
+  const chevron2 = document.createElement("span");
+  chevron2.className = "chevron";
+  chevron2.setAttribute("part", "indicator");
+  chevron2.setAttribute("aria-hidden", "true");
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("fill", "none");
+  svg.setAttribute("stroke", "currentColor");
+  svg.setAttribute("stroke-width", "2");
+  svg.setAttribute("stroke-linecap", "round");
+  svg.setAttribute("stroke-linejoin", "round");
+  const path = document.createElementNS(svg.namespaceURI, "path");
+  path.setAttribute("d", "m6 9 6 6 6-6");
+  svg.append(path);
+  chevron2.append(svg);
+  trigger.append(icon, text22, chevron2);
+  return { trigger, text: text22 };
+}
+function prependSelectCustomSlot(host2, menu) {
+  if (host2.querySelector('[slot="custom"]')) {
+    const custom = document.createElement("slot");
+    custom.name = "custom";
+    menu.prepend(custom);
+  }
+}
+function createSelectValueElement() {
+  class SelectValueElement extends HTMLElement {
+    get value() {
+      const requested = this.getAttribute("value");
+      const options = this.options;
+      if (this.getAttribute("variant") === "ribbon-font" && requested !== null) {
+        return requested;
+      }
+      if (requested !== null && (!options.length || options.some((option) => option.value === requested))) {
+        return requested;
+      }
+      return options.find((option) => option.selected)?.value ?? options.find(
+        (option) => !option.disabled && !option.closest("optgroup[disabled]") && !option.hidden
+      )?.value ?? options[0]?.value ?? requested ?? "";
+    }
+    set value(next) {
+      this.setAttribute("value", String(next ?? ""));
+    }
+    get options() {
+      return [...this.querySelectorAll("option")];
+    }
+    get selectedIndex() {
+      return this.options.findIndex((option) => option.value === this.value);
+    }
+    set selectedIndex(index) {
+      this.value = this.options[index]?.value ?? "";
+    }
+  }
+  return SelectValueElement;
+}
+var nextSelectId = 0;
+function definePptxSelect(registry) {
+  if (registry.get("pptx-ui-select")) {
+    return;
+  }
+  class PptxSelect extends createSelectValueElement() {
+    static formAssociated = true;
+    static observedAttributes = ["value", "disabled", "aria-label"];
+    internals;
+    trigger;
+    text;
+    menu;
+    observer;
+    refreshFrame = 0;
+    choices = [];
+    active = -1;
+    open = false;
+    search = "";
+    searchTimer = 0;
+    defaultValue = "";
+    constructor() {
+      super();
+      try {
+        this.internals = this.attachInternals();
+      } catch {
+        this.internals = void 0;
+      }
+      const root = this.attachShadow({ mode: "open", delegatesFocus: true });
+      attachControlStyles(root, SELECT_STYLES);
+      ({ trigger: this.trigger, text: this.text } = createSelectTrigger());
+      this.menu = document.createElement("div");
+      this.menu.className = "menu";
+      this.menu.id = `pptx-ui-select-options-${++nextSelectId}`;
+      this.menu.setAttribute("role", "listbox");
+      this.menu.setAttribute("popover", "manual");
+      this.menu.setAttribute("part", "popup");
+      this.trigger.setAttribute("aria-controls", this.menu.id);
+      root.append(this.trigger, this.menu);
+      this.trigger.addEventListener("click", () => this.open ? this.close() : this.show());
+      this.trigger.addEventListener("keydown", (event) => this.onKeyDown(event));
+      this.menu.addEventListener("pointerdown", (event) => {
+        if (event.target.closest("[data-index]")) {
+          event.preventDefault();
+        }
+      });
+      this.menu.addEventListener("click", (event) => {
+        const target = event.target.closest("[data-index]");
+        if (target) {
+          this.commit(Number(target.dataset.index));
+        }
+      });
+      this.observer = new MutationObserver(() => {
+        if (!this.refreshFrame) {
+          this.refreshFrame = requestAnimationFrame(() => {
+            this.refreshFrame = 0;
+            this.refresh();
+          });
+        }
+      });
+    }
+    connectedCallback() {
+      this.defaultValue = this.getAttribute("value") ?? "";
+      this.observer.observe(this, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        characterData: true,
+        attributeFilter: SELECT_OPTION_ATTRIBUTES
+      });
+      this.refresh();
+    }
+    disconnectedCallback() {
+      this.close();
+      window.clearTimeout(this.searchTimer);
+      this.searchTimer = 0;
+      this.search = "";
+      this.observer.disconnect();
+      cancelAnimationFrame(this.refreshFrame);
+      this.refreshFrame = 0;
+    }
+    attributeChangedCallback() {
+      this.refresh();
+    }
+    get disabled() {
+      return this.hasAttribute("disabled");
+    }
+    set disabled(next) {
+      this.toggleAttribute("disabled", Boolean(next));
+    }
+    focus(options) {
+      this.trigger.focus(options);
+    }
+    formResetCallback() {
+      this.value = this.defaultValue;
+    }
+    formDisabledCallback(disabled) {
+      this.disabled = disabled;
+    }
+    refresh() {
+      if (!this.trigger) {
+        return;
+      }
+      const options = [...this.querySelectorAll("option")];
+      this.choices = collectSelectChoices(options);
+      if (!this.hasAttribute("value") && this.choices.length) {
+        this.value = options.find((option) => option.selected)?.value ?? this.choices.find((choice) => !choice.disabled && !choice.hidden)?.value ?? this.choices[0].value;
+      }
+      this.text.textContent = this.choices.find((choice) => choice.value === this.value)?.displayLabel ?? this.choices.find((choice) => choice.value === this.value)?.label ?? this.value;
+      this.trigger.disabled = this.disabled;
+      if (this.disabled) {
+        this.close();
+      }
+      this.trigger.setAttribute("aria-label", this.getAttribute("aria-label") ?? "");
+      this.internals?.setFormValue?.(this.disabled ? null : this.value);
+      if (this.open || this.menu.childElementCount) {
+        this.renderMenu();
+      }
+    }
+    renderMenu() {
+      renderSelectMenu(this.menu, this.choices, this.value);
+      prependSelectCustomSlot(this, this.menu);
+      markSelectActive(this.menu, this.trigger, this.active, this.open);
+    }
+    show() {
+      if (this.disabled || !this.choices.some((choice) => !choice.disabled && !choice.hidden) || this.open) {
+        return;
+      }
+      this.open = true;
+      this.setAttribute("open", "");
+      const selected = this.choices.findIndex(
+        (choice) => choice.value === this.value && !choice.disabled && !choice.hidden
+      );
+      this.active = selected >= 0 ? selected : this.choices.findIndex((choice) => !choice.disabled && !choice.hidden);
+      this.renderMenu();
+      if (typeof this.menu.showPopover === "function") {
+        this.menu.showPopover();
+      } else {
+        this.menu.dataset.fallbackOpen = "";
+      }
+      this.trigger.setAttribute("aria-expanded", "true");
+      this.position();
+      markSelectActive(this.menu, this.trigger, this.active, this.open);
+      document.addEventListener("pointerdown", this.onOutside, true);
+      window.addEventListener("resize", this.position);
+      window.addEventListener("scroll", this.position, true);
+    }
+    close() {
+      if (!this.open) {
+        return;
+      }
+      this.open = false;
+      window.clearTimeout(this.searchTimer);
+      this.search = "";
+      this.removeAttribute("open");
+      if (this.menu.matches(":popover-open")) {
+        this.menu.hidePopover();
+      }
+      delete this.menu.dataset.fallbackOpen;
+      this.trigger.setAttribute("aria-expanded", "false");
+      this.trigger.removeAttribute("aria-activedescendant");
+      document.removeEventListener("pointerdown", this.onOutside, true);
+      window.removeEventListener("resize", this.position);
+      window.removeEventListener("scroll", this.position, true);
+    }
+    onOutside = (event) => {
+      if (!event.composedPath().includes(this)) {
+        this.close();
+      }
+    };
+    position = () => {
+      if (!this.open) {
+        return;
+      }
+      positionSelectMenu(this.menu, this.trigger);
+    };
+    move(step) {
+      if (!this.open) {
+        this.show();
+      }
+      if (!this.open) {
+        return;
+      }
+      this.active = nextSelectActive(this.choices, this.active, step);
+      markSelectActive(this.menu, this.trigger, this.active, this.open);
+    }
+    commit(index) {
+      const choice = this.choices[index];
+      if (!choice || choice.disabled || choice.hidden) {
+        return;
+      }
+      const changed = this.value !== choice.value;
+      this.value = choice.value;
+      this.close();
+      this.trigger.focus();
+      if (changed) {
+        this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+      }
+    }
+    onKeyDown(event) {
+      if (this.disabled) {
+        return;
+      }
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        event.stopPropagation();
+        this.move(event.key === "ArrowDown" ? 1 : -1);
+      } else if (event.key === "Home" || event.key === "End") {
+        event.preventDefault();
+        event.stopPropagation();
+        this.show();
+        this.active = event.key === "Home" ? nextSelectActive(this.choices, -1, 1) : nextSelectActive(this.choices, 0, -1);
+        markSelectActive(this.menu, this.trigger, this.active, this.open);
+      } else if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.open) {
+          this.commit(this.active);
+        } else {
+          this.show();
+        }
+      } else if (event.key === "Escape" && this.open) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.close();
+        this.trigger.focus();
+      } else if (event.key === "Tab") {
+        this.close();
+      } else if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+        event.stopPropagation();
+        this.search += event.key.toLocaleLowerCase();
+        window.clearTimeout(this.searchTimer);
+        this.searchTimer = window.setTimeout(() => {
+          this.search = "";
+        }, 700);
+        this.show();
+        const index = this.choices.findIndex(
+          (choice) => !choice.disabled && !choice.hidden && choice.label.toLocaleLowerCase().startsWith(this.search)
+        );
+        if (index >= 0) {
+          this.active = index;
+          markSelectActive(this.menu, this.trigger, this.active, this.open);
+        }
+      }
+    }
+  }
+  registry.define("pptx-ui-select", PptxSelect);
+}
 var SLIDE_SHOW_OPTIONS_STYLES = `
 :host {
 	display: inline-flex;
@@ -254360,12 +256090,12 @@ function definePptxSubtitleSettings(registry) {
   }
   registry.define("pptx-ui-subtitle-settings", SubtitleSettingsElement);
 }
-function attachThemeEditorDock(host) {
-  if (host.hasAttribute("inline")) {
+function attachThemeEditorDock(host2) {
+  if (host2.hasAttribute("inline")) {
     return () => {
     };
   }
-  const body = host.closest("[data-pptx-editor-chrome]")?.querySelector('[data-pptx-chrome="body"]');
+  const body = host2.closest("[data-pptx-editor-chrome]")?.querySelector('[data-pptx-chrome="body"]');
   const position2 = () => {
     const rect22 = body?.getBoundingClientRect();
     const top = Math.max(0, rect22?.top ?? 0);
@@ -254375,7 +256105,7 @@ function attachThemeEditorDock(host) {
     const narrow = right - left < 768;
     const width = narrow ? right - left : Math.min(288, right - left);
     const height = Math.max(0, bottom - top) * (narrow ? 0.6 : 1);
-    Object.assign(host.style, {
+    Object.assign(host2.style, {
       left: `${right - width}px`,
       top: `${bottom - height}px`,
       width: `${width}px`,
@@ -254762,6 +256492,8 @@ var controls = [
   ["pptx-ui-slide-show-options", definePptxSlideShowOptions],
   ["pptx-ui-ribbon-command", definePptxRibbonCommand],
   ["pptx-ui-ribbon-group", definePptxRibbonGroup],
+  ["pptx-ui-ribbon-section", definePptxRibbonSection],
+  ["pptx-ui-ribbon-gallery", definePptxRibbonGallery],
   ["pptx-ui-ribbon-toggle", definePptxRibbonToggle],
   ["pptx-ui-subtitle-settings", definePptxSubtitleSettings],
   ["pptx-ui-theme-editor", definePptxThemeEditor]
@@ -258143,6 +259875,8 @@ exports.DEFAULT_VIEWER_OPTIONS = DEFAULT_VIEWER_OPTIONS;
 exports.DEFAULT_VIEWER_PREFERENCES = DEFAULT_VIEWER_PREFERENCES;
 exports.DEFAULT_VIEWER_PROFILE = DEFAULT_VIEWER_PROFILE;
 exports.DEFAULT_VIRTUAL_OVERSCAN = DEFAULT_VIRTUAL_OVERSCAN;
+exports.DESIGN_RIBBON_COMMANDS = DESIGN_RIBBON_COMMANDS;
+exports.DESIGN_RIBBON_GROUPS = DESIGN_RIBBON_GROUPS;
 exports.DUOTONE_PRESETS = DUOTONE_PRESETS;
 exports.EASE = EASE;
 exports.EDITOR_CHROME_CSS = EDITOR_CHROME_CSS;
@@ -258253,9 +259987,6 @@ exports.READING_VIEW_STAGE_ATTR = READING_VIEW_STAGE_ATTR;
 exports.RECORD_COMMAND_GROUPS = RECORD_COMMAND_GROUPS;
 exports.RIBBON_CONTEXTUAL_TAB_ATTR = RIBBON_CONTEXTUAL_TAB_ATTR;
 exports.RIBBON_CONTROL_ATTR = RIBBON_CONTROL_ATTR;
-exports.RIBBON_GALLERY_ATTR = RIBBON_GALLERY_ATTR;
-exports.RIBBON_GALLERY_ITEM_ATTR = RIBBON_GALLERY_ITEM_ATTR;
-exports.RIBBON_GALLERY_POPUP_ATTR = RIBBON_GALLERY_POPUP_ATTR;
 exports.RIBBON_GROUP_ATTR = RIBBON_GROUP_ATTR;
 exports.RIBBON_SCOPE_ATTR = RIBBON_SCOPE_ATTR;
 exports.RIBBON_SHAPE_SWATCHES = RIBBON_SHAPE_SWATCHES;
@@ -258464,6 +260195,7 @@ exports.buildPrintDocument = buildPrintDocument;
 exports.buildPrintHtmlDocument = buildPrintHtmlDocument;
 exports.buildRasterPictureElement = buildRasterPictureElement;
 exports.buildRectPathGradient = buildRectPathGradient;
+exports.buildReviewRibbon = buildReviewRibbon;
 exports.buildRibbonGallery = buildRibbonGallery;
 exports.buildRunProgramNotice = buildRunProgramNotice;
 exports.buildRunTabLines = buildRunTabLines;
@@ -258646,6 +260378,7 @@ exports.describeCollaborationShellState = describeCollaborationShellState;
 exports.describeFontEmbedding = describeFontEmbedding;
 exports.describeSmartArtBounds = describeSmartArtBounds;
 exports.describeTableStyleEditor = describeTableStyleEditor;
+exports.designCommandState = designCommandState;
 exports.detectOrientation = detectOrientation;
 exports.detectTouchDevice = detectTouchDevice;
 exports.directionValuesFor = directionValuesFor;
@@ -258705,8 +260438,7 @@ exports.formatSlideCounter = formatSlideCounter;
 exports.formatTime = formatTime;
 exports.formatVersionTimestamp = formatVersionTimestamp;
 exports.fpsToFrameIntervalMs = fpsToFrameIntervalMs;
-exports.galleryHasItems = galleryHasItems;
-exports.galleryItemLabel = galleryItemLabel;
+exports.galleryTextLabel = galleryTextLabel;
 exports.generateBroadcastRoomId = generateBroadcastRoomId;
 exports.generateElementId = generateElementId;
 exports.generateNoteLineCount = generateNoteLineCount;
@@ -258813,7 +260545,6 @@ exports.hiddenSlideCue = hiddenSlideCue;
 exports.hideChartSeries = hideChartSeries;
 exports.hollowTextFillStyle = hollowTextFillStyle;
 exports.inlineElementPointerEvents = inlineElementPointerEvents;
-exports.inlineGalleryItems = inlineGalleryItems;
 exports.inlineListBodyText = inlineListBodyText;
 exports.insertCommentMention = insertCommentMention;
 exports.insertTableElementColumn = insertTableElementColumn;