canvu-react 0.3.29 → 0.3.31

package/dist/react.d.cts

@@ -1,16 +1,16 @@
-import { I as IndexedDbImageStore } from './asset-hydration-3Iv5xHxM.cjs';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-3Iv5xHxM.cjs';
-import { V as VectorSceneItem } from './types-CB0TZZuk.cjs';
-import { V as VectorViewportAssetKind, u as VectorViewportAssetStore } from './shape-builders-DFudWDFI.cjs';
-export { v as VectorViewportAssetHydrationRequest, w as VectorViewportAssetResolveRequest, x as VectorViewportAssetResolveResult, y as VectorViewportAssetUploadRequest, z as VectorViewportAssetUploadResult } from './shape-builders-DFudWDFI.cjs';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-BLXR7g_L.cjs';
-export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-BLXR7g_L.cjs';
+import { I as IndexedDbImageStore } from './asset-hydration-EtEuBwb7.cjs';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-EtEuBwb7.cjs';
+import { V as VectorSceneItem } from './types-Bnq2HtHQ.cjs';
+import { V as VectorViewportAssetKind, x as VectorViewportAssetStore } from './shape-builders-CsbSRZnQ.cjs';
+export { y as VectorViewportAssetHydrationRequest, z as VectorViewportAssetResolveRequest, A as VectorViewportAssetResolveResult, B as VectorViewportAssetUploadRequest, C as VectorViewportAssetUploadResult } from './shape-builders-CsbSRZnQ.cjs';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-DWGk2_GZ.cjs';
+export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-DWGk2_GZ.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';
-import { C as Camera2D } from './camera-BwQjm5oh.cjs';
-import { V as VectorCanvasPersistenceAdapter, a as VectorCanvasRemoteAdapter } from './types-DNwjgs5U.cjs';
-export { b as VectorCanvasSnapshot } from './types-DNwjgs5U.cjs';
+import { C as Camera2D } from './camera-Di5R_Rwl.cjs';
+import { V as VectorCanvasPersistenceAdapter, a as VectorCanvasRemoteAdapter } from './types-B2Na677H.cjs';
+export { b as VectorCanvasSnapshot } from './types-B2Na677H.cjs';
 
 /**
  * Extra context for each item created by {@link ingestAssetFilesToSceneItems}.
@@ -425,7 +425,7 @@ declare function ShapeContextMenu({ x, y, allSelectedLocked, onClose, onToggleLo
  * Tool ids shown in the overflow menu at the end of the default toolbar (horizontal layout).
  * Order: shapes, marker, laser, image.
  */
-declare const DEFAULT_OVERFLOW_TOOL_IDS: readonly ["rect", "ellipse", "line", "marker", "laser", "image"];
+declare const DEFAULT_OVERFLOW_TOOL_IDS: readonly ["rect", "ellipse", "architectural-cloud", "line", "marker", "laser", "image"];
 /**
  * Opinionated default tool strip using [Lucide](https://lucide.dev) icons.
  * Pass a subset or your own list via {@link VectorToolbarProps.tools}.
@@ -437,6 +437,7 @@ declare function IconHand(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconSelect(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconRect(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconEllipse(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function IconArchitecturalCloud(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconLine(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconArrow(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconDraw(props: IconProps): react_jsx_runtime.JSX.Element;
@@ -668,6 +669,7 @@ declare const HandBinding: ToolBinding;
 declare const SelectBinding: ToolBinding;
 declare const RectBinding: ToolBinding;
 declare const EllipseBinding: ToolBinding;
+declare const ArchitecturalCloudBinding: ToolBinding;
 declare const LineBinding: ToolBinding;
 declare const ArrowBinding: ToolBinding;
 declare const DrawBinding: ToolBinding;
@@ -684,6 +686,7 @@ type VectorToolbarWithStatics = ((props: VectorToolbarProps) => ReactElement) &
     Select: typeof SelectBinding;
     Rect: typeof RectBinding;
     Ellipse: typeof EllipseBinding;
+    ArchitecturalCloud: typeof ArchitecturalCloudBinding;
     Line: typeof LineBinding;
     Arrow: typeof ArrowBinding;
     Draw: typeof DrawBinding;
@@ -703,4 +706,4 @@ type VectorToolbarWithStatics = ((props: VectorToolbarProps) => ReactElement) &
  */
 declare const VectorToolbar: VectorToolbarWithStatics;
 
