@photoroom/ui 0.1.707 → 0.1.709
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
|
@@ -36168,27 +36168,27 @@ var Lq = (({ as: e = "button", layout: t = "fixedHeight128", aspectRatio: n = "1
|
|
|
36168
36168
|
Lq.displayName = "Tile", Lq.Font = aq, Lq.Grid = oq, Lq.Icon = sq, Lq.MoreMenu = cq, Lq.Preview = Aq, Lq.Selectable = jq, Lq.Skeleton = Iq, Lq.Size = Mq;
|
|
36169
36169
|
//#endregion
|
|
36170
36170
|
//#region src/components/content/ToolBanner/ToolBanner.tsx
|
|
36171
|
-
var Rq = ({ title: e, titleClassName: t,
|
|
36172
|
-
className: U("@container",
|
|
36173
|
-
...
|
|
36171
|
+
var Rq = ({ title: e, titleClassName: t, contentClassName: n, caption: r, cta: i, background: a, className: o, ...s }) => /* @__PURE__ */ I("div", {
|
|
36172
|
+
className: U("@container", o),
|
|
36173
|
+
...s,
|
|
36174
36174
|
children: /* @__PURE__ */ L("div", {
|
|
36175
|
-
className: H("rounded-400 relative overflow-hidden", "h-[200px] @[420px]:h-[256px] @[720px]:h-[280px]"),
|
|
36175
|
+
className: H("rounded-400 relative flex overflow-hidden", "min-h-[200px] @[420px]:min-h-[256px] @[720px]:min-h-[280px]"),
|
|
36176
36176
|
children: [/* @__PURE__ */ I("div", {
|
|
36177
36177
|
"aria-hidden": "true",
|
|
36178
36178
|
className: H("pointer-events-none absolute inset-0 *:size-full *:object-cover", "*:object-left @[420px]:*:object-center"),
|
|
36179
|
-
children:
|
|
36179
|
+
children: a
|
|
36180
36180
|
}), /* @__PURE__ */ L("div", {
|
|
36181
|
-
className:
|
|
36181
|
+
className: U("relative flex flex-col items-start justify-center gap-6", "w-full px-8", "@[420px]:w-1/2 @[420px]:pe-4", "@[720px]:w-full @[720px]:max-w-[384px] @[720px]:ps-12 @[720px]:pe-6", "@[960px]:max-w-[480px]", n),
|
|
36182
36182
|
children: [/* @__PURE__ */ L("div", {
|
|
36183
36183
|
className: "flex w-full flex-col gap-3",
|
|
36184
36184
|
children: [/* @__PURE__ */ I("h2", {
|
|
36185
|
-
className: U("text-content-white-primary font-400 w-full
|
|
36185
|
+
className: U("text-content-white-primary font-400 w-full tracking-[-0.02em] break-words", "text-[32px] @[420px]:text-[36px] @[720px]:text-[40px] @[960px]:text-[48px]", "leading-400", t),
|
|
36186
36186
|
children: e
|
|
36187
|
-
}), !!
|
|
36187
|
+
}), !!r && /* @__PURE__ */ I("div", {
|
|
36188
36188
|
className: "text-content-white-secondary component-600 flex w-full flex-wrap items-center gap-1",
|
|
36189
|
-
children:
|
|
36189
|
+
children: r
|
|
36190
36190
|
})]
|
|
36191
|
-
}),
|
|
36191
|
+
}), i]
|
|
36192
36192
|
})]
|
|
36193
36193
|
})
|
|
36194
36194
|
});
|
|
@@ -60381,7 +60381,7 @@ var PEe = ({ lang: e, monthlyProcessedImages: t = 1e3, items: n, partnerCard: r,
|
|
|
60381
60381
|
children: n
|
|
60382
60382
|
})]
|
|
60383
60383
|
}), Y7 = ({ isChecked: e, planName: t, description: n, includedLabel: r, excludedLabel: i, isLoading: a }) => /* @__PURE__ */ I(q7, { children: /* @__PURE__ */ L("div", {
|
|
60384
|
-
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"),
|
|
60384
|
+
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-light-500 text-content-primary"),
|
|
60385
60385
|
children: [!!t && /* @__PURE__ */ L("span", {
|
|
60386
60386
|
className: "text-content-secondary xl:sr-only",
|
|
60387
60387
|
children: [t, ":"]
|
|
@@ -60701,13 +60701,13 @@ var PEe = ({ lang: e, monthlyProcessedImages: t = 1e3, items: n, partnerCard: r,
|
|
|
60701
60701
|
className: "flex h-full flex-col gap-4",
|
|
60702
60702
|
children: [
|
|
60703
60703
|
/* @__PURE__ */ I("span", {
|
|
60704
|
-
className: "component-
|
|
60704
|
+
className: "component-600 text-content-primary",
|
|
60705
60705
|
children: e
|
|
60706
60706
|
}),
|
|
60707
60707
|
/* @__PURE__ */ L("div", {
|
|
60708
60708
|
className: "flex flex-col items-start",
|
|
60709
60709
|
children: [/* @__PURE__ */ I("span", {
|
|
60710
|
-
className: "
|
|
60710
|
+
className: "component-800 text-content-primary [word-break:break-word]",
|
|
60711
60711
|
children: h ? /* @__PURE__ */ I(X7, {
|
|
60712
60712
|
fallback: u,
|
|
60713
60713
|
className: "w-20"
|