@photoroom/ui 0.1.111 → 0.1.113

package/components/content/ProgressTimer/ProgressTimer.d.ts

@@ -8,6 +8,13 @@ export type ProgressTimerProps = {
      * bar never reaches full before the backend responds.
      */
     totalExpectedDuration: number;
+    /**
+     * Unix timestamp (ms) when generation started. When provided the elapsed
+     * timer and progress bar resume from that point instead of resetting to
+     * zero on mount — needed when the component re-mounts after the user
+     * leaves and returns to a modal while generation is still in progress.
+     */
+    generationStartedAt?: number;
     /**
      * When true, the background behind the overlay is already CSS-blurred,
      * so backdrop-blur and the mask gradient are skipped to avoid double-blur.
@@ -15,5 +22,5 @@ export type ProgressTimerProps = {
     loadingBlur?: boolean;
     className?: string;
 };
-export declare function ProgressTimer({ messages, totalExpectedDuration, loadingBlur, className, }: ProgressTimerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressTimer({ messages, totalExpectedDuration, generationStartedAt, loadingBlur, className, }: ProgressTimerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProgressTimer.d.ts.map

package/components/content/ProgressTimer/ProgressTimer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ProgressTimer/ProgressTimer.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,qBAAqB,EACrB,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,2CA2DpB"}
+{"version":3,"file":"ProgressTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ProgressTimer/ProgressTimer.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAuBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,qBAAqB,EACrB,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,2CA2HpB"}

package/components/content/VideoTile/VideoTile.d.ts

@@ -1,6 +1,6 @@
-export type VideoTileAspectRatio = "9/16" | "16/9" | "1/1";
 export type VideoTileProps = {
-    aspectRatio?: VideoTileAspectRatio;
+    /** Applied directly to the inner content element. */
+    contentStyle?: React.CSSProperties;
     label: string;
     showLabel?: boolean;
     sizeLabel?: string;
@@ -8,14 +8,21 @@ export type VideoTileProps = {
     className?: string;
     messages?: readonly string[];
     totalExpectedDuration?: number;
+    generationStartedAt?: number;
     loadingBlur?: boolean;
+    /** Passed directly to `Tile.trailingTop` without wrapping — use when the caller already provides a fully-rendered menu node. Takes precedence over `moreMenu`. */
+    trailingTop?: React.ReactNode;
+    /** Menu items wrapped automatically in `TileMoreMenu`. Ignored when `trailingTop` is provided. */
     moreMenu?: React.ReactNode;
     isSelected?: boolean;
     onSelectedChange?: (isSelected: boolean) => void;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
     /** Callback for the save button. When omitted the save button is not rendered. */
     onSave?: () => void;
     /** Accessible label for the save button. */
     saveLabel?: string;
+    /** Label shown after the save button has been clicked. */
+    savedLabel?: string;
 };
-export declare function VideoTile({ aspectRatio, label, showLabel, sizeLabel, children, className, messages, totalExpectedDuration, loadingBlur, moreMenu, isSelected, onSelectedChange, onSave, saveLabel, }: VideoTileProps): import("react/jsx-runtime").JSX.Element;
+export declare function VideoTile({ contentStyle, label, showLabel, sizeLabel, children, className, messages, totalExpectedDuration, generationStartedAt, loadingBlur, trailingTop, moreMenu, isSelected, onSelectedChange, onClick, onSave, saveLabel, savedLabel, }: VideoTileProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=VideoTile.d.ts.map

package/components/content/VideoTile/VideoTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/VideoTile/VideoTile.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAQ3D,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,WAAoB,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,WAAW,EACX,QAAQ,EACR,UAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,SAAkB,GACnB,EAAE,cAAc,2CA2DhB"}
+{"version":3,"file":"VideoTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/VideoTile/VideoTile.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,qDAAqD;IACrD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,kKAAkK;IAClK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kGAAkG;IAClG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,UAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,MAAM,EACN,SAAkB,EAClB,UAAoB,GACrB,EAAE,cAAc,2CAwEhB"}

package/index.mjs

@@ -32977,29 +32977,29 @@ var hG = U("rounded-300 component-semi-strong-300 inline-flex h-5 items-center j
 		{
 			withFootnote: !0,
 			size: "large",
-			class: "component-strong-600"
+			class: "component-semi-strong-600"
 		},
 		{
 			withFootnote: !0,
 			size: "small",
-			class: "component-strong-500"
+			class: "component-semi-strong-500"
 		},
 		{
 			withFootnote: !1,
 			size: "large",
-			class: "component-600"
+			class: "component-light-600"
 		},
 		{
 			withFootnote: !1,
 			size: "small",
-			class: "component-500"
+			class: "component-light-500"
 		}
 	],
 	defaultVariants: { size: "large" }
 }), TG = U("", {
 	variants: { size: {
-		large: "component-600",
-		small: "component-500"
+		large: "component-light-600",
+		small: "component-light-500"
 	} },
 	defaultVariants: { size: "large" }
 }), EG = ({ children: e, icon: t = N, size: n = "large", variant: r = "default", footnote: i, ...a }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.111",
+  "version": "0.1.113",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [