ooxml-ui 0.1.1

package/dist/chunk-7MCSBDSU.js

@@ -0,0 +1,99 @@
+import { definer, attachStyles, controlCss } from './chunk-EY266IK3.js';
+
+// src/icons.ts
+var registry = /* @__PURE__ */ new Map();
+var BUILT_IN = {
+  check: "m3 10 4.5 4.5L17 5",
+  close: "M5 5l10 10M15 5 5 15",
+  chevronDown: "m5 8 5 5 5-5",
+  chevronLeft: "m12 4-6 6 6 6",
+  chevronRight: "m8 4 6 6-6 6",
+  copy: "M7 7h10v10H7ZM3 13V3h10",
+  trash: "M4 6h12M8 6V4h4v2M6 6l.8 10h6.4L14 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",
+  message: "M3 4h14v9H8l-5 4z",
+  pencil: "M12 3l5 5M3 17l1-5L13 3l4 4-9 9Z",
+  help: "M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M8 7a2 2 0 1 1 3 1.8c-.7.3-1 .8-1 1.7M10 14v.1",
+  settings: "M3 5h14M6 10h8M8 15h4M6 3v4M12 8v4M10 13v4",
+  clock: "M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M10 6v4l3 2",
+  reset: "M4 10a6 6 0 1 1 1.8 4.2M4 6v4h4",
+  search: "M3 8.5a5.5 5.5 0 1 0 11 0 5.5 5.5 0 1 0-11 0M13 13l4 4"
+};
+for (const [name, d] of Object.entries(BUILT_IN)) registry.set(name, { d });
+function registerIcon(name, icon) {
+  const value = typeof icon === "string" ? { d: icon } : icon;
+  if (!name || !value.d) return false;
+  registry.set(name, value);
+  return true;
+}
+function getIcon(name) {
+  return name ? registry.get(name) : void 0;
+}
+function listIcons() {
+  return [...registry.keys()].sort();
+}
+var SVG_NS = "http://www.w3.org/2000/svg";
+function createIconSvg(doc) {
+  const svg = doc.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("aria-hidden", "true");
+  return svg;
+}
+function paintIcon(svg, name) {
+  const icon = getIcon(name);
+  svg.setAttribute("viewBox", icon?.viewBox ?? "0 0 20 20");
+  svg.replaceChildren();
+  if (!icon) return false;
+  const path = svg.ownerDocument.createElementNS(SVG_NS, "path");
+  path.setAttribute("d", icon.d);
+  svg.append(path);
+  return true;
+}
+var ICON_CSS = `
+svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.5;
+	stroke-linecap: round; stroke-linejoin: round; }
+`;
+var defineIcon = definer("office-ui-icon", () => {
+  class OfficeUiIcon extends HTMLElement {
+    static observedAttributes = ["name", "label"];
+    svg;
+    constructor() {
+      super();
+      const root = this.attachShadow({ mode: "open" });
+      attachStyles(
+        root,
+        controlCss(`:host { display: inline-flex; width: 1em; height: 1em; } ${ICON_CSS}`)
+      );
+      this.svg = createIconSvg(this.ownerDocument);
+      root.append(this.svg);
+    }
+    connectedCallback() {
+      this.sync();
+    }
+    attributeChangedCallback() {
+      this.sync();
+    }
+    get name() {
+      return this.getAttribute("name") ?? "";
+    }
+    set name(value) {
+      this.setAttribute("name", value);
+    }
+    sync() {
+      paintIcon(this.svg, this.name);
+      const label = this.getAttribute("label");
+      if (label) {
+        this.setAttribute("role", "img");
+        this.setAttribute("aria-label", label);
+        this.removeAttribute("aria-hidden");
+      } else {
+        this.removeAttribute("role");
+        this.removeAttribute("aria-label");
+        this.setAttribute("aria-hidden", "true");
+      }
+    }
+  }
+  return OfficeUiIcon;
+});
+
+export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon };

package/dist/chunk-EY266IK3.js

