vibrant-tool 0.1.2 → 0.1.4

package/dist/zustand/productStore.d.ts

@@ -0,0 +1,11 @@
+import { ProductOptionItem } from '../lib/types/product.types';
+interface ProductState {
+    productData: ProductOptionItem | null;
+    isLoading: boolean;
+    isNotFound: boolean;
+    error: string | null;
+    setProductData: (data: ProductOptionItem | null) => void;
+    fetchProduct: (id: string) => Promise<ProductOptionItem | null>;
+}
+export declare const useProductStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ProductState>>;
+export {};

package/dist/zustand/recentElementsStore.d.ts

@@ -0,0 +1,21 @@
+import { ElementItem } from '../lib/types/shape.types';
+type RecentElementsState = {
+    recentItems: ElementItem[];
+};
+type RecentElementsActions = {
+    addRecentItem: (item: ElementItem) => void;
+};
+export declare const useRecentElementsStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<RecentElementsState & RecentElementsActions>, "setState" | "persist"> & {
+    setState(partial: (RecentElementsState & RecentElementsActions) | Partial<RecentElementsState & RecentElementsActions> | ((state: RecentElementsState & RecentElementsActions) => (RecentElementsState & RecentElementsActions) | Partial<RecentElementsState & RecentElementsActions>), replace?: false | undefined): unknown;
+    setState(state: (RecentElementsState & RecentElementsActions) | ((state: RecentElementsState & RecentElementsActions) => RecentElementsState & RecentElementsActions), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<RecentElementsState & RecentElementsActions, RecentElementsState & RecentElementsActions, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: RecentElementsState & RecentElementsActions) => void) => () => void;
+        onFinishHydration: (fn: (state: RecentElementsState & RecentElementsActions) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<RecentElementsState & RecentElementsActions, RecentElementsState & RecentElementsActions, unknown>>;
+    };
+}>;
+export {};

package/dist/zustand/selectionStore.d.ts

@@ -1,9 +1,12 @@
 import { FabricObject } from 'fabric';
-export type SelectionType = "none" | "textbox" | "image" | "qr" | "multiple" | "group";
+export type SelectionType = "none" | "textbox" | "image" | "qr" | "barcode" | "multiple" | "group";
 interface SelectionStore {
     type: SelectionType;
     objects: FabricObject[];
+    activeColor: string | null;
+    activeColorIndex: number;
     setSelection: (objects: FabricObject[]) => void;
+    setActiveColor: (color: string | null, index?: number) => void;
     clearSelection: () => void;
 }
 export declare const useSelectionStore: import('zustand').UseBoundStore<import('zustand').StoreApi<SelectionStore>>;

package/package.json

@@ -1,72 +1,73 @@
-{
-  "name": "vibrant-tool",
-  "version": "0.1.2",
-  "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"
-  }
+{
+  "name": "vibrant-tool",
+  "version": "0.1.4",
+  "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",
+    "pdf-lib": "^1.17.1",
+    "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"
+  }
 }

package/dist/modules/components/alpha-slider/index.d.ts

@@ -1,12 +0,0 @@
-import { RefObject } from 'react';
-interface Props {
-    alpha: number;
-    color: string;
-    refEl: RefObject<HTMLDivElement | null>;
-    setAlpha: (v: number) => void;
-    canvas: any;
-    targets: any[];
-    saveState: () => void;
-}
-export default function AlphaSlider({ alpha, color, refEl, setAlpha, canvas, targets, saveState, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/components/cmyk-inputs/index.d.ts

@@ -1,12 +0,0 @@
-import { CMYKColor } from '../../../lib/types/color.types';
-interface Props {
-    cmyk: CMYKColor;
-    alpha: number;
-    setAlpha: (v: number) => void;
-    updateColor: (cmyk: CMYKColor) => void;
-    canvas: any;
-    targets: any[];
-    saveState: () => void;
-}
-export default function CMYKInputs({ cmyk, alpha, setAlpha, updateColor, canvas, targets, saveState, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/components/color-preview-box/index.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    color: string;
-    alpha: number;
-}
-export default function ColorPreviewBox({ color, alpha }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/components/gradient-selector/index.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from 'react';
-import { HSVColor } from '../../../lib/types/color.types';
-interface Props {
-    hsv: HSVColor;
-    hueColor: string;
-    refEl: RefObject<HTMLDivElement | null>;
-    onChange: (hsv: HSVColor) => void;
-}
-export default function GradientSelector({ hsv, hueColor, refEl, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modules/components/hue-slider/index.d.ts

@@ -1,9 +0,0 @@
-import { RefObject } from 'react';
-import { HSVColor } from '../../../lib/types/color.types';
-interface Props {
-    hsv: HSVColor;
-    refEl: RefObject<HTMLDivElement | null>;
-    onChange: (hsv: HSVColor) => void;
-}
-export default function HueSlider({ hsv, refEl, onChange }: Props): import("react/jsx-runtime").JSX.Element;
-export {};