canvu-react 0.3.28 → 0.3.30

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,41 @@ function resolveStrokeStyle(item) {
 function strokeOpacityAttr(style) {
   return style.strokeOpacity != null ? ` stroke-opacity="${style.strokeOpacity}"` : "";
 }
+function clampNumber(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function svgNumber(value) {
+  if (!Number.isFinite(value)) return "0";
+  return Number(value.toFixed(3)).toString();
+}
+function architecturalCloudScallopCount(length, depth) {
+  if (length <= 1e-6) return 0;
+  return Math.max(1, Math.round(length / Math.max(depth * 2.05, 8)));
+}
+function appendHorizontalScallops(segments, startX, endX, y, controlY, count) {
+  if (count <= 0) return;
+  const step = (endX - startX) / count;
+  for (let index = 1; index <= count; index += 1) {
+    const x0 = startX + step * (index - 1);
+    const x1 = index === count ? endX : startX + step * index;
+    const cx = (x0 + x1) / 2;
+    segments.push(
+      `Q${svgNumber(cx)} ${svgNumber(controlY)} ${svgNumber(x1)} ${svgNumber(y)}`
+    );
+  }
+}
+function appendVerticalScallops(segments, startY, endY, x, controlX, count) {
+  if (count <= 0) return;
+  const step = (endY - startY) / count;
+  for (let index = 1; index <= count; index += 1) {
+    const y0 = startY + step * (index - 1);
+    const y1 = index === count ? endY : startY + step * index;
+    const cy = (y0 + y1) / 2;
+    segments.push(
+      `Q${svgNumber(controlX)} ${svgNumber(cy)} ${svgNumber(x)} ${svgNumber(y1)}`
+    );
+  }
+}
 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 +322,63 @@ 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.min(w / 2, h / 2, Math.max(0.5, strokeWidth / 2));
+  const x0 = inset;
+  const y0 = inset;
+  const x1 = Math.max(x0, w - inset);
+  const y1 = Math.max(y0, h - inset);
+  const innerW = Math.max(0, x1 - x0);
+  const innerH = Math.max(0, y1 - y0);
+  if (innerW <= 0 || innerH <= 0) return "";
+  const maxDepth = Math.max(0.5, Math.min(innerW, innerH) * 0.18);
+  const depth = clampNumber(Math.min(w, h) * 0.08, 2, Math.min(12, maxDepth));
+  const corner = Math.min(depth * 1.2, innerW / 2, innerH / 2);
+  const topStart = x0 + corner;
+  const topEnd = x1 - corner;
+  const rightStart = y0 + corner;
+  const rightEnd = y1 - corner;
+  const bottomStart = x1 - corner;
+  const bottomEnd = x0 + corner;
+  const leftStart = y1 - corner;
+  const leftEnd = y0 + corner;
+  const topCount = architecturalCloudScallopCount(topEnd - topStart, depth);
+  const rightCount = architecturalCloudScallopCount(rightEnd - rightStart, depth);
+  const bottomCount = architecturalCloudScallopCount(bottomStart - bottomEnd, depth);
+  const leftCount = architecturalCloudScallopCount(leftStart - leftEnd, depth);
+  const segments = [`M${svgNumber(topStart)} ${svgNumber(y0)}`];
+  appendHorizontalScallops(segments, topStart, topEnd, y0, y0 + depth, topCount);
+  segments.push(
+    `Q${svgNumber(x1)} ${svgNumber(y0)} ${svgNumber(x1)} ${svgNumber(rightStart)}`
+  );
+  appendVerticalScallops(segments, rightStart, rightEnd, x1, x1 - depth, rightCount);
+  segments.push(
+    `Q${svgNumber(x1)} ${svgNumber(y1)} ${svgNumber(bottomStart)} ${svgNumber(y1)}`
+  );
+  appendHorizontalScallops(
+    segments,
+    bottomStart,
+    bottomEnd,
+    y1,
+    y1 - depth,
+    bottomCount
+  );
+  segments.push(
+    `Q${svgNumber(x0)} ${svgNumber(y1)} ${svgNumber(x0)} ${svgNumber(leftStart)}`
+  );
+  appendVerticalScallops(segments, leftStart, leftEnd, x0, x0 + depth, leftCount);
+  segments.push(
+    `Q${svgNumber(x0)} ${svgNumber(y0)} ${svgNumber(topStart)} ${svgNumber(y0)} 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 +521,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 +640,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 };
@@ -3042,6 +3159,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: "M6.5 7.5Q4.4 7.5 4.4 9.4Q3 9.9 3 11.6Q3 13.5 5.2 13.5Q5.8 16 8.3 15.2Q9.2 17.2 11.3 15.7Q12.8 17 14.3 15.5Q16.5 16.4 17 14Q20.7 13.7 20.2 10.9Q21 8.5 18 8.3Q17.2 5.9 14.8 6.7Q13.2 5.2 11.5 6.5Q9.1 5.1 7.8 7.2Q7.2 7.2 6.5 7.5Z" }) });
+}
 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 +3206,7 @@ var ic = { size: 20, strokeWidth: 2 };
 var DEFAULT_OVERFLOW_TOOL_IDS = [
   "rect",
   "ellipse",
+  "architectural-cloud",
   "line",
   "marker",
   "laser",
@@ -3116,6 +3237,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 +3321,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,
@@ -3644,6 +3772,10 @@ var TOOLBAR_TOOLTIP_CSS = `
 	opacity: 1;
 	visibility: visible;
 }
+[data-slot="vector-canvas-toolbar"][data-position^="top-"] .vector-toolbar-tip {
+	top: calc(100% + 8px);
+	bottom: auto;
+}
 `;
 var OVERFLOW_MENU_CSS = `
 .vector-toolbar-overflow-panel {
@@ -3726,6 +3858,10 @@ var OVERFLOW_MENU_CSS = `
 	opacity: 1;
 	visibility: visible;
 }
+[data-slot="vector-canvas-toolbar"][data-position^="top-"] .vector-toolbar-overflow-tip {
+	top: calc(100% + 8px);
+	bottom: auto;
+}
 .vector-toolbar-overflow-cell > button {
 	background: rgba(24,24,27,0.05);
 }
@@ -4546,6 +4682,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");
@@ -4565,6 +4702,7 @@ var VectorToolbar = Object.assign(
     Select: SelectBinding,
     Rect: RectBinding,
     Ellipse: EllipseBinding,
+    ArchitecturalCloud: ArchitecturalCloudBinding,
     Line: LineBinding,
     Arrow: ArrowBinding,
     Draw: DrawBinding,
@@ -5294,7 +5432,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") {
@@ -5633,6 +5771,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);
@@ -6175,7 +6323,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",
@@ -6190,7 +6338,7 @@ function InteractionOverlay({
           strokeDasharray: dashPattern,
           vectorEffect: "non-scaling-stroke"
         }
-      ) : /* @__PURE__ */ jsx(
+      ) : placementPreview.kind === "ellipse" ? /* @__PURE__ */ jsx(
         "ellipse",
         {
           cx: r.x + r.width / 2,
@@ -6203,7 +6351,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(
@@ -6776,6 +6936,7 @@ function cursorForVectorToolId(toolId) {
       return "default";
     case "rect":
     case "ellipse":
+    case "architectural-cloud":
     case "line":
     case "arrow":
       return "crosshair";
@@ -6826,7 +6987,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) {
@@ -6883,6 +7044,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 {
@@ -8786,7 +8950,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,
@@ -9206,6 +9370,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",
@@ -9464,6 +9633,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([
@@ -9780,6 +9955,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