vibrant-tool 0.1.1

package/dist/zustand/drawStore.d.ts

@@ -0,0 +1,13 @@
+export type DrawTool = "select" | "brush" | "highlighter";
+interface DrawState {
+    drawTool: DrawTool;
+    strokeWidth: number;
+    opacity: number;
+    color: string;
+    setDrawTool: (tool: DrawTool) => void;
+    setStrokeWidth: (v: number) => void;
+    setOpacity: (v: number) => void;
+    setColor: (v: string) => void;
+}
+export declare const useDrawStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DrawState>>;
+export {};

package/dist/zustand/editorStore.d.ts

@@ -0,0 +1,15 @@
+import * as fabric from "fabric";
+interface EditorState {
+    canvas: fabric.Canvas | null;
+    pages: Record<string, any>;
+    history: string[];
+    historyIndex: number;
+    isCropping: boolean;
+    startCropping: () => void;
+    stopCropping: () => void;
+    setCanvas: (canvas: fabric.Canvas | null) => void;
+    setPages: (pages: Record<string, any>) => void;
+    saveHistory: () => void;
+}
+export declare const useEditorStore: import('zustand').UseBoundStore<import('zustand').StoreApi<EditorState>>;
+export {};

package/dist/zustand/effectStore.d.ts

@@ -0,0 +1,43 @@
+export type NumericEffectKey = "blur" | "brightness" | "temperature" | "contrast" | "shadows" | "white" | "black" | "vibrance" | "saturation" | "border" | "cornerradius";
+type ToggleEffect = {
+    enabled: boolean;
+    value: number;
+};
+type BorderEffect = {
+    enabled: boolean;
+    value: number;
+    color: string;
+};
+export type ShadowEffect = {
+    enabled: boolean;
+    blur: number;
+    offsetX: number;
+    offsetY: number;
+    opacity: number;
+    color: string;
+};
+interface EffectStore {
+    blur: ToggleEffect;
+    brightness: ToggleEffect;
+    temperature: ToggleEffect;
+    contrast: ToggleEffect;
+    shadows: ToggleEffect;
+    white: ToggleEffect;
+    black: ToggleEffect;
+    vibrance: ToggleEffect;
+    saturation: ToggleEffect;
+    border: BorderEffect;
+    cornerradius: ToggleEffect;
+    shadow: ShadowEffect;
+    toggle: (key: NumericEffectKey) => void;
+    setValue: (key: NumericEffectKey, value: number) => void;
+    setBorderColor: (color: string) => void;
+    toggleShadow: () => void;
+    setShadow: (value: Partial<ShadowEffect>) => void;
+    reset: () => void;
+    setEffect: (key: NumericEffectKey, enabled: boolean, value: number) => void;
+    replaceState: (state: Partial<EffectStore>) => void;
+}
+export declare const initialState: Omit<EffectStore, "toggle" | "setValue" | "setBorderColor" | "toggleShadow" | "setShadow" | "reset" | "setEffect" | "replaceState">;
+export declare const useEffectStore: import('zustand').UseBoundStore<import('zustand').StoreApi<EffectStore>>;
+export {};

package/dist/zustand/historyStore.d.ts

@@ -0,0 +1,20 @@
+import { Canvas } from 'fabric';
+export type PageSide = "front" | "back";
+interface PageHistory {
+    history: any[];
+    redo: any[];
+    background?: string;
+}
+interface HistoryState {
+    canvas: Canvas | null;
+    currentPage: PageSide;
+    isRestoring: boolean;
+    pages: Record<PageSide, PageHistory>;
+    setCanvas: (canvas: Canvas) => void;
+    setPage: (page: PageSide) => void;
+    saveState: () => void;
+    undo: () => void;
+    redoAction: () => void;
+}
+export declare const useHistoryStore: import('zustand').UseBoundStore<import('zustand').StoreApi<HistoryState>>;
+export {};

package/dist/zustand/loaderStore.d.ts

@@ -0,0 +1,8 @@
+interface LoaderState {
+    isLoading: boolean;
+    startLoading: () => void;
+    stopLoading: () => void;
+    setLoading: (value: boolean) => void;
+}
+export declare const useLoaderStore: import('zustand').UseBoundStore<import('zustand').StoreApi<LoaderState>>;
+export {};

package/dist/zustand/selectionStore.d.ts

@@ -0,0 +1,10 @@
+import { FabricObject } from 'fabric';
+export type SelectionType = "none" | "textbox" | "image" | "qr" | "multiple" | "group";
+interface SelectionStore {
+    type: SelectionType;
+    objects: FabricObject[];
+    setSelection: (objects: FabricObject[]) => void;
+    clearSelection: () => void;
+}
+export declare const useSelectionStore: import('zustand').UseBoundStore<import('zustand').StoreApi<SelectionStore>>;
+export {};

package/dist/zustand/sidePanelStore.d.ts

@@ -0,0 +1,8 @@
+type SidePanelState = {
+    activePanel: string | null;
+};
+type SidePanelActions = {
+    setActivePanel: (data: string | null) => void;
+};
+export declare const useSidePanelStore: import('zustand').UseBoundStore<import('zustand').StoreApi<SidePanelState & SidePanelActions>>;
+export {};

package/dist/zustand/tourStore.d.ts

@@ -0,0 +1,19 @@
+interface TourState {
+    hasSeenStaticTour: boolean;
+    markSeen: () => void;
+    reset: () => void;
+}
+export declare const useTourStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<TourState>, "setState" | "persist"> & {
+    setState(partial: TourState | Partial<TourState> | ((state: TourState) => TourState | Partial<TourState>), replace?: false | undefined): unknown;
+    setState(state: TourState | ((state: TourState) => TourState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<TourState, TourState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: TourState) => void) => () => void;
+        onFinishHydration: (fn: (state: TourState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<TourState, TourState, unknown>>;
+    };
+}>;
+export {};

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "vibrant-tool",
+  "version": "0.1.1",
+  "description": "Vibrant design editor (Vite + React)",
+  "type": "module",
+  "main": "./dist/vibrant-tool.umd.js",
+  "module": "./dist/vibrant-tool.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/vibrant-tool.es.js",
+      "require": "./dist/vibrant-tool.umd.js"
+    },
+    "./dist/vibrant-tool.css": "./dist/vibrant-tool.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode lib",
+    "preview:build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "prepare": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@react-oauth/google": "^0.13.4",
+    "bwip-js": "^4.8.0",
+    "driver.js": "^1.4.0",
+    "dropbox": "^10.34.0",
+    "fabric": "^6.9.0",
+    "firebase": "^12.9.0",
+    "gapi-script": "^1.2.0",
+    "pdfmake": "^0.3.3",
+    "qrcode": "^1.5.4",
+    "qrcode.react": "^4.2.0",
+    "react-loader-spinner": "^8.0.2",
+    "zustand": "^5.0.10"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/gapi": "^0.0.47",
+    "@types/gapi.auth2": "^0.0.61",
+    "@types/gapi.client.drive": "^3.0.15",
+    "@types/gapi.client.photoslibrary": "^1.0.0",
+    "@types/node": "^22",
+    "@types/pdfmake": "^0.3.1",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
+    "cross-env": "^7.0.3",
+    "eslint": "^9",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tailwindcss": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}