ooxml-ui 1.18.2 → 1.19.0

package/dist/pptx/chunk-UTFFX4M7.mjs

@@ -0,0 +1,989 @@
+import { THEME_PRESETS, themeColorSchemesEqual } from 'ooxml-core/pptx';
+
+// src/pptx/theme/defaults.ts
+var defaultThemeColors = {
+  background: "#030712",
+  // gray-950
+  foreground: "#f3f4f6",
+  // gray-100
+  card: "#111827",
+  // gray-900
+  cardForeground: "#f3f4f6",
+  // gray-100
+  popover: "#111827",
+  // gray-900
+  popoverForeground: "#f3f4f6",
+  // gray-100
+  primary: "#6366f1",
+  // indigo-500
+  primaryForeground: "#ffffff",
+  // white
+  secondary: "#1f2937",
+  // gray-800
+  secondaryForeground: "#f3f4f6",
+  // gray-100
+  muted: "#1f2937",
+  // gray-800
+  mutedForeground: "#9ca3af",
+  // gray-400
+  accent: "#1f2937",
+  // gray-800
+  accentForeground: "#f3f4f6",
+  // gray-100
+  destructive: "#ef4444",
+  // red-500
+  destructiveForeground: "#ffffff",
+  // white
+  border: "#374151",
+  // gray-700
+  input: "#374151",
+  // gray-700
+  ring: "#6366f1"
+  // indigo-500
+};
+var defaultRadius = "0.5rem";
+var lightThemeColors = {
+  background: "#f8fafc",
+  // slate-50
+  foreground: "#0f172a",
+  // slate-900
+  card: "#ffffff",
+  cardForeground: "#0f172a",
+  // slate-900
+  popover: "#ffffff",
+  popoverForeground: "#0f172a",
+  // slate-900
+  primary: "#4f46e5",
+  // indigo-600
+  primaryForeground: "#ffffff",
+  secondary: "#f1f5f9",
+  // slate-100
+  secondaryForeground: "#0f172a",
+  // slate-900
+  muted: "#f1f5f9",
+  // slate-100
+  mutedForeground: "#64748b",
+  // slate-500
+  accent: "#f1f5f9",
+  // slate-100
+  accentForeground: "#0f172a",
+  // slate-900
+  destructive: "#dc2626",
+  // red-600
+  destructiveForeground: "#ffffff",
+  border: "#e2e8f0",
+  // slate-200
+  input: "#e2e8f0",
+  // slate-200
+  ring: "#4f46e5"
+  // indigo-600
+};
+var lightTheme = {
+  colors: lightThemeColors
+};
+
+// src/pptx/theme/css-vars.ts
+var COLOR_KEY_TO_CSS = {
+  background: "background",
+  foreground: "foreground",
+  card: "card",
+  cardForeground: "card-foreground",
+  popover: "popover",
+  popoverForeground: "popover-foreground",
+  primary: "primary",
+  primaryForeground: "primary-foreground",
+  secondary: "secondary",
+  secondaryForeground: "secondary-foreground",
+  muted: "muted",
+  mutedForeground: "muted-foreground",
+  accent: "accent",
+  accentForeground: "accent-foreground",
+  destructive: "destructive",
+  destructiveForeground: "destructive-foreground",
+  border: "border",
+  input: "input",
+  ring: "ring"
+};
+var DERIVED_COLOR_TOKENS = [
+  { source: "primary", cssSuffix: "inspector-active" },
+  { source: "border", cssSuffix: "inspector-border" }
+];
+function themeToCssVars(theme, omitDefaults = false) {
+  const vars = {};
+  if (!theme) {
+    return vars;
+  }
+  const colors = theme.colors;
+  if (colors) {
+    for (const [key, cssSuffix] of Object.entries(COLOR_KEY_TO_CSS)) {
+      const value2 = colors[key];
+      if (value2 === void 0) {
+        continue;
+      }
+      if (omitDefaults && value2 === defaultThemeColors[key]) {
+        continue;
+      }
+      vars[`--pptx-${cssSuffix}`] = value2;
+      vars[`--color-${cssSuffix}`] = value2;
+    }
+    for (const { source, cssSuffix } of DERIVED_COLOR_TOKENS) {
+      const value2 = colors[source];
+      if (value2 === void 0) {
+        continue;
+      }
+      if (omitDefaults && value2 === defaultThemeColors[source]) {
+        continue;
+      }
+      vars[`--pptx-${cssSuffix}`] = value2;
+    }
+  }
+  if (theme.radius !== void 0) {
+    if (!omitDefaults || theme.radius !== defaultRadius) {
+      vars["--pptx-radius"] = theme.radius;
+      const r = theme.radius;
+      vars["--radius-sm"] = `calc(${r} - 4px)`;
+      vars["--radius-md"] = `calc(${r} - 2px)`;
+      vars["--radius-lg"] = r;
+      vars["--radius-xl"] = `calc(${r} + 4px)`;
+    }
+  }
+  if (theme.cssVars) {
+    for (const [key, value2] of Object.entries(theme.cssVars)) {
+      vars[key] = value2;
+    }
+  }
+  return vars;
+}
+function defaultCssVars() {
+  const vars = {};
+  for (const [key, cssSuffix] of Object.entries(COLOR_KEY_TO_CSS)) {
+    vars[`--pptx-${cssSuffix}`] = defaultThemeColors[key];
+  }
+  for (const { source, cssSuffix } of DERIVED_COLOR_TOKENS) {
+    vars[`--pptx-${cssSuffix}`] = defaultThemeColors[source];
+  }
+  vars["--pptx-radius"] = defaultRadius;
+  return vars;
+}
+
+// src/pptx/theme/presets.ts
+var vermilionLightColors = {
+  background: "#fbfaf7",
+  foreground: "#1a1d21",
+  card: "#ffffff",
+  cardForeground: "#1a1d21",
+  popover: "#ffffff",
+  popoverForeground: "#1a1d21",
+  primary: "#c2431f",
+  primaryForeground: "#ffffff",
+  secondary: "#f2efe8",
+  secondaryForeground: "#1a1d21",
+  muted: "#f2efe8",
+  mutedForeground: "#5a626e",
+  accent: "rgba(194, 67, 31, 0.08)",
+  accentForeground: "#1a1d21",
+  destructive: "#dc2626",
+  destructiveForeground: "#ffffff",
+  border: "#e6e2d9",
+  input: "#e6e2d9",
+  ring: "#c2431f"
+};
+var vermilionDarkColors = {
+  background: "#0f1113",
+  foreground: "#f0efec",
+  card: "#171a1e",
+  cardForeground: "#f0efec",
+  popover: "#171a1e",
+  popoverForeground: "#f0efec",
+  primary: "#e86a40",
+  primaryForeground: "#ffffff",
+  secondary: "#1f242b",
+  secondaryForeground: "#f0efec",
+  muted: "#1f242b",
+  mutedForeground: "#9aa1ab",
+  accent: "rgba(232, 106, 64, 0.1)",
+  accentForeground: "#f0efec",
+  destructive: "#ef4444",
+  destructiveForeground: "#ffffff",
+  border: "#272c33",
+  input: "#272c33",
+  ring: "#e86a40"
+};
+var vermilionRadius = "0.375rem";
+var vermilionLightTheme = {
+  colors: vermilionLightColors,
+  radius: vermilionRadius
+};
+var vermilionDarkTheme = {
+  colors: vermilionDarkColors,
+  radius: vermilionRadius
+};
+
+// src/pptx/theme/theme-catalog.ts
+var THEME_CATALOG = [
+  { key: "default", labelKey: "pptx.settings.theme.default", theme: void 0 },
+  { key: "light", labelKey: "pptx.settings.theme.light", theme: lightTheme },
+  {
+    key: "vermilionLight",
+    labelKey: "pptx.settings.theme.vermilionLight",
+    theme: vermilionLightTheme
+  },
+  {
+    key: "vermilionDark",
+    labelKey: "pptx.settings.theme.vermilionDark",
+    theme: vermilionDarkTheme
+  }
+];
+function resolveThemeCatalogEntry(key, catalog = THEME_CATALOG) {
+  return catalog.find((entry) => entry.key === key)?.theme;
+}
+function corePreset(id) {
+  const preset = THEME_PRESETS.find((p) => p.id === id);
+  if (!preset) {
+    throw new Error(`theme-gallery-presets: core THEME_PRESETS is missing "${id}"`);
+  }
+  return preset;
+}
+var WISP_PRESET = {
+  id: "wisp",
+  name: "Wisp",
+  colorScheme: {
+    dk1: "#000000",
+    lt1: "#FFFFFF",
+    dk2: "#46393B",
+    lt2: "#E8DCD8",
+    accent1: "#A53010",
+    accent2: "#DE7E18",
+    accent3: "#9F8351",
+    accent4: "#728653",
+    accent5: "#92AA4C",
+    accent6: "#6AAC91",
+    hlink: "#FB4F14",
+    folHlink: "#E25839"
+  },
+  fontScheme: {
+    majorFont: { latin: "Century Gothic" },
+    minorFont: { latin: "Century Gothic" }
+  }
+};
+var BERLIN_PRESET = {
+  id: "berlin",
+  name: "Berlin",
+  colorScheme: {
+    dk1: "#000000",
+    lt1: "#FFFFFF",
+    dk2: "#3E5C61",
+    lt2: "#D5E0D0",
+    accent1: "#F09415",
+    accent2: "#C1B56B",
+    accent3: "#89C2A3",
+    accent4: "#729BBE",
+    accent5: "#9A90C2",
+    accent6: "#BE8DBE",
+    hlink: "#25A0DA",
+    folHlink: "#FF7F00"
+  },
+  fontScheme: {
+    majorFont: { latin: "Trebuchet MS" },
+    minorFont: { latin: "Trebuchet MS" }
+  }
+};
+var SLICE_PRESET = {
+  id: "slice",
+  name: "Slice",
+  colorScheme: {
+    dk1: "#000000",
+    lt1: "#FFFFFF",
+    dk2: "#2E3B4C",
+    lt2: "#C7CDD3",
+    accent1: "#E2751D",
+    accent2: "#C53B23",
+    accent3: "#A13D69",
+    accent4: "#58599E",
+    accent5: "#36749D",
+    accent6: "#4EA39A",
+    hlink: "#FD6B32",
+    folHlink: "#D14D0F"
+  },
+  fontScheme: {
+    majorFont: { latin: "Century Gothic" },
+    minorFont: { latin: "Century Gothic" }
+  }
+};
+var DIVIDEND_PRESET = {
+  id: "dividend",
+  name: "Dividend",
+  colorScheme: {
+    dk1: "#000000",
+    lt1: "#FFFFFF",
+    dk2: "#3D3D3D",
+    lt2: "#E1E1E1",
+    accent1: "#4D1434",
+    accent2: "#903163",
+    accent3: "#B2324B",
+    accent4: "#D34817",
+    accent5: "#E8971C",
+    accent6: "#FDCB00",
+    hlink: "#A03068",
+    folHlink: "#C34882"
+  },
+  fontScheme: {
+    majorFont: { latin: "Gill Sans MT" },
+    minorFont: { latin: "Gill Sans MT" }
+  }
+};
+var GALLERY_THEME_PRESETS = [
+  corePreset("office"),
+  corePreset("facet"),
+  corePreset("integral"),
+  corePreset("ion"),
+  corePreset("retrospect"),
+  corePreset("organic"),
+  WISP_PRESET,
+  BERLIN_PRESET,
+  SLICE_PRESET,
+  DIVIDEND_PRESET
+];
+function activeGalleryThemePreset(theme) {
+  if (!theme) {
+    return void 0;
+  }
+  const colorScheme = theme.colorScheme;
+  return colorScheme && GALLERY_THEME_PRESETS.find(
+    (preset) => themeColorSchemesEqual(colorScheme, preset.colorScheme)
+  ) || GALLERY_THEME_PRESETS.find((preset) => preset.name === theme.name);
+}
+
+// src/tokens.ts
+var OFFICE_TOKENS = {
+  // Colour: semantic
+  "--office-foreground": "#1f2937",
+  "--office-muted-foreground": "#6b7280",
+  "--office-background": "#ffffff",
+  "--office-surface": "#f3f4f6",
+  "--office-selected": "#e5e7eb",
+  "--office-border": "#d1d5db",
+  "--office-accent": "#2563eb",
+  "--office-accent-foreground": "#ffffff",
+  "--office-ring": "#2563eb",
+  "--office-danger": "#b91c1c",
+  "--office-danger-foreground": "#ffffff",
+  "--office-warning": "#d97706",
+  "--office-warning-foreground": "#ffffff",
+  "--office-info": "#3b82f6",
+  "--office-popover": "var(--office-background, #ffffff)",
+  "--office-popover-foreground": "var(--office-foreground, #1f2937)",
+  "--office-overlay": "rgb(0 0 0 / 40%)",
+  "--office-notice-background": "#fef3c7",
+  "--office-notice-foreground": "#78350f",
+  "--office-notice-border": "rgb(180 83 9 / 30%)",
+  "--office-notice-accent": "#d97706",
+  "--office-keytip-background": "#ffffff",
+  "--office-keytip-foreground": "#1f1f1f",
+  "--office-keytip-border": "#8a8886",
+  "--office-highlight": "#dc2626",
+  "--office-paper": "#ffffff",
+  "--office-accent-hover": "color-mix(in srgb, var(--office-accent, #2563eb) 85%, #000)",
+  // Typography
+  "--office-font": 'system-ui, -apple-system, "Segoe UI", sans-serif',
+  "--office-font-size-3xs": "9px",
+  "--office-font-size-2xs": "10px",
+  "--office-font-size-xs": "11px",
+  "--office-font-size-sm": "12px",
+  "--office-font-size": "13px",
+  "--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",
+  "--office-line-height-tight": "1.2",
+  "--office-icon-stroke": "1.5",
+  // Space
+  "--office-space-px": "1px",
+  "--office-space-0": "2px",
+  "--office-space-1": "4px",
+  "--office-space-1-5": "6px",
+  "--office-space-2": "8px",
+  "--office-space-2-5": "10px",
+  "--office-space-3": "12px",
+  "--office-space-3-5": "14px",
+  "--office-space-4": "16px",
+  "--office-space-5": "20px",
+  "--office-space-6": "24px",
+  // Shape
+  "--office-border-width": "1px",
+  "--office-border-width-thick": "2px",
+  "--office-radius-xs": "2px",
+  "--office-radius-sm": "3px",
+  "--office-radius": "4px",
+  "--office-radius-md": "6px",
+  "--office-radius-lg": "8px",
+  "--office-radius-full": "999px",
+  // Focus
+  "--office-focus-width": "2px",
+  "--office-focus-offset": "2px",
+  // 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",
+  "--office-input-height": "26px",
+  "--office-control-height-xs": "22px",
+  "--office-icon-size-xs": "10px",
+  "--office-icon-size-sm": "12px",
+  "--office-icon-size": "14px",
+  "--office-icon-size-md": "16px",
+  "--office-icon-size-ml": "18px",
+  "--office-icon-size-lg": "20px",
+  // Elevation and layering
+  "--office-shadow-sm": "0 1px 3px rgb(0 0 0 / 20%)",
+  "--office-shadow": "0 6px 20px rgb(0 0 0 / 18%)",
+  "--office-shadow-lg": "0 10px 25px rgb(0 0 0 / 20%)",
+  "--office-z-popover": "1100",
+  "--office-z-dialog": "1000",
+  "--office-z-backstage": "30",
+  // Motion
+  "--office-duration-fast": ".12s",
+  "--office-duration": ".15s",
+  "--office-duration-spin": ".8s",
+  // Component: fields
+  "--office-field-height": "28px",
+  "--office-field-height-lg": "40px",
+  "--office-field-radius": "5px",
+  "--office-field-border": "var(--office-border, #d1d5db)",
+  "--office-field-border-focus": "var(--office-ring, #2563eb)",
+  "--office-field-background": "var(--office-background, #ffffff)",
+  "--office-field-foreground": "var(--office-foreground, #1f2937)",
+  "--office-field-placeholder": "var(--office-muted-foreground, #6b7280)",
+  // Component: checkbox, radio, switch
+  "--office-checkbox-size": "16px",
+  "--office-checkbox-size-touch": "22px",
+  "--office-checkbox-radius": "3px",
+  "--office-checkbox-border": "var(--office-border, #d1d5db)",
+  "--office-checkbox-background": "var(--office-background, #ffffff)",
+  "--office-checkbox-accent": "var(--office-accent, #2563eb)",
+  "--office-checkbox-accent-foreground": "var(--office-accent-foreground, #ffffff)",
+  "--office-radio-dot-size": "8px",
+  "--office-radio-dot-size-touch": "12px",
+  "--office-switch-width": "32px",
+  "--office-switch-height": "18px",
+  "--office-switch-width-touch": "44px",
+  "--office-switch-height-touch": "24px",
+  "--office-switch-border-width": "1px",
+  "--office-switch-knob-size": "12px",
+  "--office-switch-knob-size-touch": "18px",
+  "--office-switch-knob-offset": "2px",
+  "--office-switch-border": "var(--office-border, #d1d5db)",
+  "--office-switch-track": "var(--office-surface, #f3f4f6)",
+  "--office-switch-track-on": "var(--office-accent, #2563eb)",
+  "--office-switch-thumb": "var(--office-foreground, #1f2937)",
+  "--office-switch-thumb-on": "var(--office-accent-foreground, #ffffff)",
+  // Component: ribbon, status bar, tabs
+  "--office-ribbon-tab-height": "35px",
+  "--office-ribbon-contextual": "var(--office-accent, #2563eb)",
+  "--office-ribbon-group-gap": "2px",
+  "--office-ribbon-group-height": "78px",
+  "--office-ribbon-group-padding": "4px 8px 2px",
+  "--office-ribbon-separator-inset": "0px",
+  "--office-ribbon-separator": "color-mix(in srgb, var(--office-border, #d1d5db) 60%, transparent)",
+  "--office-ribbon-caption-size": "10px",
+  "--office-ribbon-caption-padding": "2px 0 0",
+  "--office-launcher-inset-end": "-6px",
+  "--office-launcher-inset-bottom": "-1px",
+  "--office-ribbon-compact-row-max": "36px",
+  "--office-ribbon-stack-max-height": "80px",
+  "--office-ribbon-collapse-x": "8px",
+  "--office-ribbon-collapse-y": "120px",
+  "--office-command-icon-color": "currentColor",
+  "--office-command-large-height": "66px",
+  "--office-command-large-min-width": "48px",
+  "--office-command-large-max-width": "80px",
+  "--office-command-large-icon": "32px",
+  "--office-command-small-icon": "16px",
+  "--office-command-tall-height": "62px",
+  "--office-command-tall-min-width": "40px",
+  "--office-command-tall-icon": "30px",
+  "--office-command-active": "color-mix(in srgb, var(--office-accent, #2563eb) 15%, transparent)",
+  "--office-collapsed-group-min-width": "56px",
+  "--office-ribbon-caption-line-height": "12px",
+  "--office-ribbon-row-height": "22px",
+  "--office-ribbon-file-min-width": "52px",
+  "--office-launcher-width": "16px",
+  "--office-launcher-height": "14px",
+  "--office-tab-indicator-width": "2.5px",
+  "--office-status-bar-height": "24px",
+  "--office-status-bar-separator-opacity": "1",
+  "--office-tab-height": "28px",
+  "--office-tab-max-width": "220px",
+  "--office-zoom-slider-width": "120px",
+  "--office-zoom-slider-min-width": "48px",
+  "--office-zoom-value-width": "40px",
+  // Component: panels and dialogs
+  "--office-dialog-width": "auto",
+  "--office-dialog-max-width": "min(640px, 100vw)",
+  "--office-dialog-max-height": "90vh",
+  "--office-dialog-min-width": "min(320px, 100vw)",
+  "--office-dialog-button-min-width": "76px",
+  "--office-options-width": "min(728px, 92vw)",
+  "--office-options-nav-width": "172px",
+  "--office-options-height": "510px",
+  "--office-options-chrome-height": "130px",
+  "--office-options-text-width": "180px",
+  "--office-options-row-height": "30px",
+  "--office-options-number-width": "112px",
+  "--office-options-check-size": "16px",
+  "--office-info-size": "15px",
+  "--office-selection-bar-width": "3px",
+  "--office-backstage-nav-width": "200px",
+  "--office-backstage-nav-background": "var(--office-accent, #2563eb)",
+  "--office-backstage-nav-foreground": "var(--office-accent-foreground, #ffffff)",
+  "--office-backstage-item-hover": "rgb(0 0 0 / 22%)",
+  "--office-backstage-padding": "28px 40px",
+  "--office-backstage-back-size": "36px",
+  "--office-backstage-item-height": "38px",
+  "--office-menu-min-width": "180px",
+  "--office-menu-max-height": "60vh",
+  "--office-context-menu-min-width": "200px",
+  "--office-search-popup-min-width": "240px",
+  "--office-search-popup-max-height": "320px",
+  "--office-select-max-height": "240px",
+  "--office-select-background": "var(--office-background, #ffffff)",
+  "--office-select-menu-min-width": "90px",
+  "--office-select-option-active": "color-mix(in srgb, var(--office-accent, #2563eb) 20%, var(--office-popover, #ffffff))",
+  "--office-select-ribbon-menu-width": "192px",
+  "--office-font-picker-max-height": "320px",
+  "--office-font-picker-width": "256px",
+  "--office-chevron-size": "6px",
+  "--office-ribbon-combo-height": "28px",
+  "--office-ribbon-icon-select-width": "36px",
+  "--office-search-width": "320px",
+  "--office-print-preview-width": "420px",
+  "--office-find-max-width": "640px",
+  "--office-find-bar-height": "40px",
+  "--office-find-replace-field-min-width": "120px",
+  "--office-find-replace-select-min-width": "150px",
+  "--office-ruler-size": "18px",
+  "--office-avatar-size": "48px",
+  "--office-avatar-color": "var(--office-muted-foreground, #6b7280)",
+  "--office-toast-width": "360px",
+  "--office-comments-pane-width": "300px",
+  "--office-comment-avatar-size": "24px",
+  "--office-account-field-width": "320px",
+  // Component: galleries
+  "--office-gallery-trigger-height": "24px",
+  "--office-gallery-strip-background": "color-mix(in srgb, var(--office-surface, #f3f4f6) 30%, transparent)",
+  "--office-gallery-command-min-width": "54px",
+  "--office-gallery-command-max-width": "78px",
+  "--office-gallery-command-height": "58px",
+  "--office-gallery-command-icon": "24px",
+  "--office-gallery-popup-max-height": "65vh",
+  // Component: title bar
+  "--office-title-bar-height": "36px",
+  "--office-title-bar-below-height": "28px",
+  "--office-title-bar-background": "var(--office-surface, #f3f4f6)",
+  "--office-title-bar-foreground": "var(--office-foreground, #1f2937)",
+  "--office-title-bar-border": "var(--office-border, #d1d5db)",
+  "--office-title-bar-mark-size": "20px",
+  "--office-title-bar-mark-background": "var(--office-accent, #2563eb)",
+  "--office-title-bar-mark-foreground": "var(--office-accent-foreground, #ffffff)",
+  "--office-title-bar-name-foreground": "var(--office-title-bar-foreground, var(--office-foreground, #1f2937))",
+  "--office-title-bar-result-selected": "var(--office-selected, #e5e7eb)",
+  "--office-title-bar-name-max-width": "240px",
+  "--office-title-bar-name-max-width-narrow": "140px",
+  "--office-title-bar-search-max-width": "448px",
+  "--office-title-bar-results-max-height": "256px",
+  // Component: team workspace (a Teams-like surface)
+  "--office-teams-brand": "#5b5fc7",
+  "--office-teams-brand-hover": "#4f52b2",
+  "--office-teams-brand-pressed": "#3f4296",
+  "--office-teams-brand-subtle": "#e8ebfa",
+  "--office-teams-brand-foreground": "#ffffff",
+  "--office-teams-rail": "#ebebeb",
+  "--office-teams-panel": "#f5f5f5",
+  "--office-teams-bubble": "#f5f5f5",
+  "--office-teams-bubble-own": "#e8ebfa",
+  "--office-teams-divider": "#e0e0e0",
+  "--office-teams-text-subtle": "#616161",
+  "--office-teams-message-gap": "var(--office-space-3)",
+  "--office-teams-message-padding": "var(--office-space-2) var(--office-space-3)",
+  "--office-presence-available": "#6bb700",
+  "--office-presence-busy": "#c50f1f",
+  "--office-presence-away": "#eaa300",
+  "--office-presence-offline": "#8a8886",
+  "--office-file-docx": "#2b579a",
+  "--office-file-xlsx": "#217346",
+  "--office-file-pptx": "#c43e1c",
+  "--office-file-vsdx": "#3955a3",
+  "--office-file-other": "#6b7280",
+  "--office-call-background": "#292929",
+  "--office-call-tile": "#3d3d3d",
+  "--office-call-foreground": "#ffffff",
+  "--office-call-muted-foreground": "#c8c8c8",
+  "--office-call-control": "#3d3d3d",
+  "--office-call-control-hover": "#525252",
+  "--office-call-danger": "#c4314b",
+  "--office-call-danger-hover": "#a72a40",
+  "--office-call-live": "#6bb700",
+  "--office-call-scrim": "rgb(0 0 0 / 60%)",
+  "--office-shadow-teams": "0 2px 4px rgb(0 0 0 / 14%), 0 0 2px rgb(0 0 0 / 12%)"
+};
+function tok(name) {
+  return `var(${name}, ${OFFICE_TOKENS[name]})`;
+}
+`outline: ${tok("--office-focus-width")} solid ${tok("--office-ring")}; outline-offset: ${tok("--office-focus-offset")};`;
+var COMPACT = "(max-width: 767px)";
+var TOUCH = `(pointer: coarse), ${COMPACT}`;
+
+// src/theme-bridge.ts
+var LEGACY_OFFICE_THEME_TOKENS = {
+  background: "--office-background",
+  foreground: "--office-foreground",
+  card: "--office-surface",
+  "card-foreground": "--office-foreground",
+  popover: "--office-popover",
+  "popover-foreground": "--office-popover-foreground",
+  primary: "--office-accent",
+  "primary-foreground": "--office-accent-foreground",
+  secondary: "--office-surface",
+  "secondary-foreground": "--office-foreground",
+  muted: "--office-surface",
+  "muted-foreground": "--office-muted-foreground",
+  accent: "--office-selected",
+  "accent-foreground": "--office-foreground",
+  destructive: "--office-danger",
+  "destructive-foreground": "--office-danger-foreground",
+  border: "--office-border",
+  input: "--office-border",
+  ring: "--office-ring",
+  radius: "--office-radius",
+  font: "--office-font"
+};
+function legacyThemeAliases(selector, prefix, privatePrefix) {
+  return `${selector} {
+${Object.entries(LEGACY_OFFICE_THEME_TOKENS).map(
+    ([name, canonical]) => `${privatePrefix}${name}: var(${prefix}${name}, var(${canonical}, ${OFFICE_TOKENS[canonical]}));`
+  ).join("\n")}
+}`;
+}
+function legacyThemeBridge(selector, privatePrefix) {
+  return shadcnBridge(selector, privatePrefix, {
+    extra: {
+      "--office-font": `var(${privatePrefix}font)`,
+      "--office-radius": `var(${privatePrefix}radius)`
+    }
+  });
+}
+var SHADCN_NAMES = [
+  "foreground",
+  "muted-foreground",
+  "background",
+  "card",
+  "accent",
+  "border",
+  "primary",
+  "primary-foreground",
+  "ring",
+  "popover",
+  "popover-foreground",
+  "destructive",
+  "destructive-foreground"
+].map((name) => {
+  const token = LEGACY_OFFICE_THEME_TOKENS[name];
+  return name === "popover-foreground" ? [token, name, "foreground"] : [token, name];
+});
+var reads = (value2) => [...value2.matchAll(/var\((--office-[\w-]+)/g)].map((m) => m[1]);
+function derivedTokens(bridged) {
+  const derived = /* @__PURE__ */ new Map();
+  let grew = true;
+  while (grew) {
+    grew = false;
+    for (const [name, value2] of Object.entries(OFFICE_TOKENS)) {
+      if (bridged.has(name) || derived.has(name)) continue;
+      if (reads(value2).some((token) => bridged.has(token) || derived.has(token))) {
+        derived.set(name, value2);
+        grew = true;
+      }
+    }
+  }
+  return [...derived];
+}
+function themeBridge(selector, map) {
+  const mapped = Object.entries(map).filter((entry) => !!entry[1]);
+  const lines = [...mapped, ...derivedTokens(new Set(mapped.map(([name]) => name)))].map(
+    ([name, value2]) => `	${name}: ${value2};`
+  );
+  return `${selector} {
+${lines.join("\n")}
+}
+`;
+}
+function shadcnBridge(selector, prefix, options = {}) {
+  const map = {};
+  for (const [token, name, fallbackName] of SHADCN_NAMES) {
+    const fallback = options.fallbacks?.[name];
+    const inner = fallbackName ? `var(${prefix}${fallbackName})` : fallback;
+    map[token] = `var(${prefix}${name}${inner ? `, ${inner}` : ""})`;
+  }
+  return themeBridge(selector, { ...map, ...options.extra });
+}
+
+// src/building-block-styles.ts
+var value = (name) => `var(${name}, ${OFFICE_TOKENS[name]})`;
+var palette = {
+  foreground: "--office-foreground",
+  background: "--office-background",
+  surface: "--office-surface",
+  border: "--office-border",
+  accent: "--office-accent",
+  selected: "--office-selected",
+  ring: "--office-ring",
+  font: "--office-font",
+  radius: "--office-radius"
+};
+function productAliases(product) {
+  const names = product === "visio" ? {
+    foreground: "ink",
+    background: "surface",
+    surface: "surface",
+    border: "border",
+    accent: "accent",
+    selected: "accent-soft",
+    ring: "focus",
+    font: "font",
+    radius: "radius"
+  } : {
+    foreground: "foreground",
+    background: "background",
+    surface: "card",
+    border: "border",
+    accent: "primary",
+    selected: "accent",
+    ring: "ring",
+    font: "font",
+    radius: "radius"
+  };
+  const prefix = { docx: "--dve-", xlsx: "--xve-", visio: "--vv-", pptx: "--pptx-" }[product];
+  return `:where([data-office-block][data-office-product="${product}"]) {
+${Object.entries(palette).map(
+    ([key, token]) => `--_office-block-${key}: var(${prefix}${names[key]}, ${value(token)});`
+  ).join("\n")}
+}`;
+}
+var BUILDING_BLOCKS_CSS = `
+:where([data-office-block]) {
+${Object.entries(palette).map(([key, token]) => `--_office-block-${key}: ${value(token)};`).join("\n")}
+  box-sizing: border-box;
+  color: var(--_office-block-foreground);
+  background: var(--_office-block-surface);
+  font-family: var(--_office-block-font);
+  font-size: ${value("--office-font-size")};
+  line-height: ${value("--office-line-height")};
+}
+${["docx", "xlsx", "visio", "pptx"].map(productAliases).join("\n")}
+:where([data-office-block="toolbar"], [data-office-block="formula-bar"], [data-office-block="tabs"]:not(select)) {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: ${value("--office-space-1")};
+  padding: ${value("--office-space-1")};
+  border: ${value("--office-border-width")} solid var(--_office-block-border);
+  border-radius: var(--_office-block-radius);
+}
+:where([data-office-block] button, [data-office-block] input, [data-office-block] select,
+  button[data-office-block], input[data-office-block], select[data-office-block]) {
+  box-sizing: border-box;
+  font-family: var(--_office-block-font);
+  font-size: ${value("--office-font-size")};
+  line-height: ${value("--office-line-height")};
+  color: var(--_office-block-foreground);
+  background: var(--_office-block-background);
+  border: ${value("--office-border-width")} solid var(--_office-block-border);
+  border-radius: var(--_office-block-radius);
+  min-height: ${value("--office-target-size")};
+  padding: ${value("--office-space-1")} ${value("--office-space-2")};
+}
+:where([data-office-block] button, button[data-office-block]) { cursor: pointer; }
+:where([data-office-block] button:hover:not(:disabled)) { background: var(--_office-block-selected); }
+:where([data-office-block] [aria-pressed="true"], [data-office-block] [aria-pressed="mixed"],
+  [data-office-block] [aria-selected="true"]) {
+  background: var(--_office-block-selected);
+  border-color: var(--_office-block-accent);
+}
+:where([data-office-block] :focus-visible, [data-office-block]:focus-visible) {
+  outline: ${value("--office-focus-width")} solid var(--_office-block-ring);
+  outline-offset: ${value("--office-focus-offset")};
+}
+:where([data-office-block] :disabled, [data-office-block]:disabled) { opacity: .55; cursor: default; }
+:where([data-office-block] [aria-invalid="true"]) { border-color: ${value("--office-danger")}; }
+:where([data-office-block="formula-bar"] input:last-child) { flex: 1; min-width: 8em; }
+:where([data-office-block="inspector"]) { padding: ${value("--office-space-2")}; }
+:where([data-office-block="inspector"] dl) { display: grid; grid-template-columns: auto 1fr; gap: ${value("--office-space-1")}; }
+:where([data-office-block="inspector"] dt) { font-weight: ${value("--office-font-weight-bold")}; }
+:where([data-office-block="inspector"] dd) { margin: 0; overflow-wrap: anywhere; }
+:where([data-office-block="inspector"] a) { color: var(--_office-block-accent); }
+`;
+
+// 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;
+	--office-selected: #374151;
+	--office-notice-background: rgb(120 53 15 / 20%);
+	--office-notice-foreground: #fde68a;
+	--office-notice-accent: #fbbf24;
+	--office-info: #60a5fa;
+	--office-warning: #f59e0b;
+	--office-teams-brand: #7f85f5;
+	--office-teams-brand-hover: #96a0ff;
+	--office-teams-brand-subtle: #2f2f4a;
+	--office-teams-rail: #141414;
+	--office-teams-panel: #1f1f1f;
+	--office-teams-bubble: #2d2d2d;
+	--office-teams-bubble-own: #2f2f4a;
+	--office-teams-divider: #3d3d3d;
+	--office-teams-text-subtle: #adadad;
+	--office-shadow: 0 6px 20px rgb(0 0 0 / 45%);
+	--office-shadow-lg: 0 10px 25px rgb(0 0 0 / 45%);`;
+var LIGHT = Object.entries(OFFICE_TOKENS).map(([name, value2]) => `	${name}: ${value2};`).join("\n");
+var darkEntries = [...DARK.matchAll(/(--office-[\w-]+): ([^;]+);/g)].map(
+  (match) => [match[1], match[2]]
+);
+var lightPalette = Object.fromEntries(
+  darkEntries.map(([name]) => [name, OFFICE_TOKENS[name]])
+);
+var darkPalette = Object.fromEntries(darkEntries);
+var modeCss = (selector, dark) => themeBridge(selector, {
+  ...lightPalette,
+  ...dark ? darkPalette : {},
+  "--office-accent-foreground": OFFICE_TOKENS["--office-accent-foreground"]
+}) + `${selector} { color-scheme: ${dark ? "dark" : "light"}; }`;
+var THEME_CSS = `
+:where(:root) {
+${LIGHT}
+color-scheme: light;
+}
+${modeCss(':where([data-office-theme="light"], [data-office-theme="auto"])', false)}
+${modeCss(':where([data-office-theme="dark"])', true)}
+@media (prefers-color-scheme: dark) {
+	${modeCss(':where(:root:not([data-office-theme="light"]), [data-office-theme="auto"])', true)}
+}
+@media ${TOUCH} {
+	:where(:root) { --office-target-size: var(--office-target-size-touch); }
+}
+@media (forced-colors: active) {
+	:where(:root, [data-office-theme]) {
+		--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;
+	}
+}
+${BUILDING_BLOCKS_CSS}
+`;
+function installOfficeUiTheme(root = globalThis.document) {
+  if (!root) return false;
+  const documentRoot = root.nodeType === 9;
+  if (!documentRoot && !("host" in root)) return false;
+  const doc = documentRoot ? root : root.ownerDocument;
+  const container = documentRoot ? root.head : root;
+  if (!doc || !container) return false;
+  if (!root.getElementById(THEME_STYLE_ID)) {
+    const style = doc.createElement("style");
+    style.id = THEME_STYLE_ID;
+    style.textContent = THEME_CSS;
+    container.append(style);
+  }
+  return true;
+}
+function installOfficeUiThemeRoots(host) {
+  let installed = installOfficeUiTheme(host.ownerDocument);
+  let root = host.getRootNode();
+  while (root.nodeType === 11 && "host" in root) {
+    const shadow = root;
+    installed = installOfficeUiTheme(shadow) && installed;
+    root = shadow.host.getRootNode();
+  }
+  return installed;
+}
+function installOfficeUiThemeFor(host) {
+  const installed = installOfficeUiThemeRoots(host);
+  queueMicrotask(() => {
+    installOfficeUiThemeRoots(host);
+  });
+  return installed;
+}
+
+// src/pptx/theme/office-css.ts
+var MARKER = "/* ooxml-pptx-office-theme */";
+function withOfficeThemeCss(css, selector) {
+  if (css.includes(MARKER)) return css;
+  function reference(value2, start) {
+    let depth = 1, end = start + 4;
+    for (; end < value2.length && depth; end++) {
+      if (value2[end] === "(") depth++;
+      else if (value2[end] === ")") depth--;
+    }
+    if (depth) return void 0;
+    const body = value2.slice(start + 4, end - 1);
+    const comma = body.indexOf(",");
+    return {
+      name: (comma < 0 ? body : body.slice(0, comma)).trim(),
+      fallback: comma < 0 ? "" : body.slice(comma + 1).trim(),
+      end
+    };
+  }
+  function rewrite(value2) {
+    let result = "", cursor = 0;
+    while (cursor < value2.length) {
+      const start = value2.indexOf("var(", cursor);
+      if (start < 0) return result + value2.slice(cursor);
+      const current = reference(value2, start);
+      if (!current) return result + value2.slice(cursor);
+      result += value2.slice(cursor, start);
+      const key = current.name.slice("--pptx-".length);
+      if (current.name.startsWith("--pptx-") && key in LEGACY_OFFICE_THEME_TOKENS) {
+        const names = [current.name];
+        let fallback = current.fallback;
+        while (fallback.startsWith("var(")) {
+          const next = reference(fallback, 0);
+          if (!next || next.end !== fallback.length || !next.name.startsWith("--pptx-") || !(next.name.slice(7) in LEGACY_OFFICE_THEME_TOKENS))
+            break;
+          names.push(next.name);
+          fallback = next.fallback;
+        }
+        const canonical = `var(--_pptx-${key}${fallback ? ", " + rewrite(fallback) : ""})`;
+        result += names.length > 1 ? names.reduceRight((inner, name) => `var(${name}, ${inner})`, canonical) : canonical;
+      } else
+        result += `var(${current.name}${current.fallback ? ", " + rewrite(current.fallback) : ""})`;
+      cursor = current.end;
+    }
+    return result;
+  }
+  return `${MARKER}
+${legacyThemeAliases(selector, "--pptx-", "--_pptx-")}
+${rewrite(css)}`;
+}
+function pptxThemeValue(name) {
+  const token = LEGACY_OFFICE_THEME_TOKENS[name];
+  return `var(--pptx-${name}, var(${token}, ${OFFICE_TOKENS[token]}))`;
+}
+
+export { GALLERY_THEME_PRESETS, LEGACY_OFFICE_THEME_TOKENS, OFFICE_TOKENS, THEME_CATALOG, TOUCH, activeGalleryThemePreset, defaultCssVars, defaultRadius, defaultThemeColors, installOfficeUiTheme, installOfficeUiThemeFor, legacyThemeBridge, lightTheme, lightThemeColors, pptxThemeValue, resolveThemeCatalogEntry, themeToCssVars, tok, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, withOfficeThemeCss };