ooxml-ui 1.2.0 → 1.3.0

package/custom-elements.json

@@ -2179,6 +2179,167 @@
 				}
 			]
 		},
+		{
+			"kind": "javascript-module",
+			"path": "ribbon/ribbon-actions.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiRibbonActions",
+					"tagName": "office-ui-ribbon-actions",
+					"customElement": true,
+					"description": "`<office-ui-ribbon-actions>`: the controls Office places at the right end of the ribbon tab row, in Office's order: the editing-mode selector (pencil icon and a native select), Comments (icon and label) and the accent Share button. Put it in `office-ui-ribbon`'s `actions` slot (or at a product tab row's right end). Controlled: the host owns every value and redraws after an event. Properties: `modes` (the selector's choices; empty hides it), `mode`, `mode-label` (its name), `comments-label`, `comments-title`, `comments-pressed`, `comments-count` (a badge when above 0), `no-comments`, `share-label`, `share-title`, `share-pressed` (a live session) and `no-share`. Events: `office-ribbon-mode` `{ mode }`, `office-ribbon-comments` and `office-ribbon-share` (static `modeEvent`, `commentsEvent` and `shareEvent` let a product subclass keep its own names). Parts: `mode`, `mode-select`, `comments`, `share`. Below 900px the labels hide, as in Office's narrow layout; the buttons keep their accessible names through `aria-label`.",
+					"attributes": [
+						{
+							"name": "comments-count"
+						},
+						{
+							"name": "comments-label"
+						},
+						{
+							"name": "comments-pressed"
+						},
+						{
+							"name": "comments-title"
+						},
+						{
+							"name": "mode"
+						},
+						{
+							"name": "mode-label"
+						},
+						{
+							"name": "no-comments"
+						},
+						{
+							"name": "no-share"
+						},
+						{
+							"name": "share-label"
+						},
+						{
+							"name": "share-pressed"
+						},
+						{
+							"name": "share-title"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "commentsCount",
+							"type": {
+								"text": "number"
+							},
+							"attribute": "comments-count"
+						},
+						{
+							"kind": "field",
+							"name": "commentsLabel",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "comments-label"
+						},
+						{
+							"kind": "field",
+							"name": "commentsPressed",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "comments-pressed"
+						},
+						{
+							"kind": "field",
+							"name": "commentsTitle",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "comments-title"
+						},
+						{
+							"kind": "field",
+							"name": "mode",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "modeLabel",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "mode-label"
+						},
+						{
+							"kind": "field",
+							"name": "modes"
+						},
+						{
+							"kind": "field",
+							"name": "noComments",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "no-comments"
+						},
+						{
+							"kind": "field",
+							"name": "noShare",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "no-share"
+						},
+						{
+							"kind": "field",
+							"name": "shareLabel",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "share-label"
+						},
+						{
+							"kind": "field",
+							"name": "sharePressed",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "share-pressed"
+						},
+						{
+							"kind": "field",
+							"name": "shareTitle",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "share-title"
+						}
+					],
+					"events": [
+						{
+							"name": "office-ribbon-comments"
+						},
+						{
+							"name": "office-ribbon-mode"
+						},
+						{
+							"name": "office-ribbon-share"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-ribbon-actions",
+					"declaration": {
+						"name": "OfficeUiRibbonActions"
+					}
+				}
+			]
+		},
 		{
 			"kind": "javascript-module",
 			"path": "ribbon/ribbon-group.ts",

package/dist/{chunk-XNCWB2X6.js → chunk-2WLRFPMW.js}

@@ -38,6 +38,8 @@ var OFFICE_TOKENS = {
   "--office-font-size-md": "14px",
   "--office-font-size-lg": "15px",
   "--office-font-size-xl": "18px",
+  /** Smallest text size that keeps mobile browsers from zooming a focused field. */
+  "--office-font-size-touch": "16px",
   "--office-font-weight-medium": "500",
   "--office-font-weight-bold": "600",
   "--office-line-height": "1.4",
@@ -70,6 +72,8 @@ var OFFICE_TOKENS = {
   // Sizes
   "--office-target-size": "28px",
   "--office-target-size-touch": "44px",
+  /** Minimum pointer target on touch layouts. */
+  "--office-touch-target": "36px",
   "--office-control-height": "24px",
   "--office-control-height-md": "28px",
   "--office-control-height-lg": "32px",

package/dist/{chunk-JAJFLFAV.js → chunk-56A2JK63.js}

@@ -1,4 +1,4 @@
-import { OFFICE_TOKENS, TOUCH } from './chunk-XNCWB2X6.js';
+import { OFFICE_TOKENS, TOUCH } from './chunk-2WLRFPMW.js';
 
 // src/theme-bridge.ts
 var SHADCN_NAMES = [

package/dist/{chunk-AYXFLBSV.js → chunk-5OFAJDMQ.js}

@@ -1,8 +1,8 @@
-import { THEME_CSS, installOfficeUiTheme } from './chunk-JAJFLFAV.js';
-import { defineMenuButton, defineMenuItem, registerControls, defineSwitch } from './chunk-7FNDOWTX.js';
-import { registerIcon, getIcon } from './chunk-BOX43CZD.js';
-import { initialsOf, definePresence } from './chunk-VUB44CAJ.js';
-import { definer, OfficeElement, controlStyles } from './chunk-YK2DPYMU.js';
+import { THEME_CSS, installOfficeUiTheme } from './chunk-56A2JK63.js';
+import { defineMenuButton, defineMenuItem, registerControls, defineSwitch } from './chunk-723JC3OC.js';
+import { registerIcon, getIcon } from './chunk-M6GF5ED2.js';
+import { initialsOf, definePresence } from './chunk-TWQ45BFL.js';
+import { definer, OfficeElement, controlStyles } from './chunk-IY7QJLQG.js';
 import { html, nothing, LitElement, unsafeCSS, svg } from 'lit';
 import { repeat } from 'lit/directives/repeat.js';
 import { live } from 'lit/directives/live.js';
@@ -395,7 +395,7 @@ var OfficeUiChannelList = class extends TeamsElement {
 var defineChannelList = definer("office-ui-channel-list", () => OfficeUiChannelList);
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/teams/chat-composer.css?raw
-var chat_composer_default = ":host {\n	display: block;\n	min-width: 0;\n	flex: none;\n	padding: 0 var(--office-space-5) var(--office-space-4);\n}\n.typing {\n	min-height: 1.4em;\n	color: var(--office-teams-text-subtle);\n	font-size: var(--office-font-size-xs);\n}\n.box {\n	position: relative;\n	border: var(--office-border-width) solid var(--office-teams-divider);\n	border-block-end: var(--office-border-width-thick) solid var(--office-teams-divider);\n	border-radius: var(--office-radius-md);\n	background: var(--office-field-background);\n}\n.box:focus-within {\n	border-block-end-color: var(--office-teams-brand);\n}\n.banner {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	padding: var(--office-space-1) var(--office-space-3);\n	border-bottom: var(--office-border-width) solid var(--office-teams-divider);\n	background: var(--office-teams-panel);\n	font-size: var(--office-font-size-sm);\n}\ntextarea {\n	display: block;\n	width: 100%;\n	min-height: 3.2em;\n	max-height: 12em;\n	padding: var(--office-space-3);\n	border: 0;\n	outline: 0;\n	resize: none;\n	background: transparent;\n	color: inherit;\n	font: inherit;\n	overflow-y: auto;\n	line-height: 1.5;\n}\n.bar {\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-1);\n	padding: 0 var(--office-space-2) var(--office-space-2);\n}\n.spacer {\n	flex: 1;\n}\n.bar button,\n.banner button,\n.pending button {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	gap: var(--office-space-1);\n	min-width: 2.2em;\n	height: 2.2em;\n	border: 0;\n	border-radius: var(--office-radius);\n	background: transparent;\n	color: var(--office-teams-text-subtle);\n}\n.bar button:hover:not(:disabled),\n.banner button:hover {\n	background: var(--office-selected);\n	color: var(--office-foreground);\n}\n.bar button:disabled {\n	opacity: 0.45;\n	cursor: not-allowed;\n}\n.bar .send:not(:disabled) {\n	color: var(--office-teams-brand);\n}\n.pending {\n	display: flex;\n	flex-wrap: wrap;\n	gap: var(--office-space-1);\n	margin: 0;\n	padding: 0 var(--office-space-3);\n	list-style: none;\n}\n.pending button {\n	padding: 0 var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-teams-divider);\n	background: var(--office-teams-panel);\n	font-size: var(--office-font-size-sm);\n	color: var(--office-foreground);\n}\n.emoji {\n	position: relative;\n}\n.picker {\n	position: absolute;\n	inset-block-end: calc(100% + var(--office-space-1));\n	inset-inline-start: 0;\n	z-index: 2;\n	display: grid;\n	grid-template-columns: repeat(5, 1fr);\n	gap: var(--office-space-0);\n	padding: var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-teams-divider);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	box-shadow: var(--office-shadow-teams);\n}\n.picker button {\n	font-size: 1.3em;\n}\n\ntextarea:focus-visible {\n	outline: none;\n}\n.box:focus-within {\n	border-color: var(--office-teams-brand);\n}\n.pending {\n	max-height: 7em;\n	overflow-y: auto;\n	padding-block-end: var(--office-space-2);\n}\n.pending li {\n	min-width: 0;\n	max-width: 100%;\n}\n.pending button {\n	max-width: 100%;\n	height: auto;\n	min-height: 2.4em;\n}\n.file-label {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n	min-width: 0;\n}\n@media (max-width: 600px) {\n	:host {\n		padding: 0 var(--office-space-2) var(--office-space-2);\n	}\n	textarea {\n		font-size: 16px;\n		min-height: 3em;\n	}\n	.bar button {\n		min-width: 36px;\n		height: 36px;\n	}\n}\n";
+var chat_composer_default = ":host {\n	display: block;\n	min-width: 0;\n	flex: none;\n	padding: 0 var(--office-space-5) var(--office-space-4);\n}\n.typing {\n	min-height: 1.4em;\n	color: var(--office-teams-text-subtle);\n	font-size: var(--office-font-size-xs);\n}\n.box {\n	position: relative;\n	border: var(--office-border-width) solid var(--office-teams-divider);\n	border-block-end: var(--office-border-width-thick) solid var(--office-teams-divider);\n	border-radius: var(--office-radius-md);\n	background: var(--office-field-background);\n}\n.box:focus-within {\n	border-block-end-color: var(--office-teams-brand);\n}\n.banner {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	padding: var(--office-space-1) var(--office-space-3);\n	border-bottom: var(--office-border-width) solid var(--office-teams-divider);\n	background: var(--office-teams-panel);\n	font-size: var(--office-font-size-sm);\n}\ntextarea {\n	display: block;\n	width: 100%;\n	min-height: 3.2em;\n	max-height: 12em;\n	padding: var(--office-space-3);\n	border: 0;\n	outline: 0;\n	resize: none;\n	background: transparent;\n	color: inherit;\n	font: inherit;\n	overflow-y: auto;\n	line-height: 1.5;\n}\n.bar {\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-1);\n	padding: 0 var(--office-space-2) var(--office-space-2);\n}\n.spacer {\n	flex: 1;\n}\n.bar button,\n.banner button,\n.pending button {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	gap: var(--office-space-1);\n	min-width: 2.2em;\n	height: 2.2em;\n	border: 0;\n	border-radius: var(--office-radius);\n	background: transparent;\n	color: var(--office-teams-text-subtle);\n}\n.bar button:hover:not(:disabled),\n.banner button:hover {\n	background: var(--office-selected);\n	color: var(--office-foreground);\n}\n.bar button:disabled {\n	opacity: 0.45;\n	cursor: not-allowed;\n}\n.bar .send:not(:disabled) {\n	color: var(--office-teams-brand);\n}\n.pending {\n	display: flex;\n	flex-wrap: wrap;\n	gap: var(--office-space-1);\n	margin: 0;\n	padding: 0 var(--office-space-3);\n	list-style: none;\n}\n.pending button {\n	padding: 0 var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-teams-divider);\n	background: var(--office-teams-panel);\n	font-size: var(--office-font-size-sm);\n	color: var(--office-foreground);\n}\n.emoji {\n	position: relative;\n}\n.picker {\n	position: absolute;\n	inset-block-end: calc(100% + var(--office-space-1));\n	inset-inline-start: 0;\n	z-index: 2;\n	display: grid;\n	grid-template-columns: repeat(5, 1fr);\n	gap: var(--office-space-0);\n	padding: var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-teams-divider);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	box-shadow: var(--office-shadow-teams);\n}\n.picker button {\n	font-size: 1.3em;\n}\n\ntextarea:focus-visible {\n	outline: none;\n}\n.box:focus-within {\n	border-color: var(--office-teams-brand);\n}\n.pending {\n	max-height: 7em;\n	overflow-y: auto;\n	padding-block-end: var(--office-space-2);\n}\n.pending li {\n	min-width: 0;\n	max-width: 100%;\n}\n.pending button {\n	max-width: 100%;\n	height: auto;\n	min-height: 2.4em;\n}\n.file-label {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n	min-width: 0;\n}\n@media (max-width: 600px) {\n	:host {\n		padding: 0 var(--office-space-2) var(--office-space-2);\n	}\n	textarea {\n		font-size: var(--office-font-size-touch);\n		min-height: 3em;\n	}\n	.bar button {\n		min-width: var(--office-touch-target);\n		height: var(--office-touch-target);\n	}\n}\n";
 var EMOJI = [
   "\u{1F600}",
   "\u{1F604}",

package/dist/{chunk-7FNDOWTX.js → chunk-723JC3OC.js}

@@ -1,7 +1,7 @@
-import { createIconSvg, paintIcon, getIcon } from './chunk-BOX43CZD.js';
-import { initialsOf } from './chunk-VUB44CAJ.js';
-import { OfficeElement, controlStyles, definer, valueOn, flag, present, triState, withTokens } from './chunk-YK2DPYMU.js';
-import { tok, OFFICE_TOKENS } from './chunk-XNCWB2X6.js';
+import { createIconSvg, paintIcon, getIcon } from './chunk-M6GF5ED2.js';
+import { initialsOf } from './chunk-TWQ45BFL.js';
+import { OfficeElement, controlStyles, definer, valueOn, flag, present, triState, withTokens } from './chunk-IY7QJLQG.js';
+import { tok, OFFICE_TOKENS } from './chunk-2WLRFPMW.js';
 import { html, LitElement, nothing, render, svg } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { repeat } from 'lit/directives/repeat.js';
@@ -1635,6 +1635,72 @@ var OfficeUiRibbon = class extends OfficeElement {
 };
 var defineRibbon = definer("office-ui-ribbon", () => OfficeUiRibbon);
 
+// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/ribbon/ribbon-actions.css?raw
+var ribbon_actions_default = ":host {\n	display: inline-flex;\n	flex: none;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	padding-inline-start: var(--office-space-2);\n	color: var(--office-foreground);\n	font: inherit;\n	font-size: var(--office-font-size);\n}\n[hidden] {\n	display: none !important;\n}\n.glyph {\n	flex: none;\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\n.glyph:not([data-painted]) {\n	display: none;\n}\n.mode {\n	position: relative;\n	display: inline-flex;\n	align-items: center;\n	height: var(--office-control-height-md);\n}\n.mode > .glyph {\n	position: absolute;\n	inset-inline-start: var(--office-space-2);\n	pointer-events: none;\n}\n.mode-select {\n	height: var(--office-control-height-md);\n	padding: 0 var(--office-space-1-5) 0 calc(var(--office-space-2) * 2 + var(--office-icon-size-md));\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n	color: var(--office-foreground);\n	font: inherit;\n	cursor: pointer;\n}\nbutton {\n	position: relative;\n	display: inline-flex;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	height: var(--office-control-height-md);\n	padding: 0 var(--office-space-2-5);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: transparent;\n	color: var(--office-foreground);\n	font: inherit;\n	white-space: nowrap;\n	cursor: pointer;\n}\n.comments:hover {\n	background: var(--office-surface);\n}\n.comments[aria-pressed='true'] {\n	background: var(--office-selected);\n}\n.badge {\n	min-width: var(--office-space-4);\n	padding: 0 var(--office-space-1);\n	border-radius: var(--office-radius-full);\n	background: var(--office-accent);\n	color: var(--office-accent-foreground);\n	font-size: var(--office-font-size-2xs);\n	line-height: var(--office-space-4);\n	text-align: center;\n}\n.share {\n	padding: 0 var(--office-space-3);\n	border-color: var(--office-accent);\n	background: var(--office-accent);\n	color: var(--office-accent-foreground);\n}\n.share:hover,\n.share[aria-pressed='true'] {\n	/* Darkened here rather than read from --office-accent-hover, which resolves where the theme\n	   is installed and so would miss a product's own accent. */\n	filter: brightness(0.88);\n}\n.mode-select:focus-visible,\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: var(--office-focus-offset);\n}\n/* Narrow windows keep the icons and drop the labels, as Office's simplified layout does. */\n@media (max-width: 900px) {\n	.label {\n		display: none;\n	}\n	button {\n		padding: 0 var(--office-space-1-5);\n	}\n}\n";
+
+// src/ribbon/ribbon-actions.ts
+var OfficeUiRibbonActions = class extends OfficeElement {
+  static modeEvent = "office-ribbon-mode";
+  static commentsEvent = "office-ribbon-comments";
+  static shareEvent = "office-ribbon-share";
+  static styles = controlStyles(ribbon_actions_default);
+  static properties = {
+    modes: { attribute: false },
+    mode: { type: String },
+    modeLabel: { attribute: "mode-label", type: String },
+    commentsLabel: { attribute: "comments-label", type: String },
+    commentsTitle: { attribute: "comments-title", type: String },
+    commentsPressed: { attribute: "comments-pressed", ...flag },
+    commentsCount: { attribute: "comments-count", type: Number },
+    noComments: { attribute: "no-comments", ...flag },
+    shareLabel: { attribute: "share-label", type: String },
+    shareTitle: { attribute: "share-title", type: String },
+    sharePressed: { attribute: "share-pressed", ...flag },
+    noShare: { attribute: "no-share", ...flag }
+  };
+  constructor() {
+    super();
+    this.modes = [];
+    this.mode = "";
+    this.modeLabel = "Editing mode";
+    this.commentsLabel = "Comments";
+    this.commentsTitle = null;
+    this.commentsPressed = false;
+    this.commentsCount = 0;
+    this.noComments = false;
+    this.shareLabel = "Share";
+    this.shareTitle = null;
+    this.sharePressed = false;
+    this.noShare = false;
+  }
+  /** The rendered control of a part, or null before the first render. */
+  control(part) {
+    return this.renderRoot.querySelector(`[part="${part}"]`);
+  }
+  onMode(event) {
+    event.stopPropagation();
+    const select = event.target;
+    const mode = select.value;
+    select.value = this.mode;
+    if (mode !== this.mode) this.fire(this.events().modeEvent, { mode });
+  }
+  events() {
+    return this.constructor;
+  }
+  updated() {
+    const select = this.control("mode-select");
+    if (select && select.value !== this.mode) select.value = this.mode;
+  }
+  render() {
+    const modes = this.modes ?? [];
+    const count = Number(this.commentsCount) || 0;
+    const commentsTitle = this.commentsTitle ?? this.commentsLabel;
+    const shareTitle = this.shareTitle ?? this.shareLabel;
+    return html`<label class="mode" part="mode" ?hidden=${modes.length === 0}>${glyph("pencil", "glyph")}<select class="mode-select" part="mode-select" aria-label=${this.modeLabel} title=${this.modeLabel} @change=${this.onMode}>${modes.map((option) => html`<option value=${option.value} ?selected=${option.value === this.mode}>${option.label}</option>`)}</select></label><button class="comments" part="comments" type="button" aria-label=${this.commentsLabel} title=${count > 0 ? `${commentsTitle} (${count})` : commentsTitle} aria-pressed=${String(present(this.commentsPressed))} ?hidden=${present(this.noComments)} @click=${() => this.fire(this.events().commentsEvent, {})}>${glyph("message", "glyph")}<span class="label">${this.commentsLabel}</span>${count > 0 ? html`<span class="badge" aria-hidden="true">${count}</span>` : ""}</button><button class="share" part="share" type="button" aria-label=${this.shareLabel} title=${shareTitle} aria-pressed=${String(present(this.sharePressed))} ?hidden=${present(this.noShare)} @click=${() => this.fire(this.events().shareEvent, {})}>${glyph("share", "glyph")}<span class="label">${this.shareLabel}</span></button>`;
+  }
+};
+var defineRibbonActions = definer("office-ui-ribbon-actions", () => OfficeUiRibbonActions);
+
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/ribbon/button.css?raw
 var button_default = ":host {\n	display: inline-flex;\n	vertical-align: middle;\n}\nbutton {\n	box-sizing: border-box;\n	position: relative;\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	gap: var(--office-space-1-5);\n	min-width: var(--office-target-size);\n	min-height: var(--office-target-size);\n	padding: 0 var(--office-space-2);\n	border: var(--office-border-width) solid transparent;\n	border-radius: var(--office-radius);\n	background: transparent;\n	color: var(--office-foreground);\n	font: inherit;\n	font-size: var(--office-font-size-sm);\n	cursor: pointer;\n	white-space: nowrap;\n}\n:host([variant='stacked']) button {\n	flex-direction: column;\n	padding: var(--office-space-1) var(--office-space-2);\n}\nbutton:hover:not(:disabled) {\n	background: var(--office-surface);\n}\nbutton:active:not(:disabled) {\n	background: var(--office-selected);\n}\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\nbutton[aria-pressed='true'],\nbutton[aria-expanded='true'] {\n	border-color: var(--office-accent);\n	background: var(--office-surface);\n}\n:host([active]) button {\n	background: var(--office-command-active);\n	color: var(--office-accent);\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\nsvg {\n	width: var(--office-icon-size-ml);\n	height: var(--office-icon-size-ml);\n	flex: none;\n	color: var(--office-command-icon-color);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\nsvg.glyph:not([data-painted]) {\n	display: none;\n}\n.label[hidden],\n.caret[hidden],\n.badge[hidden] {\n	display: none;\n}\n/* Office trails a menu chevron after the last line of the label. */\n.caret {\n	display: inline-block;\n	width: var(--office-icon-size-xs);\n	height: var(--office-icon-size-xs);\n	margin-inline-start: var(--office-space-0);\n	vertical-align: middle;\n	color: var(--office-muted-foreground);\n}\n.badge {\n	position: absolute;\n	top: 0;\n	inset-inline-end: 0;\n	padding: 0 var(--office-space-0);\n	border-radius: var(--office-radius-full);\n	background: var(--office-accent);\n	color: var(--office-accent-foreground);\n	font-size: var(--office-font-size-3xs);\n}\n\n/* Large ribbon command: a big glyph above a two-line label. */\n:host([size='large']) button {\n	flex-direction: column;\n	justify-content: flex-start;\n	gap: var(--office-space-0);\n	min-width: var(--office-command-large-min-width);\n	max-width: var(--office-command-large-max-width);\n	height: var(--office-command-large-height);\n	padding: var(--office-space-0) var(--office-space-1);\n	border: 0;\n	white-space: normal;\n	text-align: center;\n	line-height: var(--office-line-height-tight);\n}\n:host([size='large']) svg.glyph {\n	width: var(--office-command-large-icon);\n	height: var(--office-command-large-icon);\n}\n\n/* Small ribbon command: icon and label in one row. */\n:host([size='small']) button {\n	justify-content: flex-start;\n	min-width: 0;\n	height: var(--office-control-height);\n	min-height: var(--office-control-height);\n	padding: 0 var(--office-space-1-5);\n	border: 0;\n	text-align: start;\n}\n:host([size='small']) svg.glyph {\n	width: var(--office-command-small-icon);\n	height: var(--office-command-small-icon);\n}\n\n/* Tall, label-less tool tiles (pens, erasers). */\n:host([icon-only][tall]) button {\n	min-width: var(--office-command-tall-min-width);\n	height: var(--office-command-tall-height);\n	padding: var(--office-space-1);\n}\n:host([icon-only][tall]) svg.glyph {\n	width: var(--office-command-tall-icon);\n	height: var(--office-command-tall-icon);\n}\n:host([icon-only][tall][active]) button {\n	box-shadow: inset 0 0 0 var(--office-border-width) var(--office-accent);\n}\n\n@media (pointer: coarse), (max-width: 767px) {\n	:host([size='small']) button {\n		min-height: var(--office-target-size-touch);\n	}\n	:host([icon-only]) button {\n		min-width: var(--office-target-size-touch);\n	}\n}\n@media (forced-colors: active) {\n	button {\n		border-color: ButtonText;\n		color: ButtonText;\n		background: ButtonFace;\n	}\n	svg {\n		color: ButtonText;\n	}\n	button:disabled {\n		color: GrayText;\n		border-color: GrayText;\n	}\n	button[aria-pressed='true'],\n	button[aria-expanded='true'],\n	:host([active]) button {\n		background: Highlight;\n		color: HighlightText;\n	}\n}\n";
 
@@ -5349,6 +5415,7 @@ var CONTROL_DEFINERS = [
   defineOptionsDialog,
   defineAccount,
   defineRibbon,
+  defineRibbonActions,
   defineFindBar,
   defineRuler,
   defineBackstage,
@@ -5369,4 +5436,4 @@ function registerControls(registry) {
   for (const define of CONTROL_DEFINERS) define(registry);
 }
 
-export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, rangeControl, range_control_default, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile };
+export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, rangeControl, range_control_default, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile };

package/dist/{chunk-YK2DPYMU.js → chunk-IY7QJLQG.js}

@@ -1,4 +1,4 @@
-import { TOUCH, tok, OFFICE_TOKENS } from './chunk-XNCWB2X6.js';
+import { TOUCH, tok, OFFICE_TOKENS } from './chunk-2WLRFPMW.js';
 import { unsafeCSS, LitElement } from 'lit';
 
 // src/registry.ts

package/dist/{chunk-BOX43CZD.js → chunk-M6GF5ED2.js}

@@ -68,7 +68,8 @@ var BUILT_IN = {
   warning: "M10 3l7.5 13H2.5ZM10 8v3.5M10 14v.1",
   info: "M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M10 9v4.5M10 6.3v.1",
   restore: "M3.5 10a6.5 6.5 0 1 0 2-4.6M3.5 3v3.5H7M10 6.5v3.8l2.5 1.6",
-  print: "M5.5 7.5V3h9v4.5M5.5 14.5H3V8h14v6.5h-2.5M5.5 12h9v5h-9Z"
+  print: "M5.5 7.5V3h9v4.5M5.5 14.5H3V8h14v6.5h-2.5M5.5 12h9v5h-9Z",
+  share: "m12 4 5 5-5 5M17 9h-6a7 7 0 0 0-7 7"
 };
 for (const [name, d] of Object.entries(BUILT_IN)) registry.set(name, { d });
 function registerIcon(name, icon) {

package/dist/{chunk-Y2E22JVO.js → chunk-NYRRH2MD.js}

@@ -1,4 +1,4 @@
-import { OfficeElement, controlStyles, definer } from './chunk-YK2DPYMU.js';
+import { OfficeElement, controlStyles, definer } from './chunk-IY7QJLQG.js';
 import { html } from 'lit';
 import { hexToRgbChannels } from 'ooxml-core/color';
 import { resolveDrawingColor } from 'ooxml-core/diagram';

package/dist/{chunk-VUB44CAJ.js → chunk-TWQ45BFL.js}

@@ -1,4 +1,4 @@
-import { OfficeElement, controlStyles, definer } from './chunk-YK2DPYMU.js';
+import { OfficeElement, controlStyles, definer } from './chunk-IY7QJLQG.js';
 import { html } from 'lit';
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/presence/presence.css?raw

package/dist/{chunk-YP5S7DTT.js → chunk-V6P6KZCO.js}

@@ -1,8 +1,8 @@
-import { defineSmartArt } from './chunk-Y2E22JVO.js';
-import { TEAMS_TAGS, registerTeams } from './chunk-AYXFLBSV.js';
-import { installOfficeUiTheme } from './chunk-JAJFLFAV.js';
-import { registerControls } from './chunk-7FNDOWTX.js';
-import { definePresence } from './chunk-VUB44CAJ.js';
+import { defineSmartArt } from './chunk-NYRRH2MD.js';
+import { TEAMS_TAGS, registerTeams } from './chunk-5OFAJDMQ.js';
+import { installOfficeUiTheme } from './chunk-56A2JK63.js';
+import { registerControls } from './chunk-723JC3OC.js';
+import { definePresence } from './chunk-TWQ45BFL.js';
 
 // src/index.ts
 var OFFICE_UI_TAGS = [
@@ -27,6 +27,7 @@ var OFFICE_UI_TAGS = [
   "office-ui-options-dialog",
   "office-ui-account",
   "office-ui-ribbon",
+  "office-ui-ribbon-actions",
   "office-ui-find-bar",
   "office-ui-ruler",
   "office-ui-backstage",

package/dist/controls.d.ts

@@ -11,6 +11,7 @@ import { defineFindBar } from './chrome/find-bar.js';
 import { defineCommentsPane } from './comments/comments-pane.js';
 import { definePrintPreview } from './chrome/print-preview.js';
 import { defineRibbon } from './ribbon/ribbon-tabs.js';
+import { defineRibbonActions } from './ribbon/ribbon-actions.js';
 import { defineRibbonSection } from './ribbon/ribbon-section.js';
 import { defineGallery } from './ribbon/gallery.js';
 import { defineRuler } from './chrome/ruler.js';
@@ -35,7 +36,7 @@ import { defineStatusItem } from './chrome/status-item.js';
 import { defineTabStrip } from './chrome/tab-strip.js';
 import { defineTitleBar } from './chrome/title-bar.js';
 import { defineZoomSlider } from './form/zoom-slider.js';
-export { defineAccount, defineDialogFooter, definePasteOptions, defineRadio, defineReadOnlyBanner, defineRibbonToggle, defineSearchField, defineToasts, defineBackstage, defineCommentsPane, defineFindBar, defineGallery, definePrintPreview, defineRibbon, defineRuler, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToolbar, defineZoomSlider, };
+export { defineAccount, defineDialogFooter, definePasteOptions, defineRadio, defineReadOnlyBanner, defineRibbonToggle, defineSearchField, defineToasts, defineBackstage, defineCommentsPane, defineFindBar, defineGallery, definePrintPreview, defineRibbon, defineRibbonActions, defineRuler, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToolbar, defineZoomSlider, };
 export type { OfficeCommandEvent } from './ribbon/button.js';
 export type { OfficeDialogCloseEvent, OfficeDialogCloseReason } from './dialog/dialog.js';
 export type { OfficeSelectOption } from './form/select.js';
@@ -53,6 +54,7 @@ export type { KeyTipTarget } from './ribbon/keytip-run.js';
 export { createRibbonOverflow } from './ribbon/overflow.js';
 export type { RibbonOverflow, RibbonOverflowOptions } from './ribbon/overflow.js';
 export type { OfficeRibbonSelectEvent } from './ribbon/ribbon-tabs.js';
+export type { OfficeRibbonActionsMode, OfficeRibbonModeEvent } from './ribbon/ribbon-actions.js';
 export type { OfficeRibbonCommandView, OfficeRibbonGroupView } from './ribbon/ribbon-section.js';
 export { parseSvgPreview, type OfficeGalleryItem, type OfficeGalleryPickEvent, type OfficeGallerySection, type OfficeGalleryState, } from './ribbon/gallery.js';
 export { rulerDivisions } from './chrome/ruler.js';
@@ -64,7 +66,7 @@ export type { OfficeReadOnlyBannerIntent, OfficeReadOnlyBannerState, } from './n
 export { clearOfficeProfile, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, profileInitials, readOfficeProfile, sanitizeOfficeProfile, writeOfficeProfile, type OfficeProfile, type OfficeProfileChangeEvent, } from './chrome/account-profile.js';
 export { clampOptionNumber, type OfficeOptionCategory, type OfficeOptionChoice, type OfficeOptionControl, type OfficeOptionSection, type OfficeOptionsChangeEvent, type OfficeOptionValue, type OfficeOptionValues, } from './dialog/options-dialog.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, 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, 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, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer];
+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, 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, 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, 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;
 //# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"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"}

package/dist/controls.js

@@ -1,5 +1,5 @@
-export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-7FNDOWTX.js';
-import './chunk-BOX43CZD.js';
-import './chunk-VUB44CAJ.js';
-import './chunk-YK2DPYMU.js';
-import './chunk-XNCWB2X6.js';
+export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-723JC3OC.js';
+import './chunk-M6GF5ED2.js';
+import './chunk-TWQ45BFL.js';
+import './chunk-IY7QJLQG.js';
+import './chunk-2WLRFPMW.js';

package/dist/docx/editor-chrome.d.ts

@@ -3,6 +3,7 @@ import { type Backstage } from './backstage.js';
 import type { BackstageOptions, BackstageOptionKey } from './backstage-options.js';
 import { type FileCommand } from './file-commands.js';
 import { type EditorLocale } from './localization.js';
+import { type RibbonActions } from './ribbon-actions.js';
 import { type StatusBar } from './status-bar.js';
 import { type SaveState, type TitleBar } from './title-bar.js';
 /** What the chrome needs from the editor element; keeps component.ts free of chrome details. */
@@ -20,6 +21,8 @@ export interface ChromeHost {
     print(): void;
     history(key: 'undo' | 'redo'): void;
     toggleComments(): void;
+    /** Whether a collaboration session is live (Share then reads pressed). */
+    collaborating(): boolean;
     setViewMode(mode: 'draft' | 'print'): void;
     setZoom(percent: number): void;
     reportError(error: Error): void;
@@ -32,10 +35,14 @@ export interface ChromeHost {
     setHiddenActions(ids: string[]): void;
 }
 export declare const DEFAULT_FILE_NAME = "Document1.docx";
-/** Title bar, File tab/backstage, status bar and the default browser file workflow. */
+/**
+ * Title bar, ribbon tab-row actions (editing mode, Comments, Share), File tab/backstage, status
+ * bar and the default browser file workflow.
+ */
 export declare class EditorChrome {
     private readonly host;
     readonly titleBar: TitleBar;
+    readonly ribbonActions: RibbonActions;
     readonly backstage: Backstage;
     readonly statusBar: StatusBar;
     readonly fileInput: HTMLInputElement;

package/dist/docx/file-commands.d.ts

@@ -1,4 +1,4 @@
-export type FileCommand = 'new' | 'open' | 'save' | 'saveAs' | 'export' | 'exportText' | 'print';
+export type FileCommand = 'new' | 'open' | 'save' | 'saveAs' | 'export' | 'exportText' | 'print' | 'share';
 export interface FileCommandDetail {
     command: FileCommand;
     /** Save As: the name the user chose. */

package/dist/docx/locales/en-app.d.ts

@@ -9,6 +9,7 @@ export declare const enApp: {
     readonly Editing: 'Editing';
     readonly Viewing: 'Viewing';
     readonly 'Show comments': 'Show comments';
+    readonly Share: 'Share';
     readonly 'Unsaved changes': 'Unsaved changes';
     readonly Saved: 'Saved';
     readonly 'Saving…': 'Saving…';

package/dist/docx/locales/en.d.ts

@@ -51,6 +51,7 @@ export declare const en: {
     readonly Editing: 'Editing';
     readonly Viewing: 'Viewing';
     readonly 'Show comments': 'Show comments';
+    readonly Share: 'Share';
     readonly 'Unsaved changes': 'Unsaved changes';
     readonly Saved: 'Saved';
     readonly 'Saving\u2026': 'Saving…';

package/dist/docx/localization-strings.d.ts

@@ -48,6 +48,7 @@ export declare const strings: {
         readonly Editing: 'Editing';
         readonly Viewing: 'Viewing';
         readonly 'Show comments': 'Show comments';
+        readonly Share: 'Share';
         readonly 'Unsaved changes': 'Unsaved changes';
         readonly Saved: 'Saved';
         readonly 'Saving\u2026': 'Saving…';

package/dist/docx/ribbon-actions.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The controls at the right end of Word's ribbon tab row: the Editing / Viewing selector, the
+ * Comments toggle and Share, in that order, as Word 365 places them (Excel uses the same
+ * `office-ui-ribbon-actions` element). They sit in the shared ribbon's `actions` slot; the title
+ * bar keeps the quick access toolbar, the file name and "Tell me".
+ */
+import { type OfficeUiRibbonActions } from '../ribbon/ribbon-actions.js';
+import { type EditorLocale } from './localization.js';
+export interface RibbonActionsHandlers {
+    setReadOnly(readOnly: boolean): void;
+    toggleComments(): void;
+    share(): void;
+}
+export interface RibbonActions {
+    readonly element: OfficeUiRibbonActions;
+    setReadOnly(readOnly: boolean): void;
+    setCommentsOpen(open: boolean): void;
+    /** Share reads pressed while a collaboration session is live. */
+    setSharing(active: boolean): void;
+    relocalize(locale: EditorLocale): void;
+}
+export declare function createRibbonActions(handlers: RibbonActionsHandlers): RibbonActions;

package/dist/docx/title-bar.d.ts

@@ -3,8 +3,6 @@ export type SaveState = 'saved' | 'dirty' | 'saving' | 'saved-local';
 export interface TitleBarHandlers {
     fileCommand(command: FileCommand): void;
     history(key: 'undo' | 'redo'): void;
-    toggleComments(): void;
-    setReadOnly(readOnly: boolean): void;
     /** The ribbon root, searched by the "Tell me" box for runnable commands. */
     ribbon(): HTMLElement | undefined;
 }
@@ -13,13 +11,13 @@ export interface TitleBar {
     setFileName(name: string): void;
     setSaveState(state: SaveState): void;
     setReadOnly(readOnly: boolean): void;
-    setCommentsOpen(open: boolean): void;
     /** Redraws every label after the editor locale changed. */
     relocalize(): void;
 }
 /**
  * Word-style title bar: quick access toolbar, document name/state and "Tell me". The shared
- * `office-ui-title-bar` draws it from translated state; the comments toggle and view mode stay
- * docx controls placed in its `account` slot.
+ * `office-ui-title-bar` draws it from translated state. The editing mode, Comments and Share sit
+ * at the right end of the ribbon tab row (ribbon-actions.ts), as in Word 365; the bar's `account`
+ * and `collaboration` slots stay free for a host's account and presence.
  */
 export declare function createTitleBar(handlers: TitleBarHandlers): TitleBar;