@snowcone-app/canvas 0.32.0 → 0.33.0

package/dist/advanced.mjs

@@ -1,10 +1,10 @@
 import { D as te, T as M, i as D, B as re, I as q, j as I, k as ne, e as se } from "./useCommands-DwnZHUg8.js";
 import { l as at, L as it, M as ct, m as lt, S as dt, n as ut, s as mt, o as ft } from "./useCommands-DwnZHUg8.js";
-import { r as oe, v as ae } from "./validation-DyUOjRGa.js";
-import { a as pt, b as xt, c as gt, d as bt, D as yt, e as vt, f as wt, G as St, K as Ct, g as Tt, L as Et, S as $t, T as kt, Z as At, h as Ft, i as Pt, j as Nt, k as Rt, l as Bt, m as Mt, n as Dt, u as It, o as zt, p as Ot } from "./validation-DyUOjRGa.js";
+import { r as oe, v as ae } from "./validation-CSa86fDE.js";
+import { a as pt, b as xt, c as gt, d as bt, D as yt, e as vt, f as wt, G as St, K as Ct, g as Tt, L as Et, S as $t, T as kt, Z as At, h as Ft, i as Pt, j as Nt, k as Rt, l as Bt, m as Mt, n as Dt, u as It, o as zt, p as Ot } from "./validation-CSa86fDE.js";
 import { ImagePanel as Wt } from "./ImagePanel-ntJBepby.js";
-import { P as ie, a as ce, b as le } from "./ContextualToolbars-BKU8IoAM.js";
-import { A as Gt, B as _t, c as Ut, C as jt, d as Jt, e as qt, F as Zt, f as Vt, I as Xt, g as Yt, M as Ht, h as Qt, S as er, T as tr, i as rr, j as nr, k as sr, U as or, l as ar, u as ir, m as cr } from "./ContextualToolbars-BKU8IoAM.js";
+import { P as ie, a as ce, b as le } from "./ContextualToolbars-CLDFENZq.js";
+import { A as Gt, B as _t, c as Ut, C as jt, d as Jt, e as qt, F as Zt, f as Vt, I as Xt, g as Yt, M as Ht, h as Qt, S as er, T as tr, i as rr, j as nr, k as sr, U as or, l as ar, u as ir, m as cr } from "./ContextualToolbars-CLDFENZq.js";
 import { u as Z } from "./design-builder-BpbYUYtK.js";
 import { E as dr, P as ur, p as mr, b as fr, c as hr, e as pr, f as xr, g as gr, h as br, a as yr } from "./design-builder-BpbYUYtK.js";
 import { T as wr, u as Sr } from "./ThemeContext-Rjz25x9X.js";

package/dist/components/toolbars/EmbeddedToolbarLayout.d.ts

