@photoroom/ui 0.1.264 → 0.1.265

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 (16) hide show
  1. package/components/website/BentoBlock/BentoBlock.d.ts +2 -1
  2. package/components/website/BentoBlock/BentoBlock.d.ts.map +1 -1
  3. package/components/website/FaqBlock/FaqItem.d.ts +2 -1
  4. package/components/website/FaqBlock/FaqItem.d.ts.map +1 -1
  5. package/components/website/FeaturesBlock/FeatureSwitcher.d.ts +2 -1
  6. package/components/website/FeaturesBlock/FeatureSwitcher.d.ts.map +1 -1
  7. package/components/website/TestimonialSpotlightBlock/TestimonialSpotlightBlock.d.ts +2 -1
  8. package/components/website/TestimonialSpotlightBlock/TestimonialSpotlightBlock.d.ts.map +1 -1
  9. package/components/website/TestimonialsBlock/TestimonialsBlock.d.ts +2 -1
  10. package/components/website/TestimonialsBlock/TestimonialsBlock.d.ts.map +1 -1
  11. package/components/website/UseCasesBlock/UseCasesBlock.d.ts +2 -1
  12. package/components/website/UseCasesBlock/UseCasesBlock.d.ts.map +1 -1
  13. package/components/website/WalkthroughBlock/WalkthroughBlock.d.ts +2 -1
  14. package/components/website/WalkthroughBlock/WalkthroughBlock.d.ts.map +1 -1
  15. package/index.mjs +53 -49
  16. package/package.json +1 -1
package/components/website/BentoBlock/BentoBlock.d.ts CHANGED
@@ -4,6 +4,7 @@ export type BentoBlockProps = Omit<React.ComponentProps<"section">, "title" | "c
4
4
  label: React.ReactNode;
5
5
  cards: React.ReactNode;
6
6
  }>;
7
+ forceShowAll?: boolean;
7
8
  }>;
8
- export declare const BentoBlock: ({ title, tabs, className, ...rest }: BentoBlockProps) => import("react").JSX.Element;
9
+ export declare const BentoBlock: ({ title, tabs, forceShowAll, className, ...rest }: BentoBlockProps) => import("react").JSX.Element;
9
10
  //# sourceMappingURL=BentoBlock.d.ts.map
package/components/website/BentoBlock/BentoBlock.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BentoBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/BentoBlock/BentoBlock.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GACvF,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CACzE,CAAC,CAAC;AAEL,eAAO,MAAM,UAAU,GAAI,qCAAqC,eAAe,gCAmE9E,CAAC"}
1
+ {"version":3,"file":"BentoBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/BentoBlock/BentoBlock.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GACvF,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEL,eAAO,MAAM,UAAU,GAAI,mDAMxB,eAAe,gCAiFjB,CAAC"}
package/components/website/FaqBlock/FaqItem.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export type FaqItemProps = Omit<React.ComponentProps<"article">, "children"> & Readonly<{
2
2
  answer: React.ReactNode;
3
3
  question: string;
4
+ forceShowAll?: boolean;
4
5
  }>;
5
- export declare const FaqItem: ({ question, answer, ...rest }: FaqItemProps) => import("react").JSX.Element;
6
+ export declare const FaqItem: ({ question, answer, forceShowAll, ...rest }: FaqItemProps) => import("react").JSX.Element;
6
7
  //# sourceMappingURL=FaqItem.d.ts.map
package/components/website/FaqBlock/FaqItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FaqItem.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FaqBlock/FaqItem.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAC1E,QAAQ,CAAC;IACP,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEL,eAAO,MAAM,OAAO,GAAI,+BAA+B,YAAY,gCAyClE,CAAC"}
1
+ {"version":3,"file":"FaqItem.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FaqBlock/FaqItem.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAC1E,QAAQ,CAAC;IACP,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEL,eAAO,MAAM,OAAO,GAAI,6CAAqD,YAAY,gCA0CxF,CAAC"}
package/components/website/FeaturesBlock/FeatureSwitcher.d.ts CHANGED
@@ -4,6 +4,7 @@ export type FeatureSwitcherProps = Readonly<{
4
4
  cta?: React.ReactNode;
5
5
  content?: React.ReactNode;
6
6
  }>;
7
+ forceShowAll?: boolean;
7
8
  }>;
8
- export declare const FeatureSwitcher: ({ selectedIndex, features }: FeatureSwitcherProps) => import("react").JSX.Element;
9
+ export declare const FeatureSwitcher: ({ selectedIndex, features, forceShowAll, }: FeatureSwitcherProps) => import("react").JSX.Element;
9
10
  //# sourceMappingURL=FeatureSwitcher.d.ts.map
package/components/website/FeaturesBlock/FeatureSwitcher.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FeatureSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FeaturesBlock/FeatureSwitcher.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,6BAA6B,oBAAoB,gCAoChF,CAAC"}
1
+ {"version":3,"file":"FeatureSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/website/FeaturesBlock/FeatureSwitcher.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,4CAI7B,oBAAoB,gCAyCtB,CAAC"}
package/components/website/TestimonialSpotlightBlock/TestimonialSpotlightBlock.d.ts CHANGED
@@ -12,6 +12,7 @@ export type TestimonialSpotlightBlockProps = Omit<React.ComponentProps<"section"
12
12
  cards: React.ReactNode[];
13
13
  logos?: TestimonialSpotlightLogo[];
14
14
  cta?: React.ReactNode;
15
+ forceShowAll?: boolean;
15
16
  }>;
16
- export declare const TestimonialSpotlightBlock: ({ title, cards, logos, cta, className, ...rest }: TestimonialSpotlightBlockProps) => import("react").JSX.Element;
17
+ export declare const TestimonialSpotlightBlock: ({ title, cards, logos, cta, forceShowAll, className, ...rest }: TestimonialSpotlightBlockProps) => import("react").JSX.Element;
17
18
  //# sourceMappingURL=TestimonialSpotlightBlock.d.ts.map
package/components/website/TestimonialSpotlightBlock/TestimonialSpotlightBlock.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TestimonialSpotlightBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/TestimonialSpotlightBlock/TestimonialSpotlightBlock.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAUH,eAAO,MAAM,8BAA8B;WAPlC,MAAM;YACL,MAAM,IAAI;YACV,MAAM,IAAI;SAKuE,CAAC;AAE5F,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GACzF,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC,CAAC;AAEL,eAAO,MAAM,yBAAyB,GAAI,kDAOvC,8BAA8B,gCAmEhC,CAAC"}
1
+ {"version":3,"file":"TestimonialSpotlightBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/TestimonialSpotlightBlock/TestimonialSpotlightBlock.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAUH,eAAO,MAAM,8BAA8B;WAPlC,MAAM;YACL,MAAM,IAAI;YACV,MAAM,IAAI;SAKuE,CAAC;AAE5F,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GACzF,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEL,eAAO,MAAM,yBAAyB,GAAI,gEAQvC,8BAA8B,gCAqEhC,CAAC"}
package/components/website/TestimonialsBlock/TestimonialsBlock.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export type TestimonialsBlockProps = {
2
2
  titleBlock?: React.ReactNode;
3
3
  testimonials?: React.JSX.Element[];
4
+ forceShowAll?: boolean;
4
5
  } & React.ComponentProps<"section">;
5
- export declare const TestimonialsBlock: ({ titleBlock, testimonials, className, ...rest }: TestimonialsBlockProps) => import("react").JSX.Element;
6
+ export declare const TestimonialsBlock: ({ titleBlock, testimonials, forceShowAll, className, ...rest }: TestimonialsBlockProps) => import("react").JSX.Element;
6
7
  //# sourceMappingURL=TestimonialsBlock.d.ts.map
package/components/website/TestimonialsBlock/TestimonialsBlock.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TestimonialsBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/TestimonialsBlock/TestimonialsBlock.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;CACpC,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAAI,kDAK/B,sBAAsB,gCAiFxB,CAAC"}
1
+ {"version":3,"file":"TestimonialsBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/TestimonialsBlock/TestimonialsBlock.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAAI,gEAM/B,sBAAsB,gCAuFxB,CAAC"}
package/components/website/UseCasesBlock/UseCasesBlock.d.ts CHANGED
@@ -8,6 +8,7 @@ export type UseCasesBlockProps = Readonly<{
8
8
  content?: React.ReactNode;
9
9
  description?: string;
10
10
  }>;
11
+ forceShowAll?: boolean;
11
12
  }>;
12
- export declare const UseCasesBlock: ({ titleBlock, selectedIndex, background, useCases, ...rest }: UseCasesBlockProps) => import("react").JSX.Element;
13
+ export declare const UseCasesBlock: ({ titleBlock, selectedIndex, background, useCases, forceShowAll, ...rest }: UseCasesBlockProps) => import("react").JSX.Element;
13
14
  //# sourceMappingURL=UseCasesBlock.d.ts.map
package/components/website/UseCasesBlock/UseCasesBlock.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UseCasesBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/UseCasesBlock/UseCasesBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,8DAM3B,kBAAkB,gCAgDpB,CAAC"}
1
+ {"version":3,"file":"UseCasesBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/UseCasesBlock/UseCasesBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,4EAO3B,kBAAkB,gCAuDpB,CAAC"}
package/components/website/WalkthroughBlock/WalkthroughBlock.d.ts CHANGED
@@ -12,6 +12,7 @@ export type WalkthroughBlockItem = Readonly<{
12
12
  export type WalkthroughBlockProps = React.ComponentProps<"section"> & Readonly<{
13
13
  titleBlock?: React.ReactNode;
14
14
  items: ReadonlyArray<WalkthroughBlockItem>;
15
+ forceShowAll?: boolean;
15
16
  }>;
16
- export declare const WalkthroughBlock: ({ titleBlock, items, className, ...rest }: WalkthroughBlockProps) => import("react").JSX.Element;
17
+ export declare const WalkthroughBlock: ({ titleBlock, items, forceShowAll, className, ...rest }: WalkthroughBlockProps) => import("react").JSX.Element;
17
18
  //# sourceMappingURL=WalkthroughBlock.d.ts.map
package/components/website/WalkthroughBlock/WalkthroughBlock.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WalkthroughBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/WalkthroughBlock/WalkthroughBlock.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GACjE,QAAQ,CAAC;IACP,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;CAC5C,CAAC,CAAC;AAIL,eAAO,MAAM,gBAAgB,GAAI,2CAK9B,qBAAqB,gCAyHvB,CAAC"}
1
+ {"version":3,"file":"WalkthroughBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/WalkthroughBlock/WalkthroughBlock.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GACjE,QAAQ,CAAC;IACP,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAIL,eAAO,MAAM,gBAAgB,GAAI,yDAM9B,qBAAqB,gCA0HvB,CAAC"}
package/index.mjs CHANGED
@@ -54693,11 +54693,11 @@ var gge = ({ title: e, date: r, className: i }) => /* @__PURE__ */ n("div", {
54693
54693
  ]
54694
54694
  })
54695
54695
  })
