@photoroom/ui 0.1.631 → 0.1.633

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,4 @@
1
+ import type { ReactNode } from "react";
1
2
  export type ListingGaugeTone = "negative" | "warning" | "progress" | "positive";
2
3
  /**
3
4
  * Maps a listing score percentage to the arc and label colors from the Prism listing gauge spec
@@ -7,11 +8,22 @@ export declare const getListingGaugeTone: (percent: number) => ListingGaugeTone;
7
8
  export declare const listingGaugeToneVariants: (props?: ({
8
9
  tone?: "negative" | "positive" | "progress" | "warning" | null | undefined;
9
10
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
11
+ export type ListingGaugeShape = "ring" | "gauge";
10
12
  export type ListingGaugeProps = Readonly<{
11
13
  value: number;
12
14
  max?: number;
13
15
  label?: string;
16
+ /** `ring` closes the circle; `gauge` leaves a gap at the bottom. */
17
+ shape?: ListingGaugeShape;
18
+ /** Overrides the arc colour; by default it follows the Prism listing score thresholds. */
19
+ tone?: ListingGaugeTone;
20
+ /** Box size in px; the stroke stays 6px so a smaller gauge keeps the design weight. */
21
+ size?: number;
22
+ /** Shows the celebration sparkles; by default they follow the `positive` tone. */
23
+ sparkles?: boolean;
14
24
  className?: string;
25
+ /** Replaces the percentage and label in the centre of the ring. */
26
+ children?: ReactNode;
15
27
  }>;
16
- export declare const ListingGauge: ({ value, max, label, className, }: ListingGaugeProps) => import("react").JSX.Element;
28
+ export declare const ListingGauge: ({ value, max, label, shape, tone: toneOverride, size: sizeOverride, sparkles, className, children, }: ListingGaugeProps) => import("react").JSX.Element;
17
29
  //# sourceMappingURL=ListingGauge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListingGauge.d.ts","sourceRoot":"","sources":["../../../../src/components/status/ListingGauge/ListingGauge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,gBAWrD,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EAYnC,CAAC;AA+CH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,sCAKtB,iBAAiB,gCAkGnB,CAAC"}
1
+ {"version":3,"file":"ListingGauge.d.ts","sourceRoot":"","sources":["../../../../src/components/status/ListingGauge/ListingGauge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,gBAWrD,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EAYnC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AA8DjD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,yGAUtB,iBAAiB,gCA0HnB,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import React from "react";
2
2
  import { DropZoneOverlayWrapperProps } from "./DropZoneOverlayWrapper";
3
- export type DropZoneAreaWrapperProps = Pick<DropZoneOverlayWrapperProps, "showOverlay" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop"> & Readonly<{
3
+ export type DropZoneAreaWrapperProps = Pick<DropZoneOverlayWrapperProps, "showOverlay" | "captureWindowEvents" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop"> & Readonly<{
4
4
  className?: string;
5
5
  overlayClassName?: string;
6
6
  overlay: React.ReactNode;
7
7
  children: React.ReactNode;
8
8
  }>;
9
- export declare const DropZoneAreaWrapper: ({ className, showOverlay, overlay, overlayClassName, children, onDrop, onDragEnter, onDragLeave, onDragOver, }: DropZoneAreaWrapperProps) => React.JSX.Element;
9
+ export declare const DropZoneAreaWrapper: ({ className, showOverlay, captureWindowEvents, overlay, overlayClassName, children, onDrop, onDragEnter, onDragLeave, onDragOver, }: DropZoneAreaWrapperProps) => React.JSX.Element;
10
10
  //# sourceMappingURL=DropZoneAreaWrapper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropZoneAreaWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/FileUploader/DropZoneAreaWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA0B,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE/F,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,2BAA2B,EAC3B,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,YAAY,GAAG,QAAQ,CACxE,GACC,QAAQ,CAAC;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,mBAAmB,mHAU7B,wBAAwB,sBAoB1B,CAAC"}
1
+ {"version":3,"file":"DropZoneAreaWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/FileUploader/DropZoneAreaWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA0B,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE/F,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,2BAA2B,EAC3B,aAAa,GAAG,qBAAqB,GAAG,aAAa,GAAG,aAAa,GAAG,YAAY,GAAG,QAAQ,CAChG,GACC,QAAQ,CAAC;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,mBAAmB,wIAW7B,wBAAwB,sBAqB1B,CAAC"}
@@ -3,6 +3,8 @@ export type DropZoneFullscreenProps = Pick<DropZoneFullscreenWrapperProps, "clas
3
3
  title?: string;
4
4
  description?: string;
5
5
  tip?: React.ReactNode;
6
+ /** When set, `title`, `description` and `tip` are ignored. */
7
+ overlay?: React.ReactNode;
6
8
  }>;
