vibrant-tool 0.1.9 → 0.1.10

package/dist/lib/hooks/useKeyboardEvents.d.ts

@@ -1,2 +1,2 @@
 import { Canvas } from 'fabric';
-export declare function useKeyboardEvents(canvas: Canvas | null): void;
+export declare function useKeyboardEvents(canvasParam?: Canvas | null): void;

package/dist/lib/services/crop-image.service.d.ts

@@ -6,6 +6,7 @@ declare class CropService {
     private darkOverlay;
     private focusedImage;
     private cropZone;
+    private maskPath;
     private onEnd;
     init(canvas: Canvas): void;
     start(image: FabricImage, onEnd?: () => void): Promise<void>;

package/dist/lib/utils/background-utils.d.ts

@@ -1,4 +1,5 @@
 import { FabricImage, FabricObject } from 'fabric';
 export declare const isImage: (obj: FabricObject) => obj is FabricImage;
+export declare function flushBackgroundSave(): void;
 export declare function addBackgroundImage(url: string): Promise<void>;
-export declare function addBackgroundColor(color: string | any): Promise<void>;
+export declare function addBackgroundColor(color: string | any, immediate?: boolean): Promise<void>;

package/dist/lib/utils/grid-manager.d.ts

@@ -0,0 +1,4 @@
+import { Canvas } from 'fabric';
+export declare function getGridStep(width: number, height: number): number;
+export declare function renderGrid(canvas: Canvas | null): void;
+export declare function toggleGrid(canvas?: Canvas | null): void;

package/dist/modules/icons/gridicon/index.d.ts

@@ -0,0 +1,4 @@
+export declare function GridIcon({ size, className }: {
+    size?: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/modules/toolbar/text-toolbar/index.d.ts

@@ -7,5 +7,9 @@ export declare function TextAlignButton({ value, onChange }: {
     value: TextAlign;
     onChange: (v: TextAlign) => void;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function TextAlignGroup({ value, onChange }: {
+    value: TextAlign;
+    onChange: (v: TextAlign) => void;
+}): import("react/jsx-runtime").JSX.Element;
 export default function TextToolbar(): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/vibrant-tool.css

@@ -78,6 +78,7 @@
     --color-red-500: oklch(63.7% .237 25.331);
     --color-red-700: oklch(50.5% .213 27.518);
     --color-yellow-400: oklch(85.2% .199 91.936);
+    --color-green-200: oklch(92.5% .084 155.995);
     --color-green-600: oklch(62.7% .194 149.214);
     --color-green-700: oklch(52.7% .154 150.069);
     --color-emerald-50: oklch(97.9% .021 166.113);
@@ -98,7 +99,6 @@
     --color-sky-200: oklch(90.1% .058 230.902);
     --color-sky-500: oklch(68.5% .169 237.323);
     --color-sky-900: oklch(39.1% .09 240.876);
-    --color-blue-200: oklch(88.2% .059 254.128);
     --color-blue-400: oklch(70.7% .165 254.624);
     --color-blue-500: oklch(62.3% .214 259.815);
     --color-blue-600: oklch(54.6% .245 262.881);
@@ -1275,6 +1275,10 @@
     justify-content: flex-end;
   }
 
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * .5);
+  }
+
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1928,6 +1932,10 @@
     background-color: var(--color-neutral-200);
   }
 
+  .bg-neutral-600 {
+    background-color: var(--color-neutral-600);
+  }
+
   .bg-neutral-700 {
     background-color: var(--color-neutral-700);
   }
@@ -2744,16 +2752,6 @@
     }
   }
 
-  .shadow-blue-200 {
-    --tw-shadow-color: oklch(88.2% .059 254.128);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .shadow-blue-200 {
-      --tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent);
-    }
-  }
-
   .shadow-emerald-200\/50 {
     --tw-shadow-color: #a4f4cf80;
   }
@@ -2784,6 +2782,16 @@
     }
   }
 
+  .shadow-green-200 {
+    --tw-shadow-color: oklch(92.5% .084 155.995);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-green-200 {
+      --tw-shadow-color: color-mix(in oklab, var(--color-green-200) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
   .ring-\[\#02bc71\] {
     --tw-ring-color: #02bc71;
   }