@varianta/sdk 0.1.0

package/dist/types/react/Customizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Customizer.d.ts","sourceRoot":"","sources":["../../../src/react/Customizer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAEV,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;CAAG;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU,8GA2NtB,CAAC"}

package/dist/types/react/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * React SDK exports
+ * @packageDocumentation
+ */
+export { Customizer } from './Customizer';
+export type { CustomizerProps, CustomizerHandle } from './Customizer';
+export { useCustomizer } from './useCustomizer';
+export type { UseCustomizerOptions, UseCustomizerReturn } from './useCustomizer';
+export type * from '../types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGjF,mBAAmB,UAAU,CAAC"}

package/dist/types/react/useCustomizer.d.ts

@@ -0,0 +1,133 @@
+/**
+ * React hook for controlling the customizer editor
+ * @packageDocumentation
+ */
+import type { CustomizerHandle } from './Customizer';
+import type { DesignJSON, FinalizeResult } from '../types';
+/**
+ * Options for the useCustomizer hook
+ */
+export interface UseCustomizerOptions {
+    /**
+     * Auto-save design to localStorage
+     */
+    autoSave?: boolean;
+    /**
+     * localStorage key for auto-save
+     * @default 'customizer-design'
+     */
+    autoSaveKey?: string;
+    /**
+     * Debounce time for auto-save in ms
+     * @default 1000
+     */
+    autoSaveDebounce?: number;
+}
+/**
+ * Return type for useCustomizer hook
+ */
+export interface UseCustomizerReturn {
+    /**
+     * Ref to attach to the Customizer component
+     */
+    customizerRef: React.RefObject<CustomizerHandle>;
+    /**
+     * Current design state
+     */
+    design: DesignJSON | null;
+    /**
+     * Whether undo is available
+     */
+    canUndo: boolean;
+    /**
+     * Whether redo is available
+     */
+    canRedo: boolean;
+    /**
+     * Selected layer ID
+     */
+    selectedLayerId: string | null;
+    /**
+     * Whether finalization is in progress
+     */
+    isFinalizing: boolean;
+    /**
+     * Finalization result
+     */
+    finalizeResult: FinalizeResult | null;
+    /**
+     * Get the current design
+     */
+    getDesign: () => DesignJSON | null;
+    /**
+     * Set a new design
+     */
+    setDesign: (design: DesignJSON) => void;
+    /**
+     * Undo the last action
+     */
+    undo: () => void;
+    /**
+     * Redo the last undone action
+     */
+    redo: () => void;
+    /**
+     * Finalize the design
+     */
+    finalize: () => Promise<FinalizeResult | null>;
+    /**
+     * Add a text layer
+     */
+    addTextLayer: (text?: string) => void;
+    /**
+     * Add an image layer
+     */
+    addImageLayer: (url: string) => Promise<void>;
+    /**
+     * Remove a layer
+     */
+    removeLayer: (layerId: string) => void;
+    /**
+     * Select a layer
+     */
+    selectLayer: (layerId: string | null) => void;
+}
+/**
+ * React hook for controlling the customizer editor
+ *
+ * @example
+ * ```tsx
+ * import { Customizer } from '@varianta/sdk/react';
+ * import { useCustomizer } from '@varianta/sdk/react';
+ *
+ * function App() {
+ *   const {
+ *     customizerRef,
+ *     design,
+ *     canUndo,
+ *     canRedo,
+ *     undo,
+ *     redo,
+ *     finalize,
+ *     isFinalizing,
+ *   } = useCustomizer({ autoSave: true });
+ *
+ *   return (
+ *     <>
+ *       <Customizer
+ *         ref={customizerRef}
+ *         templateId="tshirt-001"
+ *         onChange={(d) => console.log('Changed:', d)}
+ *       />
+ *       <button onClick={undo} disabled={!canUndo}>Undo</button>
+ *       <button onClick={redo} disabled={!canRedo}>Redo</button>
+ *       <button onClick={finalize} disabled={isFinalizing}>
+ *         {isFinalizing ? 'Finalizing...' : 'Finalize'}
+ *       </button>
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export declare function useCustomizer(options?: UseCustomizerOptions): UseCustomizerReturn;
+//# sourceMappingURL=useCustomizer.d.ts.map

package/dist/types/react/useCustomizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomizer.d.ts","sourceRoot":"","sources":["../../../src/react/useCustomizer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAEjD;;OAEG;IACH,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACH,SAAS,EAAE,MAAM,UAAU,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAE/C;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9C;;OAEG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CA6JrB"}

package/dist/types/types/index.d.ts

@@ -0,0 +1,298 @@
+/**
+ * Shared TypeScript types for the Customizer SDK
+ * @packageDocumentation
+ */
+/**
+ * 2D transformation properties for positioning and transforming layers
+ */
+export interface Transform {
+    x: number;
+    y: number;
+    rotation: number;
+    scaleX: number;
+    scaleY: number;
+}
+export type LayerType = 'text' | 'image' | 'shape';
+export interface BaseLayer {
+    id: string;
+    type: LayerType;
+    name: string;
+    locked: boolean;
+    visible: boolean;
+    transform: Transform;
+    zIndex: number;
+}
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export interface TextLayer extends BaseLayer {
+    type: 'text';
+    fontFamily: string;
+    fontSize: number;
+    color: string;
+    align: TextAlign;
+    content: string;
+    fontWeight?: number | string;
+    lineHeight?: number;
+    letterSpacing?: number;
+    clipX?: number;
+    clipY?: number;
+    clipWidth?: number;
+    clipHeight?: number;
+}
+export interface ImageCrop {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface ImageLayer extends BaseLayer {
+    type: 'image';
+    assetId: string;
+    crop?: ImageCrop;
+    opacity: number;
+    fitWidth?: number;
+    fitHeight?: number;
+    clipX?: number;
+    clipY?: number;
+    clipWidth?: number;
+    clipHeight?: number;
+}
+export type ShapeType = 'rectangle' | 'circle' | 'ellipse' | 'line';
+export interface Stroke {
+    color: string;
+    width: number;
+}
+export interface ShapeLayer extends BaseLayer {
+    type: 'shape';
+    shapeType: ShapeType;
+    width: number;
+    height: number;
+    fill: string;
+    stroke?: Stroke;
+}
+export type Layer = TextLayer | ImageLayer | ShapeLayer;
+export interface SafeArea {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface Artboard {
+    width: number;
+    height: number;
+    bleed: number;
+    safeArea?: SafeArea;
+    backgroundColor: string;
+}
+export interface Scene {
+    artboard: Artboard;
+    layers: Layer[];
+    engineVersion: string;
+}
+/**
+ * Design JSON format returned by the editor
+ */
+export interface DesignJSON {
+    version: string;
+    scene: Scene;
+    metadata?: {
+        createdAt?: string;
+        modifiedAt?: string;
+        [key: string]: any;
+    };
+}
+/**
+ * Configuration options for initializing the customizer
+ */
+export interface CustomizerOptions {
+    /**
+     * Template ID to load
+     */
+    templateId: string;
+    /**
+     * API base URL for fetching templates and finalizing designs
+     * @default 'https://api.varianta.io'
+     */
+    apiUrl?: string;
+    /**
+     * Visual theme
+     * @default 'light'
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Editor mode
+     * @default 'edit'
+     */
+    mode?: 'edit' | 'preview';
+    /**
+     * Enable debug mode with additional logging
+     * @default false
+     */
+    debug?: boolean;
+    /**
+     * Custom CSS class to add to the editor container
+     */
+    className?: string;
+    /**
+     * Initial design data to load
+     */
+    initialDesign?: DesignJSON;
+    /**
+     * Called when the editor is ready
+     */
+    onReady?: (instance: CustomizerInstance) => void;
+    /**
+     * Called when the design changes
+     */
+    onChange?: (design: DesignJSON) => void;
+    /**
+     * Called when a layer is selected
+     */
+    onLayerSelect?: (layerId: string | null) => void;
+    /**
+     * Called when a layer is added
+     */
+    onLayerAdd?: (layerId: string) => void;
+    /**
+     * Called when a layer is removed
+     */
+    onLayerRemove?: (layerId: string) => void;
+    /**
+     * Called when a layer is updated
+     */
+    onLayerUpdate?: (layerId: string) => void;
+    /**
+     * Called when an error occurs
+     */
+    onError?: (error: CustomizerError) => void;
+    /**
+     * Called when finalization is complete
+     */
+    onFinalize?: (result: FinalizeResult) => void;
+}
+/**
+ * Error object returned by the customizer
+ */
+export interface CustomizerError {
+    code: string;
+    message: string;
+    details?: any;
+}
+/**
+ * Result of the finalize operation
+ */
+export interface FinalizeResult {
+    designId: string;
+    proofUrl: string;
+    printUrl?: string;
+    renderKey: string;
+}
+/**
+ * Methods available on a customizer instance
+ */
+export interface CustomizerInstance {
+    /**
+     * Get the current design as JSON
+     */
+    getDesign(): DesignJSON;
+    /**
+     * Set the design from JSON
+     */
+    setDesign(design: DesignJSON): void;
+    /**
+     * Undo the last action
+     */
+    undo(): void;
+    /**
+     * Redo the last undone action
+     */
+    redo(): void;
+    /**
+     * Check if undo is available
+     */
+    canUndo(): boolean;
+    /**
+     * Check if redo is available
+     */
+    canRedo(): boolean;
+    /**
+     * Finalize the design and generate print-ready files
+     */
+    finalize(): Promise<FinalizeResult>;
+    /**
+     * Add a text layer
+     */
+    addTextLayer(text?: string): void;
+    /**
+     * Add an image layer
+     */
+    addImageLayer(url: string): Promise<void>;
+    /**
+     * Remove a layer by ID
+     */
+    removeLayer(layerId: string): void;
+    /**
+     * Select a layer by ID
+     */
+    selectLayer(layerId: string | null): void;
+    /**
+     * Get the selected layer ID
+     */
+    getSelectedLayerId(): string | null;
+    /**
+     * Set the theme
+     */
+    setTheme(theme: 'light' | 'dark'): void;
+    /**
+     * Set the mode
+     */
+    setMode(mode: 'edit' | 'preview'): void;
+    /**
+     * Destroy the editor instance and clean up
+     */
+    destroy(): void;
+    /**
+     * Get the underlying Web Component element
+     */
+    getElement(): HTMLElement;
+}
+/**
+ * Event detail types
+ */
+export interface ReadyEventDetail {
+    templateId: string;
+}
+export interface ChangeEventDetail {
+    design: DesignJSON;
+}
+export interface LayerSelectEventDetail {
+    layerId: string | null;
+}
+export interface LayerAddEventDetail {
+    layerId: string;
+}
+export interface LayerRemoveEventDetail {
+    layerId: string;
+}
+export interface LayerUpdateEventDetail {
+    layerId: string;
+}
+export interface ErrorEventDetail {
+    error: CustomizerError;
+}
+/**
+ * Web Component element interface for type safety
+ */
+export interface CustomizerEditorElement extends HTMLElement {
+    getDesign(): DesignJSON;
+    setDesign(design: DesignJSON): void;
+    undo(): void;
+    redo(): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    addTextLayer(text?: string): void;
+    addImageLayer(url: string): Promise<void>;
+    removeLayer(layerId: string): void;
+    selectLayer(layerId: string | null): void;
+    getSelectedLayerId(): string | null;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/types/vanilla/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Vanilla JavaScript SDK for Customizer Editor
+ * @packageDocumentation
+ */
+import type { CustomizerOptions, CustomizerInstance } from '../types';
+/**
+ * Initialize the customizer editor
+ *
+ * @param elementOrSelector - DOM element or CSS selector where to mount the editor
+ * @param options - Configuration options
+ * @returns CustomizerInstance with methods to control the editor
+ *
+ * @example
+ * ```typescript
+ * import { initCustomizer } from '@varianta/sdk';
+ *
+ * const editor = initCustomizer('#editor', {
+ *   templateId: 'tshirt-001',
+ *   theme: 'light',
+ *   onReady: () => console.log('Editor ready!'),
+ *   onChange: (design) => console.log('Design changed:', design),
+ * });
+ *
+ * // Get current design
+ * const design = editor.getDesign();
+ *
+ * // Finalize design
+ * const result = await editor.finalize();
+ * ```
+ */
+export declare function initCustomizer(elementOrSelector: HTMLElement | string, options: CustomizerOptions): CustomizerInstance;
+/**
+ * Re-export types for convenience
+ */
+export type * from '../types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/vanilla/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAKnB,MAAM,UAAU,CAAC;AAElB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,cAAc,CAC5B,iBAAiB,EAAE,WAAW,GAAG,MAAM,EACvC,OAAO,EAAE,iBAAiB,GACzB,kBAAkB,CAsQpB;AAED;;GAEG;AACH,mBAAmB,UAAU,CAAC"}

package/dist/types/vue/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Vue SDK exports
+ * @packageDocumentation
+ */
+export { default as Customizer } from './Customizer.vue';
+export type { CustomizerProps, CustomizerEmits } from './types';
+export type * from '../types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vue/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAGhE,mBAAmB,UAAU,CAAC"}

package/dist/types/vue/types.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Vue component types
+ */
+import type { CSSProperties } from 'vue';
+import type { DesignJSON, FinalizeResult, CustomizerError } from '../types';
+/**
+ * Props for the Customizer Vue component
+ */
+export interface CustomizerProps {
+    /**
+     * Template ID to load
+     */
+    templateId: string;
+    /**
+     * API base URL for fetching templates and finalizing designs
+     * @default 'https://api.varianta.io'
+     */
+    apiUrl?: string;
+    /**
+     * Visual theme
+     * @default 'light'
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Editor mode
+     * @default 'edit'
+     */
+    mode?: 'edit' | 'preview';
+    /**
+     * Enable debug mode with additional logging
+     * @default false
+     */
+    debug?: boolean;
+    /**
+     * Custom CSS class name
+     */
+    className?: string;
+    /**
+     * Custom inline styles
+     */
+    style?: CSSProperties;
+    /**
+     * Initial design data to load
+     */
+    initialDesign?: DesignJSON;
+}
+/**
+ * Emits for the Customizer Vue component
+ */
+export interface CustomizerEmits {
+    (e: 'ready'): void;
+    (e: 'change', design: DesignJSON): void;
+    (e: 'layer:select', layerId: string | null): void;
+    (e: 'layer:add', layerId: string): void;
+    (e: 'layer:remove', layerId: string): void;
+    (e: 'layer:update', layerId: string): void;
+    (e: 'error', error: CustomizerError): void;
+    (e: 'finalize', result: FinalizeResult): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/vue/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/vue/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnB,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IACxC,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAClD,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;CAC/C"}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@varianta/sdk",
+  "version": "0.1.0",
+  "description": "Multi-framework JavaScript SDK for product customization",
+  "type": "module",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./react": {
+      "types": "./dist/types/react/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./vue": {
+      "types": "./dist/types/vue/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": true,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src --max-warnings 0",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm build"
+  },
+  "keywords": [
+    "customizer",
+    "sdk",
+    "editor",
+    "react",
+    "vue",
+    "web-component",
+    "product-customization",
+    "2d-editor"
+  ],
+  "dependencies": {},
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "vue": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@customizer/editor": "workspace:*",
+    "@customizer/scene-engine": "workspace:*",
+    "@types/node": "^22.10.2",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.7",
+    "vitest": "^2.1.9",
+    "vue": "^3.5.13"
+  },
+  "author": "Tedy Development",
+  "license": "ISC",
+  "homepage": "https://varianta.io"
+}