@@ -0,0 +1,73 @@
+// src/registry.ts
+var CONTRACT_REVISION = 1;
+var CONTRACT_KEY = /* @__PURE__ */ Symbol.for("office-ui.web-control-contract");
+function assertContract(registry, tag) {
+  const revision = registry.get(tag)?.[CONTRACT_KEY];
+  if (revision !== void 0 && revision !== CONTRACT_REVISION) {
+    throw new Error(
+      `Incompatible ${tag} contract (${revision}; expected ${CONTRACT_REVISION}). Load one version of ooxml-ui per window.`
+    );
+  }
+}
+function defineOnce(registry, tag, make) {
+  assertContract(registry, tag);
+  if (registry.get(tag)) return;
+  const ctor = make();
+  Object.defineProperty(ctor, CONTRACT_KEY, { value: CONTRACT_REVISION });
+  registry.define(tag, ctor);
+}
+function browserRegistry() {
+  return typeof window === "undefined" ? void 0 : window.customElements;
+}
+function definer(tag, make) {
+  const define = (registry = browserRegistry()) => {
+    if (registry) defineOnce(registry, tag, make);
+  };
+  return Object.assign(define, { tag });
+}
+function emit(host, type, detail, cancelable = false) {
+  return host.dispatchEvent(
+    new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable })
+  );
+}
+
+// src/styles.ts
+var sheetsByDocument = /* @__PURE__ */ new WeakMap();
+function attachStyles(root, css) {
+  const doc = root.host.ownerDocument;
+  const Sheet = doc.defaultView?.CSSStyleSheet;
+  if (Sheet && "adoptedStyleSheets" in root && "replaceSync" in Sheet.prototype) {
+    try {
+      let sheets = sheetsByDocument.get(doc);
+      if (!sheets) {
+        sheets = /* @__PURE__ */ new Map();
+        sheetsByDocument.set(doc, sheets);
+      }
+      let sheet = sheets.get(css);
+      if (!sheet) {
+        sheet = new Sheet();
+        sheet.replaceSync(css);
+        sheets.set(css, sheet);
+      }
+      root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
+      return;
+    } catch {
+    }
+  }
+  const style = doc.createElement("style");
+  style.textContent = css;
+  root.append(style);
+}
+var COMMON_CONTROL_CSS = `
+:host([hidden]) { display: none !important; }
+@media (pointer: coarse), (max-width: 767px) {
+	:host { --office-target-size: 44px; }
+}
+@media (forced-colors: active) {
+	:host(:focus-visible), :focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
+}
+`;
+var controlCss = (css) => `${COMMON_CONTROL_CSS}
+${css}`;
+
+export { CONTRACT_REVISION, attachStyles, controlCss, definer, emit };

package/dist/chunk-H4KFVIGT.js

@@ -0,0 +1,61 @@
+// src/theme.ts
+var THEME_STYLE_ID = "office-ui-theme";
+var DARK = `
+	--office-foreground: #f9fafb;
+	--office-muted-foreground: #9ca3af;
+	--office-background: #111827;
+	--office-surface: #1f2937;
+	--office-border: #374151;
+	--office-accent: #6366f1;
+	--office-ring: #818cf8;
+	--office-danger: #f87171;`;
+var THEME_CSS = `
+:root {
+	--office-foreground: #1f2937;
+	--office-muted-foreground: #6b7280;
+	--office-background: #ffffff;
+	--office-surface: #f3f4f6;
+	--office-border: #d1d5db;
+	--office-accent: #2563eb;
+	--office-accent-foreground: #ffffff;
+	--office-ring: #2563eb;
+	--office-danger: #b91c1c;
+	--office-target-size: 28px;
+	--office-radius: 4px;
+	--office-font: system-ui, -apple-system, "Segoe UI", sans-serif;
+}
+@media (prefers-color-scheme: dark) {
+	:root:not([data-office-theme="light"]) {${DARK}
+	}
+}
+:root[data-office-theme="dark"] {${DARK}
+}
+@media (pointer: coarse), (max-width: 767px) {
+	:root { --office-target-size: 44px; }
+}
+@media (forced-colors: active) {
+	:root {
+		--office-foreground: CanvasText;
+		--office-muted-foreground: GrayText;
+		--office-background: Canvas;
+		--office-surface: Canvas;
+		--office-border: CanvasText;
+		--office-accent: Highlight;
+		--office-accent-foreground: HighlightText;
+		--office-ring: Highlight;
+		--office-danger: CanvasText;
+	}
+}
+`;
+function installOfficeUiTheme(doc = globalThis.document) {
+  if (!doc?.head) return false;
+  if (!doc.getElementById(THEME_STYLE_ID)) {
+    const style = doc.createElement("style");
+    style.id = THEME_STYLE_ID;
+    style.textContent = THEME_CSS;
+    doc.head.append(style);
+  }
+  return true;
+}
+
+export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme };

package/dist/chunk-KJV76AB7.js

@@ -0,0 +1,221 @@
+import { definer, attachStyles, controlCss, emit } from './chunk-EY266IK3.js';
+import { normalizeHexColor } from 'ooxml-core/color';
+
+var SVG_NS = "http://www.w3.org/2000/svg";
+var EMU_PER_PX = 9525;
+function colorToCss(color, scheme) {
+  if (!color) return void 0;
+  switch (color.kind) {
+    case "srgb":
+      return normalizeHexColor(color.value, "#808080");
+    case "scheme":
+      return scheme[color.value] ? normalizeHexColor(scheme[color.value], "#808080") : "#9ca3af";
+    case "system":
+      return color.fallback ? normalizeHexColor(color.fallback, "#808080") : void 0;
+    case "preset":
+      return /^[a-z]+$/i.test(color.value) ? color.value.toLowerCase() : "#808080";
+    default:
+      return "#9ca3af";
+  }
+}
+function fillToCss(fill, scheme, report) {
+  if (!fill) return "none";
+  if (fill.kind === "none") return "none";
+  if (fill.kind === "solid") return colorToCss(fill.color, scheme) ?? "none";
+  if (!report.approximatedFills.includes(fill.kind)) report.approximatedFills.push(fill.kind);
+  if (fill.kind === "gradient") return colorToCss(fill.stops[0]?.color, scheme) ?? "none";
+  return "#d1d5db";
+}
+function pathData(path, widthPx, heightPx) {
+  const sx = path.width ? widthPx / path.width : 1;
+  const sy = path.height ? heightPx / path.height : 1;
+  const x = (v) => +(v * sx).toFixed(2);
+  const y = (v) => +(v * sy).toFixed(2);
+  const out = [];
+  for (const c of path.commands) {
+    if (c.op === "M" || c.op === "L") out.push(`${c.op}${x(c.x)} ${y(c.y)}`);
+    else if (c.op === "C")
+      out.push(`C${x(c.x1)} ${y(c.y1)} ${x(c.x2)} ${y(c.y2)} ${x(c.x)} ${y(c.y)}`);
+    else if (c.op === "Q") out.push(`Q${x(c.x1)} ${y(c.y1)} ${x(c.x)} ${y(c.y)}`);
+    else if (c.op === "Z") out.push("Z");
+  }
+  return out.join("");
+}
+var hasArc = (shape) => Boolean(shape.paths?.some((p) => p.commands.some((c) => c.op === "A")));
+function shapeElement(doc, shape, report) {
+  const { frame } = shape;
+  const w = frame.width / EMU_PER_PX;
+  const h = frame.height / EMU_PER_PX;
+  if (shape.paths?.length) {
+    const el = doc.createElementNS(SVG_NS, "g");
+    for (const path of shape.paths) {
+      const p = doc.createElementNS(SVG_NS, "path");
+      p.setAttribute("d", pathData(path, w, h));
+      el.append(p);
+    }
+    if (hasArc(shape) && !report.approximatedGeometries.includes("custom:arc")) {
+      report.approximatedGeometries.push("custom:arc");
+    }
+    return el;
+  }
+  if (shape.geometry === "ellipse") {
+    const e = doc.createElementNS(SVG_NS, "ellipse");
+    e.setAttribute("rx", String(w / 2));
+    e.setAttribute("ry", String(h / 2));
+    e.setAttribute("cx", String(w / 2));
+    e.setAttribute("cy", String(h / 2));
+    return e;
+  }
+  const rect = doc.createElementNS(SVG_NS, "rect");
+  rect.setAttribute("width", String(w));
+  rect.setAttribute("height", String(h));
+  if (shape.geometry === "roundRect") {
+    const adj = (shape.adjustments?.adj ?? 16667) / 1e5;
+    rect.setAttribute("rx", String(Math.min(w, h) * adj));
+  } else if (shape.geometry !== "rect" && !report.approximatedGeometries.includes(shape.geometry)) {
+    report.approximatedGeometries.push(shape.geometry);
+    rect.setAttribute("data-approximated", shape.geometry);
+  }
+  return rect;
+}
+function renderDiagramDrawing(doc, drawing, scheme = {}) {
+  const report = {
+    shapeCount: drawing.shapes.length,
+    approximatedGeometries: [],
+    flattened3d: 0,
+    approximatedFills: []
+  };
+  const svg = doc.createElementNS(SVG_NS, "svg");
+  let right = 0;
+  let bottom = 0;
+  for (const shape of drawing.shapes) {
+    const { frame } = shape;
+    right = Math.max(right, (frame.x + frame.width) / EMU_PER_PX);
+    bottom = Math.max(bottom, (frame.y + frame.height) / EMU_PER_PX);
+    const group = doc.createElementNS(SVG_NS, "g");
+    group.dataset.modelId = shape.modelId;
+    const cx = frame.width / EMU_PER_PX / 2;
+    const cy = frame.height / EMU_PER_PX / 2;
+    const fx = shape.flipHorizontal ? -1 : 1;
+    const fy = shape.flipVertical ? -1 : 1;
+    const transform = [`translate(${frame.x / EMU_PER_PX} ${frame.y / EMU_PER_PX})`];
+    if (shape.rotation) transform.push(`rotate(${shape.rotation} ${cx} ${cy})`);
+    if (fx !== 1 || fy !== 1) {
+      transform.push(`translate(${cx} ${cy}) scale(${fx} ${fy}) translate(${-cx} ${-cy})`);
+    }
+    group.setAttribute("transform", transform.join(" "));
+    const body = shapeElement(doc, shape, report);
+    body.setAttribute("fill", fillToCss(shape.fill, scheme, report));
+    const stroke = shape.line?.fill?.kind === "solid" ? colorToCss(shape.line.fill.color, scheme) : void 0;
+    body.setAttribute("stroke", stroke ?? "none");
+    if (stroke)
+      body.setAttribute(
+        "stroke-width",
+        String(Math.max(0.5, (shape.line?.widthEmu ?? 9525) / EMU_PER_PX))
+      );
+    group.append(body);
+    if (shape.has3d) {
+      report.flattened3d += 1;
+      group.setAttribute("data-flattened-3d", "");
+    }
+    if (shape.text?.text) group.append(textElement(doc, shape, scheme));
+    svg.append(group);
+  }
+  svg.setAttribute("viewBox", `0 0 ${Math.max(right, 1)} ${Math.max(bottom, 1)}`);
+  return { svg, report };
+}
+function textElement(doc, shape, scheme) {
+  const frame = shape.textFrame ?? {
+    x: shape.frame.x,
+    y: shape.frame.y,
+    width: shape.frame.width,
+    height: shape.frame.height
+  };
+  const ox = (frame.x - shape.frame.x) / EMU_PER_PX;
+  const oy = (frame.y - shape.frame.y) / EMU_PER_PX;
+  const w = frame.width / EMU_PER_PX;
+  const h = frame.height / EMU_PER_PX;
+  const text = doc.createElementNS(SVG_NS, "text");
+  const first = shape.text?.paragraphs[0]?.runs[0];
+  const sizePx = (first?.sizePt ?? 12) * 96 / 72;
+  text.setAttribute("x", String(ox + w / 2));
+  text.setAttribute("y", String(oy + h / 2));
+  text.setAttribute("text-anchor", "middle");
+  text.setAttribute("dominant-baseline", "central");
+  text.setAttribute("font-size", String(sizePx));
+  text.setAttribute("fill", colorToCss(first?.color, scheme) ?? "currentColor");
+  if (first?.bold) text.setAttribute("font-weight", "700");
+  if (first?.italic) text.setAttribute("font-style", "italic");
+  if (first?.typeface) text.setAttribute("font-family", first.typeface);
+  text.textContent = shape.text?.paragraphs.map((p) => p.runs.map((r) => r.text).join("")).join(" ") ?? "";
+  return text;
+}
+
+// src/smartart.ts
+var CSS = `
+:host { display: block; }
+svg { display: block; width: 100%; height: auto; max-height: 100%; }
+text { font-family: var(--office-font, system-ui, sans-serif); pointer-events: none; }
+.empty { padding: 8px; font-size: 12px; color: var(--office-muted-foreground, #6b7280); }
+@media (forced-colors: active) { text { fill: CanvasText; } }
+`;
+var defineSmartArt = definer("office-ui-smartart", () => {
+  class OfficeUiSmartArt extends HTMLElement {
+    static observedAttributes = ["label"];
+    model;
+    scheme = {};
+    lastReport;
+    root;
+    constructor() {
+      super();
+      this.root = this.attachShadow({ mode: "open" });
+      attachStyles(this.root, controlCss(CSS));
+    }
+    connectedCallback() {
+      this.render();
+    }
+    attributeChangedCallback() {
+      this.render();
+    }
+    get drawing() {
+      return this.model;
+    }
+    set drawing(next) {
+      this.model = next;
+      this.render();
+    }
+    get schemeColors() {
+      return this.scheme;
+    }
+    set schemeColors(next) {
+      this.scheme = next;
+      this.render();
+    }
+    /** The report of the last render (undefined while empty). */
+    get report() {
+      return this.lastReport;
+    }
+    render() {
+      const doc = this.ownerDocument;
+      for (const el of this.root.querySelectorAll("svg, .empty")) el.remove();
+      const label = this.getAttribute("label") ?? "Diagram";
+      if (!this.model || this.model.shapes.length === 0) {
+        this.lastReport = void 0;
+        const empty = doc.createElement("div");
+        empty.className = "empty";
+        empty.textContent = this.model ? "This diagram has no cached drawing to show." : "";
+        this.root.append(empty);
+        return;
+      }
+      const { svg, report } = renderDiagramDrawing(doc, this.model, this.scheme);
+      svg.setAttribute("role", "img");
+      svg.setAttribute("aria-label", label);
+      this.root.append(svg);
+      this.lastReport = report;
+      emit(this, "office-smartart-render", report);
+    }
+  }
+  return OfficeUiSmartArt;
+});
+
+export { defineSmartArt, renderDiagramDrawing };

