@photoroom/ui 0.1.284 → 0.1.285

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.
@@ -9,6 +9,8 @@ export type ComparisonTableProps = Readonly<{
9
9
  photoroomIcon: React.ReactNode;
10
10
  otherAppIcon: React.ReactNode;
11
11
  features: ComparisonFeatureRow[];
12
+ includedLabel: string;
13
+ excludedLabel: string;
12
14
  }> & Omit<React.ComponentProps<"div">, "children">;
13
- export declare const ComparisonTable: ({ title, otherAppName, photoroomIcon, otherAppIcon, features, className, ...rest }: ComparisonTableProps) => import("react").JSX.Element;
15
+ export declare const ComparisonTable: ({ title, otherAppName, photoroomIcon, otherAppIcon, features, includedLabel, excludedLabel, className, ...rest }: ComparisonTableProps) => import("react").JSX.Element;
14
16
  //# sourceMappingURL=ComparisonTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ComparisonTable.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ComparisonBlock/ComparisonTable.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,oBAAoB,EAAE,CAAC;CAClC,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAYhD,eAAO,MAAM,eAAe,GAAI,oFAQ7B,oBAAoB,gCA+DtB,CAAC"}
1
+ {"version":3,"file":"ComparisonTable.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ComparisonBlock/ComparisonTable.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,oBAAoB,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAahD,eAAO,MAAM,eAAe,GAAI,kHAU7B,oBAAoB,gCAqEtB,CAAC"}
@@ -1,6 +1,8 @@
1
1
  export type ApiPricingFeaturesSectionItemBadgeProps = Readonly<{
2
2
  isChecked?: boolean;
3
3
  planName?: string;
4
+ includedLabel: string;
5
+ excludedLabel: string;
4
6
  }>;
