@pixerate/editor-react 0.33.0 → 0.35.0

package/dist/vector/index.d.cts

@@ -104,16 +104,18 @@ interface VectorToolbarProps {
      * spine, Replace Spine, Expand and Release (default `true`).
      */
     showBlend?: boolean;
+    /** The Free Distort toggle of the selection box (default `true`). */
+    showDistort?: boolean;
     className?: string;
 }
 /** Tool picker plus undo, snapping, boolean operations, grouping, stacking and alignment. */
-declare function VectorToolbar({ controller, tools, showHistory, showArrange, showSnap, showPathEdit, showBlend, className, }: VectorToolbarProps): React__default.JSX.Element;
+declare function VectorToolbar({ controller, tools, showHistory, showArrange, showSnap, showPathEdit, showBlend, showDistort, className, }: VectorToolbarProps): React__default.JSX.Element;
 interface VectorStylePanelProps {
     controller: VectorEditorController;
     className?: string;
 }
 /**
- * Fill, stroke and their gradients (`VectorGradientEditor`), stroke width, alignment and width profile, arrowheads, live corner radius, opacity and path effects (`VectorEffectsPanel`) of the
+ * Fill, stroke and their gradients (`VectorGradientEditor`), stroke width, alignment and width profile, arrowheads, live corner radius, opacity, path effects (`VectorEffectsPanel`) and envelope (`VectorEnvelopePanel`) of the
  * selection (corners of the selected points with the direct tool); with nothing selected it
  * edits the defaults for new shapes.
  */