7
- export declare const DropZoneFullscreen: ({ showOverlay, className, title, description, tip, onDragEnter, onDragLeave, onDragOver, onDrop, }: DropZoneFullscreenProps) => import("react").JSX.Element;
9
+ export declare const DropZoneFullscreen: ({ showOverlay, className, title, description, tip, overlay, onDragEnter, onDragLeave, onDragOver, onDrop, }: DropZoneFullscreenProps) => import("react").JSX.Element;
8
10
  //# sourceMappingURL=DropZoneFullscreen.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropZoneFullscreen.d.ts","sourceRoot":"","sources":["../../../../../src/components/unsorted/FileUploader/DropZoneFullscreen/DropZoneFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,8BAA8B,EAC/B,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,8BAA8B,EAC9B,WAAW,GAAG,aAAa,GAAG,aAAa,GAAG,YAAY,GAAG,QAAQ,GAAG,aAAa,CACtF,GACC,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC,CAAC;AAEL,eAAO,MAAM,kBAAkB,uGAU5B,uBAAuB,gCAYzB,CAAC"}
1
+ {"version":3,"file":"DropZoneFullscreen.d.ts","sourceRoot":"","sources":["../../../../../src/components/unsorted/FileUploader/DropZoneFullscreen/DropZoneFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,8BAA8B,EAC/B,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,8BAA8B,EAC9B,WAAW,GAAG,aAAa,GAAG,aAAa,GAAG,YAAY,GAAG,QAAQ,GAAG,aAAa,CACtF,GACC,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,kBAAkB,gHAW5B,uBAAuB,gCAYzB,CAAC"}
@@ -3,6 +3,11 @@ import { type AnyDragEvent } from "../../../hooks";
3
3
  export type DropZoneOverlayWrapperProps = Readonly<{
4
4
  className?: string;
5
5
  fullscreen?: boolean;
6
+ /**
7
+ * Window-level drag listeners, so a drag starting outside the browser raises the overlay.
8
+ * Defaults to `fullscreen`; set it to opt a non-fullscreen drop zone into the same capture.
9
+ */
10
+ captureWindowEvents?: boolean;
6
11
  children: React.ReactNode;
7
12
  showOverlay: boolean;
8
13
  onDragEnter?: (event: AnyDragEvent) => void;
@@ -10,5 +15,5 @@ export type DropZoneOverlayWrapperProps = Readonly<{
10
15
  onDragOver?: (event: AnyDragEvent) => void;
11
16
  onDrop: (event: AnyDragEvent) => void;
12
17
  }>;
13
- export declare const DropZoneOverlayWrapper: ({ fullscreen, children, showOverlay, className, onDragEnter, onDragLeave, onDragOver, onDrop, }: DropZoneOverlayWrapperProps) => React.JSX.Element;
18
+ export declare const DropZoneOverlayWrapper: ({ fullscreen, captureWindowEvents, children, showOverlay, className, onDragEnter, onDragLeave, onDragOver, onDrop, }: DropZoneOverlayWrapperProps) => React.JSX.Element;
14
19
  //# sourceMappingURL=DropZoneOverlayWrapper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropZoneOverlayWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/FileUploader/DropZoneOverlayWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,YAAY,EAAuB,MAAM,gBAAgB,CAAC;AAExE,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,MAAM,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oGAShC,2BAA2B,sBA2C7B,CAAC"}
1
+ {"version":3,"file":"DropZoneOverlayWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/FileUploader/DropZoneOverlayWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,YAAY,EAAuB,MAAM,gBAAgB,CAAC;AAExE,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,MAAM,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,yHAUhC,2BAA2B,sBA+D7B,CAAC"}
@@ -1,6 +1,8 @@
1
1
  export type DimensionCardsBlockProps = Readonly<{
2
2
  titleBlock?: React.ReactNode;
3
3
  footnote?: React.ReactNode;
4
+ /** Cards per row from `lg`: three wraps six cards into two rows, four keeps a set of four on one. */
5
+ columns?: 3 | 4;
4
6
  }> & React.ComponentProps<"section">;
5
- export declare const DimensionCardsBlock: ({ titleBlock, footnote, children, className, ...rest }: DimensionCardsBlockProps) => import("react").JSX.Element;
7
+ export declare const DimensionCardsBlock: ({ titleBlock, footnote, columns, children, className, ...rest }: DimensionCardsBlockProps) => import("react").JSX.Element;
6
8
  //# sourceMappingURL=DimensionCardsBlock.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DimensionCardsBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/DimensionCardsBlock/DimensionCardsBlock.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAElC,eAAO,MAAM,mBAAmB,2DAM7B,wBAAwB,gCAqB1B,CAAC"}
1
+ {"version":3,"file":"DimensionCardsBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/DimensionCardsBlock/DimensionCardsBlock.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qGAAqG;IACrG,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB,CAAC,GACA,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAElC,eAAO,MAAM,mBAAmB,oEAO7B,wBAAwB,gCA0B1B,CAAC"}