54696
- }), Sge = ({ title: e, tabs: r, className: i, ...a }) => {
54697
- let [o, s] = je(0), c = Math.min(o, Math.max(0, r.length - 1));
54696
+ }), Sge = ({ title: e, tabs: r, forceShowAll: i = !1, className: a, ...o }) => {
54697
+ let [s, c] = je(0), l = Math.min(s, Math.max(0, r.length - 1));
54698
54698
  return /* @__PURE__ */ t("section", {
54699
- className: U("pt-e700 pb-e1000 w-full px-4 sm:px-6 md:px-8 xl:px-10", i),
54700
- ...a,
54699
+ className: U("pt-e700 pb-e1000 w-full px-4 sm:px-6 md:px-8 xl:px-10", a),
54700
+ ...o,
54701
54701
  children: /* @__PURE__ */ n("div", {
54702
54702
  className: "mx-auto flex w-full max-w-[1200px] flex-col items-center",
54703
54703
  children: [
@@ -54709,9 +54709,9 @@ var gge = ({ title: e, date: r, className: i }) => /* @__PURE__ */ n("div", {
54709
54709
  className: "pb-i400 flex w-full justify-center",
54710
54710
  children: /* @__PURE__ */ t(w5, {
54711
54711
  className: "w-full max-w-[600px]",
54712
- value: String(c),
54712
+ value: String(l),
54713
54713
  onValueChange: (e) => {
54714
- e && s(Number(e));
54714
+ e && c(Number(e));
54715
54715
  },
54716
54716
  children: r.map((e, n) => /* @__PURE__ */ t(w5.Item, {
54717
54717
  value: String(n),
@@ -54721,20 +54721,24 @@ var gge = ({ title: e, date: r, className: i }) => /* @__PURE__ */ n("div", {
54721
54721
  })
54722
54722
  }),
54723
54723
  /* @__PURE__ */ t("div", {
54724
- className: "grid w-full grid-cols-1 grid-rows-1 overflow-x-clip",
54724
+ className: U("w-full", i ? "flex flex-col gap-12" : "grid grid-cols-1 grid-rows-1 overflow-x-clip"),
54725
54725
  children: r.map((e, r) => {
54726
- let i = r === c, a = fe.toArray(e.cards);
54726
+ let a = r === l, o = fe.toArray(e.cards);
54727
54727
  return /* @__PURE__ */ n("div", {
54728
- "aria-hidden": !i,
54729
- inert: !i,
54730
- style: { transform: `translateX(${(r - c) * 1}rem)` },
54731
- className: U("col-start-1 row-start-1 flex flex-col gap-6", "transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none", i ? "opacity-100" : "opacity-0"),
54728
+ "aria-hidden": !i && !a,
54729
+ inert: !i && !a,
54730
+ style: i ? void 0 : { transform: `translateX(${(r - l) * 1}rem)` },
54731
+ className: U("flex flex-col gap-6", i ? "opacity-100" : [
54732
+ "col-start-1 row-start-1",
54733
+ "transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none",
54734
+ a ? "opacity-100" : "opacity-0"
54735
+ ]),
54732
54736
  children: [/* @__PURE__ */ t("div", {
54733
54737
  className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-[minmax(0,1fr)_minmax(0,400px)]",
54734
- children: a.slice(0, 2)
54735
- }), a.length > 2 && /* @__PURE__ */ t("div", {
54738
+ children: o.slice(0, 2)
54739
+ }), o.length > 2 && /* @__PURE__ */ t("div", {
54736
54740
  className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-[minmax(0,400px)_minmax(0,1fr)]",
54737
- children: a.slice(2, 4)
54741
+ children: o.slice(2, 4)
54738
54742
  })]
54739
54743
  }, r);
54740
54744
  })
@@ -55117,33 +55121,33 @@ var Nge = ({ title: e, background: r = "surface-default", children: i, className
55117
55121
  children: a
55118
55122
  })]
55119
55123
  })
55120
- }), Bge = ({ question: e, answer: r, ...a }) => {
55121
- let o = Te(), [s, c] = je(!1);
55124
+ }), Bge = ({ question: e, answer: r, forceShowAll: a = !1, ...o }) => {
55125
+ let s = Te(), [c, l] = je(!1), u = a || c;
55122
55126
  return /* @__PURE__ */ n("article", {
55123
- ...a,
55127
+ ...o,
55124
55128
  children: [/* @__PURE__ */ n("div", {
55125
55129
  className: "group/faq-question flex cursor-pointer flex-row items-start justify-between gap-4 py-4 outline-hidden sm:py-6",
55126
55130
  role: "button",
55127
- "aria-controls": `faq-answer-${o}`,
55128
- onClick: () => c((e) => !e),
55131
+ "aria-controls": `faq-answer-${s}`,
55132
+ onClick: () => l((e) => !e),
55129
55133
  children: [/* @__PURE__ */ t("h4", {
55130
55134
  className: "component-600 sm:component-700 max-w-[640px] pt-[5px] [word-break:break-word] sm:pt-[3px]",
55131
55135
  children: e
55132
55136
  }), /* @__PURE__ */ t(kr, {
55133
55137
  icon: i,
55134
- variant: s ? "primary" : "secondary",
55138
+ variant: u ? "primary" : "secondary",
55135
55139
  density: "regular",
55136
55140
  className: H("h-8 w-8 shrink-0 rounded-full transition-all", {
55137
- "group-hover/faq-question:bg-background-hover -rotate-45": s,
55138
- "group-hover/faq-question:bg-background-subdued-hover": !s
55141
+ "group-hover/faq-question:bg-background-hover -rotate-45": u,
55142
+ "group-hover/faq-question:bg-background-subdued-hover": !u
55139
55143
  })
55140
55144
  })]
55141
55145
  }), /* @__PURE__ */ t("div", {
55142
- id: `faq-answer-${o}`,
55143
- "aria-expanded": s,
55146
+ id: `faq-answer-${s}`,
55147
+ "aria-expanded": u,
55144
55148
  className: H("grid transition-all duration-200 ease-in-out", {
55145
- "grid-rows-[0fr] opacity-0": !s,
55146
- "grid-rows-[1fr] opacity-100": s
55149
+ "grid-rows-[0fr] opacity-0": !u,
55150
+ "grid-rows-[1fr] opacity-100": u
55147
55151
  }),
55148
55152
  children: /* @__PURE__ */ t("div", {
55149
55153
  className: "overflow-hidden",
@@ -55201,15 +55205,15 @@ var Nge = ({ title: e, background: r = "surface-default", children: i, className
55201
55205
  },
55202
55206
  ...i,
55203
55207
  children: e
55204
- }), Gge = ({ selectedIndex: e, features: r }) => /* @__PURE__ */ n("div", {
55208
+ }), Gge = ({ selectedIndex: e, features: r, forceShowAll: i = !1 }) => /* @__PURE__ */ n("div", {
55205
55209
  className: "flex flex-col gap-6",
55206
55210
  children: [r && /* @__PURE__ */ t("ul", {
55207
55211
  className: H("relative", "grid gap-2 text-center", "grid-cols-2 sm:grid-cols-4"),
55208
55212
  children: r.map(({ cta: e }, n) => /* @__PURE__ */ t(me, { children: e }, n))
55209
55213
  }), r && /* @__PURE__ */ t("div", {
55210
- className: "grid w-full",
55214
+ className: H("w-full", i ? "flex flex-col gap-6" : "grid"),
55211
55215
  children: r.map((n, r) => /* @__PURE__ */ t("div", {
55212
- className: H("col-1 row-1 transition-opacity duration-500", e === r ? "opacity-100" : "pointer-events-none opacity-0"),
55216
+ className: H("transition-opacity duration-500", i ? "opacity-100" : ["col-1 row-1", e === r ? "opacity-100" : "pointer-events-none opacity-0"]),
55213
55217
  children: /* @__PURE__ */ t("div", { children: n.content })
55214
55218
  }, r))
55215
55219
  })]
@@ -56862,32 +56866,32 @@ var eve = ({ titleBlock: e, content: r, ctaLabel: i, ctaLink: a, ...o }) => /* @
56862
56866
  ]
56863
56867
  })
56864
56868
  ]
56865
- }), nve = ({ titleBlock: e, testimonials: r, className: i, ...a }) => {
56866
- let [c, l] = je(0), u = r && c > r.length - 1 ? 0 : c, d = () => {
56867
- l((e) => e === 0 ? (r || []).length - 1 : e - 1);
56868
- }, f = () => {
56869
- l((e) => e === (r || []).length - 1 ? 0 : e + 1);
56869
+ }), nve = ({ titleBlock: e, testimonials: r, forceShowAll: i = !1, className: a, ...c }) => {
56870
+ let [l, u] = je(0), d = r && l > r.length - 1 ? 0 : l, f = () => {
56871
+ u((e) => e === 0 ? (r || []).length - 1 : e - 1);
56872
+ }, p = () => {
56873
+ u((e) => e === (r || []).length - 1 ? 0 : e + 1);
56870
56874
  };
56871
56875
  return /* @__PURE__ */ t("section", {
56872
- className: U("pt-e700 pb-e1000 px-4 sm:px-6 md:px-8 xl:px-10", i),
56873
- ...a,
56876
+ className: U("pt-e700 pb-e1000 px-4 sm:px-6 md:px-8 xl:px-10", a),
56877
+ ...c,
56874
56878
  children: /* @__PURE__ */ n("div", {
56875
56879
  className: "gap-i600 flex flex-col",
56876
56880
  children: [e, /* @__PURE__ */ n("div", {
56877
56881
  className: "flex flex-col items-center justify-center gap-8",
56878
56882
  children: [/* @__PURE__ */ t("div", {
56879
- className: "grid w-full max-w-[728px]",
56883
+ className: H("w-full max-w-[728px]", i ? "flex flex-col gap-8" : "grid"),
56880
56884
  children: r?.map((e, n) => /* @__PURE__ */ t("div", {
56881
- className: H("col-1 row-1", u === n ? "visible" : "pointer-events-none invisible"),
56885
+ className: H(i ? "visible" : ["col-1 row-1", d === n ? "visible" : "pointer-events-none invisible"]),
56882
56886
  children: e
56883
56887
  }, e.key ?? n))
56884
- }), r && r.length > 1 && /* @__PURE__ */ n("div", {
56888
+ }), !i && r && r.length > 1 && /* @__PURE__ */ n("div", {
56885
56889
  className: "flex gap-4",
56886
56890
  children: [
56887
56891
  /* @__PURE__ */ t(kr, {
56888
56892
  variant: "secondary",
56889
56893
  density: "spacious",
56890
- onClick: d,
56894
+ onClick: f,
56891
56895
  icon: o,
56892
56896
  "aria-label": "Previous"
56893
56897
  }),
@@ -56895,12 +56899,12 @@ var eve = ({ titleBlock: e, content: r, ctaLabel: i, ctaLink: a, ...o }) => /* @
56895
56899
  className: "flex items-center",
56896
56900
  children: r.map((e, n) => /* @__PURE__ */ t("button", {
56897
56901
  className: "group h-full px-1 outline-hidden",
56898
- onClick: () => l(n),
56902
+ onClick: () => u(n),
56899
56903
  "aria-label": `Go to testimonial ${n + 1}`,
56900
- "aria-current": n === u ? "true" : void 0,
56904
+ "aria-current": n === d ? "true" : void 0,
56901
56905
  children: /* @__PURE__ */ t("span", {
56902
56906
  className: "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring block rounded-full transition-all",
56903
- children: /* @__PURE__ */ t("span", { className: H("block", "bg-content-secondary h-1.5 w-1.5 rounded-full transition-all", n !== u && "opacity-30") })
56907
+ children: /* @__PURE__ */ t("span", { className: H("block", "bg-content-secondary h-1.5 w-1.5 rounded-full transition-all", n !== d && "opacity-30") })
56904
56908
  })
56905
56909
  }, n))
56906
56910
  }),
@@ -56908,7 +56912,7 @@ var eve = ({ titleBlock: e, content: r, ctaLabel: i, ctaLink: a, ...o }) => /* @
56908
56912
  variant: "secondary",
56909
56913
  density: "spacious",
56910
56914
  size: "medium",
56911
- onClick: f,
56915
+ onClick: p,
56912
56916
  icon: s,
56913
56917
  "aria-label": "Next"
56914
56918
  })
@@ -57033,10 +57037,10 @@ var sve = ({ title: e, children: r, cta: i, image: a, ...o }) => {
57033
57037
  H9.displayName = "ToolSmallCard";
57034
57038
  //#endregion
57035
57039
  //#region src/components/website/UseCasesBlock/UseCasesBlock.tsx
57036
- var cve = ({ titleBlock: e, selectedIndex: r, background: i = "neutral-50-bottom", useCases: a, ...o }) => /* @__PURE__ */ n(f9, {
57040
+ var cve = ({ titleBlock: e, selectedIndex: r, background: i = "neutral-50-bottom", useCases: a, forceShowAll: o = !1, ...s }) => /* @__PURE__ */ n(f9, {
57037
57041
  variant: i,
57038
57042
  className: H("flex flex-col items-center", "px-4 sm:px-6 md:px-8 xl:px-10", "pt-e700 pb-e1000", "gap-i400"),
57039
- ...o,
57043
+ ...s,
57040
57044
  children: [
57041
57045
  e,
57042
57046
  a && /* @__PURE__ */ t(A5, {
@@ -57044,9 +57048,9 @@ var cve = ({ titleBlock: e, selectedIndex: r, background: i = "neutral-50-bottom
57044
57048
  children: a.map(({ cta: e }, n) => /* @__PURE__ */ t(me, { children: e }, n))
57045
57049
  }),
57046
57050
  a && /* @__PURE__ */ t("div", {
57047
- className: "grid w-full max-w-[880px]",
57051
+ className: H("w-full max-w-[880px]", o ? "flex flex-col gap-8" : "grid"),
57048
57052
  children: a.map((e, i) => /* @__PURE__ */ n("div", {
57049
- className: H("col-1 row-1 transition-opacity duration-500", r === i ? "opacity-100" : "pointer-events-none opacity-0"),
57053
+ className: H("transition-opacity duration-500", o ? "opacity-100" : ["col-1 row-1", r === i ? "opacity-100" : "pointer-events-none opacity-0"]),
57050
57054
  children: [/* @__PURE__ */ t("div", { children: e.content }), e.description && /* @__PURE__ */ t("div", {
57051
57055
  className: "body-light-600 text-content-secondary pt-8 text-center",
57052
57056
  children: e.description
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.264",
3
+ "version": "0.1.265",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [