@photoroom/ui 0.1.632 → 0.1.633

package/components/status/ListingGauge/ListingGauge.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 export type ListingGaugeTone = "negative" | "warning" | "progress" | "positive";
 /**
  * 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;
 export declare const listingGaugeToneVariants: (props?: ({
     tone?: "negative" | "positive" | "progress" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ListingGaugeShape = "ring" | "gauge";
 export type ListingGaugeProps = Readonly<{
     value: number;
     max?: number;
     label?: string;
+    /** `ring` closes the circle; `gauge` leaves a gap at the bottom. */
+    shape?: ListingGaugeShape;
+    /** Overrides the arc colour; by default it follows the Prism listing score thresholds. */
+    tone?: ListingGaugeTone;
+    /** Box size in px; the stroke stays 6px so a smaller gauge keeps the design weight. */
+    size?: number;
+    /** Shows the celebration sparkles; by default they follow the `positive` tone. */
+    sparkles?: boolean;
     className?: string;
+    /** Replaces the percentage and label in the centre of the ring. */
+    children?: ReactNode;
 }>;
-export declare const ListingGauge: ({ value, max, label, className, }: ListingGaugeProps) => import("react").JSX.Element;
+export declare const ListingGauge: ({ value, max, label, shape, tone: toneOverride, size: sizeOverride, sparkles, className, children, }: ListingGaugeProps) => import("react").JSX.Element;
 //# sourceMappingURL=ListingGauge.d.ts.map

package/components/status/ListingGauge/ListingGauge.d.ts.map

@@ -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"}
+{"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"}

package/components/website/DimensionCardsBlock/DimensionCardsBlock.d.ts

@@ -1,6 +1,8 @@
 export type DimensionCardsBlockProps = Readonly<{
     titleBlock?: React.ReactNode;
     footnote?: React.ReactNode;
+    /** Cards per row from `lg`: three wraps six cards into two rows, four keeps a set of four on one. */
+    columns?: 3 | 4;
 }> & React.ComponentProps<"section">;
-export declare const DimensionCardsBlock: ({ titleBlock, footnote, children, className, ...rest }: DimensionCardsBlockProps) => import("react").JSX.Element;
+export declare const DimensionCardsBlock: ({ titleBlock, footnote, columns, children, className, ...rest }: DimensionCardsBlockProps) => import("react").JSX.Element;
 //# sourceMappingURL=DimensionCardsBlock.d.ts.map

package/components/website/DimensionCardsBlock/DimensionCardsBlock.d.ts.map

@@ -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"}
+{"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"}