package/dist/chunk-RLPL7Q6J.js

@@ -0,0 +1,118 @@
+import { definer, attachStyles, controlCss, emit } from './chunk-EY266IK3.js';
+
+// src/presence.ts
+function participantsFromAwareness(states, selfId) {
+  const out = [];
+  for (const state of states) {
+    const user = state?.user;
+    const id = String(user?.id ?? state?.clientId ?? "");
+    if (!id || !user?.name) continue;
+    out.push({
+      id,
+      name: user.name,
+      ...user.color ? { color: user.color } : {},
+      ...user.status ? { status: user.status } : {},
+      ...id === selfId || user.self ? { self: true } : {}
+    });
+  }
+  return out;
+}
+var initialsOf = (name) => {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "?";
+  const first = [...parts[0] ?? ""][0] ?? "?";
+  const last = parts.length > 1 ? [...parts[parts.length - 1] ?? ""][0] ?? "" : "";
+  return (first + last).toUpperCase();
+};
+var CSS = `
+:host { display: inline-flex; align-items: center; }
+ul { display: flex; margin: 0; padding: 0; list-style: none; }
+li { margin-inline-start: -6px; }
+li:first-child { margin-inline-start: 0; }
+button, .more { box-sizing: border-box; display: inline-grid; place-items: center;
+	width: var(--office-target-size, 28px); height: var(--office-target-size, 28px); padding: 0; border-radius: 50%;
+	border: 2px solid var(--office-avatar-color, #6b7280); background: var(--office-surface, #f3f4f6);
+	color: var(--office-foreground, #1f2937); font: 600 11px var(--office-font, system-ui, sans-serif); cursor: pointer; }
+.more { cursor: default; border-color: var(--office-border, #d1d5db); }
+button:focus-visible { outline: 2px solid var(--office-ring, #2563eb); outline-offset: 1px; z-index: 1; }
+button[data-status="idle"] { opacity: .7; }
+button[data-status="away"] { opacity: .45; border-style: dashed; }
+@media (forced-colors: active) {
+	button, .more { border-color: CanvasText; background: Canvas; color: CanvasText; }
+	button:focus-visible { outline-color: Highlight; }
+}
+`;
+var definePresence = definer("office-ui-presence", () => {
+  class OfficeUiPresence extends HTMLElement {
+    static observedAttributes = ["max", "label"];
+    people = [];
+    list;
+    constructor() {
+      super();
+      const root = this.attachShadow({ mode: "open" });
+      attachStyles(root, controlCss(CSS));
+      this.list = this.ownerDocument.createElement("ul");
+      this.list.setAttribute("role", "list");
+      root.append(this.list);
+    }
+    connectedCallback() {
+      this.render();
+    }
+    attributeChangedCallback() {
+      this.render();
+    }
+    get participants() {
+      return this.people;
+    }
+    set participants(next) {
+      this.people = [...next].sort((a, b) => Number(Boolean(b.self)) - Number(Boolean(a.self)));
+      this.render();
+    }
+    get max() {
+      const n = Number(this.getAttribute("max") ?? 4);
+      return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 4;
+    }
+    render() {
+      const doc = this.ownerDocument;
+      this.setAttribute("role", "group");
+      this.setAttribute(
+        "aria-label",
+        this.getAttribute("label") ?? `${this.people.length} collaborators`
+      );
+      const shown = this.people.slice(0, this.max);
+      const items = shown.map((person) => {
+        const li = doc.createElement("li");
+        const button = doc.createElement("button");
+        button.type = "button";
+        button.textContent = initialsOf(person.name);
+        button.dataset.id = person.id;
+        button.dataset.status = person.status ?? "active";
+        if (person.color) button.style.setProperty("--office-avatar-color", person.color);
+        const status = person.status && person.status !== "active" ? `, ${person.status}` : "";
+        button.setAttribute("aria-label", `${person.name}${person.self ? " (you)" : ""}${status}`);
+        button.title = person.name;
+        button.addEventListener(
+          "click",
+          () => emit(this, "office-presence-select", { id: person.id })
+        );
+        li.append(button);
+        return li;
+      });
+      const hidden = this.people.length - shown.length;
+      if (hidden > 0) {
+        const li = doc.createElement("li");
+        const chip = doc.createElement("span");
+        chip.className = "more";
+        chip.textContent = `+${hidden}`;
+        chip.title = this.people.slice(shown.length).map((p) => p.name).join(", ");
+        chip.setAttribute("aria-label", `${hidden} more: ${chip.title}`);
+        li.append(chip);
+        items.push(li);
+      }
+      this.list.replaceChildren(...items);
+    }
+  }
+  return OfficeUiPresence;
+});
+
+export { definePresence, initialsOf, participantsFromAwareness };

