@photoroom/ui 0.1.222 → 0.1.224
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
|
@@ -55765,7 +55765,7 @@ var y9 = {}, b9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
|
|
|
55765
55765
|
className: H("py-e400 px-4 sm:px-6 md:px-8 xl:px-10", r),
|
|
55766
55766
|
...i,
|
|
55767
55767
|
children: /* @__PURE__ */ D("div", {
|
|
55768
|
-
className: "bg-sand-50 rounded-500 mx-auto flex w-full max-w-[1200px] flex-col gap-6 overflow-hidden p-3 lg:flex-row lg:items-stretch",
|
|
55768
|
+
className: "bg-sand-50 rounded-500 mx-auto flex w-full max-w-[1200px] flex-col-reverse gap-6 overflow-hidden p-3 lg:flex-row lg:items-stretch",
|
|
55769
55769
|
children: [/* @__PURE__ */ D("div", {
|
|
55770
55770
|
className: "flex w-full flex-col items-start gap-4 p-3 lg:w-[320px] lg:shrink-0 lg:justify-between",
|
|
55771
55771
|
children: [/* @__PURE__ */ E("div", {
|
|
@@ -55775,7 +55775,10 @@ var y9 = {}, b9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
|
|
|
55775
55775
|
}), /* @__PURE__ */ E("div", {
|
|
55776
55776
|
className: V("grid w-full flex-1 grid-cols-3 gap-3 sm:grid-cols-6 md:gap-[10px]", "lg:grid-cols-4 lg:gap-3 xl:grid-cols-6"),
|
|
55777
55777
|
children: n.map((e, t) => /* @__PURE__ */ E("div", {
|
|
55778
|
-
className: "bg-surface-default rounded-300
|
|
55778
|
+
className: V("bg-surface-default rounded-300 aspect-3/2 items-center justify-center overflow-hidden p-1", {
|
|
55779
|
+
flex: t < 6,
|
|
55780
|
+
"hidden sm:flex": t >= 6
|
|
55781
|
+
}),
|
|
55779
55782
|
children: /* @__PURE__ */ E("div", {
|
|
55780
55783
|
className: "relative aspect-video max-w-[100px] min-w-px flex-1",
|
|
55781
55784
|
children: e
|
|
@@ -57188,13 +57191,13 @@ var qve = ({ titleBlock: e, selectedIndex: t, background: n = "neutral-50-bottom
|
|
|
57188
57191
|
}, Zve = ({ icon: e, title: t, description: n, cardCount: r = 3, className: i, ...a }) => {
|
|
57189
57192
|
let o = r === 3;
|
|
57190
57193
|
return /* @__PURE__ */ D("div", {
|
|
57191
|
-
className: H("rounded-500 border-misc-border flex flex-col gap-4 border p-6", o ? "sm:flex-row sm:gap-6 lg:min-h-[360px] lg:flex-col lg:gap-
|
|
57194
|
+
className: H("rounded-500 border-misc-border flex flex-col gap-4 border p-6", o ? "sm:flex-row sm:gap-6 lg:min-h-[360px] lg:flex-col lg:gap-8" : "sm:min-h-[360px] sm:gap-8", i),
|
|
57192
57195
|
...a,
|
|
57193
57196
|
children: [/* @__PURE__ */ E("div", {
|
|
57194
57197
|
className: "relative size-12 shrink-0",
|
|
57195
57198
|
children: e
|
|
57196
57199
|
}), /* @__PURE__ */ D("div", {
|
|
57197
|
-
className:
|
|
57200
|
+
className: "flex flex-col gap-4 sm:flex-1",
|
|
57198
57201
|
children: [/* @__PURE__ */ E("h3", {
|
|
57199
57202
|
className: V("component-700 text-content-primary text-balance", o && "sm:max-w-[560px] lg:max-w-none"),
|
|
57200
57203
|
children: t
|