-export { BoardComponentPosition, CanvasPlugin, type CreateLocalStoragePersistenceAdapterOptions, type CreateToolPluginOptions, DEFAULT_OVERFLOW_TOOL_IDS, DEFAULT_VECTOR_CANVAS_STORAGE_KEY, DEFAULT_VECTOR_TOOLS, IconArrow, IconDraw, IconEllipse, IconHand, IconImage, IconLaser, IconLine, IconRect, IconSelect, IconText, ImagesMenu, type ImagesMenuLabels, type ImagesMenuProps, type IngestAssetFileError, type IngestAssetFilesToSceneItemsOptions, type IngestAssetFilesToSceneItemsResult, type IngestedAssetItemContext, NavMenu, type NavMenuMinimapProps, type NavMenuProps, type NavMenuUndoRedoProps, type NavMenuZoomControlsProps, ShapeContextMenu, type ShapeContextMenuProps, type UseVectorCanvasDocumentOptions, type UseVectorCanvasDocumentResult, VectorCanvas, VectorCanvasBody, VectorCanvasHeader, VectorCanvasMain, VectorCanvasPersistenceAdapter, VectorCanvasRemoteAdapter, VectorCanvasRoot, type VectorCanvasSlotProps, type VectorCanvasSpaceProps, VectorCanvasToolbar, type VectorCanvasToolbarProps, VectorCanvasViewportSurface, VectorSelectionInspector, VectorToolDefinition, VectorToolbar, type VectorToolbarOverflowProps, type VectorToolbarProps, type VectorToolbarRenderContext, type VectorToolbarToolLockProps, type VectorToolbarToolProps, VectorViewportAssetKind, VectorViewportAssetStore, createIndexedDbPersistenceAdapter, createLocalStoragePersistenceAdapter, createNoopPersistenceAdapter, createToolPlugin, cursorForVectorToolId, ingestAssetFilesToSceneItems, useVectorCanvasDocument };
+export { BoardComponentPosition, CanvasPlugin, type CreateLocalStoragePersistenceAdapterOptions, type CreateToolPluginOptions, DEFAULT_OVERFLOW_TOOL_IDS, DEFAULT_VECTOR_CANVAS_STORAGE_KEY, DEFAULT_VECTOR_TOOLS, IconArchitecturalCloud, IconArrow, IconDraw, IconEllipse, IconHand, IconImage, IconLaser, IconLine, IconRect, IconSelect, IconText, ImagesMenu, type ImagesMenuLabels, type ImagesMenuProps, type IngestAssetFileError, type IngestAssetFilesToSceneItemsOptions, type IngestAssetFilesToSceneItemsResult, type IngestedAssetItemContext, NavMenu, type NavMenuMinimapProps, type NavMenuProps, type NavMenuUndoRedoProps, type NavMenuZoomControlsProps, ShapeContextMenu, type ShapeContextMenuProps, type UseVectorCanvasDocumentOptions, type UseVectorCanvasDocumentResult, VectorCanvas, VectorCanvasBody, VectorCanvasHeader, VectorCanvasMain, VectorCanvasPersistenceAdapter, VectorCanvasRemoteAdapter, VectorCanvasRoot, type VectorCanvasSlotProps, type VectorCanvasSpaceProps, VectorCanvasToolbar, type VectorCanvasToolbarProps, VectorCanvasViewportSurface, VectorSelectionInspector, VectorToolDefinition, VectorToolbar, type VectorToolbarOverflowProps, type VectorToolbarProps, type VectorToolbarRenderContext, type VectorToolbarToolLockProps, type VectorToolbarToolProps, VectorViewportAssetKind, VectorViewportAssetStore, createIndexedDbPersistenceAdapter, createLocalStoragePersistenceAdapter, createNoopPersistenceAdapter, createToolPlugin, cursorForVectorToolId, ingestAssetFilesToSceneItems, useVectorCanvasDocument };

package/dist/react.d.ts