package/dist/controls.d.ts

@@ -0,0 +1,16 @@
+import { defineButton } from './button.js';
+import { defineCheckbox, defineSwitch } from './checkable.js';
+import { defineDialog } from './dialog.js';
+import { defineIcon } from './icons.js';
+import { defineRibbonGroup, defineToolbar } from './ribbon.js';
+import { defineSelect } from './select.js';
+import { defineStatusBar, defineStatusItem } from './status-bar.js';
+export { defineButton, defineCheckbox, defineDialog, defineIcon, defineRibbonGroup, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineToolbar, };
+export type { OfficeCommandEvent } from './button.js';
+export type { OfficeDialogCloseEvent, OfficeDialogCloseReason } from './dialog.js';
+export type { OfficeSelectOption } from './select.js';
+export type { OfficeStatusActivateEvent } from './status-bar.js';
+/** Every control of this entry. */
+export declare const CONTROL_DEFINERS: readonly [import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer];
+/** Idempotent, SSR-safe (no-op without a DOM). */
+export declare function registerControls(registry?: CustomElementRegistry): void;

package/dist/controls.js

@@ -0,0 +1,3 @@
+export { CONTROL_DEFINERS, defineButton, defineCheckbox, defineDialog, defineRibbonGroup, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineToolbar, registerControls } from './chunk-5UKGBJXE.js';
+export { defineIcon } from './chunk-7MCSBDSU.js';
+import './chunk-EY266IK3.js';