@@ -131,6 +133,18 @@ interface VectorEffectsPanelProps {
  */
 declare function VectorEffectsPanel({ controller, className }: VectorEffectsPanelProps): React__default.JSX.Element | null;
 
+interface VectorEnvelopePanelProps {
+    controller: VectorEditorController;
+    className?: string;
+}
+/**
+ * Envelope distortion of the selection: Make with Warp, Mesh or Top Object, and for one selected
+ * object with an envelope its warp preset, bend, horizontal and vertical distortion, orientation and
+ * mesh rows and columns, plus Release and Expand. Edit the mesh on the canvas with the Envelope
+ * tool. Slider drags are one undo step each.
+ */
+declare function VectorEnvelopePanel({ controller, className }: VectorEnvelopePanelProps): React__default.JSX.Element | null;
+
 interface VectorEditorProps {
     controller: VectorEditorController;
     /** Tools in the toolbar (default: all). */
@@ -156,4 +170,4 @@ interface VectorGradientEditorProps {
  */
 declare function VectorGradientEditor({ controller, className }: VectorGradientEditorProps): React__default.JSX.Element | null;
 
-export { type UseVectorEditorResult, VectorCanvas, type VectorCanvasProps, type VectorCommandTarget, VectorEditor, type VectorEditorProps, VectorEffectsPanel, type VectorEffectsPanelProps, VectorGradientAnnotator, VectorGradientDefs, VectorGradientEditor, type VectorGradientEditorProps, VectorSceneNodes, VectorStylePanel, type VectorStylePanelProps, VectorToolbar, type VectorToolbarProps, VectorWidthPointEditor, type VectorWidthPointEditorProps, useVectorCommands, useVectorEditor, useVectorEditorController, useVectorEditorState };
+export { type UseVectorEditorResult, VectorCanvas, type VectorCanvasProps, type VectorCommandTarget, VectorEditor, type VectorEditorProps, VectorEffectsPanel, type VectorEffectsPanelProps, VectorEnvelopePanel, type VectorEnvelopePanelProps, VectorGradientAnnotator, VectorGradientDefs, VectorGradientEditor, type VectorGradientEditorProps, VectorSceneNodes, VectorStylePanel, type VectorStylePanelProps, VectorToolbar, type VectorToolbarProps, VectorWidthPointEditor, type VectorWidthPointEditorProps, useVectorCommands, useVectorEditor, useVectorEditorController, useVectorEditorState };

package/dist/vector/index.d.ts

@@ -104,16 +104,18 @@ interface VectorToolbarProps {
      * spine, Replace Spine, Expand and Release (default `true`).
      */
     showBlend?: boolean;
+    /** The Free Distort toggle of the selection box (default `true`). */
+    showDistort?: boolean;
     className?: string;
 }
 /** Tool picker plus undo, snapping, boolean operations, grouping, stacking and alignment. */
-declare function VectorToolbar({ controller, tools, showHistory, showArrange, showSnap, showPathEdit, showBlend, className, }: VectorToolbarProps): React__default.JSX.Element;
+declare function VectorToolbar({ controller, tools, showHistory, showArrange, showSnap, showPathEdit, showBlend, showDistort, className, }: VectorToolbarProps): React__default.JSX.Element;
 interface VectorStylePanelProps {
     controller: VectorEditorController;
     className?: string;
 }
 /**
- * Fill, stroke and their gradients (`VectorGradientEditor`), stroke width, alignment and width profile, arrowheads, live corner radius, opacity and path effects (`VectorEffectsPanel`) of the
+ * Fill, stroke and their gradients (`VectorGradientEditor`), stroke width, alignment and width profile, arrowheads, live corner radius, opacity, path effects (`VectorEffectsPanel`) and envelope (`VectorEnvelopePanel`) of the
  * selection (corners of the selected points with the direct tool); with nothing selected it
  * edits the defaults for new shapes.
  */
@@ -131,6 +133,18 @@ interface VectorEffectsPanelProps {
  */
 declare function VectorEffectsPanel({ controller, className }: VectorEffectsPanelProps): React__default.JSX.Element | null;
 
+interface VectorEnvelopePanelProps {
+    controller: VectorEditorController;
+    className?: string;
+}
+/**
+ * Envelope distortion of the selection: Make with Warp, Mesh or Top Object, and for one selected
+ * object with an envelope its warp preset, bend, horizontal and vertical distortion, orientation and
+ * mesh rows and columns, plus Release and Expand. Edit the mesh on the canvas with the Envelope
+ * tool. Slider drags are one undo step each.
+ */
+declare function VectorEnvelopePanel({ controller, className }: VectorEnvelopePanelProps): React__default.JSX.Element | null;
+
 interface VectorEditorProps {
     controller: VectorEditorController;
     /** Tools in the toolbar (default: all). */
@@ -156,4 +170,4 @@ interface VectorGradientEditorProps {
  */
 declare function VectorGradientEditor({ controller, className }: VectorGradientEditorProps): React__default.JSX.Element | null;
 
-export { type UseVectorEditorResult, VectorCanvas, type VectorCanvasProps, type VectorCommandTarget, VectorEditor, type VectorEditorProps, VectorEffectsPanel, type VectorEffectsPanelProps, VectorGradientAnnotator, VectorGradientDefs, VectorGradientEditor, type VectorGradientEditorProps, VectorSceneNodes, VectorStylePanel, type VectorStylePanelProps, VectorToolbar, type VectorToolbarProps, VectorWidthPointEditor, type VectorWidthPointEditorProps, useVectorCommands, useVectorEditor, useVectorEditorController, useVectorEditorState };
+export { type UseVectorEditorResult, VectorCanvas, type VectorCanvasProps, type VectorCommandTarget, VectorEditor, type VectorEditorProps, VectorEffectsPanel, type VectorEffectsPanelProps, VectorEnvelopePanel, type VectorEnvelopePanelProps, VectorGradientAnnotator, VectorGradientDefs, VectorGradientEditor, type VectorGradientEditorProps, VectorSceneNodes, VectorStylePanel, type VectorStylePanelProps, VectorToolbar, type VectorToolbarProps, VectorWidthPointEditor, type VectorWidthPointEditorProps, useVectorCommands, useVectorEditor, useVectorEditorController, useVectorEditorState };