@@ -1,16 +1,16 @@
-import { I as IndexedDbImageStore } from './asset-hydration-BEG21hMp.js';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-BEG21hMp.js';
-import { V as VectorSceneItem } from './types-CB0TZZuk.js';
-import { V as VectorViewportAssetKind, u as VectorViewportAssetStore } from './shape-builders-ENwnK-zT.js';
-export { v as VectorViewportAssetHydrationRequest, w as VectorViewportAssetResolveRequest, x as VectorViewportAssetResolveResult, y as VectorViewportAssetUploadRequest, z as VectorViewportAssetUploadResult } from './shape-builders-ENwnK-zT.js';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-Cm7IsgL4.js';
-export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-Cm7IsgL4.js';
+import { I as IndexedDbImageStore } from './asset-hydration-DrTOgDdd.js';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-DrTOgDdd.js';
+import { V as VectorSceneItem } from './types-Bnq2HtHQ.js';
+import { V as VectorViewportAssetKind, x as VectorViewportAssetStore } from './shape-builders-CsSXKCcs.js';
+export { y as VectorViewportAssetHydrationRequest, z as VectorViewportAssetResolveRequest, A as VectorViewportAssetResolveResult, B as VectorViewportAssetUploadRequest, C as VectorViewportAssetUploadResult } from './shape-builders-CsSXKCcs.js';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-B6PAYKzx.js';
+export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-B6PAYKzx.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';
-import { C as Camera2D } from './camera-KwCYYPhm.js';
-import { V as VectorCanvasPersistenceAdapter, a as VectorCanvasRemoteAdapter } from './types-BtAJFS_-.js';
-export { b as VectorCanvasSnapshot } from './types-BtAJFS_-.js';
+import { C as Camera2D } from './camera-AoTwBSoE.js';
+import { V as VectorCanvasPersistenceAdapter, a as VectorCanvasRemoteAdapter } from './types-zmUah-vP.js';
+export { b as VectorCanvasSnapshot } from './types-zmUah-vP.js';
 
 /**
  * Extra context for each item created by {@link ingestAssetFilesToSceneItems}.
@@ -425,7 +425,7 @@ declare function ShapeContextMenu({ x, y, allSelectedLocked, onClose, onToggleLo
  * Tool ids shown in the overflow menu at the end of the default toolbar (horizontal layout).
  * Order: shapes, marker, laser, image.
  */
-declare const DEFAULT_OVERFLOW_TOOL_IDS: readonly ["rect", "ellipse", "line", "marker", "laser", "image"];
+declare const DEFAULT_OVERFLOW_TOOL_IDS: readonly ["rect", "ellipse", "architectural-cloud", "line", "marker", "laser", "image"];
 /**
  * Opinionated default tool strip using [Lucide](https://lucide.dev) icons.
  * Pass a subset or your own list via {@link VectorToolbarProps.tools}.
@@ -437,6 +437,7 @@ declare function IconHand(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconSelect(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconRect(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconEllipse(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function IconArchitecturalCloud(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconLine(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconArrow(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function IconDraw(props: IconProps): react_jsx_runtime.JSX.Element;
@@ -668,6 +669,7 @@ declare const HandBinding: ToolBinding;
 declare const SelectBinding: ToolBinding;
 declare const RectBinding: ToolBinding;
 declare const EllipseBinding: ToolBinding;
+declare const ArchitecturalCloudBinding: ToolBinding;
 declare const LineBinding: ToolBinding;
 declare const ArrowBinding: ToolBinding;
 declare const DrawBinding: ToolBinding;
@@ -684,6 +686,7 @@ type VectorToolbarWithStatics = ((props: VectorToolbarProps) => ReactElement) &
     Select: typeof SelectBinding;
     Rect: typeof RectBinding;
     Ellipse: typeof EllipseBinding;
+    ArchitecturalCloud: typeof ArchitecturalCloudBinding;
     Line: typeof LineBinding;
     Arrow: typeof ArrowBinding;
     Draw: typeof DrawBinding;
@@ -703,4 +706,4 @@ type VectorToolbarWithStatics = ((props: VectorToolbarProps) => ReactElement) &
  */
 declare const VectorToolbar: VectorToolbarWithStatics;
 
