@primestyleai/tryon 4.4.0 → 4.6.0

package/dist/index.d.ts

@@ -1,8 +1,9 @@
+import "./locales";
 export { PrimeStyleTryon } from "./PrimeStyleTryon";
 export { ApiClient, PrimeStyleError } from "./api-client";
 export { SseClient } from "./sse-client";
 export { detectProductImage } from "./product-detector";
 export { compressImage, isValidImageFile } from "./image-utils";
-export type { PrimeStyleConfig, ButtonStyles, ModalStyles, TryOnResponse, TryOnStatus, VtoUpdate, PrimeStyleEvents, } from "./types";
+export type { PrimeStyleConfig, ButtonStyles, ModalStyles, TryOnResponse, TryOnStatus, VtoUpdate, PrimeStyleEvents, FitAreaInfo, } from "./types";
 export { registerLocale, createT, SUPPORTED_LOCALES, TRANSLATION_KEYS, detectLanguage } from "./i18n";
 export type { TranslateFn } from "./i18n";

package/dist/locales/ar.d.ts

@@ -0,0 +1,2 @@
+declare const ar: Record<string, string>;
+export default ar;

package/dist/locales/da.d.ts

@@ -0,0 +1,2 @@
+declare const da: Record<string, string>;
+export default da;

package/dist/locales/de.d.ts

@@ -0,0 +1,2 @@
+declare const de: Record<string, string>;
+export default de;

package/dist/locales/es.d.ts

@@ -0,0 +1,2 @@
+declare const es: Record<string, string>;
+export default es;

package/dist/locales/fi.d.ts

@@ -0,0 +1,2 @@
+declare const fi: Record<string, string>;
+export default fi;

package/dist/locales/fr.d.ts

@@ -0,0 +1,2 @@
+declare const fr: Record<string, string>;
+export default fr;

package/dist/locales/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/locales/it.d.ts

@@ -0,0 +1,2 @@
+declare const it: Record<string, string>;
+export default it;

package/dist/locales/ja.d.ts

@@ -0,0 +1,2 @@
+declare const ja: Record<string, string>;
+export default ja;

package/dist/locales/ko.d.ts

@@ -0,0 +1,2 @@
+declare const ko: Record<string, string>;
+export default ko;

package/dist/locales/nb.d.ts

@@ -0,0 +1,2 @@
+declare const nb: Record<string, string>;
+export default nb;

package/dist/locales/nl.d.ts

@@ -0,0 +1,2 @@
+declare const nl: Record<string, string>;
+export default nl;

package/dist/locales/pl.d.ts

@@ -0,0 +1,2 @@
+declare const pl: Record<string, string>;
+export default pl;

package/dist/locales/pt.d.ts

@@ -0,0 +1,2 @@
+declare const pt: Record<string, string>;
+export default pt;

package/dist/locales/ru.d.ts

@@ -0,0 +1,2 @@
+declare const ru: Record<string, string>;
+export default ru;

package/dist/locales/sv.d.ts

@@ -0,0 +1,2 @@
+declare const sv: Record<string, string>;
+export default sv;

package/dist/locales/th.d.ts

@@ -0,0 +1,2 @@
+declare const th: Record<string, string>;
+export default th;

package/dist/locales/tr.d.ts

@@ -0,0 +1,2 @@
+declare const tr: Record<string, string>;
+export default tr;

package/dist/locales/vi.d.ts

@@ -0,0 +1,2 @@
+declare const vi: Record<string, string>;
+export default vi;

package/dist/locales/zh.d.ts

@@ -0,0 +1,2 @@
+declare const zh: Record<string, string>;
+export default zh;

package/dist/pose-detect.d.ts

@@ -1,27 +1,73 @@
 /**
- * Pose landmark detection using MediaPipe Pose Landmarker.
- * Loaded dynamically from CDN — zero bundle size impact.
- * Returns normalized (0-1) coordinates for measurement lines.
+ * Pose detection using MediaPipe — detects body landmarks to overlay
+ * measurement lines on a try-on result image.
  */
