@pixerate/editor-react 0.66.0 → 0.68.0

package/dist/vector/index.d.cts

@@ -1,4 +1,4 @@
-import { VectorEditorController, VectorEditorState, VectorTool, VectorCommandOptions, VectorEditorOptions, VectorRenderGradientAnnotator, VectorPaintDef, VectorRenderNode, VectorWidthPointEdit } from '@pixerate/editor/vector';
+import { VectorEditorController, VectorEditorState, VectorTool, VectorCommandOptions, VectorEditorOptions, VectorRenderFilter, VectorRenderGradientAnnotator, VectorPaintDef, VectorRenderNode, VectorWidthPointEdit } from '@pixerate/editor/vector';
 import React__default from 'react';
 
 /** A `VectorEditorController` created once for the component's lifetime (destroyed on unmount). */
@@ -56,6 +56,10 @@ declare function VectorGradientAnnotator({ annotator: g, accentColor }: {
     annotator: VectorRenderGradientAnnotator;
     accentColor?: string;
 }): React__default.JSX.Element;
+/** SVG `<filter>` elements for `getVectorSceneRenderData(...).filters` (shadows, glows, blurs, feather). */
+declare function VectorFilterDefs({ filters }: {
+    filters: readonly VectorRenderFilter[];
+}): React__default.JSX.Element | null;
 /** Renders scene nodes (paths and groups) from `getVectorSceneRenderData`. */
 declare function VectorSceneNodes({ nodes }: {
     nodes: readonly VectorRenderNode[];
@@ -170,4 +174,17 @@ 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, VectorEnvelopePanel, type VectorEnvelopePanelProps, VectorGradientAnnotator, VectorGradientDefs, VectorGradientEditor, type VectorGradientEditorProps, VectorSceneNodes, VectorStylePanel, type VectorStylePanelProps, VectorToolbar, type VectorToolbarProps, VectorWidthPointEditor, type VectorWidthPointEditorProps, useVectorCommands, useVectorEditor, useVectorEditorController, useVectorEditorState };
+interface VectorAppearancePanelProps {
+    controller: VectorEditorController;
+    className?: string;
+}
+/**
+ * The appearance of the selection: its fill and stroke stacks (listed top first; add, remove,
+ * reorder, show / hide, paint, opacity and blend mode per layer, width and alignment per
+ * stroke), the node blend mode, and for one selected node its filters (drop and inner shadows,
+ * glows, blurs, feather). The pencil on a layer points the gradient editor and tool at it.
+ * Slider drags and typing are one undo step each.
+ */
+declare function VectorAppearancePanel({ controller, className }: VectorAppearancePanelProps): React__default.JSX.Element | null;
+
+export { type UseVectorEditorResult, VectorAppearancePanel, type VectorAppearancePanelProps, VectorCanvas, type VectorCanvasProps, type VectorCommandTarget, VectorEditor, type VectorEditorProps, VectorEffectsPanel, type VectorEffectsPanelProps, VectorEnvelopePanel, type VectorEnvelopePanelProps, VectorFilterDefs, 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

@@ -1,4 +1,4 @@
-import { VectorEditorController, VectorEditorState, VectorTool, VectorCommandOptions, VectorEditorOptions, VectorRenderGradientAnnotator, VectorPaintDef, VectorRenderNode, VectorWidthPointEdit } from '@pixerate/editor/vector';
+import { VectorEditorController, VectorEditorState, VectorTool, VectorCommandOptions, VectorEditorOptions, VectorRenderFilter, VectorRenderGradientAnnotator, VectorPaintDef, VectorRenderNode, VectorWidthPointEdit } from '@pixerate/editor/vector';
 import React__default from 'react';
 
 /** A `VectorEditorController` created once for the component's lifetime (destroyed on unmount). */
@@ -56,6 +56,10 @@ declare function VectorGradientAnnotator({ annotator: g, accentColor }: {
     annotator: VectorRenderGradientAnnotator;
     accentColor?: string;
 }): React__default.JSX.Element;
+/** SVG `<filter>` elements for `getVectorSceneRenderData(...).filters` (shadows, glows, blurs, feather). */
+declare function VectorFilterDefs({ filters }: {
+    filters: readonly VectorRenderFilter[];
+}): React__default.JSX.Element | null;
 /** Renders scene nodes (paths and groups) from `getVectorSceneRenderData`. */
 declare function VectorSceneNodes({ nodes }: {
     nodes: readonly VectorRenderNode[];
@@ -170,4 +174,17 @@ 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, VectorEnvelopePanel, type VectorEnvelopePanelProps, VectorGradientAnnotator, VectorGradientDefs, VectorGradientEditor, type VectorGradientEditorProps, VectorSceneNodes, VectorStylePanel, type VectorStylePanelProps, VectorToolbar, type VectorToolbarProps, VectorWidthPointEditor, type VectorWidthPointEditorProps, useVectorCommands, useVectorEditor, useVectorEditorController, useVectorEditorState };
+interface VectorAppearancePanelProps {
+    controller: VectorEditorController;
+    className?: string;
+}
+/**
+ * The appearance of the selection: its fill and stroke stacks (listed top first; add, remove,
+ * reorder, show / hide, paint, opacity and blend mode per layer, width and alignment per
+ * stroke), the node blend mode, and for one selected node its filters (drop and inner shadows,
+ * glows, blurs, feather). The pencil on a layer points the gradient editor and tool at it.
+ * Slider drags and typing are one undo step each.
+ */
+declare function VectorAppearancePanel({ controller, className }: VectorAppearancePanelProps): React__default.JSX.Element | null;
+
+export { type UseVectorEditorResult, VectorAppearancePanel, type VectorAppearancePanelProps, VectorCanvas, type VectorCanvasProps, type VectorCommandTarget, VectorEditor, type VectorEditorProps, VectorEffectsPanel, type VectorEffectsPanelProps, VectorEnvelopePanel, type VectorEnvelopePanelProps, VectorFilterDefs, VectorGradientAnnotator, VectorGradientDefs, VectorGradientEditor, type VectorGradientEditorProps, VectorSceneNodes, VectorStylePanel, type VectorStylePanelProps, VectorToolbar, type VectorToolbarProps, VectorWidthPointEditor, type VectorWidthPointEditorProps, useVectorCommands, useVectorEditor, useVectorEditorController, useVectorEditorState };