-export { BoardComponentPosition, CanvasPlugin, type CreateLocalStoragePersistenceAdapterOptions, type CreateToolPluginOptions, DEFAULT_OVERFLOW_TOOL_IDS, DEFAULT_VECTOR_CANVAS_STORAGE_KEY, DEFAULT_VECTOR_TOOLS, IconArrow, IconDraw, IconEllipse, IconHand, IconImage, IconLaser, IconLine, IconRect, IconSelect, IconText, ImagesMenu, type ImagesMenuLabels, type ImagesMenuProps, type IngestAssetFileError, type IngestAssetFilesToSceneItemsOptions, type IngestAssetFilesToSceneItemsResult, type IngestedAssetItemContext, NavMenu, type NavMenuMinimapProps, type NavMenuProps, type NavMenuUndoRedoProps, type NavMenuZoomControlsProps, ShapeContextMenu, type ShapeContextMenuProps, type UseVectorCanvasDocumentOptions, type UseVectorCanvasDocumentResult, VectorCanvas, VectorCanvasBody, VectorCanvasHeader, VectorCanvasMain, VectorCanvasPersistenceAdapter, VectorCanvasRemoteAdapter, VectorCanvasRoot, type VectorCanvasSlotProps, type VectorCanvasSpaceProps, VectorCanvasToolbar, type VectorCanvasToolbarProps, VectorCanvasViewportSurface, VectorSelectionInspector, VectorToolDefinition, VectorToolbar, type VectorToolbarOverflowProps, type VectorToolbarProps, type VectorToolbarRenderContext, type VectorToolbarToolLockProps, type VectorToolbarToolProps, VectorViewportAssetKind, VectorViewportAssetStore, createIndexedDbPersistenceAdapter, createLocalStoragePersistenceAdapter, createNoopPersistenceAdapter, createToolPlugin, cursorForVectorToolId, ingestAssetFilesToSceneItems, useVectorCanvasDocument };
+export { BoardComponentPosition, CanvasPlugin, type CreateLocalStoragePersistenceAdapterOptions, type CreateToolPluginOptions, DEFAULT_OVERFLOW_TOOL_IDS, DEFAULT_VECTOR_CANVAS_STORAGE_KEY, DEFAULT_VECTOR_TOOLS, IconArchitecturalCloud, IconArrow, IconDraw, IconEllipse, IconHand, IconImage, IconLaser, IconLine, IconRect, IconSelect, IconText, ImagesMenu, type ImagesMenuLabels, type ImagesMenuProps, type IngestAssetFileError, type IngestAssetFilesToSceneItemsOptions, type IngestAssetFilesToSceneItemsResult, type IngestedAssetItemContext, NavMenu, type NavMenuMinimapProps, type NavMenuProps, type NavMenuUndoRedoProps, type NavMenuZoomControlsProps, ShapeContextMenu, type ShapeContextMenuProps, type UseVectorCanvasDocumentOptions, type UseVectorCanvasDocumentResult, VectorCanvas, VectorCanvasBody, VectorCanvasHeader, VectorCanvasMain, VectorCanvasPersistenceAdapter, VectorCanvasRemoteAdapter, VectorCanvasRoot, type VectorCanvasSlotProps, type VectorCanvasSpaceProps, VectorCanvasToolbar, type VectorCanvasToolbarProps, VectorCanvasViewportSurface, VectorSelectionInspector, VectorToolDefinition, VectorToolbar, type VectorToolbarOverflowProps, type VectorToolbarProps, type VectorToolbarRenderContext, type VectorToolbarToolLockProps, type VectorToolbarToolProps, VectorViewportAssetKind, VectorViewportAssetStore, createIndexedDbPersistenceAdapter, createLocalStoragePersistenceAdapter, createNoopPersistenceAdapter, createToolPlugin, cursorForVectorToolId, ingestAssetFilesToSceneItems, useVectorCanvasDocument };

package/dist/react.js