5
- export declare const ApiPricingFeaturesSectionItemBadge: ({ isChecked, planName, }: ApiPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
7
+ export declare const ApiPricingFeaturesSectionItemBadge: ({ isChecked, planName, includedLabel, excludedLabel, }: ApiPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
6
8
  //# sourceMappingURL=ApiPricingFeaturesSectionItemBadge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ApiPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/ApiPricing/ApiPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,0BAGhD,uCAAuC,gCAEzC,CAAC"}
1
+ {"version":3,"file":"ApiPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/ApiPricing/ApiPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,wDAKhD,uCAAuC,gCASzC,CAAC"}
@@ -2,6 +2,8 @@ export type AppPricingFeaturesSectionItemBadgeProps = Readonly<{
2
2
  isChecked?: boolean;
3
3
  description?: string;
4
4
  planName?: string;
5
+ includedLabel: string;
6
+ excludedLabel: string;
5
7
  }>;
6
- export declare const AppPricingFeaturesSectionItemBadge: ({ isChecked, description, planName, }: AppPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
8
+ export declare const AppPricingFeaturesSectionItemBadge: ({ isChecked, description, planName, includedLabel, excludedLabel, }: AppPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
7
9
  //# sourceMappingURL=AppPricingFeaturesSectionItemBadge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,uCAIhD,uCAAuC,gCAQzC,CAAC"}
1
+ {"version":3,"file":"AppPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,qEAMhD,uCAAuC,gCAUzC,CAAC"}
@@ -2,6 +2,8 @@ export type PricingFeaturesSectionItemBadgeProps = Readonly<{
2
2
  isChecked?: boolean;
3
3
  planName?: string;
4
4
  description?: string;
5
+ includedLabel: string;
6
+ excludedLabel: string;
5
7
  }>;
6
- export declare const PricingFeaturesSectionItemBadge: ({ isChecked, planName, description, }: PricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
8
+ export declare const PricingFeaturesSectionItemBadge: ({ isChecked, planName, description, includedLabel, excludedLabel, }: PricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
7
9
  //# sourceMappingURL=PricingFeaturesSectionItemBadge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,+BAA+B,GAAI,uCAI7C,oCAAoC,gCAsBtC,CAAC"}
1
+ {"version":3,"file":"PricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,+BAA+B,GAAI,qEAM7C,oCAAoC,gCAgCtC,CAAC"}
package/index.mjs CHANGED
@@ -54980,18 +54980,18 @@ var Pge = ({ titleBlock: e, children: r, ...i }) => /* @__PURE__ */ n("div", {
54980
54980
  children: r
54981
54981
  })]
54982
54982
  })
54983
- }), d9 = ({ isFeatured: e }) => /* @__PURE__ */ t("span", {
54984
- "aria-label": String(e),
54985
- children: e ? /* @__PURE__ */ t(u, {
54986
- className: "text-content-primary icon-size-500",
54987
- "aria-hidden": "true"
54988
- }) : /* @__PURE__ */ t(g, {
54989
- className: "text-content-secondary icon-size-500",
54990
- "aria-hidden": "true"
54991
- })
54992
- }), zge = ({ title: e, otherAppName: r, photoroomIcon: i, otherAppIcon: a, features: o, className: s, ...c }) => /* @__PURE__ */ n("div", {
54993
- ...c,
54994
- className: U("rounded-500 bg-background-subdued w-full p-4 sm:p-6", s),
54983
+ }), d9 = ({ isFeatured: e, label: r }) => /* @__PURE__ */ n("span", { children: [e ? /* @__PURE__ */ t(u, {
54984
+ className: "text-content-primary icon-size-500",
54985
+ "aria-hidden": "true"
54986
+ }) : /* @__PURE__ */ t(g, {
54987
+ className: "text-content-secondary icon-size-500",
54988
+ "aria-hidden": "true"
54989
+ }), /* @__PURE__ */ t("span", {
54990
+ className: "sr-only",
54991
+ children: r
54992
+ })] }), zge = ({ title: e, otherAppName: r, photoroomIcon: i, otherAppIcon: a, features: o, includedLabel: s, excludedLabel: c, className: l, ...u }) => /* @__PURE__ */ n("div", {
54993
+ ...u,
54994
+ className: U("rounded-500 bg-background-subdued w-full p-4 sm:p-6", l),
54995
54995
  role: "table",
54996
54996
  "aria-label": e,
54997
54997
  children: [/* @__PURE__ */ t("div", {
@@ -55034,12 +55034,18 @@ var Pge = ({ titleBlock: e, children: r, ...i }) => /* @__PURE__ */ n("div", {
55034
55034
  /* @__PURE__ */ t("div", {
55035
55035
  className: "flex w-12 shrink-0 items-center justify-center self-stretch",
55036
55036
  role: "cell",
55037
- children: /* @__PURE__ */ t(d9, { isFeatured: e.isOtherAppFeature })
55037
+ children: /* @__PURE__ */ t(d9, {
55038
+ isFeatured: e.isOtherAppFeature,
55039
+ label: e.isOtherAppFeature ? s : c
55040
+ })
55038
55041
  }),
55039
55042
  /* @__PURE__ */ t("div", {
55040
55043
  className: "flex w-12 shrink-0 items-center justify-center self-stretch",
55041
55044
  role: "cell",
55042
- children: /* @__PURE__ */ t(d9, { isFeatured: e.isPhotoroomFeature })
55045
+ children: /* @__PURE__ */ t(d9, {
55046
+ isFeatured: e.isPhotoroomFeature,
55047
+ label: e.isPhotoroomFeature ? s : c
55048
+ })
55043
55049
  })
55044
55050
  ]
55045
55051
  }, e.featureName)), /* @__PURE__ */ t("div", {
@@ -56304,21 +56310,32 @@ var N_e = ({ lang: e, monthlyProcessedImages: r = 1e3, items: i, partnerCard: a,
56304
56310
  className: "flex flex-wrap gap-2 xl:gap-4",
56305
56311
  children: i
56306
56312
  })]
56307
- }), j9 = ({ isChecked: e, planName: r, description: i }) => /* @__PURE__ */ t(k9, { children: /* @__PURE__ */ n("div", {
56313
+ }), j9 = ({ isChecked: r, planName: i, description: a, includedLabel: o, excludedLabel: s }) => /* @__PURE__ */ t(k9, { children: /* @__PURE__ */ n("div", {
56308
56314
  className: H("h-8 px-2", "inline-flex items-center gap-1.5", "rounded-400 border-misc-hairline misc-border-size-hairline", "xl:h-auto xl:border-none xl:px-0", "component-500 text-content-primary"),
56309
- children: [!!r && /* @__PURE__ */ n("span", {
56315
+ children: [!!i && /* @__PURE__ */ n("span", {
56310
56316
  className: "text-content-secondary xl:hidden",
56311
- children: [r, ":"]
56312
- }), i || /* @__PURE__ */ t("div", {
56317
+ children: [i, ":"]
56318
+ }), a || /* @__PURE__ */ t("div", {
56313
56319
  className: "flex h-6 w-6 items-center justify-center",
56314
- children: e ? /* @__PURE__ */ t(u, { className: "icon-size-400" }) : ""
56320
+ children: r ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, { className: "icon-size-400" }), /* @__PURE__ */ t("span", {
56321
+ className: "sr-only",
56322
+ children: o
56323
+ })] }) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
56324
+ "aria-hidden": !0,
56325
+ children: "—"
56326
+ }), /* @__PURE__ */ t("span", {
56327
+ className: "sr-only",
56328
+ children: s
56329
+ })] })
56315
56330
  })]
56316
56331
  }) }), V_e = ({ planName: e, planShortName: n }) => /* @__PURE__ */ t(A9, {
56317
56332
  planName: e,
56318
56333
  planShortName: n
56319
- }), H_e = ({ isChecked: e, planName: n }) => /* @__PURE__ */ t(j9, {
56334
+ }), H_e = ({ isChecked: e, planName: n, includedLabel: r, excludedLabel: i }) => /* @__PURE__ */ t(j9, {
56320
56335
  isChecked: e,
56321
- planName: n
56336
+ planName: n,
56337
+ includedLabel: r,
56338
+ excludedLabel: i
56322
56339
  });
56323
56340
  //#endregion
56324
56341
  //#region src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/utils.ts
@@ -56607,10 +56624,12 @@ var U_e = ({ lang: e, billingPeriod: r = "yearly", items: i, userCountryCode: a,
56607
56624
  }, q_e = ({ planName: e, planShortName: n }) => /* @__PURE__ */ t(A9, {
56608
56625
  planName: e,
56609
56626
  planShortName: n
56610
- }), J_e = ({ isChecked: e, description: n, planName: r }) => /* @__PURE__ */ t(j9, {
56627
+ }), J_e = ({ isChecked: e, description: n, planName: r, includedLabel: i, excludedLabel: a }) => /* @__PURE__ */ t(j9, {
56611
56628
  isChecked: e,
56612
56629
  description: n,
56613
- planName: r
56630
+ planName: r,
56631
+ includedLabel: i,
56632
+ excludedLabel: a
56614
56633
  }), Y_e = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
56615
56634
  className: "rounded-400 bg-background-subdued inline-flex gap-0.5 p-0.5",
56616
56635
  ...n,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.284",
3
+ "version": "0.1.285",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [