@photoroom/ui 0.1.112 → 0.1.114

package/components/content/ProductTile/ProductTile.d.ts

@@ -4,11 +4,11 @@ type ProductTileProps = {
     imageUrl?: string;
     mediaCount: number;
     onClick?: () => void;
-    hasUnsavedChanges?: boolean;
-    unsavedChangesLabel: React.ReactNode;
+    hasUnpublishedChanges?: boolean;
+    unpublishedChangesLabel: React.ReactNode;
     sellScore?: SellScoreProps;
     className?: string;
 };
-export declare const ProductTile: ({ title, imageUrl, sellScore, mediaCount, onClick, hasUnsavedChanges, unsavedChangesLabel, className, }: ProductTileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductTile: ({ title, imageUrl, sellScore, mediaCount, onClick, hasUnpublishedChanges, unpublishedChangesLabel, className, }: ProductTileProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ProductTile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ProductTile/ProductTile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAK9D,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yGASzB,gBAAgB,4CAqBlB,CAAC"}
+{"version":3,"file":"ProductTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ProductTile/ProductTile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAK9D,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,iHASzB,gBAAgB,4CAqBlB,CAAC"}

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

@@ -32845,7 +32845,7 @@ var rG = ({ checkerboard: e, cover: t, imageUrl: n, loading: r, bottomRightIcon:
 mG.Label = fG, mG.Gauge = uG;
 //#endregion
 //#region src/components/status/UnpublishedStatus/UnpublishedStatus.tsx
-var hG = U("rounded-300 component-semi-strong-300 inline-flex h-5 items-center justify-center gap-1", {
+var hG = U("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-center justify-center gap-1", {
 	variants: { background: {
 		true: "bg-background-subdued text-content-black-primary dark:bg-background-white px-2",
 		false: "text-content-primary"
@@ -32901,7 +32901,7 @@ var hG = U("rounded-300 component-semi-strong-300 inline-flex h-5 items-center j
 		className: "flex h-full w-full items-center justify-center",
 		children: /* @__PURE__ */ T(xe, { className: "text-content-tertiary icon-size-600" })
 	})
-}), yG = ({ title: e, imageUrl: t, sellScore: n, mediaCount: r, onClick: i, hasUnsavedChanges: a = !1, unsavedChangesLabel: o, className: s }) => /* @__PURE__ */ E("div", {
+}), yG = ({ title: e, imageUrl: t, sellScore: n, mediaCount: r, onClick: i, hasUnpublishedChanges: a = !1, unpublishedChangesLabel: o, className: s }) => /* @__PURE__ */ E("div", {
 	onClick: i,
 	className: H("rounded-500 bg-surface-high relative flex cursor-pointer items-center justify-start gap-3 p-1 pr-9", "border-misc-hairline misc-border-size-hairline hover:border-misc-border-emphasized", "active:bg-background-subdued-down", s),
 	children: [/* @__PURE__ */ T(vG, {

package/package.json

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