@@ -174,6 +174,8 @@ __export(shape_builders_exports, {
   DEFAULT_TEXT_FONT_SIZE: () => DEFAULT_TEXT_FONT_SIZE,
   applyStrokeToItem: () => applyStrokeToItem,
   applyTextDraftWhileEditing: () => applyTextDraftWhileEditing,
+  buildArchitecturalCloudPathD: () => buildArchitecturalCloudPathD,
+  buildArchitecturalCloudSvg: () => buildArchitecturalCloudSvg,
   buildArrowSvg: () => buildArrowSvg,
   buildDrawDotSvg: () => buildDrawDotSvg,
   buildEllipseSvg: () => buildEllipseSvg,
@@ -185,6 +187,7 @@ __export(shape_builders_exports, {
   buildTextSvg: () => buildTextSvg,
   computeFreehandSvgPayload: () => computeFreehandSvgPayload,
   computeStraightArrowGeometry: () => computeStraightArrowGeometry,
+  createArchitecturalCloudItem: () => createArchitecturalCloudItem,
   createDrawDotItem: () => createDrawDotItem,
   createEllipseItem: () => createEllipseItem,
   createFreehandStrokeItem: () => createFreehandStrokeItem,
@@ -276,6 +279,22 @@ function resolveStrokeStyle(item) {
 function strokeOpacityAttr(style) {
   return style.strokeOpacity != null ? ` stroke-opacity="${style.strokeOpacity}"` : "";
 }
+function svgNumber(value) {
+  if (!Number.isFinite(value)) return "0";
+  const rounded = Math.round(value * 100) / 100;
+  return Number.isInteger(rounded) ? String(rounded) : String(rounded);
+}
+function approximateEllipsePerimeter(rx, ry) {
+  if (rx <= 0 || ry <= 0) return 0;
+  return Math.PI * (3 * (rx + ry) - Math.sqrt((3 * rx + ry) * (rx + 3 * ry)));
+}
+function architecturalCloudScallopCount(rx, ry, amplitude) {
+  const perimeter = approximateEllipsePerimeter(rx, ry);
+  const targetScallopLength = Math.max(10, amplitude * 2);
+  let count = Math.max(12, Math.round(perimeter / targetScallopLength));
+  if (count % 2 === 1) count += 1;
+  return count;
+}
 function buildRectSvg(width, height, style = DEFAULT_STROKE_STYLE) {
   return `<rect width="${width}" height="${height}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}" rx="4"${strokeOpacityAttr(style)} />`;
 }
@@ -284,6 +303,49 @@ function buildEllipseSvg(width, height, style = DEFAULT_STROKE_STYLE) {
   const ry = height / 2;
   return `<ellipse cx="${rx}" cy="${ry}" rx="${rx}" ry="${ry}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}"${strokeOpacityAttr(style)} />`;
 }
+function buildArchitecturalCloudPathD(width, height, strokeWidth = DEFAULT_STROKE_STYLE.strokeWidth) {
+  const w = Math.max(0, width);
+  const h = Math.max(0, height);
+  if (w <= 0 || h <= 0) return "";
+  const inset = Math.max(0.5, strokeWidth / 2);
+  const outerRx = Math.max(0, w / 2 - inset);
+  const outerRy = Math.max(0, h / 2 - inset);
+  if (outerRx <= 0 || outerRy <= 0) return "";
+  const amplitude = Math.min(
+    outerRx * 0.45,
+    outerRy * 0.45,
+    Math.max(2, Math.min(8, Math.min(w, h) * 0.04))
+  );
+  const innerRx = Math.max(0, outerRx - amplitude);
+  const innerRy = Math.max(0, outerRy - amplitude);
+  const scallopCount = architecturalCloudScallopCount(innerRx, innerRy, amplitude);
+  const angleStep = Math.PI * 2 / scallopCount;
+  const cx = w / 2;
+  const cy = h / 2;
+  const startAngle = -Math.PI / 2;
+  const pointOnEllipse = (theta, radiusX, radiusY) => [
+    cx + Math.cos(theta) * radiusX,
+    cy + Math.sin(theta) * radiusY
+  ];
+  const [startX, startY] = pointOnEllipse(startAngle, innerRx, innerRy);
+  const segments = [`M${svgNumber(startX)} ${svgNumber(startY)}`];
+  for (let index = 0; index < scallopCount; index += 1) {
+    const segmentStart = startAngle + index * angleStep;
+    const segmentMid = segmentStart + angleStep / 2;
+    const segmentEnd = segmentStart + angleStep;
+    const [controlX, controlY] = pointOnEllipse(segmentMid, outerRx, outerRy);
+    const [endX, endY] = pointOnEllipse(segmentEnd, innerRx, innerRy);
+    segments.push(
+      `Q${svgNumber(controlX)} ${svgNumber(controlY)} ${svgNumber(endX)} ${svgNumber(endY)}`
+    );
+  }
+  segments.push("Z");
+  return segments.join(" ");
+}
+function buildArchitecturalCloudSvg(width, height, style = DEFAULT_STROKE_STYLE) {
+  const d = buildArchitecturalCloudPathD(width, height, style.strokeWidth);
+  return `<path d="${d}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}" stroke-linecap="round" stroke-linejoin="round"${strokeOpacityAttr(style)} />`;
+}
 function buildLineSvg(line, style = DEFAULT_STROKE_STYLE) {
   return `<line x1="${line.x1}" y1="${line.y1}" x2="${line.x2}" y2="${line.y2}" stroke="${style.stroke}" stroke-width="${style.strokeWidth}"${strokeOpacityAttr(style)} />`;
 }
@@ -426,6 +488,13 @@ function rebuildItemSvg(item) {
       childrenSvg: buildEllipseSvg(b.width, b.height, style)
     };
   }
+  if (k === "architectural-cloud") {
+    const b = normalizeRect(item.bounds);
+    return {
+      ...item,
+      childrenSvg: buildArchitecturalCloudSvg(b.width, b.height, style)
+    };
+  }
   if ((k === "line" || k === "arrow") && item.line) {
     const line = item.line;
     const childrenSvg = k === "arrow" ? buildArrowSvg(item.id, line, style) : buildLineSvg(line, style);
@@ -538,6 +607,21 @@ function createEllipseItem(id, bounds, style) {
     childrenSvg: ""
   });
 }
+function createArchitecturalCloudItem(id, bounds, style) {
+  const r = normalizeRect(bounds);
+  const s = { ...DEFAULT_STROKE_STYLE, ...style };
+  return rebuildItemSvg({
+    id,
+    x: r.x,
+    y: r.y,
+    bounds: { ...r },
+    toolKind: "architectural-cloud",
+    stroke: s.stroke,
+    strokeWidth: s.strokeWidth,
+    ...s.strokeOpacity != null ? { strokeOpacity: s.strokeOpacity } : {},
+    childrenSvg: ""
+  });
+}
 function createLineItem(id, bounds, line, toolKind, style, arrowBind) {
   const r = normalizeRect(bounds);
   const s = { ...DEFAULT_STROKE_STYLE, ...style };
@@ -3012,6 +3096,7 @@ function ShapeContextMenu({
   }
   return createPortal(menu, document.body);
 }
+var architecturalCloudIconPath = "M12 8.28 Q14.33 7.17 15.86 8.78 Q18.36 8.46 18.69 10.14 Q20.69 10.71 19.72 12 Q20.69 13.29 18.69 13.86 Q18.36 15.54 15.86 15.22 Q14.33 16.83 12 15.72 Q9.67 16.83 8.14 15.22 Q5.64 15.54 5.31 13.86 Q3.31 13.29 4.28 12 Q3.31 10.71 5.31 10.14 Q5.64 8.46 8.14 8.78 Q9.67 7.17 12 8.28 Z";
 var base = {
   width: 20,
   height: 20,
@@ -3042,6 +3127,9 @@ function IconRect(props) {
 function IconEllipse(props) {
   return /* @__PURE__ */ jsx("svg", { ...base, ...props, "aria-hidden": true, children: /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "6" }) });
 }
+function IconArchitecturalCloud(props) {
+  return /* @__PURE__ */ jsx("svg", { ...base, ...props, "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: architecturalCloudIconPath, transform: "translate(0 4)" }) });
+}
 function IconLine(props) {
   return /* @__PURE__ */ jsx("svg", { ...base, ...props, "aria-hidden": true, children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "19", x2: "19", y2: "5" }) });
 }
@@ -3086,6 +3174,7 @@ var ic = { size: 20, strokeWidth: 2 };
 var DEFAULT_OVERFLOW_TOOL_IDS = [
   "rect",
   "ellipse",
+  "architectural-cloud",
   "line",
   "marker",
   "laser",
@@ -3116,6 +3205,13 @@ var DEFAULT_VECTOR_TOOLS = [
     icon: /* @__PURE__ */ jsx(Circle, { ...ic, "aria-hidden": true }),
     shortcutHint: "O"
   },
+  {
+    id: "architectural-cloud",
+    label: "Nuvem arquitetural",
+    tooltipLabel: "Architectural cloud",
+    icon: /* @__PURE__ */ jsx(IconArchitecturalCloud, { "aria-hidden": true }),
+    shortcutHint: "C"
+  },
   {
     id: "line",
     label: "Line",
@@ -3193,7 +3289,7 @@ function normalizeHex(stroke) {
   return "#2563eb";
 }
 function isStylableKind(tk) {
-  return tk === "rect" || tk === "ellipse" || tk === "line" || tk === "arrow" || tk === "draw" || tk === "pencil" || tk === "brush" || tk === "marker" || tk === "text";
+  return tk === "rect" || tk === "ellipse" || tk === "architectural-cloud" || tk === "line" || tk === "arrow" || tk === "draw" || tk === "pencil" || tk === "brush" || tk === "marker" || tk === "text";
 }
 function VectorSelectionInspector({
   items: itemsProp,
@@ -4554,6 +4650,7 @@ var HandBinding = makeToolBinding("hand");
 var SelectBinding = makeToolBinding("select");
 var RectBinding = makeToolBinding("rect");
 var EllipseBinding = makeToolBinding("ellipse");
+var ArchitecturalCloudBinding = makeToolBinding("architectural-cloud");
 var LineBinding = makeToolBinding("line");
 var ArrowBinding = makeToolBinding("arrow");
 var DrawBinding = makeToolBinding("draw");
@@ -4573,6 +4670,7 @@ var VectorToolbar = Object.assign(
     Select: SelectBinding,
     Rect: RectBinding,
     Ellipse: EllipseBinding,
+    ArchitecturalCloud: ArchitecturalCloudBinding,
     Line: LineBinding,
     Arrow: ArrowBinding,
     Draw: DrawBinding,
@@ -5302,7 +5400,7 @@ function isArrowBindTarget(item) {
   if (item.locked) return false;
   const k = item.toolKind;
   if (!k) return false;
-  return k === "rect" || k === "ellipse" || k === "text" || k === "image" || k === "custom";
+  return k === "rect" || k === "ellipse" || k === "architectural-cloud" || k === "text" || k === "image" || k === "custom";
 }
 function closestPointOnShapeBoundaryLocal(item, lx, ly, w, h) {
   if (item.toolKind === "ellipse") {
@@ -5641,6 +5739,16 @@ function resizeItemByHandle(item, start, handle, currentWorld) {
       childrenSvg: buildEllipseSvg(nb.width, nb.height, style)
     };
   }
+  if (k === "architectural-cloud") {
+    const style = resolveStrokeStyle(item);
+    return {
+      ...item,
+      x: nb.x,
+      y: nb.y,
+      bounds: nb,
+      childrenSvg: buildArchitecturalCloudSvg(nb.width, nb.height, style)
+    };
+  }
   if (k === "text" && item.text !== void 0) {
     const sfw = Math.max(sb.width, 1e-6);
     const sfh = Math.max(sb.height, 1e-6);
@@ -6183,7 +6291,7 @@ function InteractionOverlay({
           vectorEffect: "non-scaling-stroke"
         }
       );
-    } else if (placementPreview.kind === "rect" || placementPreview.kind === "ellipse") {
+    } else if (placementPreview.kind === "rect" || placementPreview.kind === "ellipse" || placementPreview.kind === "architectural-cloud") {
       const r = normalizeRect(placementPreview.rect);
       preview = placementPreview.kind === "rect" ? /* @__PURE__ */ jsx(
         "rect",
@@ -6198,7 +6306,7 @@ function InteractionOverlay({
           strokeDasharray: dashPattern,
           vectorEffect: "non-scaling-stroke"
         }
-      ) : /* @__PURE__ */ jsx(
+      ) : placementPreview.kind === "ellipse" ? /* @__PURE__ */ jsx(
         "ellipse",
         {
           cx: r.x + r.width / 2,
@@ -6211,7 +6319,19 @@ function InteractionOverlay({
           strokeDasharray: dashPattern,
           vectorEffect: "non-scaling-stroke"
         }
-      );
+      ) : /* @__PURE__ */ jsx("g", { transform: `translate(${r.x}, ${r.y})`, children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: buildArchitecturalCloudPathD(r.width, r.height, overlayStrokePx),
+          fill: "none",
+          stroke: "#64748b",
+          strokeWidth: overlayStrokePx,
+          strokeDasharray: dashPattern,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          vectorEffect: "non-scaling-stroke"
+        }
+      ) });
     } else if (placementPreview.kind === "line" || placementPreview.kind === "arrow") {
       const { start, end } = placementPreview;
       const geometry = placementPreview.kind === "arrow" ? computeStraightArrowGeometry(
@@ -6784,6 +6904,7 @@ function cursorForVectorToolId(toolId) {
       return "default";
     case "rect":
     case "ellipse":
+    case "architectural-cloud":
     case "line":
     case "arrow":
       return "crosshair";
@@ -6834,7 +6955,7 @@ function replaceItem(items, id, next) {
 }
 function supportsResizeHandles(item) {
   const k = item?.toolKind;
-  if (k === "rect" || k === "ellipse" || k === "line" || k === "arrow" || k === "image" || k === "text") {
+  if (k === "rect" || k === "ellipse" || k === "architectural-cloud" || k === "line" || k === "arrow" || k === "image" || k === "text") {
     return true;
   }
   if ((k === "draw" || k === "pencil" || k === "brush" || k === "marker") && item?.pathPointsLocal && item.pathPointsLocal.length > 0) {
@@ -6891,6 +7012,9 @@ function defaultPlacementWorld(tool, center) {
   if (tool === "ellipse") {
     return { raw: { x: cx - 70, y: cy - 45, width: 140, height: 90 } };
   }
+  if (tool === "architectural-cloud") {
+    return { raw: { x: cx - 90, y: cy - 50, width: 180, height: 100 } };
+  }
   const a = { x: cx - 50, y: cy };
   const b = { x: cx + 50, y: cy };
   return {
@@ -8794,7 +8918,7 @@ var VectorViewport = forwardRef(
           return;
         }
         const cp = customPlacementRef.current;
-        if (tool === "rect" || tool === "ellipse" || tool === "line" || tool === "arrow" || cp && tool === cp.toolId) {
+        if (tool === "rect" || tool === "ellipse" || tool === "architectural-cloud" || tool === "line" || tool === "arrow" || cp && tool === cp.toolId) {
           dragStateRef.current = {
             kind: "place",
             tool,
@@ -9214,6 +9338,11 @@ var VectorViewport = forwardRef(
             setPlacementPreview({ kind: "rect", rect: rectFromCorners(a, b) });
           } else if (st.tool === "ellipse") {
             setPlacementPreview({ kind: "ellipse", rect: rectFromCorners(a, b) });
+          } else if (st.tool === "architectural-cloud") {
+            setPlacementPreview({
+              kind: "architectural-cloud",
+              rect: rectFromCorners(a, b)
+            });
           } else if (st.tool === "line") {
             setPlacementPreview({
               kind: "line",
@@ -9472,6 +9601,12 @@ var VectorViewport = forwardRef(
           } else if (st.tool === "ellipse") {
             change([...itemsRef.current, createEllipseItem(id, raw, pen)]);
             setEffectiveSelectedIdsRef.current([id]);
+          } else if (st.tool === "architectural-cloud") {
+            change([
+              ...itemsRef.current,
+              createArchitecturalCloudItem(id, raw, pen)
+            ]);
+            setEffectiveSelectedIdsRef.current([id]);
           } else if (st.tool === "line" || st.tool === "arrow") {
             const line = lineEndpointsToLocal(raw, lineA, lineB);
             change([
@@ -9788,6 +9923,6 @@ var VectorViewport = forwardRef(
 );
 VectorViewport.displayName = "VectorViewport";
 
-export { CanvuChromeContext, CanvuPluginContext, DEFAULT_OVERFLOW_TOOL_IDS, DEFAULT_VECTOR_CANVAS_STORAGE_KEY, DEFAULT_VECTOR_TOOLS, IconArrow, IconDraw, IconEllipse, IconHand, IconImage, IconLaser, IconLine, IconRect, IconSelect, IconText, ImagesMenu, NavMenu, ShapeContextMenu, VectorCanvas, VectorCanvasBody, VectorCanvasHeader, VectorCanvasMain, VectorCanvasRoot, VectorCanvasToolbar, VectorCanvasViewportSurface, VectorSelectionInspector, VectorToolbar, VectorViewport, createCanvuPlugin, createIndexedDbPersistenceAdapter, createLocalStoragePersistenceAdapter, createNoopPersistenceAdapter, createToolPlugin, cursorForVectorToolId, getBoardPositionStyle, hydrateSceneItemsWithAssets, ingestAssetFilesToSceneItems, useCanvuChromeContext, useCanvuDocumentContext, useCanvuPluginContext, useCanvuPluginContribution, useCanvuResolvedTools, useCanvuViewportContext, useVectorCanvasDocument };
+export { CanvuChromeContext, CanvuPluginContext, DEFAULT_OVERFLOW_TOOL_IDS, DEFAULT_VECTOR_CANVAS_STORAGE_KEY, DEFAULT_VECTOR_TOOLS, IconArchitecturalCloud, IconArrow, IconDraw, IconEllipse, IconHand, IconImage, IconLaser, IconLine, IconRect, IconSelect, IconText, ImagesMenu, NavMenu, ShapeContextMenu, VectorCanvas, VectorCanvasBody, VectorCanvasHeader, VectorCanvasMain, VectorCanvasRoot, VectorCanvasToolbar, VectorCanvasViewportSurface, VectorSelectionInspector, VectorToolbar, VectorViewport, createCanvuPlugin, createIndexedDbPersistenceAdapter, createLocalStoragePersistenceAdapter, createNoopPersistenceAdapter, createToolPlugin, cursorForVectorToolId, getBoardPositionStyle, hydrateSceneItemsWithAssets, ingestAssetFilesToSceneItems, useCanvuChromeContext, useCanvuDocumentContext, useCanvuPluginContext, useCanvuPluginContribution, useCanvuResolvedTools, useCanvuViewportContext, useVectorCanvasDocument };
 //# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map