@pixerate/editor-react 0.16.0 → 0.17.0

package/dist/image-editor/index.d.cts

@@ -1,4 +1,4 @@
-import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer } from '@pixerate/editor/image-editor';
+import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer, SelectionToolOptions, SelectionMask } from '@pixerate/editor/image-editor';
 import React__default from 'react';
 
 interface UseImageEditorReturn {
@@ -124,4 +124,36 @@ interface AdjustmentLayersPanelProps {
  */
 declare const AdjustmentLayersPanel: React__default.FC<AdjustmentLayersPanelProps>;
 
-export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };
+interface SelectionOptionsBarProps {
+    controller: ImageEditorController;
+    options: SelectionToolOptions;
+    onOptionsChange: (next: SelectionToolOptions) => void;
+    /** The current selection (pass `state.selection` so the bar re-renders with it). */
+    selection?: SelectionMask | null;
+    /** The current Quick Mask view flag (`state.quickMask`). */
+    quickMask?: boolean;
+    className?: string;
+}
+/**
+ * Options bar of the selection tools: tool, mode (new / add / subtract / intersect), magic wand
+ * tolerance and contiguous, anti-alias, sample merged, Select › All / Deselect / Inverse,
+ * Modify (grow, shrink, feather, border, smooth) and the Quick Mask toggle.
+ */
+declare const SelectionOptionsBar: React__default.FC<SelectionOptionsBarProps>;
+
+interface RefineEdgePanelProps {
+    controller: ImageEditorController;
+    /** The current selection (`state.selection`), so the panel re-renders with it. */
+    selection?: SelectionMask | null;
+    /** The adjustment layers (`state.adjustments.layers`), for the mask actions. */
+    layers?: AdjustmentLayer[];
+    className?: string;
+}
+/**
+ * Refine Edge (snap the selection, e.g. a coarse AI mask, to the image's edges) and layer masks:
+ * use the selection as an adjustment layer's mask, edit mask density and feather, load a mask
+ * back as a selection.
+ */
+declare const RefineEdgePanel: React__default.FC<RefineEdgePanelProps>;
+
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

package/dist/image-editor/index.d.ts

@@ -1,4 +1,4 @@
-import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer } from '@pixerate/editor/image-editor';
+import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer, SelectionToolOptions, SelectionMask } from '@pixerate/editor/image-editor';
 import React__default from 'react';
 
 interface UseImageEditorReturn {
@@ -124,4 +124,36 @@ interface AdjustmentLayersPanelProps {
  */
 declare const AdjustmentLayersPanel: React__default.FC<AdjustmentLayersPanelProps>;
 
-export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };
+interface SelectionOptionsBarProps {
+    controller: ImageEditorController;
+    options: SelectionToolOptions;
+    onOptionsChange: (next: SelectionToolOptions) => void;
+    /** The current selection (pass `state.selection` so the bar re-renders with it). */
+    selection?: SelectionMask | null;
+    /** The current Quick Mask view flag (`state.quickMask`). */
+    quickMask?: boolean;
+    className?: string;
+}
+/**
+ * Options bar of the selection tools: tool, mode (new / add / subtract / intersect), magic wand
+ * tolerance and contiguous, anti-alias, sample merged, Select › All / Deselect / Inverse,
+ * Modify (grow, shrink, feather, border, smooth) and the Quick Mask toggle.
+ */
+declare const SelectionOptionsBar: React__default.FC<SelectionOptionsBarProps>;
+
+interface RefineEdgePanelProps {
+    controller: ImageEditorController;
+    /** The current selection (`state.selection`), so the panel re-renders with it. */
+    selection?: SelectionMask | null;
+    /** The adjustment layers (`state.adjustments.layers`), for the mask actions. */
+    layers?: AdjustmentLayer[];
+    className?: string;
+}
+/**
+ * Refine Edge (snap the selection, e.g. a coarse AI mask, to the image's edges) and layer masks:
+ * use the selection as an adjustment layer's mask, edit mask density and feather, load a mask
+ * back as a selection.
+ */
+declare const RefineEdgePanel: React__default.FC<RefineEdgePanelProps>;
+
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

package/dist/image-editor/index.js

@@ -4,15 +4,19 @@ import {
   CurvesEditor,
   Histogram,
   ImageEditor,
+  RefineEdgePanel,
+  SelectionOptionsBar,
   useImageEditor,
   useImageHistogram
-} from "../chunk-XTFR3IMK.js";
+} from "../chunk-ZU54BMDC.js";
 export {
   AdjustmentLayersPanel,
   ControlSlider,
   CurvesEditor,
   Histogram,
   ImageEditor,
+  RefineEdgePanel,
+  SelectionOptionsBar,
   useImageEditor,
   useImageHistogram
 };