@@ -12,6 +12,7 @@ export interface EmbeddedToolbarLayoutProps {
     transitionHeight: number | null;
     /** Empty state message content */
     emptyStateContent: React.ReactNode;
+    isAlignPanelOpen: boolean;
     isCornerRadiusPanelOpen: boolean;
     isCropPanelOpen: boolean;
     isRotationPanelOpen: boolean;
@@ -31,6 +32,7 @@ export interface EmbeddedToolbarLayoutProps {
     isKnockoutPanelOpen: boolean;
     isDistressTexturePanelOpen: boolean;
     isImageMaskPanelOpen: boolean;
+    alignPanel: React.ReactNode;
     cornerRadiusPanel: React.ReactNode;
     cropPanelContent: React.ReactNode;
     rotationPanel: React.ReactNode;

package/dist/components/toolbars/FloatingPanels.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { ImageElement } from '../../core/ImageElement.js';
+import { AlignMode } from '../../utils/alignDistribute.js';
 export interface FloatingCornerRadiusPanelProps {
     toolbarPosition: {
         top: number;
@@ -11,6 +12,15 @@ export interface FloatingCornerRadiusPanelProps {
     onChange: (value: number) => void;
 }
 export declare const FloatingCornerRadiusPanel: React.FC<FloatingCornerRadiusPanelProps>;
+export interface FloatingAlignPanelProps {
+    toolbarPosition: {
+        top: number;
+        left: number;
+    };
+    toolbarHeight: number;
+    onAlign: (mode: AlignMode) => void;
+}
+export declare const FloatingAlignPanel: React.FC<FloatingAlignPanelProps>;
 export interface FloatingCropPanelProps {
     toolbarPosition: {
         top: number;

package/dist/components/toolbars/SecondaryPanels.d.ts

@@ -1,11 +1,24 @@
 import { default as React } from 'react';
 import { ImageElement } from '../../core/ImageElement.js';
 import { StrokeConfig, CompositingScope, ImageAdjustments, ShapeFill, ShadowConfig, StandardBlendMode } from '../../types/index.js';
+import { AlignMode } from '../../utils/alignDistribute.js';
 export interface CornerRadiusPanelProps {
     value: number;
     onChange: (value: number) => void;
 }
 export declare const CornerRadiusPanel: React.FC<CornerRadiusPanelProps>;
+export interface AlignPanelProps {
+    /** Apply one alignment command. For a single selection
+     *  `useAlignDistribute` aligns relative to the active artboard. */
+    onAlign: (mode: AlignMode) => void;
+}
+/**
+ * Position panel for a SINGLE selected element — the six align commands,
+ * relative to the artboard ("center on artboard"). Multi-selections get the
+ * same buttons inline in `MultiSelectionToolbar`, relative to the selection
+ * bbox; both surfaces share `ALIGN_BUTTONS` so they cannot drift.
+ */
+export declare const AlignPanel: React.FC<AlignPanelProps>;
 export interface RotationPanelProps {
     value: number;
     onChange: (value: number) => void;

package/dist/components/toolbars/alignButtons.d.ts

@@ -0,0 +1,13 @@
+import { AlignMode, DistributeMode } from '../../utils/alignDistribute.js';
+export interface AlignButtonDef {
+    mode: AlignMode;
+    icon: string;
+    label: string;
+}
+export interface DistributeButtonDef {
+    mode: DistributeMode;
+    icon: string;
+    label: string;
+}
+export declare const ALIGN_BUTTONS: readonly AlignButtonDef[];
+export declare const DISTRIBUTE_BUTTONS: readonly DistributeButtonDef[];

package/dist/components/toolbars/index.d.ts

@@ -5,13 +5,15 @@
  */
 export { GroupElementToolbar } from './GroupElementToolbar.js';
 export type { GroupElementToolbarProps } from './GroupElementToolbar.js';
-export { CornerRadiusPanel, RotationPanel, OpacityPanel, AdjustPanel, FontSizePanel, ShapeCornerRadiusPanel, ShapeTransparencyPanel, ShapeSidesPanel, ShapePointsPanel, ShapeInnerRadiusPanel, ShapeColorPanel, TextColorPanel, CompositingPanel, KnockoutPanel, StrokePanel, ShadowPanel, BlendModePanel, CropPanelContent, DistressTexturePanel, ImageMaskPanel, } from './SecondaryPanels.js';
-export type { CompositingMode, AdjustPanelProps, StrokePanelProps, ShadowPanelProps, BlendModePanelProps, DistressTexturePanelProps, ImageMaskPanelProps, } from './SecondaryPanels.js';
+export { AlignPanel, CornerRadiusPanel, RotationPanel, OpacityPanel, AdjustPanel, FontSizePanel, ShapeCornerRadiusPanel, ShapeTransparencyPanel, ShapeSidesPanel, ShapePointsPanel, ShapeInnerRadiusPanel, ShapeColorPanel, TextColorPanel, CompositingPanel, KnockoutPanel, StrokePanel, ShadowPanel, BlendModePanel, CropPanelContent, DistressTexturePanel, ImageMaskPanel, } from './SecondaryPanels.js';
+export type { CompositingMode, AlignPanelProps, AdjustPanelProps, StrokePanelProps, ShadowPanelProps, BlendModePanelProps, DistressTexturePanelProps, ImageMaskPanelProps, } from './SecondaryPanels.js';
 export { ExpandedPanelIcon } from './ExpandedPanelIcon.js';
 export type { ExpandedPanelIconProps } from './ExpandedPanelIcon.js';
 export { EmbeddedToolbarLayout } from './EmbeddedToolbarLayout.js';
 export type { EmbeddedToolbarLayoutProps } from './EmbeddedToolbarLayout.js';
-export { FloatingCornerRadiusPanel, FloatingCropPanel } from './FloatingPanels.js';
+export { FloatingAlignPanel, FloatingCornerRadiusPanel, FloatingCropPanel } from './FloatingPanels.js';
+export { ALIGN_BUTTONS, DISTRIBUTE_BUTTONS } from './alignButtons.js';
+export type { AlignButtonDef, DistributeButtonDef } from './alignButtons.js';
 export { SecondaryPanelWrapper } from './shared/SecondaryPanelWrapper.js';
 export type { SecondaryPanelWrapperProps } from './shared/SecondaryPanelWrapper.js';
 export { ColorPanelWrapper } from './shared/ColorPanelWrapper.js';

package/dist/{embed-C69x0jHc.js → embed-VTcnrkRj.js}

@@ -460,7 +460,7 @@ function Ie(t) {
   // wrapper, which had no DOM at all, stays layout-identical).
   /* @__PURE__ */ l("div", { className: "sc-root", style: { display: "contents" }, "data-sc-part": "root", children: /* @__PURE__ */ l(vt, { reportedError: c, onRetry: () => u(null), children: /* @__PURE__ */ l(bt, { ...t, internals: a, recordAudit: b }) }) });
 }
-let wt = () => import("./EditorCanvasImpl-4voOsj2k.js").then((t) => t.EditorCanvasImpl);
+let wt = () => import("./EditorCanvasImpl-XP_t-tNl.js").then((t) => t.EditorCanvasImpl);
 function Oe() {
   return wt();
 }
@@ -935,7 +935,7 @@ function Lt({
   return $(() => {
     if (!s) return;
     let u = !1;
-    return import("./ContextualToolbars-BKU8IoAM.js").then((a) => a.s).then(
+    return import("./ContextualToolbars-CLDFENZq.js").then((a) => a.s).then(
       (a) => {
         u || c(() => a.ContextualToolbars);
       },
@@ -1583,4 +1583,4 @@ export {
   K as u,
   ft as v
 };
-//# sourceMappingURL=embed-C69x0jHc.js.map
+//# sourceMappingURL=embed-VTcnrkRj.js.map