+export interface MeasurementLine {
+    y: number;
+    x1: number;
+    x2: number;
+}
 export interface MeasurementLines {
-    chest: {
+    chest: MeasurementLine;
+    waist: MeasurementLine;
+    hips: MeasurementLine;
+}
+/** Extended landmarks for per-field measurement guides */
+export interface BodyLandmarks {
+    leftShoulder: {
+        x: number;
+        y: number;
+    };
+    rightShoulder: {
+        x: number;
+        y: number;
+    };
+    leftHip: {
+        x: number;
+        y: number;
+    };
+    rightHip: {
+        x: number;
+        y: number;
+    };
+    leftElbow: {
+        x: number;
+        y: number;
+    };
+    rightElbow: {
+        x: number;
         y: number;
-        x1: number;
-        x2: number;
     };
-    waist: {
+    leftWrist: {
+        x: number;
         y: number;
-        x1: number;
-        x2: number;
     };
-    hips: {
+    rightWrist: {
+        x: number;
+        y: number;
+    };
+    leftKnee: {
+        x: number;
+        y: number;
+    };
+    rightKnee: {
+        x: number;
+        y: number;
+    };
+    leftAnkle: {
+        x: number;
+        y: number;
+    };
+    rightAnkle: {
+        x: number;
+        y: number;
+    };
+    nose: {
+        x: number;
         y: number;
-        x1: number;
-        x2: number;
     };
 }
-/**
- * Detect pose landmarks on an image and return measurement line positions.
- * Coordinates are normalized 0-1 (percentage of image width/height).
- */
 export declare function detectMeasurementLines(imageSrc: string): Promise<MeasurementLines | null>;
+/** Detect full body landmarks for per-field measurement guides.
+ *  Accepts a URL string OR an already-loaded HTMLImageElement to avoid CORS issues. */
+export declare function detectBodyLandmarks(imageSrc: string | HTMLImageElement): Promise<BodyLandmarks | null>;

package/dist/primestyle-tryon.css

@@ -0,0 +1 @@
+/* PrimeStyle Try-On — styles are injected at runtime */

package/dist/primestyle-tryon.js

@@ -1,5 +1,5 @@
-import { c as createT, A as ApiClient, S as SseClient, i as isValidImageFile, a as compressImage } from "./index-CZHknuGH.js";
-import { P, b, T, d, r } from "./index-CZHknuGH.js";
+import { c as createT, A as ApiClient, S as SseClient, i as isValidImageFile, a as compressImage } from "./index-J6U0-q_3.js";
+import { P, b, T, d, r } from "./index-J6U0-q_3.js";
 function detectProductImage() {
   const ogImage = document.querySelector(
     'meta[property="og:image"]'
@@ -996,7 +996,18 @@ class PrimeStyleTryon extends HTMLElement {
       primaryButtonTextColor: "--ps-modal-primary-color",
       primaryButtonBorderRadius: "--ps-modal-primary-radius",
       loaderColor: "--ps-loader",
-      resultBorderRadius: "--ps-result-radius"
+      resultBorderRadius: "--ps-result-radius",
+      accentColor: "--ps-accent",
+      accentHoverColor: "--ps-accent-hover",
+      accentLightColor: "--ps-accent-light",
+      textPrimaryColor: "--ps-text-primary",
+      textSecondaryColor: "--ps-text-secondary",
+      textMutedColor: "--ps-text-muted",
+      borderColor: "--ps-border-color",
+      secondaryBackgroundColor: "--ps-bg-secondary",
+      errorColor: "--ps-error-color",
+      successColor: "--ps-success-color",
+      logoHeight: "--ps-logo-height"
     };
     for (const [key, cssVar] of Object.entries(map)) {
       const value = this.modalStyles[key];

package/dist/react/PrimeStyleTryon.d.ts

@@ -0,0 +1,2 @@
+import type { PrimeStyleTryonProps } from "./types";
+export declare function PrimeStyleTryon(props: PrimeStyleTryonProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/PrimeStyleTryonInner.d.ts

@@ -0,0 +1,2 @@
+import type { PrimeStyleTryonProps } from "./types";
+export declare function PrimeStyleTryonInner({ productImage, productTitle, buttonText, apiUrl, showPoweredBy, showIcon, buttonIcon, locale, buttonStyles: btnS, modalStyles: mdlS, classNames: cn, className, style, onOpen, onClose, onUpload, onProcessing, onComplete, onError, sizeGuideData, }: PrimeStyleTryonProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/assets/body-illustrations-png.d.ts

@@ -0,0 +1,36 @@
+export declare const BODY_IMAGES: {
+    readonly female: {
+        readonly stomach: {
+            readonly flat: string;
+            readonly average: string;
+            readonly round: string;
+        };
+        readonly seat: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly full: string;
+        };
+        readonly hips: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly full: string;
+        };
+    };
+    readonly male: {
+        readonly chest: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly broad: string;
+        };
+        readonly stomach: {
+            readonly flat: string;
+            readonly average: string;
+            readonly round: string;
+        };
+        readonly seat: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly full: string;
+        };
+    };
+};

package/dist/react/assets/body-illustrations.d.ts

@@ -0,0 +1,36 @@
+export declare const BODY_ILLUSTRATIONS: {
+    readonly male: {
+        readonly chest: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly broad: string;
+        };
+        readonly stomach: {
+            readonly flat: string;
+            readonly average: string;
+            readonly round: string;
+        };
+        readonly seat: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly full: string;
+        };
+    };
+    readonly female: {
+        readonly hips: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly broad: string;
+        };
+        readonly stomach: {
+            readonly flat: string;
+            readonly average: string;
+            readonly round: string;
+        };
+        readonly seat: {
+            readonly narrow: string;
+            readonly average: string;
+            readonly full: string;
+        };
+    };
+};

package/dist/react/components/DrawerPanel.d.ts

@@ -0,0 +1,13 @@
+import type { TranslateFn } from "../../i18n";
+import type { Profile, HistoryEntry, DrawerType } from "../types";
+export declare function DrawerPanel({ drawer, setDrawer, profiles, setProfiles, history, setHistory, setProfileDetail, restoreHistory, t, }: {
+    drawer: DrawerType;
+    setDrawer: (d: DrawerType) => void;
+    profiles: Profile[];
+    setProfiles: React.Dispatch<React.SetStateAction<Profile[]>>;
+    history: HistoryEntry[];
+    setHistory: React.Dispatch<React.SetStateAction<HistoryEntry[]>>;
+    setProfileDetail: (p: Profile | null) => void;
+    restoreHistory: (entry: HistoryEntry) => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/FullChartOverlay.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/components/InputRow.d.ts

@@ -0,0 +1,9 @@
+export declare function InputRow({ label, fieldKey, placeholder, type, unit, formRef, updateField }: {
+    label: string;
+    fieldKey: string;
+    placeholder?: string;
+    type?: string;
+    unit?: string;
+    formRef: React.MutableRefObject<Record<string, string>>;
+    updateField: (key: string, val: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/LangSwitcher.d.ts

@@ -0,0 +1,4 @@
+export declare function LangSwitcher({ activeLocale: current, onSelect }: {
+    activeLocale: string;
+    onSelect: (code: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProfileDetailModal.d.ts

@@ -0,0 +1,10 @@
+import type { TranslateFn } from "../../i18n";
+import type { Profile } from "../types";
+export declare function ProfileDetailModal({ profileDetail, setProfileDetail, setProfiles, activeProfileId, setActiveProfileId, t, }: {
+    profileDetail: Profile | null;
+    setProfileDetail: (p: Profile | null) => void;
+    setProfiles: React.Dispatch<React.SetStateAction<Profile[]>>;
+    activeProfileId: string | null;
+    setActiveProfileId: (id: string | null) => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/ProfileEditView.d.ts

@@ -0,0 +1,8 @@
+import type { TranslateFn } from "../../i18n";
+import type { Profile } from "../types";
+export declare function ProfileEditView({ profile, onSave, onCancel, t, }: {
+    profile?: Profile | null;
+    onSave: (p: Omit<Profile, "id" | "createdAt">) => void;
+    onCancel: () => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/Stepper.d.ts

@@ -0,0 +1,5 @@
+import type { ViewState } from "../types";
+export declare function Stepper({ view, stepIndex }: {
+    view: ViewState;
+    stepIndex: number;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/UnitToggle.d.ts

@@ -0,0 +1,8 @@
+export declare function UnitToggle({ options, value, onChange }: {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    value: string;
+    onChange: (v: string) => void;
+}): import("react/jsx-runtime").JSX.Element;