@photoroom/ui 0.1.108 → 0.1.109

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.
Files changed (7) hide show
  1. package/components/dialog/SpaceUsageDialog/SpaceUsageDialog.d.ts +19 -8
  2. package/components/dialog/SpaceUsageDialog/SpaceUsageDialog.d.ts.map +1 -1
  3. package/components/status/LimitGauge/LimitGauge.d.ts +25 -10
  4. package/components/status/LimitGauge/LimitGauge.d.ts.map +1 -1
  5. package/index.css +1 -1
  6. package/index.mjs +9619 -9512
  7. package/package.json +2 -2
package/components/dialog/SpaceUsageDialog/SpaceUsageDialog.d.ts CHANGED
@@ -1,20 +1,31 @@
1
- import { LimitGaugeProps } from "../../status/LimitGauge";
2
- export type SpaceUsageDialogSegment = Omit<LimitGaugeProps["segments"][number], "label"> & {
3
- /** Label displayed in the info row and used as the accessible label for the gauge segment */
1
+ import { LimitGaugeSegment } from "../../status/LimitGauge";
2
+ export type SpaceUsageDialogGauge = Omit<LimitGaugeSegment, "label"> & {
4
3
  label: string;
5
- /** Usage text displayed in the info row (e.g. "82% used", "1000/5000 used") */
6
4
  usage: React.ReactNode;
5
+ icon?: React.ReactNode;
7
6
  };
8
- export type SpaceUsageDialogProps = Readonly<{
7
+ /**
8
+ * Legacy single-ring multi-segment shape.
9
+ * TODO RETENT-252: Remove once `aiCreditsPool` ramps to 100%.
10
+ */
11
+ export type SpaceUsageDialogSegment = Omit<LimitGaugeSegment, "label"> & {
12
+ label: string;
13
+ usage: React.ReactNode;
14
+ };
15
+ type SpaceUsageDialogBaseProps = Readonly<{
9
16
  open: boolean;
10
17
  onClose: () => void;
11
18
  title: React.ReactNode;
12
- segments: SpaceUsageDialogSegment[];
13
19
  footer?: React.ReactNode;
14
- /** Action buttons rendered in the button row */
15
20
  children: React.ReactNode;
16
21
  dialogClassName?: string;
17
22
  testId?: string;
18
23
  }>;
19
- export declare const SpaceUsageDialog: ({ open, onClose, title, segments, footer, children, dialogClassName, testId, }: SpaceUsageDialogProps) => import("react/jsx-runtime").JSX.Element | null;
24
+ /** Pass exactly one of `gauges` (one ring per item) or `segments` (one ring with multiple segments). */
25
+ export type SpaceUsageDialogProps = SpaceUsageDialogBaseProps & {
26
+ gauges?: SpaceUsageDialogGauge[];
27
+ segments?: SpaceUsageDialogSegment[];
28
+ };
29
+ export declare const SpaceUsageDialog: (props: SpaceUsageDialogProps) => import("react/jsx-runtime").JSX.Element | null;
30
+ export {};
20
31
  //# sourceMappingURL=SpaceUsageDialog.d.ts.map
package/components/dialog/SpaceUsageDialog/SpaceUsageDialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpaceUsageDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/SpaceUsageDialog/SpaceUsageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAGtE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;IACzF,6FAA6F;IAC7F,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,uBAAuB,EAAE,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAGH,eAAO,MAAM,gBAAgB,GAAI,gFAS9B,qBAAqB,mDA0CvB,CAAC"}
1
+ {"version":3,"file":"SpaceUsageDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/SpaceUsageDialog/SpaceUsageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,yBAAyB,GAAG,QAAQ,CAAC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,wGAAwG;AACxG,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG;IAC9D,MAAM,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,uBAAuB,EAAE,CAAC;CACtC,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,mDAmF5D,CAAC"}
package/components/status/LimitGauge/LimitGauge.d.ts CHANGED
@@ -1,12 +1,27 @@
1
- export type LimitGaugeProps = Readonly<{
2
- segments: Array<{
3
- value: number;
4
- max?: number;
5
- color?: string;
6
- label?: string;
7
- hideProgress?: boolean;
8
- }>;
1
+ import { ReactNode } from "react";
2
+ export type LimitGaugeVariant = "default" | "compact";
3
+ export type LimitGaugeSegment = {
4
+ value: number;
5
+ max?: number;
6
+ color?: string;
7
+ label?: string;
8
+ };
9
+ type BaseProps = {
10
+ variant?: LimitGaugeVariant;
9
11
  className?: string;
10
- }>;
11
- export declare const LimitGauge: ({ segments, className }: LimitGaugeProps) => import("react/jsx-runtime").JSX.Element;
12
+ };
13
+ type MultiSegmentProps = BaseProps & {
14
+ segments: LimitGaugeSegment[];
15
+ };
16
+ /**
17
+ * default → 88px ring with optional center content + bottom icon
18
+ * compact → 48px ring with a single centered icon
19
+ */
20
+ type SingleSegmentProps = BaseProps & LimitGaugeSegment & {
21
+ icon?: ReactNode;
22
+ content?: ReactNode;
23
+ };
24
+ export type LimitGaugeProps = MultiSegmentProps | SingleSegmentProps;
25
+ export declare const LimitGauge: (props: LimitGaugeProps) => import("react/jsx-runtime").JSX.Element;
26
+ export {};
12
27
  //# sourceMappingURL=LimitGauge.d.ts.map
package/components/status/LimitGauge/LimitGauge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LimitGauge.d.ts","sourceRoot":"","sources":["../../../../src/components/status/LimitGauge/LimitGauge.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAUH,eAAO,MAAM,UAAU,GAAI,yBAAyB,eAAe,4CAqFlE,CAAC"}
1
+ {"version":3,"file":"LimitGauge.d.ts","sourceRoot":"","sources":["../../../../src/components/status/LimitGauge/LimitGauge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAS,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACnC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,KAAK,kBAAkB,GAAG,SAAS,GACjC,iBAAiB,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAoBrE,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAiJhD,CAAC"}