@pixerate/editor-react 0.57.0 → 0.59.0

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

@@ -156,4 +156,29 @@ interface RefineEdgePanelProps {
  */
 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 };
+interface LayersPanelProps {
+    controller: ImageEditorController;
+    /** Thumbnail size in px (default 32). */
+    thumbnailSize?: number;
+    className?: string;
+}
+/**
+ * The layer stack, top first: visibility, thumbnails, names (double-click to rename), locks,
+ * mask thumbnails (click to paint the mask, Shift-click to disable it), drag to reorder or drop
+ * into a group, opacity / fill / blend / clipping for the active layer, and the layer menu
+ * (right-click a row, or the ⋯ button). Every action is one undo step on the controller.
+ */
+declare const LayersPanel: React__default.FC<LayersPanelProps>;
+
+interface BrushOptionsBarProps {
+    controller: ImageEditorController;
+    className?: string;
+}
+/**
+ * The paint tools: Move / Brush / Eraser, the brush's size, hardness, opacity, flow and smoothing,
+ * pressure toggles, the foreground and background colours (D resets, X swaps) and Edit › Fill /
+ * Clear on the active layer. Shortcuts are handled by `handlePaintShortcut` in the editor.
+ */
+declare const BrushOptionsBar: React__default.FC<BrushOptionsBarProps>;
+
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

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

@@ -156,4 +156,29 @@ interface RefineEdgePanelProps {
  */
 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 };
+interface LayersPanelProps {
+    controller: ImageEditorController;
+    /** Thumbnail size in px (default 32). */
+    thumbnailSize?: number;
+    className?: string;
+}
+/**
+ * The layer stack, top first: visibility, thumbnails, names (double-click to rename), locks,
+ * mask thumbnails (click to paint the mask, Shift-click to disable it), drag to reorder or drop
+ * into a group, opacity / fill / blend / clipping for the active layer, and the layer menu
+ * (right-click a row, or the ⋯ button). Every action is one undo step on the controller.
+ */
+declare const LayersPanel: React__default.FC<LayersPanelProps>;
+
+interface BrushOptionsBarProps {
+    controller: ImageEditorController;
+    className?: string;
+}
+/**
+ * The paint tools: Move / Brush / Eraser, the brush's size, hardness, opacity, flow and smoothing,
+ * pressure toggles, the foreground and background colours (D resets, X swaps) and Edit › Fill /
+ * Clear on the active layer. Shortcuts are handled by `handlePaintShortcut` in the editor.
+ */
+declare const BrushOptionsBar: React__default.FC<BrushOptionsBarProps>;
+
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

package/dist/image-editor/index.js

@@ -1,20 +1,24 @@
 import {
   AdjustmentLayersPanel,
+  BrushOptionsBar,
   ControlSlider,
   CurvesEditor,
   Histogram,
   ImageEditor,
+  LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,
   useImageEditor,
   useImageHistogram
-} from "../chunk-ZU54BMDC.js";
+} from "../chunk-SYTV33TW.js";
 export {
   AdjustmentLayersPanel,
+  BrushOptionsBar,
   ControlSlider,
   CurvesEditor,
   Histogram,
   ImageEditor,
+  LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,
   useImageEditor,