@photoroom/ui 0.1.120 → 0.1.122

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.
package/index.mjs CHANGED
@@ -55452,61 +55452,47 @@ var kge = ({ titleBlock: e, content: t, ctaLabel: n, ctaLink: r, ...i }) => /* @
55452
55452
  })
55453
55453
  ]
55454
55454
  })
55455
- }), Age = ({ title: e, variant: t = "default", content: n, cta: r, bgImageDesktop: i, bgImageMobile: a, className: o, ...s }) => {
55456
- let c = t !== "default", l = t.includes("wide"), u = t.includes("full"), d = l || u, f = t.includes("dark"), p = c && !u;
55457
- return /* @__PURE__ */ T("div", {
55458
- ...s,
55459
- className: V({
55460
- "py-e500": !d,
55461
- "px-6 md:px-16": !c,
55462
- "sm:px-6 md:px-8": c && !d,
55463
- "2xl:px-10": l
55464
- }, o),
55465
- children: /* @__PURE__ */ E("div", {
55466
- role: "none",
55467
- className: V("relative mx-auto overflow-hidden", "flex flex-col items-center justify-center", {
55468
- "sm:rounded-500 max-w-[1200px]": !d,
55469
- "2xl:rounded-500 max-w-[1800px]": l,
55470
- "px-4 py-10 sm:px-10": c,
55471
- "min-h-[400px]": c && !d,
55472
- "min-h-[440px] sm:min-h-[480px] lg:min-h-[640px]": d,
55473
- "[background:linear-gradient(180deg,#010518_0%,#041031_15.16%,#12346B_40.38%,#265B9E_57.21%,#81B7E6_83.17%,#E7F7FF_100%)]": u
55474
- }),
55475
- children: [p && /* @__PURE__ */ E(w, { children: [!!a && /* @__PURE__ */ T("div", {
55476
- className: "absolute inset-0 block md:hidden",
55477
- children: a
55478
- }), !!i && /* @__PURE__ */ T("div", {
55479
- className: "absolute inset-0 hidden md:block",
55480
- children: i
55481
- })] }), /* @__PURE__ */ E("div", {
55482
- className: V("@container relative z-10 mx-auto w-full", "flex flex-col items-center", "text-center", {
55483
- "max-w-[800px]": d,
55484
- "max-w-[640px]": !d
55485
- }),
55486
- children: [
55487
- !!e && /* @__PURE__ */ T("h3", {
55488
- className: V("heading-thin-800 sm:heading-thin-900 lg:heading-thin-1000 mb-4 text-balance", {
55489
- "text-content-white-primary": f,
55490
- "text-content-primary": !f
55491
- }),
55492
- children: e
55455
+ }), Age = ({ title: e, variant: t = "default", content: n, cta: r, bgImageDesktop: i, bgImageMobile: a, className: o, ...s }) => /* @__PURE__ */ E("div", {
55456
+ ...s,
55457
+ className: V("relative overflow-hidden", "flex flex-col items-center justify-center", "mx-auto max-w-[1512px]", "min-[1513px]:rounded-500", "px-4 sm:px-6 md:px-8 lg:px-10", {
55458
+ "py-e700": t === "default",
55459
+ "min-h-[400px] sm:min-h-[480px] md:min-h-[648px]": t !== "default",
55460
+ "[background:linear-gradient(180deg,#010518_0%,#041031_15.16%,#12346B_40.38%,#265B9E_57.21%,#81B7E6_83.17%,#E7F7FF_100%)]": t === "dark-full"
55461
+ }, o),
55462
+ children: [
55463
+ t !== "default" && !!a && /* @__PURE__ */ T("div", {
55464
+ className: "absolute inset-0 block md:hidden",
55465
+ children: a
55466
+ }),
55467
+ t !== "default" && !!i && /* @__PURE__ */ T("div", {
55468
+ className: "absolute inset-0 hidden md:block",
55469
+ children: i
55470
+ }),
55471
+ /* @__PURE__ */ E("div", {
55472
+ className: V("relative z-10 mx-auto w-full", "flex flex-col items-center", "text-center"),
55473
+ children: [
55474
+ !!e && /* @__PURE__ */ T("h3", {
55475
+ className: V("mb-4 max-w-[900px]", "heading-thin-800 sm:heading-thin-900 lg:heading-thin-1000", "text-balance", {
55476
+ "text-content-primary": t !== "dark-full",
55477
+ "text-content-white-primary": t === "dark-full"
55493
55478
  }),
55494
- /* @__PURE__ */ T("div", {
55495
- className: V("@[512px]:max-w-[80%]", "body-light-600 sm:body-light-700 text-pretty", {
55496
- "text-content-white-secondary": f,
55497
- "text-content-secondary": !f
55498
- }),
55499
- children: n
55479
+ children: e
55480
+ }),
55481
+ /* @__PURE__ */ T("div", {
55482
+ className: V("w-[clamp(80%,512px,100%)]", "body-light-600 sm:body-light-700", "text-pretty", {
55483
+ "text-content-secondary": t !== "dark-full",
55484
+ "text-content-white-secondary": t === "dark-full"
55500
55485
  }),
55501
- !!r && /* @__PURE__ */ T("div", {
55502
- className: "mt-8 flex flex-wrap items-center justify-center gap-3 sm:mt-10 lg:mt-12",
55503
- children: r
55504
- })
55505
- ]
55506
- })]
55486
+ children: n
55487
+ }),
55488
+ !!r && /* @__PURE__ */ T("div", {
55489
+ className: "mt-8 flex flex-wrap items-center justify-center gap-3 sm:mt-10 lg:mt-12",
55490
+ children: r
55491
+ })
55492
+ ]
55507
55493
  })
55508
- });
55509
- }, jge = ({ titleBlock: e, testimonials: t, className: n, ...r }) => {
55494
+ ]
55495
+ }), jge = ({ titleBlock: e, testimonials: t, className: n, ...r }) => {
55510
55496
  let [i, a] = C(0), o = () => {
55511
55497
  a((e) => e === 0 ? (t || []).length - 1 : e - 1);
55512
55498
  }, s = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.120",
3
+ "version": "0.1.122",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [