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.
- package/dist/lib/services/template-design.service.d.ts +2 -0
- package/dist/lib/types/shape.types.d.ts +1 -0
- package/dist/lib/utils/background-utils.d.ts +1 -1
- package/dist/lib/utils/canvas-setup.d.ts +4 -1
- package/dist/lib/utils/color-apply.utils.d.ts +4 -0
- package/dist/lib/utils/downloadCanvas.d.ts +3 -0
- package/dist/lib/utils/export/export-download.utils.d.ts +2 -0
- package/dist/lib/utils/export/export-pdf.utils.d.ts +27 -0
- package/dist/lib/utils/export/export-svg.utils.d.ts +9 -0
- package/dist/lib/utils/export/export-watermark.utils.d.ts +6 -0
- package/dist/lib/utils/fabric-helper.d.ts +3 -3
- package/dist/lib/utils/font-utils.d.ts +27 -0
- package/dist/lib/utils/mockup-generator.d.ts +87 -0
- package/dist/lib/utils/navigation-utils.d.ts +5 -0
- package/dist/lib/utils/overlay-manager.d.ts +1 -1
- package/dist/lib/utils/shape.utils.d.ts +51 -0
- package/dist/modules/components/color-picker/AlphaSlider.d.ts +9 -0
- package/dist/modules/components/color-picker/BrandPalettesSection.d.ts +9 -0
- package/dist/modules/components/color-picker/CMYKColorPicker.d.ts +9 -0
- package/dist/modules/components/color-picker/CMYKPopoverContent.d.ts +24 -0
- package/dist/modules/components/color-picker/CustomColorCard.d.ts +19 -0
- package/dist/modules/components/color-picker/DocumentColorsSection.d.ts +7 -0
- package/dist/modules/components/color-picker/GradientColorCard.d.ts +33 -0
- package/dist/modules/components/color-picker/HueSlider.d.ts +10 -0
- package/dist/modules/components/color-picker/ObjectColorsSection.d.ts +7 -0
- package/dist/modules/components/color-picker/PresetColorsSection.d.ts +7 -0
- package/dist/modules/components/color-picker/SVBox.d.ts +10 -0
- package/dist/modules/components/color-picker/index.d.ts +21 -8
- package/dist/modules/components/color-picker/useCMYKPickerState.d.ts +53 -0
- package/dist/modules/components/color-picker/useColorPanelState.d.ts +64 -0
- package/dist/modules/components/color-picker/useGradientState.d.ts +42 -0
- package/dist/modules/components/color-picker/usePaletteData.d.ts +7 -0
- package/dist/modules/components/color-picker/useSolidColorState.d.ts +20 -0
- package/dist/modules/topbar/template-mockup-modal.d.ts +7 -0
- package/dist/vibrant-tool.css +336 -23
- package/dist/vibrant-tool.es.js +3758 -1501
- package/dist/vibrant-tool.umd.js +3758 -1501
- package/dist/zustand/editorStore.d.ts +2 -0
- package/dist/zustand/loaderStore.d.ts +3 -2
- 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 {};
|