vibrant-tool 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/lib/services/template-design.service.d.ts +2 -0
  2. package/dist/lib/types/shape.types.d.ts +1 -0
  3. package/dist/lib/utils/background-utils.d.ts +1 -1
  4. package/dist/lib/utils/canvas-setup.d.ts +4 -1
  5. package/dist/lib/utils/color-apply.utils.d.ts +4 -0
  6. package/dist/lib/utils/downloadCanvas.d.ts +3 -0
  7. package/dist/lib/utils/export/export-download.utils.d.ts +2 -0
  8. package/dist/lib/utils/export/export-pdf.utils.d.ts +27 -0
  9. package/dist/lib/utils/export/export-svg.utils.d.ts +9 -0
  10. package/dist/lib/utils/export/export-watermark.utils.d.ts +6 -0
  11. package/dist/lib/utils/fabric-helper.d.ts +3 -3
  12. package/dist/lib/utils/font-utils.d.ts +27 -0
  13. package/dist/lib/utils/mockup-generator.d.ts +87 -0
  14. package/dist/lib/utils/navigation-utils.d.ts +5 -0
  15. package/dist/lib/utils/overlay-manager.d.ts +1 -1
  16. package/dist/lib/utils/shape.utils.d.ts +51 -0
  17. package/dist/modules/components/color-picker/AlphaSlider.d.ts +9 -0
  18. package/dist/modules/components/color-picker/BrandPalettesSection.d.ts +9 -0
  19. package/dist/modules/components/color-picker/CMYKColorPicker.d.ts +9 -0
  20. package/dist/modules/components/color-picker/CMYKPopoverContent.d.ts +24 -0
  21. package/dist/modules/components/color-picker/CustomColorCard.d.ts +19 -0
  22. package/dist/modules/components/color-picker/DocumentColorsSection.d.ts +7 -0
  23. package/dist/modules/components/color-picker/GradientColorCard.d.ts +33 -0
  24. package/dist/modules/components/color-picker/HueSlider.d.ts +10 -0
  25. package/dist/modules/components/color-picker/ObjectColorsSection.d.ts +7 -0
  26. package/dist/modules/components/color-picker/PresetColorsSection.d.ts +7 -0
  27. package/dist/modules/components/color-picker/SVBox.d.ts +10 -0
  28. package/dist/modules/components/color-picker/index.d.ts +21 -8
  29. package/dist/modules/components/color-picker/useCMYKPickerState.d.ts +53 -0
  30. package/dist/modules/components/color-picker/useColorPanelState.d.ts +64 -0
  31. package/dist/modules/components/color-picker/useGradientState.d.ts +42 -0
  32. package/dist/modules/components/color-picker/usePaletteData.d.ts +7 -0
  33. package/dist/modules/components/color-picker/useSolidColorState.d.ts +20 -0
  34. package/dist/modules/topbar/template-mockup-modal.d.ts +7 -0
  35. package/dist/vibrant-tool.css +336 -23
  36. package/dist/vibrant-tool.es.js +3758 -1501
  37. package/dist/vibrant-tool.umd.js +3758 -1501
  38. package/dist/zustand/editorStore.d.ts +2 -0
  39. package/dist/zustand/loaderStore.d.ts +3 -2
  40. package/package.json +1 -1
@@ -0,0 +1,42 @@
1
+ import { Canvas, FabricObject } from 'fabric';
2
+ import { CMYKColor } from '../../../lib/types/color.types';
3
+ export declare function useGradientState(targets: FabricObject[], canvas: Canvas | null): {
4
+ gradientType: "linear" | "radial";
5
+ setGradientType: import('react').Dispatch<import('react').SetStateAction<"linear" | "radial">>;
6
+ gradColorMode: "HEX" | "CMYK";
7
+ setGradColorMode: import('react').Dispatch<import('react').SetStateAction<"HEX" | "CMYK">>;
8
+ gradColor1: string;
9
+ setGradColor1: import('react').Dispatch<import('react').SetStateAction<string>>;
10
+ gradColor2: string;
11
+ setGradColor2: import('react').Dispatch<import('react').SetStateAction<string>>;
12
+ gradColor1Cmyk: CMYKColor;
13
+ setGradColor1Cmyk: import('react').Dispatch<import('react').SetStateAction<CMYKColor>>;
14
+ gradColor2Cmyk: CMYKColor;
15
+ setGradColor2Cmyk: import('react').Dispatch<import('react').SetStateAction<CMYKColor>>;
16
+ activeGradColorSlot: 1 | 2;
17
+ setActiveGradColorSlot: import('react').Dispatch<import('react').SetStateAction<1 | 2>>;
18
+ gradX1: number;
19
+ setGradX1: import('react').Dispatch<import('react').SetStateAction<number>>;
20
+ gradX2: number;
21
+ setGradX2: import('react').Dispatch<import('react').SetStateAction<number>>;
22
+ gradY1: number;
23
+ setGradY1: import('react').Dispatch<import('react').SetStateAction<number>>;
24
+ gradY2: number;
25
+ setGradY2: import('react').Dispatch<import('react').SetStateAction<number>>;
26
+ gradR1: number;
27
+ setGradR1: import('react').Dispatch<import('react').SetStateAction<number>>;
28
+ gradR2: number;
29
+ setGradR2: import('react').Dispatch<import('react').SetStateAction<number>>;
30
+ applyGradient: (params?: {
31
+ type?: "linear" | "radial";
32
+ c1?: string;
33
+ c2?: string;
34
+ x1?: number;
35
+ x2?: number;
36
+ y1?: number;
37
+ y2?: number;
38
+ r1?: number;
39
+ r2?: number;
40
+ }) => void;
41
+ updateGradCmyk: (key: keyof CMYKColor, val: number) => void;
42
+ };
@@ -0,0 +1,7 @@
1
+ import { Canvas, FabricObject } from 'fabric';
2
+ import { ColorItem } from '../../../lib/types/color.types';
3
+ export declare function usePaletteData(canvas: Canvas | null, objects: FabricObject[]): {
4
+ documentColors: string[];
5
+ groupedDbColors: Map<string, ColorItem[]>;
6
+ isLoadingColors: boolean;
7
+ };
@@ -0,0 +1,20 @@
1
+ import { Canvas, FabricObject } from 'fabric';
2
+ import { CMYKColor, HSVColor } from '../../../lib/types/color.types';
3
+ export declare function useSolidColorState(targets: FabricObject[], canvas: Canvas | null): {
4
+ objectColors: string[];
5
+ currentColor: string;
6
+ currentCmyk: CMYKColor;
7
+ hsv: HSVColor;
8
+ alpha: number;
9
+ colorMode: "HEX" | "CMYK";
10
+ copied: boolean;
11
+ setAlpha: import('react').Dispatch<import('react').SetStateAction<number>>;
12
+ setColorMode: import('react').Dispatch<import('react').SetStateAction<"HEX" | "CMYK">>;
13
+ applyColor: (newHex: string, cmykVal?: CMYKColor, opacityVal?: number) => void;
14
+ updateFromHsv: (newHsv: HSVColor) => void;
15
+ updateFromCmyk: (newCmyk: CMYKColor) => void;
16
+ updateFromHex: (inputHex: string) => void;
17
+ handleSelectObjectColor: (hex: string, idx: number) => void;
18
+ handleCopyHex: () => void;
19
+ handleEyeDropper: () => Promise<void>;
20
+ };
@@ -0,0 +1,7 @@
1
+ interface TemplateMockupModalProps {
2
+ templateId: string;
3
+ onClose: () => void;
4
+ onSuccess?: (imageUrl: string) => void;
5
+ }
6
+ export default function TemplateMockupModal({ templateId, onClose, onSuccess, }: TemplateMockupModalProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};