package/dist/dialog.d.ts

@@ -0,0 +1,13 @@
+export type OfficeDialogCloseReason = 'escape' | 'close-button' | 'backdrop' | 'api';
+/** Cancelable: `preventDefault()` keeps the dialog open. */
+export type OfficeDialogCloseEvent = CustomEvent<{
+    reason: OfficeDialogCloseReason;
+}>;
+/**
+ * Modal dialog shell. `open` and `heading` attributes, `dismissible` (default true; set
+ * `dismissible="false"` to ignore Escape and backdrop). Default slot is the body, `slot="footer"`
+ * holds actions. `role="dialog"`, `aria-modal`, labelled by the heading. Escape, the close button
+ * and the backdrop emit a cancelable `office-dialog-close` and close unless prevented; focus
+ * moves in on open, is trapped with Tab, and returns to the previously focused element on close.
+ */
+export declare const defineDialog: import("./registry.js").Definer;

package/dist/icons.d.ts

@@ -0,0 +1,16 @@
+/** A trusted icon: SVG path data in a 20x20 box. Hosts never inject markup. */
+export interface OfficeIcon {
+    d: string;
+    /** Defaults to `0 0 20 20`. */
+    viewBox?: string;
+}
+/** Register or replace an icon. Returns false for an empty name or path. */
+export declare function registerIcon(name: string, icon: OfficeIcon | string): boolean;
+export declare function getIcon(name: string | null | undefined): OfficeIcon | undefined;
+export declare function listIcons(): string[];
+export declare function createIconSvg(doc: Document): SVGSVGElement;
+/** Fill an `<svg>` with a registered icon (empty when unknown). Used by every control. */
+export declare function paintIcon(svg: SVGElement, name: string | null | undefined): boolean;
+export declare const ICON_CSS = "\nsvg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.5;\n\tstroke-linecap: round; stroke-linejoin: round; }\n";
+/** `<office-ui-icon name="check" label="Done">`: decorative unless `label` is set. */
+export declare const defineIcon: import("./registry.js").Definer;

package/dist/icons.js

@@ -0,0 +1,2 @@
+export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon } from './chunk-7MCSBDSU.js';
+import './chunk-EY266IK3.js';

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export * from './controls.js';
+export * from './icons.js';
+export * from './presence.js';
+export * from './smartart.js';
+export * from './theme.js';
+export { CONTRACT_REVISION, type Definer } from './registry.js';
+/** Every ooxml-ui tag this package defines, in registration order. */
+export declare const OFFICE_UI_TAGS: readonly ["office-ui-icon", "office-ui-button", "office-ui-checkbox", "office-ui-switch", "office-ui-select", "office-ui-ribbon-group", "office-ui-toolbar", "office-ui-dialog", "office-ui-status-bar", "office-ui-status-item", "office-ui-presence", "office-ui-smartart"];
+/**
+ * Install the theme tokens and define every element. Idempotent and safe to call from every
+ * viewer binding; a no-op where there is no DOM (SSR).
+ */
+export declare function registerOfficeUi(options?: {
+    theme?: boolean;
+}): void;