@primestyleai/tryon 4.3.2 → 4.6.0

package/dist/react/views/SizingChoiceView.d.ts

@@ -0,0 +1,37 @@
+import type { TranslateFn } from "../../i18n";
+import type { ViewState, SizeGuide, SizeGuideField, Profile, BodyType } from "../types";
+export declare function SizingChoiceView({ productImage, productTitle, sizeGuide, sizeGuideFetching, formRef, formGender, formKey, setFormKey, setFormGender, sizingUnit, setSizingUnit, heightUnit, setHeightUnit, weightUnit, setWeightUnit, sizingCountry, profiles, activeProfileId, applyProfile, dynamicFields, shoeField, updateField, setSizingMethod, setSizingLoading, setView, submitSizing, saveProfile, onQuickEstimate, t, }: {
+    productImage: string;
+    productTitle: string;
+    sizeGuide: SizeGuide | null;
+    sizeGuideFetching: boolean;
+    formRef: React.MutableRefObject<Record<string, string>>;
+    formGender: string;
+    formKey: number;
+    setFormKey: React.Dispatch<React.SetStateAction<number>>;
+    setFormGender: (g: string) => void;
+    sizingUnit: string;
+    setSizingUnit: (u: string) => void;
+    heightUnit: string;
+    setHeightUnit: (u: string) => void;
+    weightUnit: string;
+    setWeightUnit: (u: string) => void;
+    sizingCountry: string;
+    profiles: Profile[];
+    activeProfileId: string | null;
+    applyProfile: (id: string) => void;
+    dynamicFields: SizeGuideField[];
+    shoeField: {
+        key: string;
+        label: string;
+        ph: string;
+    };
+    updateField: (key: string, val: string) => void;
+    setSizingMethod: (m: "exact" | "quick" | null) => void;
+    setSizingLoading: (v: boolean) => void;
+    setView: (v: ViewState) => void;
+    submitSizing: (mode: "exact" | "quick") => void;
+    saveProfile: (name: string) => void;
+    onQuickEstimate: (height: number, weight: number, heightUnit: string, weightUnit: string, gender: string, age?: number, bodyType?: BodyType) => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/views/UploadView.d.ts

@@ -0,0 +1,14 @@
+import type { PrimeStyleClassNames } from "../../types";
+import type { TranslateFn } from "../../i18n";
+export declare function UploadView({ selectedFile, previewUrl, dragOver, setDragOver, fileInputRef, handleFileSelect, handleRemovePreview, handleTryOnSubmit, cn, t, }: {
+    selectedFile: File | null;
+    previewUrl: string | null;
+    dragOver: boolean;
+    setDragOver: (v: boolean) => void;
+    fileInputRef: React.RefObject<HTMLInputElement>;
+    handleFileSelect: (file: File) => void;
+    handleRemovePreview: () => void;
+    handleTryOnSubmit: () => void;
+    cn: PrimeStyleClassNames;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/views/WeightPickerView.d.ts

@@ -0,0 +1,8 @@
+import type { TranslateFn } from "../../i18n";
+export declare function WeightPickerView({ initialKg, weightUnit, onNext, onUnitChange, t, }: {
+    initialKg: number;
+    weightUnit: string;
+    onNext: (kg: number) => void;
+    onUnitChange: (unit: string) => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/views/WelcomeView.d.ts

@@ -0,0 +1,7 @@
+import type { TranslateFn } from "../../i18n";
+import type { ViewState } from "../types";
+export declare function WelcomeView({ productImage, setView, t, }: {
+    productImage: string;
+    setView: (v: ViewState) => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/sizing/fit-compute.d.ts

@@ -0,0 +1,15 @@
+import type { FitAreaInfo } from "../types";
+import type { MeasurementLines } from "../pose-detect";
+export type GranularFit = "good" | "tight" | "loose" | "a-bit-tight" | "a-bit-loose" | "too-tight" | "too-loose";
+/** Compute granular fit label for a single measurement */
+export declare function computeFit(userValue: number, chartRange: string): GranularFit;
+/**
+ * Build FitAreaInfo[] from matchDetails + optional pose coordinates.
+ * This is what gets sent to the backend so Gemini knows how to render each body region.
+ */
+export declare function buildFitInfo(matchDetails: Array<{
+    measurement: string;
+    userValue: string;
+    chartRange: string;
+    fit: string;
+}>, poseLines?: MeasurementLines | null): FitAreaInfo[];

package/dist/sizing/normalizer.d.ts

@@ -1,35 +1,11 @@
-export interface SizeGuideField {
-    key: string;
-    label: string;
-    required: boolean;
-    unit: "cm" | "size" | string;
-    placeholder?: string;
-    category: "body" | "shoe" | "other";
-}
-export interface NormalizedSection {
-    headers: string[];
-    rows: string[][];
-    requiredFields: SizeGuideField[];
-}
-export interface NormalizedSizeGuide {
-    found: true;
-    title?: string;
-    headers: string[];
-    rows: string[][];
-    requiredFields: SizeGuideField[];
-    sections?: Record<string, NormalizedSection>;
-}
-export type NormalizerResult = {
-    success: true;
-    data: NormalizedSizeGuide;
-} | {
-    success: false;
-    reason: string;
-};
-export declare function deriveRequiredFields(headers: string[]): SizeGuideField[];
 /**
- * Attempts to normalise `sizeGuideData` (any format) into a structured
- * `NormalizedSizeGuide`. Returns `{ success: false }` for unrecognised
- * formats (HTML, images, free-form text) so the caller can fall back to AI.
+ * Size-guide normalizer — accepts many input formats and returns a unified
+ * { headers, rows, requiredFields } structure for deterministic sizing.
  */
-export declare function normalizeSizeGuide(input: unknown): NormalizerResult;
+import type { NormalizedSizeGuide } from "../types";
+export interface NormalizeSizeGuideResult {
+    success: boolean;
+    data?: NormalizedSizeGuide;
+    reason?: string;
+}
+export declare function normalizeSizeGuide(input: unknown): NormalizeSizeGuideResult;

package/dist/types.d.ts

@@ -52,6 +52,28 @@ export interface ModalStyles {
     primaryButtonBorderRadius?: string;
     loaderColor?: string;
     resultBorderRadius?: string;
+    /** Accent color used throughout the SDK (default: #bb945c) */
+    accentColor?: string;
+    /** Accent hover color (default: #a07d4e) */
+    accentHoverColor?: string;
+    /** Accent light color for gradients (default: #d6ba7d) */
+    accentLightColor?: string;
+    /** Primary text color (default: #fff) */
+    textPrimaryColor?: string;
+    /** Secondary text color (default: #999) */
+    textSecondaryColor?: string;
+    /** Muted text color (default: #666) */
+    textMutedColor?: string;
+    /** Border color (default: #333) */
+    borderColor?: string;
+    /** Secondary background (default: #1a1b1a) */
+    secondaryBackgroundColor?: string;
+    /** Error color (default: #ef4444) */
+    errorColor?: string;
+    /** Success color (default: #4ade80) */
+    successColor?: string;
+    /** Logo height (default: 2.8vw) */
+    logoHeight?: string;
 }
 /** Try-on job submission response */
 export interface TryOnResponse {
@@ -176,6 +198,8 @@ export interface SectionRecommendation {
 /** Full sizing recommendation result */
 export interface SizingResult {
     recommendedSize: string;
+    tightSize?: string | null;
+    looseSize?: string | null;
     recommendedLength?: string | null;
     confidence: "high" | "medium" | "low" | string;
     reasoning: string;
@@ -184,6 +208,23 @@ export interface SizingResult {
     method?: "deterministic" | "ai";
     sections?: Record<string, SectionRecommendation>;
 }
+/** Fit info for a body area — tells Gemini how the garment should render at this region */
+export interface FitAreaInfo {
+    /** Body area name (e.g. "Chest", "Waist", "Hips") */
+    area: string;
+    /** Fit classification */
+    fit: "good" | "tight" | "loose" | "a-bit-tight" | "a-bit-loose" | "too-tight" | "too-loose";
+    /** User's measurement value in cm */
+    userValue?: number;
+    /** Garment's size chart range for this area (e.g. "96-100") */
+    garmentRange?: string;
+    /** Normalised body coordinate — vertical position (0 = top, 1 = bottom) */
+    y?: number;
+    /** Normalised body coordinate — left edge of this region */
+    x1?: number;
+    /** Normalised body coordinate — right edge of this region */
+    x2?: number;
+}
 /** Custom events emitted by the component */
 export interface PrimeStyleEvents {
     "ps:open": CustomEvent<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primestyleai/tryon",
-  "version": "4.3.2",
+  "version": "4.6.0",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",
@@ -14,7 +14,8 @@
     "./react": {
       "import": "./dist/react/index.js",
       "types": "./dist/react/index.d.ts"
-    }
+    },
+    "./style.css": "./dist/primestyle-tryon.css"
   },
   "files": [
     "dist",
@@ -23,7 +24,7 @@
   ],
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build && tsc --emitDeclarationOnly",
+    "build": "vite build && tsc --emitDeclarationOnly && node scripts/extract-css.mjs",
     "prepublishOnly": "npm run build"
   },
   "keywords": [
@@ -53,5 +54,8 @@
     "terser": "^5.31.0",
     "typescript": "^5.5.0",
     "vite": "^5.4.0"
+  },
+  "dependencies": {
+    "@primestyleai/tryon": "^4.3.2"
   }
 }