oasis-editor 0.0.20 → 0.0.22

package/dist/{index-CBXD1ygJ.js → index-N6EX-tEW.js}

@@ -2366,7 +2366,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$y = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$m = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$z = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$m = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const variant = () => props.variant ?? "overlay";
   const pct = () => {
@@ -2375,7 +2375,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$y(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$z(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(OasisBrandMark, {
       height: 40,
       "class": "oasis-editor-loading-mark"
@@ -2438,7 +2438,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-YuR1PFAE.js").then((m) => {
+    import("./OasisEditorApp-BD3WQQO5.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -4511,9 +4511,9 @@ class MenuRegistry {
   }
 }
 const defaultMenuRegistry = new MenuRegistry();
-var _tmpl$$Q = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$x = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$l = /* @__PURE__ */ template(`<i>`);
+var _tmpl$$Q = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$y = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$l = /* @__PURE__ */ template(`<i>`);
 const FootnoteIcon = () => _tmpl$$Q();
-const SpecialIndentFirstLineIcon = () => _tmpl$2$x();
+const SpecialIndentFirstLineIcon = () => _tmpl$2$y();
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon,
   specialIndentFirstLine: SpecialIndentFirstLineIcon
@@ -4878,7 +4878,7 @@ const defaultMenuItems = [
   }
 ];
 defaultMenuItems.forEach((item) => defaultMenuRegistry.register(item));
-var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$f = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$e = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
+var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$x = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$f = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$e = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
 function Menubar(props) {
   const [activeMenu, setActiveMenu] = createSignal(null);
   const menuItems = () => (props.registry ?? defaultMenuRegistry).getItems();
@@ -4971,7 +4971,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$4 = _tmpl$2$w();
+            var _el$4 = _tmpl$2$x();
             insert(_el$4, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -14805,52 +14805,199 @@ function drawTable(ctx, table, tableSegment, state, originX, originY, contentWid
     });
   }
 }
-const KAPPA = 0.5522847498307936;
-function getPresetPathSegments(preset, x, y, width, height) {
-  const right = x + width;
-  const bottom = y + height;
-  const cx = x + width / 2;
-  const cy = y + height / 2;
-  switch (preset) {
-    case "roundRect":
-      return roundRectSegments(
-        x,
-        y,
-        width,
-        height,
-        Math.min(width, height) * 0.1
-      );
-    case "ellipse":
-      return ellipseSegments(cx, cy, width / 2, height / 2);
-    case "triangle":
-      return polygon([
-        [cx, y],
-        [right, bottom],
-        [x, bottom]
-      ]);
-    case "rtTriangle":
-      return polygon([
-        [x, y],
-        [x, bottom],
-        [right, bottom]
-      ]);
-    case "diamond":
-      return polygon([
-        [cx, y],
-        [right, cy],
-        [cx, bottom],
-        [x, cy]
-      ]);
-    case "rect":
-    default:
-      return polygon([
-        [x, y],
-        [right, y],
-        [right, bottom],
-        [x, bottom]
-      ]);
-  }
+const SUPPORTED_PRESET_GEOMETRIES = /* @__PURE__ */ new Set([
+  "accentBorderCallout1",
+  "accentBorderCallout2",
+  "accentBorderCallout3",
+  "accentCallout1",
+  "accentCallout2",
+  "accentCallout3",
+  "actionButtonBackPrevious",
+  "actionButtonBeginning",
+  "actionButtonBlank",
+  "actionButtonDocument",
+  "actionButtonEnd",
+  "actionButtonForwardNext",
+  "actionButtonHelp",
+  "actionButtonHome",
+  "actionButtonInformation",
+  "actionButtonMovie",
+  "actionButtonReturn",
+  "actionButtonSound",
+  "arc",
+  "bentArrow",
+  "bentConnector2",
+  "bentConnector3",
+  "bentConnector4",
+  "bentConnector5",
+  "bentUpArrow",
+  "bevel",
+  "blockArc",
+  "borderCallout1",
+  "borderCallout2",
+  "borderCallout3",
+  "bracePair",
+  "bracketPair",
+  "callout1",
+  "callout2",
+  "callout3",
+  "can",
+  "chartPlus",
+  "chartStar",
+  "chartX",
+  "chevron",
+  "chord",
+  "circularArrow",
+  "cloud",
+  "cloudCallout",
+  "corner",
+  "cornerTabs",
+  "cube",
+  "curvedConnector2",
+  "curvedConnector3",
+  "curvedConnector4",
+  "curvedConnector5",
+  "curvedDownArrow",
+  "curvedLeftArrow",
+  "curvedRightArrow",
+  "curvedUpArrow",
+  "decagon",
+  "diagStripe",
+  "diamond",
+  "dodecagon",
+  "donut",
+  "doubleWave",
+  "downArrow",
+  "downArrowCallout",
+  "ellipse",
+  "ellipseRibbon",
+  "ellipseRibbon2",
+  "flowChartAlternateProcess",
+  "flowChartCollate",
+  "flowChartConnector",
+  "flowChartDecision",
+  "flowChartDelay",
+  "flowChartDisplay",
+  "flowChartDocument",
+  "flowChartExtract",
+  "flowChartInputOutput",
+  "flowChartInternalStorage",
+  "flowChartMagneticDisk",
+  "flowChartMagneticDrum",
+  "flowChartMagneticTape",
+  "flowChartManualInput",
+  "flowChartManualOperation",
+  "flowChartMerge",
+  "flowChartMultidocument",
+  "flowChartOfflineStorage",
+  "flowChartOffpageConnector",
+  "flowChartOnlineStorage",
+  "flowChartOr",
+  "flowChartPredefinedProcess",
+  "flowChartPreparation",
+  "flowChartProcess",
+  "flowChartPunchedCard",
+  "flowChartPunchedTape",
+  "flowChartSort",
+  "flowChartSummingJunction",
+  "flowChartTerminator",
+  "foldedCorner",
+  "frame",
+  "funnel",
+  "gear6",
+  "gear9",
+  "halfFrame",
+  "heart",
+  "heptagon",
+  "hexagon",
+  "homePlate",
+  "horizontalScroll",
+  "irregularSeal1",
+  "irregularSeal2",
+  "leftArrow",
+  "leftArrowCallout",
+  "leftBrace",
+  "leftBracket",
+  "leftCircularArrow",
+  "leftRightArrow",
+  "leftRightArrowCallout",
+  "leftRightCircularArrow",
+  "leftRightRibbon",
+  "leftRightUpArrow",
+  "leftUpArrow",
+  "lightningBolt",
+  "line",
+  "lineInv",
+  "mathDivide",
+  "mathEqual",
+  "mathMinus",
+  "mathMultiply",
+  "mathNotEqual",
+  "mathPlus",
+  "moon",
+  "nonIsoscelesTrapezoid",
+  "noSmoking",
+  "notchedRightArrow",
+  "octagon",
+  "parallelogram",
+  "pentagon",
+  "pie",
+  "pieWedge",
+  "plaque",
+  "plaqueTabs",
+  "plus",
+  "quadArrow",
+  "quadArrowCallout",
+  "rect",
+  "ribbon",
+  "ribbon2",
+  "rightArrow",
+  "rightArrowCallout",
+  "rightBrace",
+  "rightBracket",
+  "round1Rect",
+  "round2DiagRect",
+  "round2SameRect",
+  "roundRect",
+  "rtTriangle",
+  "smileyFace",
+  "snip1Rect",
+  "snip2DiagRect",
+  "snip2SameRect",
+  "snipRoundRect",
+  "squareTabs",
+  "star10",
+  "star12",
+  "star16",
+  "star24",
+  "star32",
+  "star4",
+  "star5",
+  "star6",
+  "star7",
+  "star8",
+  "straightConnector1",
+  "stripedRightArrow",
+  "sun",
+  "swooshArrow",
+  "teardrop",
+  "trapezoid",
+  "triangle",
+  "upArrow",
+  "upArrowCallout",
+  "upDownArrow",
+  "upDownArrowCallout",
+  "uturnArrow",
+  "verticalScroll",
+  "wave",
+  "wedgeEllipseCallout",
+  "wedgeRectCallout",
+  "wedgeRoundRectCallout"
+]);
+function isPresetGeometrySupported(preset) {
+  return Boolean(preset && SUPPORTED_PRESET_GEOMETRIES.has(preset));
 }
+const KAPPA = 0.5522847498307936;
 function polygon(points) {
   const segments = [];
   points.forEach(([px, py], index) => {
@@ -14861,6 +15008,14 @@ function polygon(points) {
   segments.push({ type: "close" });
   return segments;
 }
+function rectSegments(x, y, width, height) {
+  return polygon([
+    [x, y],
+    [x + width, y],
+    [x + width, y + height],
+    [x, y + height]
+  ]);
+}
 function ellipseSegments(cx, cy, rx, ry) {
   const ox = rx * KAPPA;
   const oy = ry * KAPPA;
@@ -14905,6 +15060,50 @@ function ellipseSegments(cx, cy, rx, ry) {
     { type: "close" }
   ];
 }
+function pointOnEllipse(cx, cy, rx, ry, degrees) {
+  const radians = degrees * Math.PI / 180;
+  return [cx + Math.cos(radians) * rx, cy + Math.sin(radians) * ry];
+}
+function arcSegments(cx, cy, rx, ry, start, end) {
+  const steps = Math.max(4, Math.ceil(Math.abs(end - start) / 30));
+  const points = Array.from(
+    { length: steps + 1 },
+    (_, index) => pointOnEllipse(cx, cy, rx, ry, start + (end - start) * index / steps)
+  );
+  return points.map(
+    ([px, py], index) => index === 0 ? { type: "move", x: px, y: py } : { type: "line", x: px, y: py }
+  );
+}
+function pieSegments(cx, cy, rx, ry, start, end) {
+  return [
+    { type: "move", x: cx, y: cy },
+    ...arcSegments(cx, cy, rx, ry, start, end).slice(1),
+    { type: "close" }
+  ];
+}
+function regularPolygon(cx, cy, rx, ry, sides, startDegrees) {
+  const points = Array.from(
+    { length: sides },
+    (_, index) => pointOnEllipse(cx, cy, rx, ry, startDegrees + 360 * index / sides)
+  );
+  return polygon(points);
+}
+function starPointCount(preset) {
+  return Number.parseInt(preset.replace("star", ""), 10);
+}
+function starSegments(cx, cy, rx, ry, points, innerRatio = 0.45) {
+  const vertices = Array.from({ length: points * 2 }, (_, index) => {
+    const radius = index % 2 === 0 ? 1 : innerRatio;
+    return pointOnEllipse(
+      cx,
+      cy,
+      rx * radius,
+      ry * radius,
+      -90 + 180 * index / points
+    );
+  });
+  return polygon(vertices);
+}
 function roundRectSegments(x, y, width, height, radius) {
   const r = Math.min(radius, width / 2, height / 2);
   const right = x + width;
@@ -14947,6 +15146,1163 @@ function roundRectSegments(x, y, width, height, radius) {
     { type: "close" }
   ];
 }
+function mixedRectSegments(x, y, width, height, tl, tr, br, bl) {
+  return snipRoundRectLikeSegments(x, y, width, height, {
+    tlRound: tl,
+    trRound: tr,
+    brRound: br,
+    blRound: bl
+  });
+}
+function snipRoundRectSegments(x, y, width, height) {
+  return snipRoundRectLikeSegments(x, y, width, height, {
+    tlSnip: true,
+    brRound: true
+  });
+}
+function snipRectSegments(x, y, width, height, tl, tr, br, bl) {
+  return snipRoundRectLikeSegments(x, y, width, height, {
+    tlSnip: tl,
+    trSnip: tr,
+    brSnip: br,
+    blSnip: bl
+  });
+}
+function snipRoundRectLikeSegments(x, y, width, height, corners) {
+  const r = Math.min(width, height) * 0.16;
+  const right = x + width;
+  const bottom = y + height;
+  const points = [
+    [x + (corners.tlSnip || corners.tlRound ? r : 0), y],
+    [right - (corners.trSnip || corners.trRound ? r : 0), y],
+    [right, y + (corners.trSnip || corners.trRound ? r : 0)],
+    [right, bottom - (corners.brSnip || corners.brRound ? r : 0)],
+    [right - (corners.brSnip || corners.brRound ? r : 0), bottom],
+    [x + (corners.blSnip || corners.blRound ? r : 0), bottom],
+    [x, bottom - (corners.blSnip || corners.blRound ? r : 0)],
+    [x, y + (corners.tlSnip || corners.tlRound ? r : 0)]
+  ];
+  return polygon(points);
+}
+function arrowSegments(key, x, y, width, height) {
+  const right = x + width;
+  const bottom = y + height;
+  const cx = x + width / 2;
+  const cy = y + height / 2;
+  if (key === "upDownArrow")
+    return polygon([
+      [cx, y],
+      [right, y + height * 0.28],
+      [x + width * 0.62, y + height * 0.28],
+      [x + width * 0.62, y + height * 0.72],
+      [right, y + height * 0.72],
+      [cx, bottom],
+      [x, y + height * 0.72],
+      [x + width * 0.38, y + height * 0.72],
+      [x + width * 0.38, y + height * 0.28],
+      [x, y + height * 0.28]
+    ]);
+  if (key === "leftRightArrow" || key === "leftRightUpArrow")
+    return polygon([
+      [x, cy],
+      [x + width * 0.24, y],
+      [x + width * 0.24, y + height * 0.32],
+      [x + width * 0.76, y + height * 0.32],
+      [x + width * 0.76, y],
+      [right, cy],
+      [x + width * 0.76, bottom],
+      [x + width * 0.76, y + height * 0.68],
+      [x + width * 0.24, y + height * 0.68],
+      [x + width * 0.24, bottom]
+    ]);
+  if (key === "quadArrow")
+    return starSegments(cx, cy, width * 0.5, height * 0.5, 4, 0.38);
+  if (key === "leftArrow" || key === "leftCircularArrow")
+    return polygon([
+      [x, cy],
+      [x + width * 0.38, y],
+      [x + width * 0.38, y + height * 0.28],
+      [right, y + height * 0.28],
+      [right, y + height * 0.72],
+      [x + width * 0.38, y + height * 0.72],
+      [x + width * 0.38, bottom]
+    ]);
+  if (key === "upArrow" || key === "bentUpArrow" || key === "curvedUpArrow")
+    return polygon([
+      [cx, y],
+      [right, y + height * 0.38],
+      [x + width * 0.68, y + height * 0.38],
+      [x + width * 0.68, bottom],
+      [x + width * 0.32, bottom],
+      [x + width * 0.32, y + height * 0.38],
+      [x, y + height * 0.38]
+    ]);
+  if (key === "downArrow" || key === "curvedDownArrow")
+    return polygon([
+      [x + width * 0.32, y],
+      [x + width * 0.68, y],
+      [x + width * 0.68, y + height * 0.62],
+      [right, y + height * 0.62],
+      [cx, bottom],
+      [x, y + height * 0.62],
+      [x + width * 0.32, y + height * 0.62]
+    ]);
+  if (key === "circularArrow" || key === "leftRightCircularArrow")
+    return blockArcSegments(cx, cy, width / 2, height / 2);
+  if (key === "uturnArrow")
+    return polygon([
+      [x + width * 0.2, bottom],
+      [x + width * 0.2, y + height * 0.35],
+      [x + width * 0.62, y + height * 0.35],
+      [x + width * 0.62, y],
+      [right, y + height * 0.5],
+      [x + width * 0.62, bottom],
+      [x + width * 0.62, y + height * 0.65],
+      [x + width * 0.38, y + height * 0.65],
+      [x + width * 0.38, bottom]
+    ]);
+  if (key === "notchedRightArrow")
+    return polygon([
+      [x, y],
+      [right - width * 0.28, y],
+      [right, cy],
+      [right - width * 0.28, bottom],
+      [x, bottom],
+      [x + width * 0.18, cy]
+    ]);
+  if (key === "stripedRightArrow")
+    return polygon([
+      [x + width * 0.16, y],
+      [right - width * 0.28, y],
+      [right, cy],
+      [right - width * 0.28, bottom],
+      [x + width * 0.16, bottom],
+      [x + width * 0.34, cy]
+    ]);
+  return polygon([
+    [x, y + height * 0.28],
+    [right - width * 0.38, y + height * 0.28],
+    [right - width * 0.38, y],
+    [right, cy],
+    [right - width * 0.38, bottom],
+    [right - width * 0.38, y + height * 0.72],
+    [x, y + height * 0.72]
+  ]);
+}
+function calloutSegments(key, x, y, width, height) {
+  if (key.startsWith("wedgeEllipse")) {
+    return [
+      ...ellipseSegments(
+        x + width / 2,
+        y + height / 2,
+        width / 2,
+        height * 0.42
+      ),
+      { type: "move", x: x + width * 0.55, y: y + height * 0.82 },
+      { type: "line", x: x + width * 0.24, y: y + height },
+      { type: "line", x: x + width * 0.45, y: y + height * 0.75 }
+    ];
+  }
+  const r = key.startsWith("wedgeRound") ? Math.min(width, height) * 0.08 : 0;
+  const body = r > 0 ? roundRectSegments(x, y, width, height * 0.82, r) : rectSegments(x, y, width, height * 0.82);
+  return [
+    ...body,
+    { type: "move", x: x + width * 0.58, y: y + height * 0.82 },
+    { type: "line", x: x + width * 0.26, y: y + height },
+    { type: "line", x: x + width * 0.44, y: y + height * 0.82 },
+    { type: "close" }
+  ];
+}
+function connectorSegments(key, x, y, width, height) {
+  const right = x + width;
+  const bottom = y + height;
+  if (key.startsWith("curved")) {
+    return [
+      { type: "move", x, y },
+      {
+        type: "cubic",
+        x1: x + width * 0.7,
+        y1: y,
+        x2: x + width * 0.3,
+        y2: bottom,
+        x: right,
+        y: bottom
+      }
+    ];
+  }
+  if (key === "bentConnector2")
+    return [
+      { type: "move", x, y },
+      { type: "line", x: right, y: bottom }
+    ];
+  if (key === "bentConnector3")
+    return [
+      { type: "move", x, y },
+      { type: "line", x: right, y },
+      { type: "line", x: right, y: bottom }
+    ];
+  if (key === "bentConnector4")
+    return [
+      { type: "move", x, y },
+      { type: "line", x: x + width * 0.5, y },
+      { type: "line", x: x + width * 0.5, y: bottom },
+      { type: "line", x: right, y: bottom }
+    ];
+  if (key === "bentConnector5")
+    return [
+      { type: "move", x, y },
+      { type: "line", x: x + width * 0.34, y },
+      { type: "line", x: x + width * 0.34, y: bottom },
+      { type: "line", x: x + width * 0.66, y: bottom },
+      { type: "line", x: x + width * 0.66, y },
+      { type: "line", x: right, y }
+    ];
+  return [
+    { type: "move", x, y },
+    { type: "line", x: right, y: bottom }
+  ];
+}
+function flowChartSegments(key, x, y, width, height, resolvePreset) {
+  if (key.includes("Decision"))
+    return resolvePreset("diamond", x, y, width, height);
+  if (key.includes("Connector") || key.includes("SummingJunction") || key.includes("Or")) {
+    return ellipseSegments(
+      x + width / 2,
+      y + height / 2,
+      width / 2,
+      height / 2
+    );
+  }
+  if (key.includes("Terminator")) {
+    return roundRectSegments(
+      x,
+      y,
+      width,
+      height,
+      Math.min(width, height) * 0.28
+    );
+  }
+  if (key.includes("Delay")) {
+    return [
+      ...rectSegments(x, y, width * 0.65, height).slice(0, -1),
+      ...arcSegments(
+        x + width * 0.65,
+        y + height / 2,
+        width * 0.35,
+        height / 2,
+        -90,
+        90
+      ),
+      { type: "close" }
+    ];
+  }
+  if (key.includes("Document")) return waveBottomRect(x, y, width, height);
+  if (key.includes("Data") || key.includes("InputOutput") || key.includes("ManualInput")) {
+    return resolvePreset("parallelogram", x, y, width, height);
+  }
+  if (key.includes("Preparation")) {
+    return resolvePreset("hexagon", x, y, width, height);
+  }
+  if (key.includes("OffpageConnector")) {
+    return resolvePreset("homePlate", x, y, width, height);
+  }
+  if (key.includes("PunchedCard")) {
+    return snipRectSegments(x, y, width, height, true, false, false, false);
+  }
+  if (key.includes("Magnetic")) return canSegments(x, y, width, height);
+  if (key.includes("Collate")) {
+    return polygon([
+      [x, y],
+      [x + width, y],
+      [x, y + height],
+      [x + width, y + height]
+    ]);
+  }
+  if (key.includes("Sort"))
+    return resolvePreset("diamond", x, y, width, height);
+  return rectSegments(x, y, width, height);
+}
+function actionButtonSegments(key, x, y, width, height, resolvePreset) {
+  const base = roundRectSegments(
+    x,
+    y,
+    width,
+    height,
+    Math.min(width, height) * 0.08
+  );
+  if (key === "actionButtonBlank") return base;
+  return [...base, ...symbolSegments(key, x, y, width, height, resolvePreset)];
+}
+function symbolSegments(key, x, y, width, height, resolvePreset) {
+  const cx = x + width / 2;
+  const cy = y + height / 2;
+  if (key.includes("Home"))
+    return polygon([
+      [cx, y + height * 0.25],
+      [x + width * 0.72, cy],
+      [x + width * 0.72, y + height * 0.75],
+      [x + width * 0.28, y + height * 0.75],
+      [x + width * 0.28, cy]
+    ]);
+  if (key.includes("Help")) {
+    return ellipseSegments(cx, cy, width * 0.12, height * 0.12);
+  }
+  if (key.includes("Information")) {
+    return rectSegments(
+      cx - width * 0.04,
+      y + height * 0.34,
+      width * 0.08,
+      height * 0.38
+    );
+  }
+  if (key.includes("Sound"))
+    return polygon([
+      [x + width * 0.3, cy],
+      [x + width * 0.45, y + height * 0.35],
+      [x + width * 0.45, y + height * 0.65]
+    ]);
+  if (key.includes("Back") || key.includes("Beginning") || key.includes("Return")) {
+    return resolvePreset(
+      "leftArrow",
+      x + width * 0.28,
+      y + height * 0.3,
+      width * 0.45,
+      height * 0.4
+    );
+  }
+  return resolvePreset(
+    "rightArrow",
+    x + width * 0.28,
+    y + height * 0.3,
+    width * 0.45,
+    height * 0.4
+  );
+}
+function blockArcSegments(cx, cy, rx, ry) {
+  const outer = arcSegments(cx, cy, rx, ry, -45, 250);
+  const inner = arcSegments(cx, cy, rx * 0.58, ry * 0.58, 250, -45).reverse();
+  return [...outer, ...inner.slice(1), { type: "close" }];
+}
+function plusSegments(x, y, width, height) {
+  return polygon([
+    [x + width * 0.38, y],
+    [x + width * 0.62, y],
+    [x + width * 0.62, y + height * 0.38],
+    [x + width, y + height * 0.38],
+    [x + width, y + height * 0.62],
+    [x + width * 0.62, y + height * 0.62],
+    [x + width * 0.62, y + height],
+    [x + width * 0.38, y + height],
+    [x + width * 0.38, y + height * 0.62],
+    [x, y + height * 0.62],
+    [x, y + height * 0.38],
+    [x + width * 0.38, y + height * 0.38]
+  ]);
+}
+function xSegments(x, y, width, height) {
+  return polygon([
+    [x + width * 0.18, y],
+    [x + width * 0.5, y + height * 0.32],
+    [x + width * 0.82, y],
+    [x + width, y + height * 0.18],
+    [x + width * 0.68, y + height * 0.5],
+    [x + width, y + height * 0.82],
+    [x + width * 0.82, y + height],
+    [x + width * 0.5, y + height * 0.68],
+    [x + width * 0.18, y + height],
+    [x, y + height * 0.82],
+    [x + width * 0.32, y + height * 0.5],
+    [x, y + height * 0.18]
+  ]);
+}
+function mathDivideSegments(x, y, width, height) {
+  return [
+    ...ellipseSegments(
+      x + width / 2,
+      y + height * 0.22,
+      width * 0.07,
+      height * 0.07
+    ),
+    ...rectSegments(
+      x + width * 0.18,
+      y + height * 0.46,
+      width * 0.64,
+      height * 0.08
+    ),
+    ...ellipseSegments(
+      x + width / 2,
+      y + height * 0.78,
+      width * 0.07,
+      height * 0.07
+    )
+  ];
+}
+function mathEqualSegments(x, y, width, height) {
+  return [
+    ...rectSegments(x, y + height * 0.3, width, height * 0.12),
+    ...rectSegments(x, y + height * 0.58, width, height * 0.12)
+  ];
+}
+function mathNotEqualSegments(x, y, width, height) {
+  return [
+    ...mathEqualSegments(x, y, width, height),
+    ...polygon([
+      [x + width * 0.62, y],
+      [x + width * 0.74, y],
+      [x + width * 0.38, y + height],
+      [x + width * 0.26, y + height]
+    ])
+  ];
+}
+function heartSegments(x, y, width, height) {
+  const cx = x + width / 2;
+  return [
+    { type: "move", x: cx, y: y + height * 0.9 },
+    {
+      type: "cubic",
+      x1: x - width * 0.12,
+      y1: y + height * 0.45,
+      x2: x + width * 0.08,
+      y2: y,
+      x: cx,
+      y: y + height * 0.28
+    },
+    {
+      type: "cubic",
+      x1: x + width * 0.92,
+      y1: y,
+      x2: x + width * 1.12,
+      y2: y + height * 0.45,
+      x: cx,
+      y: y + height * 0.9
+    },
+    { type: "close" }
+  ];
+}
+function cloudSegments(x, y, width, height) {
+  return [
+    ...ellipseSegments(
+      x + width * 0.28,
+      y + height * 0.58,
+      width * 0.24,
+      height * 0.23
+    ),
+    ...ellipseSegments(
+      x + width * 0.48,
+      y + height * 0.42,
+      width * 0.28,
+      height * 0.28
+    ),
+    ...ellipseSegments(
+      x + width * 0.7,
+      y + height * 0.58,
+      width * 0.25,
+      height * 0.24
+    )
+  ];
+}
+function moonSegments(x, y, width, height) {
+  return [
+    { type: "move", x: x + width * 0.68, y },
+    {
+      type: "cubic",
+      x1: x + width * 0.22,
+      y1: y + height * 0.06,
+      x2: x + width * 0.18,
+      y2: y + height * 0.94,
+      x: x + width * 0.68,
+      y: y + height
+    },
+    {
+      type: "cubic",
+      x1: x + width * 0.42,
+      y1: y + height * 0.72,
+      x2: x + width * 0.42,
+      y2: y + height * 0.28,
+      x: x + width * 0.68,
+      y
+    },
+    { type: "close" }
+  ];
+}
+function smileySegments(x, y, width, height) {
+  return [
+    ...ellipseSegments(x + width / 2, y + height / 2, width / 2, height / 2),
+    ...ellipseSegments(
+      x + width * 0.35,
+      y + height * 0.38,
+      width * 0.05,
+      height * 0.05
+    ),
+    ...ellipseSegments(
+      x + width * 0.65,
+      y + height * 0.38,
+      width * 0.05,
+      height * 0.05
+    ),
+    ...arcSegments(
+      x + width / 2,
+      y + height * 0.52,
+      width * 0.24,
+      height * 0.18,
+      20,
+      160
+    )
+  ];
+}
+function teardropSegments(x, y, width, height) {
+  return [
+    { type: "move", x: x + width * 0.55, y },
+    {
+      type: "cubic",
+      x1: x + width,
+      y1: y + height * 0.22,
+      x2: x + width * 0.95,
+      y2: y + height,
+      x: x + width * 0.35,
+      y: y + height
+    },
+    {
+      type: "cubic",
+      x1: x - width * 0.1,
+      y1: y + height * 0.66,
+      x2: x + width * 0.16,
+      y2: y + height * 0.12,
+      x: x + width * 0.55,
+      y
+    },
+    { type: "close" }
+  ];
+}
+function noSmokingSegments(x, y, width, height) {
+  return [
+    ...ellipseSegments(x + width / 2, y + height / 2, width / 2, height / 2),
+    ...polygon([
+      [x + width * 0.18, y + height * 0.1],
+      [x + width * 0.28, y],
+      [x + width * 0.82, y + height * 0.9],
+      [x + width * 0.72, y + height]
+    ])
+  ];
+}
+function donutSegments(cx, cy, rx, ry) {
+  return [
+    ...ellipseSegments(cx, cy, rx, ry),
+    ...ellipseSegments(cx, cy, rx * 0.52, ry * 0.52)
+  ];
+}
+function canSegments(x, y, width, height) {
+  return [
+    ...rectSegments(x, y + height * 0.14, width, height * 0.72),
+    ...ellipseSegments(
+      x + width / 2,
+      y + height * 0.14,
+      width / 2,
+      height * 0.14
+    ),
+    ...arcSegments(
+      x + width / 2,
+      y + height * 0.86,
+      width / 2,
+      height * 0.14,
+      0,
+      180
+    )
+  ];
+}
+function cubeSegments(x, y, width, height) {
+  return polygon([
+    [x + width * 0.22, y],
+    [x + width, y],
+    [x + width, y + height * 0.78],
+    [x + width * 0.78, y + height],
+    [x, y + height],
+    [x, y + height * 0.22]
+  ]);
+}
+function bevelSegments(x, y, width, height) {
+  const inset = Math.min(width, height) * 0.16;
+  return polygon([
+    [x + inset, y],
+    [x + width - inset, y],
+    [x + width, y + inset],
+    [x + width, y + height - inset],
+    [x + width - inset, y + height],
+    [x + inset, y + height],
+    [x, y + height - inset],
+    [x, y + inset]
+  ]);
+}
+function foldedCornerSegments(x, y, width, height) {
+  return polygon([
+    [x, y],
+    [x + width * 0.78, y],
+    [x + width, y + height * 0.22],
+    [x + width, y + height],
+    [x, y + height]
+  ]);
+}
+function frameSegments(x, y, width, height) {
+  return [
+    ...rectSegments(x, y, width, height),
+    ...rectSegments(
+      x + width * 0.18,
+      y + height * 0.18,
+      width * 0.64,
+      height * 0.64
+    )
+  ];
+}
+function halfFrameSegments(x, y, width, height) {
+  return polygon([
+    [x, y],
+    [x + width, y],
+    [x + width, y + height * 0.22],
+    [x + width * 0.22, y + height * 0.22],
+    [x + width * 0.22, y + height],
+    [x, y + height]
+  ]);
+}
+function cornerSegments(x, y, width, height) {
+  return polygon([
+    [x, y],
+    [x + width, y],
+    [x + width, y + height * 0.22],
+    [x + width * 0.22, y + height * 0.22],
+    [x + width * 0.22, y + height],
+    [x, y + height]
+  ]);
+}
+function plaqueSegments(x, y, width, height) {
+  return polygon([
+    [x + width * 0.18, y],
+    [x + width * 0.82, y],
+    [x + width, y + height * 0.18],
+    [x + width, y + height * 0.82],
+    [x + width * 0.82, y + height],
+    [x + width * 0.18, y + height],
+    [x, y + height * 0.82],
+    [x, y + height * 0.18]
+  ]);
+}
+function tabbedRectSegments(key, x, y, width, height) {
+  const tab = Math.min(width, height) * 0.18;
+  if (key === "cornerTabs")
+    return polygon([
+      [x, y + tab],
+      [x + tab, y + tab],
+      [x + tab, y],
+      [x + width - tab, y],
+      [x + width - tab, y + tab],
+      [x + width, y + tab],
+      [x + width, y + height - tab],
+      [x + width - tab, y + height - tab],
+      [x + width - tab, y + height],
+      [x + tab, y + height],
+      [x + tab, y + height - tab],
+      [x, y + height - tab]
+    ]);
+  if (key === "plaqueTabs")
+    return polygon([
+      [x, y + tab],
+      [x + width * 0.35, y + tab],
+      [x + width * 0.35, y],
+      [x + width * 0.65, y],
+      [x + width * 0.65, y + tab],
+      [x + width, y + tab],
+      [x + width, y + height - tab],
+      [x + width * 0.65, y + height - tab],
+      [x + width * 0.65, y + height],
+      [x + width * 0.35, y + height],
+      [x + width * 0.35, y + height - tab],
+      [x, y + height - tab]
+    ]);
+  return polygon([
+    [x + tab, y],
+    [x + width - tab, y],
+    [x + width - tab, y + tab],
+    [x + width, y + tab],
+    [x + width, y + height - tab],
+    [x + width - tab, y + height - tab],
+    [x + width - tab, y + height],
+    [x + tab, y + height],
+    [x + tab, y + height - tab],
+    [x, y + height - tab],
+    [x, y + tab],
+    [x + tab, y + tab]
+  ]);
+}
+function braceSegments(key, x, y, width, height) {
+  if (key === "rightBrace")
+    return [
+      { type: "move", x, y },
+      {
+        type: "cubic",
+        x1: x + width,
+        y1: y,
+        x2: x,
+        y2: y + height * 0.5,
+        x: x + width,
+        y: y + height * 0.5
+      },
+      {
+        type: "cubic",
+        x1: x,
+        y1: y + height * 0.5,
+        x2: x + width,
+        y2: y + height,
+        x,
+        y: y + height
+      }
+    ];
+  if (key === "bracePair")
+    return [
+      ...braceSegments("leftBrace", x, y, width * 0.45, height),
+      ...braceSegments("rightBrace", x + width * 0.55, y, width * 0.45, height)
+    ];
+  return [
+    { type: "move", x: x + width, y },
+    {
+      type: "cubic",
+      x1: x,
+      y1: y,
+      x2: x + width,
+      y2: y + height * 0.5,
+      x,
+      y: y + height * 0.5
+    },
+    {
+      type: "cubic",
+      x1: x + width,
+      y1: y + height * 0.5,
+      x2: x,
+      y2: y + height,
+      x: x + width,
+      y: y + height
+    }
+  ];
+}
+function bracketSegments(key, x, y, width, height) {
+  if (key === "rightBracket")
+    return [
+      { type: "move", x, y },
+      { type: "line", x: x + width, y },
+      { type: "line", x: x + width, y: y + height },
+      { type: "line", x, y: y + height }
+    ];
+  if (key === "bracketPair")
+    return [
+      ...bracketSegments("leftBracket", x, y, width * 0.45, height),
+      ...bracketSegments(
+        "rightBracket",
+        x + width * 0.55,
+        y,
+        width * 0.45,
+        height
+      )
+    ];
+  return [
+    { type: "move", x: x + width, y },
+    { type: "line", x, y },
+    { type: "line", x, y: y + height },
+    { type: "line", x: x + width, y: y + height }
+  ];
+}
+function ribbonSegments(key, x, y, width, height) {
+  const mid = y + height * 0.5;
+  if (key.includes("Ellipse"))
+    return [
+      ...ellipseSegments(x + width / 2, mid, width * 0.42, height * 0.28),
+      ...polygon([
+        [x, mid],
+        [x + width * 0.18, y + height * 0.3],
+        [x + width * 0.18, y + height * 0.7]
+      ]),
+      ...polygon([
+        [x + width, mid],
+        [x + width * 0.82, y + height * 0.3],
+        [x + width * 0.82, y + height * 0.7]
+      ])
+    ];
+  return polygon([
+    [x, y + height * 0.25],
+    [x + width, y + height * 0.25],
+    [x + width * 0.82, mid],
+    [x + width, y + height * 0.75],
+    [x, y + height * 0.75],
+    [x + width * 0.18, mid]
+  ]);
+}
+function scrollSegments(key, x, y, width, height) {
+  if (key === "horizontalScroll")
+    return [
+      ...rectSegments(
+        x + width * 0.1,
+        y + height * 0.2,
+        width * 0.8,
+        height * 0.6
+      ),
+      ...ellipseSegments(
+        x + width * 0.1,
+        y + height * 0.5,
+        width * 0.1,
+        height * 0.3
+      ),
+      ...ellipseSegments(
+        x + width * 0.9,
+        y + height * 0.5,
+        width * 0.1,
+        height * 0.3
+      )
+    ];
+  return [
+    ...rectSegments(
+      x + width * 0.2,
+      y + height * 0.1,
+      width * 0.6,
+      height * 0.8
+    ),
+    ...ellipseSegments(
+      x + width * 0.5,
+      y + height * 0.1,
+      width * 0.3,
+      height * 0.1
+    ),
+    ...ellipseSegments(
+      x + width * 0.5,
+      y + height * 0.9,
+      width * 0.3,
+      height * 0.1
+    )
+  ];
+}
+function waveSegments(key, x, y, width, height) {
+  const first = [
+    { type: "move", x, y: y + height * 0.5 },
+    {
+      type: "cubic",
+      x1: x + width * 0.25,
+      y1: y,
+      x2: x + width * 0.25,
+      y2: y + height,
+      x: x + width * 0.5,
+      y: y + height * 0.5
+    },
+    {
+      type: "cubic",
+      x1: x + width * 0.75,
+      y1: y,
+      x2: x + width * 0.75,
+      y2: y + height,
+      x: x + width,
+      y: y + height * 0.5
+    }
+  ];
+  return key === "doubleWave" ? [
+    ...first,
+    ...first.map(
+      (segment) => "y" in segment ? { ...segment, y: segment.y + height * 0.18 } : segment
+    )
+  ] : first;
+}
+function waveBottomRect(x, y, width, height) {
+  return [
+    { type: "move", x, y },
+    { type: "line", x: x + width, y },
+    { type: "line", x: x + width, y: y + height * 0.82 },
+    {
+      type: "cubic",
+      x1: x + width * 0.75,
+      y1: y + height,
+      x2: x + width * 0.25,
+      y2: y + height * 0.64,
+      x,
+      y: y + height * 0.82
+    },
+    { type: "close" }
+  ];
+}
+function resolvePresetPathSegments(preset, x, y, width, height) {
+  const right = x + width;
+  const bottom = y + height;
+  const cx = x + width / 2;
+  const cy = y + height / 2;
+  if (/Connector\d$/.test(preset) || preset === "straightConnector1") {
+    return connectorSegments(preset, x, y, width, height);
+  }
+  if (/Callout\d$/.test(preset) || /Callout$/.test(preset)) {
+    return calloutSegments(preset, x, y, width, height);
+  }
+  if (/Arrow/.test(preset) || preset === "swooshArrow") {
+    return arrowSegments(preset, x, y, width, height);
+  }
+  if (/^star\d+$/.test(preset)) {
+    return starSegments(
+      cx,
+      cy,
+      width * 0.48,
+      height * 0.48,
+      starPointCount(preset)
+    );
+  }
+  if (/^flowChart/.test(preset)) {
+    return flowChartSegments(
+      preset,
+      x,
+      y,
+      width,
+      height,
+      resolvePresetPathSegments
+    );
+  }
+  if (/^actionButton/.test(preset)) {
+    return actionButtonSegments(
+      preset,
+      x,
+      y,
+      width,
+      height,
+      resolvePresetPathSegments
+    );
+  }
+  switch (preset) {
+    case "line":
+      return [
+        { type: "move", x, y },
+        { type: "line", x: right, y: bottom }
+      ];
+    case "lineInv":
+      return [
+        { type: "move", x, y: bottom },
+        { type: "line", x: right, y }
+      ];
+    case "arc":
+      return arcSegments(cx, cy, width / 2, height / 2, 200, 340);
+    case "blockArc":
+      return blockArcSegments(cx, cy, width / 2, height / 2);
+    case "chord":
+      return [
+        ...arcSegments(cx, cy, width / 2, height / 2, 210, 330),
+        { type: "close" }
+      ];
+    case "pie":
+      return pieSegments(cx, cy, width / 2, height / 2, -90, 45);
+    case "pieWedge":
+      return pieSegments(cx, cy, width / 2, height / 2, -35, 55);
+    case "roundRect":
+      return roundRectSegments(
+        x,
+        y,
+        width,
+        height,
+        Math.min(width, height) * 0.12
+      );
+    case "round1Rect":
+      return mixedRectSegments(x, y, width, height, true, false, false, false);
+    case "round2SameRect":
+      return mixedRectSegments(x, y, width, height, true, false, true, false);
+    case "round2DiagRect":
+      return mixedRectSegments(x, y, width, height, true, false, false, true);
+    case "snipRoundRect":
+      return snipRoundRectSegments(x, y, width, height);
+    case "snip1Rect":
+      return snipRectSegments(x, y, width, height, true, false, false, false);
+    case "snip2SameRect":
+      return snipRectSegments(x, y, width, height, true, true, false, false);
+    case "snip2DiagRect":
+      return snipRectSegments(x, y, width, height, true, false, true, false);
+    case "ellipse":
+      return ellipseSegments(cx, cy, width / 2, height / 2);
+    case "triangle":
+      return polygon([
+        [cx, y],
+        [right, bottom],
+        [x, bottom]
+      ]);
+    case "rtTriangle":
+      return polygon([
+        [x, y],
+        [x, bottom],
+        [right, bottom]
+      ]);
+    case "diamond":
+      return polygon([
+        [cx, y],
+        [right, cy],
+        [cx, bottom],
+        [x, cy]
+      ]);
+    case "parallelogram":
+      return polygon([
+        [x + width * 0.22, y],
+        [right, y],
+        [right - width * 0.22, bottom],
+        [x, bottom]
+      ]);
+    case "trapezoid":
+      return polygon([
+        [x + width * 0.2, y],
+        [right - width * 0.2, y],
+        [right, bottom],
+        [x, bottom]
+      ]);
+    case "nonIsoscelesTrapezoid":
+      return polygon([
+        [x + width * 0.08, y],
+        [right - width * 0.28, y],
+        [right, bottom],
+        [x, bottom]
+      ]);
+    case "pentagon":
+      return regularPolygon(cx, cy, width * 0.48, height * 0.48, 5, -90);
+    case "hexagon":
+      return regularPolygon(cx, cy, width * 0.48, height * 0.48, 6, 0);
+    case "heptagon":
+      return regularPolygon(cx, cy, width * 0.48, height * 0.48, 7, -90);
+    case "octagon":
+      return regularPolygon(cx, cy, width * 0.48, height * 0.48, 8, 22.5);
+    case "decagon":
+      return regularPolygon(cx, cy, width * 0.48, height * 0.48, 10, -90);
+    case "dodecagon":
+      return regularPolygon(cx, cy, width * 0.48, height * 0.48, 12, -90);
+    case "homePlate":
+      return polygon([
+        [x, y],
+        [right - width * 0.22, y],
+        [right, cy],
+        [right - width * 0.22, bottom],
+        [x, bottom]
+      ]);
+    case "chevron":
+      return polygon([
+        [x, y],
+        [right - width * 0.28, y],
+        [right, cy],
+        [right - width * 0.28, bottom],
+        [x, bottom],
+        [x + width * 0.28, cy]
+      ]);
+    case "heart":
+      return heartSegments(x, y, width, height);
+    case "cloud":
+      return cloudSegments(x, y, width, height);
+    case "sun":
+      return starSegments(cx, cy, width * 0.48, height * 0.48, 16, 0.72);
+    case "moon":
+      return moonSegments(x, y, width, height);
+    case "smileyFace":
+      return smileySegments(x, y, width, height);
+    case "lightningBolt":
+      return polygon([
+        [x + width * 0.58, y],
+        [x + width * 0.28, y + height * 0.44],
+        [x + width * 0.48, y + height * 0.44],
+        [x + width * 0.36, bottom],
+        [x + width * 0.74, y + height * 0.36],
+        [x + width * 0.52, y + height * 0.36]
+      ]);
+    case "teardrop":
+      return teardropSegments(x, y, width, height);
+    case "noSmoking":
+      return noSmokingSegments(x, y, width, height);
+    case "donut":
+      return donutSegments(cx, cy, width / 2, height / 2);
+    case "can":
+      return canSegments(x, y, width, height);
+    case "cube":
+      return cubeSegments(x, y, width, height);
+    case "bevel":
+      return bevelSegments(x, y, width, height);
+    case "foldedCorner":
+      return foldedCornerSegments(x, y, width, height);
+    case "frame":
+      return frameSegments(x, y, width, height);
+    case "halfFrame":
+      return halfFrameSegments(x, y, width, height);
+    case "corner":
+      return cornerSegments(x, y, width, height);
+    case "diagStripe":
+      return polygon([
+        [x + width * 0.25, y],
+        [right, y],
+        [right - width * 0.25, bottom],
+        [x, bottom]
+      ]);
+    case "plaque":
+      return plaqueSegments(x, y, width, height);
+    case "plaqueTabs":
+    case "squareTabs":
+    case "cornerTabs":
+      return tabbedRectSegments(preset, x, y, width, height);
+    case "irregularSeal1":
+      return starSegments(cx, cy, width * 0.48, height * 0.48, 18, 0.78);
+    case "irregularSeal2":
+      return starSegments(cx, cy, width * 0.48, height * 0.48, 14, 0.68);
+    case "gear6":
+      return starSegments(cx, cy, width * 0.48, height * 0.48, 12, 0.76);
+    case "gear9":
+      return starSegments(cx, cy, width * 0.48, height * 0.48, 18, 0.76);
+    case "funnel":
+      return polygon([
+        [x, y],
+        [right, y],
+        [x + width * 0.6, y + height * 0.56],
+        [x + width * 0.6, bottom],
+        [x + width * 0.4, bottom],
+        [x + width * 0.4, y + height * 0.56]
+      ]);
+    case "leftBrace":
+    case "rightBrace":
+    case "bracePair":
+      return braceSegments(preset, x, y, width, height);
+    case "leftBracket":
+    case "rightBracket":
+    case "bracketPair":
+      return bracketSegments(preset, x, y, width, height);
+    case "mathPlus":
+      return plusSegments(x, y, width, height);
+    case "mathMinus":
+      return polygon([
+        [x, y + height * 0.42],
+        [right, y + height * 0.42],
+        [right, y + height * 0.58],
+        [x, y + height * 0.58]
+      ]);
+    case "mathMultiply":
+      return xSegments(x, y, width, height);
+    case "mathDivide":
+      return mathDivideSegments(x, y, width, height);
+    case "mathEqual":
+      return mathEqualSegments(x, y, width, height);
+    case "mathNotEqual":
+      return mathNotEqualSegments(x, y, width, height);
+    case "chartPlus":
+      return plusSegments(x, y, width, height);
+    case "chartX":
+      return xSegments(x, y, width, height);
+    case "chartStar":
+      return starSegments(cx, cy, width * 0.48, height * 0.48, 5);
+    case "ribbon":
+    case "ribbon2":
+    case "ellipseRibbon":
+    case "ellipseRibbon2":
+    case "leftRightRibbon":
+      return ribbonSegments(preset, x, y, width, height);
+    case "verticalScroll":
+    case "horizontalScroll":
+      return scrollSegments(preset, x, y, width, height);
+    case "wave":
+    case "doubleWave":
+      return waveSegments(preset, x, y, width, height);
+    case "rect":
+    default:
+      return rectSegments(x, y, width, height);
+  }
+}
+function getPresetPathSegments(preset, x, y, width, height) {
+  const key = isPresetGeometrySupported(preset) ? preset : "rect";
+  return resolvePresetPathSegments(key, x, y, width, height);
+}
 function buildPresetPath(preset, x, y, width, height) {
   const path = new Path2D();
   for (const segment of getPresetPathSegments(preset, x, y, width, height)) {
@@ -17160,7 +18516,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$N = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$d = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$d = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
   const [items, setItems] = createSignal([]);
@@ -17245,7 +18601,7 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$v();
+        var _el$6 = _tmpl$2$w();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
@@ -17302,7 +18658,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
 function ToolbarOverflowManager(props) {
   const [overflowCount, setOverflowCount] = createSignal(0);
   const [menuOpen, setMenuOpen] = createSignal(false);
@@ -17457,7 +18813,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$u();
+        var _el$7 = _tmpl$2$v();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -17533,12 +18889,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$L = /* @__PURE__ */ template(`<span>`), _tmpl$2$t = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<span>`), _tmpl$2$u = /* @__PURE__ */ template(`<button type=button>`);
 function Button$1(props) {
-  const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "aria-label", "class", "classList"]);
+  const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "ribbonSize", "aria-label", "class", "classList"]);
   const ariaLabel = () => local["aria-label"] || local.tooltip || local.label || "";
   return (() => {
-    var _el$ = _tmpl$2$t();
+    var _el$ = _tmpl$2$u();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -17547,6 +18903,7 @@ function Button$1(props) {
         return {
           "oasis-editor-tool-button-active": local.active,
           "oasis-editor-tool-button-wide": local.wide,
+          "oasis-editor-tool-button-ribbon-large": local.ribbonSize === "large",
           ...local.classList
         };
       },
@@ -17725,12 +19082,12 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$J = /* @__PURE__ */ template(`<div>`), _tmpl$2$s = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$i = /* @__PURE__ */ template(`<i>`), _tmpl$4$d = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$c = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$6 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$J = /* @__PURE__ */ template(`<div>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$i = /* @__PURE__ */ template(`<i>`), _tmpl$4$d = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$c = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$6 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
 function Menu(props) {
   const [open, setOpen] = createSignal(false);
   const ariaLabel = () => props.tooltip || props.label || "";
   return (() => {
-    var _el$ = _tmpl$2$s();
+    var _el$ = _tmpl$2$t();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -17777,13 +19134,14 @@ function Menu(props) {
           }
         }), null);
         createRenderEffect((_p$) => {
-          var _v$ = !!(props.active || api.open), _v$2 = props.disabled, _v$3 = props.tooltip, _v$4 = ariaLabel(), _v$5 = api.open, _v$6 = props.testId;
+          var _v$ = !!(props.active || api.open), _v$2 = !!(props.ribbonSize === "large"), _v$3 = props.disabled, _v$4 = props.tooltip, _v$5 = ariaLabel(), _v$6 = api.open, _v$7 = props.testId;
           _v$ !== _p$.e && _el$3.classList.toggle("oasis-editor-tool-button-active", _p$.e = _v$);
-          _v$2 !== _p$.t && (_el$3.disabled = _p$.t = _v$2);
-          _v$3 !== _p$.a && setAttribute(_el$3, "title", _p$.a = _v$3);
-          _v$4 !== _p$.o && setAttribute(_el$3, "aria-label", _p$.o = _v$4);
-          _v$5 !== _p$.i && setAttribute(_el$3, "aria-expanded", _p$.i = _v$5);
-          _v$6 !== _p$.n && setAttribute(_el$3, "data-testid", _p$.n = _v$6);
+          _v$2 !== _p$.t && _el$3.classList.toggle("oasis-editor-tool-button-ribbon-large", _p$.t = _v$2);
+          _v$3 !== _p$.a && (_el$3.disabled = _p$.a = _v$3);
+          _v$4 !== _p$.o && setAttribute(_el$3, "title", _p$.o = _v$4);
+          _v$5 !== _p$.i && setAttribute(_el$3, "aria-label", _p$.i = _v$5);
+          _v$6 !== _p$.n && setAttribute(_el$3, "aria-expanded", _p$.n = _v$6);
+          _v$7 !== _p$.s && setAttribute(_el$3, "data-testid", _p$.s = _v$7);
           return _p$;
         }, {
           e: void 0,
@@ -17791,7 +19149,8 @@ function Menu(props) {
           a: void 0,
           o: void 0,
           i: void 0,
-          n: void 0
+          n: void 0,
+          s: void 0
         });
         return _el$3;
       })(),
@@ -17919,7 +19278,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$F = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$r = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$5 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$s = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$5 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -17984,7 +19343,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$r(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$s(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -18107,7 +19466,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$E = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$E = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
   const [hover, setHover] = createSignal({
@@ -18219,7 +19578,7 @@ function GridPicker(props) {
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$q();
+          var _el$3 = _tmpl$2$r();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -18319,7 +19678,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$D = /* @__PURE__ */ template(`<option value>`), _tmpl$2$p = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<option value>`), _tmpl$2$q = /* @__PURE__ */ template(`<option>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -18346,6 +19705,9 @@ function RenderButton(props) {
     get wide() {
       return props.item.wide;
     },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get active() {
       return b.active();
     },
@@ -18373,6 +19735,9 @@ function RenderToggle(props) {
     get wide() {
       return props.item.wide;
     },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get active() {
       return b.active();
     },
@@ -18412,6 +19777,9 @@ function RenderMenu(props) {
     get hideChevron() {
       return props.item.hideChevron;
     },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get panelClass() {
       return props.item.panelClass;
     },
@@ -18501,7 +19869,7 @@ function RenderSelect(props) {
           return props.item.options(props.api);
         },
         children: (option) => (() => {
-          var _el$2 = _tmpl$2$p();
+          var _el$2 = _tmpl$2$q();
           insert(_el$2, () => option.label);
           createRenderEffect(() => _el$2.value = option.value);
           return _el$2;
@@ -18646,7 +20014,15 @@ function ToolbarItemRenderer(props) {
         }
       })
     }));
-    createRenderEffect((_$p) => setStyleProperty(_el$, "display", binding.visible() ? "flex" : "none"));
+    createRenderEffect((_p$) => {
+      var _v$ = !!("ribbonSize" in props.item && props.item.ribbonSize === "large"), _v$2 = binding.visible() ? "flex" : "none";
+      _v$ !== _p$.e && _el$.classList.toggle("oasis-editor-toolbar-item-ribbon-large", _p$.e = _v$);
+      _v$2 !== _p$.t && setStyleProperty(_el$, "display", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
     return _el$;
   })();
 }
@@ -18742,8 +20118,12 @@ function normalizeRibbonGroup(group) {
 function normalizeRibbonRow(row) {
   return row === 2 ? 2 : DEFAULT_RIBBON_ROW;
 }
+function isLargeRibbonItem(item) {
+  return "ribbonSize" in item && item.ribbonSize === "large";
+}
 function ribbonGroupLabel(group) {
-  return t(GROUP_LABEL_KEYS[group] ?? group);
+  const key = GROUP_LABEL_KEYS[group];
+  return key ? t(key) : group;
 }
 function buildRibbonGroups(items, tab) {
   const groups = /* @__PURE__ */ new Map();
@@ -18760,17 +20140,22 @@ function buildRibbonGroups(items, tab) {
       group = {
         id: groupId,
         label: ribbonGroupLabel(groupId),
+        largeItems: [],
         rows: { 1: [], 2: [] },
         order: groupOrder
       };
       groups.set(groupId, group);
     }
     group.order = Math.min(group.order, groupOrder);
-    group.rows[row].push(item);
+    if (isLargeRibbonItem(item)) {
+      group.largeItems.push(item);
+    } else {
+      group.rows[row].push(item);
+    }
   });
   return Array.from(groups.values()).sort((a, b) => a.order - b.order);
 }
-var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$o = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$p = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
 function RibbonTabs(props) {
   const tabs = RIBBON_TAB_DEFINITIONS;
   const moveTab = (current, delta) => {
@@ -18783,7 +20168,7 @@ function RibbonTabs(props) {
     insert(_el$, createComponent(For, {
       each: tabs,
       children: (tab) => (() => {
-        var _el$2 = _tmpl$2$o();
+        var _el$2 = _tmpl$2$p();
         _el$2.$$keydown = (event) => {
           if (event.key === "ArrowRight") {
             event.preventDefault();
@@ -18843,11 +20228,31 @@ function RibbonRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$z = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows></div><div class=oasis-editor-ribbon-group-label>`);
+var _tmpl$$z = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$o = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows><div class=oasis-editor-ribbon-normal-rows></div></div><div class=oasis-editor-ribbon-group-label>`);
 function RibbonGroup(props) {
   return (() => {
-    var _el$ = _tmpl$$z(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    insert(_el$2, createComponent(RibbonRow, {
+    var _el$ = _tmpl$2$o(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$2.nextSibling;
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return props.group.largeItems.length > 0;
+      },
+      get children() {
+        var _el$3 = _tmpl$$z();
+        insert(_el$3, createComponent(For, {
+          get each() {
+            return props.group.largeItems;
+          },
+          children: (item) => createComponent(ToolbarItemRenderer, {
+            item,
+            get api() {
+              return props.api;
+            }
+          })
+        }));
+        return _el$3;
+      }
+    }), _el$4);
+    insert(_el$4, createComponent(RibbonRow, {
       get items() {
         return props.group.rows[1];
       },
@@ -18855,7 +20260,7 @@ function RibbonGroup(props) {
         return props.api;
       }
     }), null);
-    insert(_el$2, createComponent(RibbonRow, {
+    insert(_el$4, createComponent(RibbonRow, {
       get items() {
         return props.group.rows[2];
       },
@@ -18863,7 +20268,7 @@ function RibbonGroup(props) {
         return props.api;
       }
     }), null);
-    insert(_el$3, () => props.group.label);
+    insert(_el$5, () => props.group.label);
     createRenderEffect((_p$) => {
       var _v$ = props.group.id, _v$2 = props.group.label;
       _v$ !== _p$.e && setAttribute(_el$, "data-ribbon-group", _p$.e = _v$);
@@ -32017,10 +33422,6 @@ async function parseTextBox(drawing, parseNestedBlocks) {
   if (!wsp) {
     return void 0;
   }
-  const txbxContent = findElementDeep(wsp, "txbxContent");
-  if (!txbxContent) {
-    return void 0;
-  }
   const container = findDrawingContainer(drawing);
   const drawingBox = (container == null ? void 0 : container.element) ?? drawing;
   const extent = findElementDeep(drawingBox, "extent");
@@ -32030,7 +33431,8 @@ async function parseTextBox(drawing, parseNestedBlocks) {
   const name = docPr ? getAttributeValue(docPr, "name") : null;
   const alt = docPr ? getAttributeValue(docPr, "descr") ?? getAttributeValue(docPr, "title") : null;
   const floating = (container == null ? void 0 : container.kind) === "anchor" ? parseFloatingLayout(container.element) : void 0;
-  const blocks = parseNestedBlocks ? await parseNestedBlocks(txbxContent) : [];
+  const txbxContent = findElementDeep(wsp, "txbxContent");
+  const blocks = txbxContent && parseNestedBlocks ? await parseNestedBlocks(txbxContent) : [];
   const shape = parseTextBoxShape(wsp);
   const body = parseTextBoxBody(wsp);
   const rotation = parseTextBoxRotation(wsp);
@@ -34388,7 +35790,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-D4P4_drI.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-DcrboJNQ.js", import.meta.url).href,
         import.meta.url
       ),
       {
@@ -37580,11 +38982,13 @@ function SectionGroup(props) {
   const api = props.api;
   return createComponent(Menu, {
     icon: "layout-template",
+    get label() {
+      return t("section.orientation");
+    },
     testId: "editor-toolbar-section-dropdown",
     get tooltip() {
       return t("section.pageSetup");
     },
-    hideChevron: true,
     panelClass: "oasis-editor-toolbar-panel",
     keepMounted: true,
     get children() {
@@ -38487,11 +39891,13 @@ function createDefaultToolbarPreset() {
   items.push({
     type: "custom",
     id: "editor-toolbar-margins",
+    ribbonSize: "large",
     render: (api) => MarginsGroup({ api })
   });
   items.push({
     type: "custom",
     id: "editor-toolbar-section",
+    ribbonSize: "large",
     render: (api) => SectionGroup({ api })
   });
   return withDefaultRibbonPlacement(items);
@@ -38535,6 +39941,7 @@ const OASIS_TOOLBAR_ITEMS = {
   lineSpacing: "editor-toolbar-line-spacing-control",
   metrics: "editor-toolbar-metrics",
   table: "editor-toolbar-table",
+  margins: "editor-toolbar-margins",
   section: "editor-toolbar-section"
 };
 const OASIS_MENU_ITEMS = {