@photoroom/ui 0.1.155 → 0.1.156
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.css +1 -1
- package/index.mjs +20 -20
- package/package.json +1 -1
package/index.mjs
CHANGED
|
@@ -2116,9 +2116,9 @@ var Lee = U(["inline-flex items-center justify-center rounded-full outline-hidde
|
|
|
2116
2116
|
medium: "size-400"
|
|
2117
2117
|
},
|
|
2118
2118
|
variant: {
|
|
2119
|
-
secondary: "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-subdued-down focus-visible:ring",
|
|
2120
|
-
"on-dark": "focus-visible:ring-misc-white-focus-indicator bg-neutral-200 hover:bg-neutral-300 focus-visible:bg-neutral-300
|
|
2121
|
-
"secondary-on-dark": "bg-background-white-subdued hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-down focus-visible:ring"
|
|
2119
|
+
secondary: "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-subdued-down focus-visible:misc-border-size-focus-ring",
|
|
2120
|
+
"on-dark": "focus-visible:ring-misc-white-focus-indicator focus-visible:misc-border-size-focus-ring bg-neutral-200 hover:bg-neutral-300 focus-visible:bg-neutral-300 active:bg-neutral-400",
|
|
2121
|
+
"secondary-on-dark": "bg-background-white-subdued hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-down focus-visible:misc-border-size-focus-ring"
|
|
2122
2122
|
},
|
|
2123
2123
|
disabled: { true: "opacity-30" }
|
|
2124
2124
|
},
|
|
@@ -9910,7 +9910,7 @@ rl.displayName = "RoundedButton";
|
|
|
9910
9910
|
var il = ({ href: e, title: t, size: n = "default", icon: r, iconElement: i, className: a, ...o }) => /* @__PURE__ */ T("a", {
|
|
9911
9911
|
href: e,
|
|
9912
9912
|
target: "_blank",
|
|
9913
|
-
className: V("inline-flex cursor-pointer items-center justify-center", "rounded-500 outline-hidden", "hover:bg-neutral-200 focus-visible:bg-neutral-200 active:bg-neutral-300", "focus-visible:ring-accent-alpha-5 focus-visible:ring", "text-black", "interaction-transition transition-all", {
|
|
9913
|
+
className: V("inline-flex cursor-pointer items-center justify-center", "rounded-500 outline-hidden", "hover:bg-neutral-200 focus-visible:bg-neutral-200 active:bg-neutral-300", "focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring", "text-black", "interaction-transition transition-all", {
|
|
9914
9914
|
"h-12 w-12": n === "default",
|
|
9915
9915
|
"h-10 w-10": n === "small"
|
|
9916
9916
|
}, a),
|
|
@@ -9921,7 +9921,7 @@ var il = ({ href: e, title: t, size: n = "default", icon: r, iconElement: i, cla
|
|
|
9921
9921
|
"icon-size-800": n === "default",
|
|
9922
9922
|
"icon-size-600": n === "small"
|
|
9923
9923
|
}) }) : i
|
|
9924
|
-
}), al = U("rounded-200 focus-visible:ring-misc-focus-indicator cursor-pointer outline-hidden transition-colors duration-150 ease-out
|
|
9924
|
+
}), al = U("rounded-200 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring cursor-pointer outline-hidden transition-colors duration-150 ease-out", {
|
|
9925
9925
|
variants: { variant: {
|
|
9926
9926
|
accent: "text-content-accent hover:text-content-accent-hover focus-visible:text-content-accent-hover active:text-content-accent-down",
|
|
9927
9927
|
primary: "text-content-primary underline",
|
|
@@ -23410,7 +23410,7 @@ var ZT = "en", QT = {
|
|
|
23410
23410
|
]),
|
|
23411
23411
|
onClick: a,
|
|
23412
23412
|
"aria-label": i,
|
|
23413
|
-
className: H("rounded-500 focus-visible:ring-accent-alpha-5 text-[0] focus-visible:
|
|
23413
|
+
className: H("rounded-500 focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring text-[0] focus-visible:outline-hidden", n),
|
|
23414
23414
|
children: /* @__PURE__ */ T(s, { className: "rounded-500 h-[56px] w-[180px]" })
|
|
23415
23415
|
});
|
|
23416
23416
|
};
|
|
@@ -33399,7 +33399,7 @@ var rG = /* @__PURE__ */ Ft((() => {
|
|
|
33399
33399
|
"rounded-200 text-content-secondary uppercase outline-hidden",
|
|
33400
33400
|
"interaction-transition transition-all",
|
|
33401
33401
|
"hover:underline",
|
|
33402
|
-
"focus-visible:ring-misc-focus-indicator focus-visible:
|
|
33402
|
+
"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:underline"
|
|
33403
33403
|
], {
|
|
33404
33404
|
variants: { direction: {
|
|
33405
33405
|
vertical: "component-semi-strong-400",
|
|
@@ -33457,7 +33457,7 @@ var rG = /* @__PURE__ */ Ft((() => {
|
|
|
33457
33457
|
} },
|
|
33458
33458
|
defaultVariants: { direction: "vertical" }
|
|
33459
33459
|
}), vG = ({ image: e, cardLink: t, categoryLink: n, direction: r = "vertical", title: i, description: a, authorName: s, authorAvatar: c, border: l = !0, ...u }) => {
|
|
33460
|
-
let d = b(() => t ? o(t, { className: V("rounded-500 absolute h-full w-full outline-hidden", "interaction-transition focus-visible:ring-misc-focus-indicator
|
|
33460
|
+
let d = b(() => t ? o(t, { className: V("rounded-500 absolute h-full w-full outline-hidden", "interaction-transition focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring transition-all focus-visible:outline-hidden") }) : null, [t]), f = b(() => n ? o(n, { className: dG({ direction: r }) }) : null, [n, r]);
|
|
33461
33461
|
return /* @__PURE__ */ E("div", {
|
|
33462
33462
|
className: V("@container", "relative flex-1", "rounded-500 bg-surface-high", "after:pointer-events-none after:absolute after:top-0 after:left-0 after:h-full after:w-full after:rounded-[inherit] after:content-['']", { "after:border-misc-border after:border": l }),
|
|
33463
33463
|
...u,
|
|
@@ -33530,7 +33530,7 @@ bG.Row = xG;
|
|
|
33530
33530
|
//#endregion
|
|
33531
33531
|
//#region src/components/content/LightPromoBanner/LightPromoBanner.tsx
|
|
33532
33532
|
var SG = ({ title: e, subtitle: t, image: n, cta: r, className: i, onClick: a, onDismiss: o, dismissLabel: s = "Close", ...c }) => /* @__PURE__ */ E("div", {
|
|
33533
|
-
className: V("rounded-500 bg-background-promotional shadow-400 focus-visible:ring-misc-focus-indicator relative flex w-full max-w-[464px] items-center justify-start gap-2 p-4 pr-10 outline-hidden
|
|
33533
|
+
className: V("rounded-500 bg-background-promotional shadow-400 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring relative flex w-full max-w-[464px] items-center justify-start gap-2 p-4 pr-10 outline-hidden md:w-[464px]", i),
|
|
33534
33534
|
onClick: a,
|
|
33535
33535
|
role: a ? "button" : void 0,
|
|
33536
33536
|
tabIndex: a ? -1 : void 0,
|
|
@@ -34216,7 +34216,7 @@ var TK = ({ index: e, title: t, children: n, className: r, ...i }) => /* @__PURE
|
|
|
34216
34216
|
})]
|
|
34217
34217
|
}), EK = ({ label: e, onClick: t }) => /* @__PURE__ */ T("button", {
|
|
34218
34218
|
"aria-label": e,
|
|
34219
|
-
className: V("bg-black-alpha-8 flex h-24 w-24 items-center justify-center rounded-full outline-hidden transition-all", "hover:bg-black", "active:bg-black", "focus-visible:ring-misc-focus-indicator focus-visible:ring"),
|
|
34219
|
+
className: V("bg-black-alpha-8 flex h-24 w-24 items-center justify-center rounded-full outline-hidden transition-all", "hover:bg-black", "active:bg-black", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"),
|
|
34220
34220
|
onClick: t,
|
|
34221
34221
|
children: /* @__PURE__ */ T("svg", {
|
|
34222
34222
|
width: "48",
|
|
@@ -46584,7 +46584,7 @@ var Mde = ({ type: e = "prompt", image: t, icon: n = _e, label: r, ...i }) => {
|
|
|
46584
46584
|
}, n3 = l(({ label: e, variant: t = "filled", icon: n, className: r, ...i }, a) => /* @__PURE__ */ E("button", {
|
|
46585
46585
|
ref: a,
|
|
46586
46586
|
type: "button",
|
|
46587
|
-
className: V("flex items-center justify-center", "rounded-400 outline-hidden", "size-h-400", "component-500", "focus-visible:ring-misc-focus-indicator focus-visible:ring", "disabled:cursor-not-allowed disabled:opacity-30", t === "filled" && [
|
|
46587
|
+
className: V("flex items-center justify-center", "rounded-400 outline-hidden", "size-h-400", "component-500", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "disabled:cursor-not-allowed disabled:opacity-30", t === "filled" && [
|
|
46588
46588
|
"bg-background-accent-subdued text-content-accent",
|
|
46589
46589
|
"hover:bg-background-accent-subdued-hover",
|
|
46590
46590
|
"active:bg-background-accent-subdued-down",
|
|
@@ -46747,7 +46747,7 @@ var a3 = ({ value: e, buttonLabel: t, disabled: n = !1, loading: r = !1, autoFoc
|
|
|
46747
46747
|
f.current?.focus();
|
|
46748
46748
|
}, 0);
|
|
46749
46749
|
}), /* @__PURE__ */ E("div", {
|
|
46750
|
-
className: V("rounded-area-500 bg-surface-high box-border flex w-[320px] items-center gap-2 py-2 pr-2 pl-3", "border-misc-border-box border transition duration-200", "hover:border-neutral-400", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:ring", n && "cursor-not-allowed opacity-30"),
|
|
46750
|
+
className: V("rounded-area-500 bg-surface-high box-border flex w-[320px] items-center gap-2 py-2 pr-2 pl-3", "border-misc-border-box border transition duration-200", "hover:border-neutral-400", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", n && "cursor-not-allowed opacity-30"),
|
|
46751
46751
|
onClick: () => {
|
|
46752
46752
|
n || f.current?.focus();
|
|
46753
46753
|
},
|
|
@@ -47984,7 +47984,7 @@ W3.displayName = "DropdownMenuMultipleSelectionItem";
|
|
|
47984
47984
|
//#region src/components/input/OptionGroup/OptionGroupItem/OptionGroupItem.tsx
|
|
47985
47985
|
var lfe = U([
|
|
47986
47986
|
"group",
|
|
47987
|
-
"rounded-500 focus-within:ring-misc-focus-indicator p-[1px] transition-all duration-150 ease-out focus-within:
|
|
47987
|
+
"rounded-500 focus-within:ring-misc-focus-indicator focus-within:misc-border-size-focus-ring p-[1px] transition-all duration-150 ease-out focus-within:outline-hidden focus-visible:outline-hidden",
|
|
47988
47988
|
"radix-state-unchecked:bg-misc-border-box",
|
|
47989
47989
|
"hover:radix-state-unchecked:bg-misc-border-box-hover",
|
|
47990
47990
|
"active:radix-state-unchecked:bg-misc-border-box-down"
|
|
@@ -48074,7 +48074,7 @@ var q3 = l(({ value: e, onChange: t, placeholder: n, options: r = [], leadingSlo
|
|
|
48074
48074
|
}, [t]);
|
|
48075
48075
|
return /* @__PURE__ */ E("div", {
|
|
48076
48076
|
role: "textbox",
|
|
48077
|
-
className: H("flex min-h-[113px] flex-col", "rounded-500 bg-surface-high", "interaction-transition border transition-colors", "border-misc-border-box [&:not(:focus-within):hover]:border-misc-border-box-hover", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:ring", c),
|
|
48077
|
+
className: H("flex min-h-[113px] flex-col", "rounded-500 bg-surface-high", "interaction-transition border transition-colors", "border-misc-border-box [&:not(:focus-within):hover]:border-misc-border-box-hover", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", c),
|
|
48078
48078
|
children: [/* @__PURE__ */ T("div", {
|
|
48079
48079
|
className: V("px-3 pt-3", s && "opacity-50"),
|
|
48080
48080
|
children: /* @__PURE__ */ T(i3, {
|
|
@@ -48425,7 +48425,7 @@ var hfe = ({ reaction: e, selected: t = !1, onClick: n }) => /* @__PURE__ */ T("
|
|
|
48425
48425
|
});
|
|
48426
48426
|
}, vfe = (e) => /* @__PURE__ */ T("button", {
|
|
48427
48427
|
...e,
|
|
48428
|
-
className: V("rounded-200 relative h-10 w-10 overflow-hidden bg-neutral-200 outline-hidden transition-all", "after:rounded-200 after:absolute after:top-0 after:left-0 after:h-full after:w-full after:transition-all after:content-['']", "hover:after:bg-black-alpha-3", "active:after:bg-black-alpha-6", "focus-visible:after:bg-black-alpha-3", "focus-visible:ring-accent-alpha-5 focus-visible:ring", e.disabled && "opacity-50")
|
|
48428
|
+
className: V("rounded-200 relative h-10 w-10 overflow-hidden bg-neutral-200 outline-hidden transition-all", "after:rounded-200 after:absolute after:top-0 after:left-0 after:h-full after:w-full after:transition-all after:content-['']", "hover:after:bg-black-alpha-3", "active:after:bg-black-alpha-6", "focus-visible:after:bg-black-alpha-3", "focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring", e.disabled && "opacity-50")
|
|
48429
48429
|
}), $3 = ({ title: e, children: t }) => /* @__PURE__ */ E("div", {
|
|
48430
48430
|
className: "flex flex-col items-center gap-3",
|
|
48431
48431
|
children: [!!e && /* @__PURE__ */ T("div", {
|
|
@@ -50293,7 +50293,7 @@ P8.displayName = "StandardInputImagePrompt";
|
|
|
50293
50293
|
var F8 = l(({ label: e, helper: t, className: n, invalid: r, trailingElement: i, autosized: a, style: o, ...s }, c) => {
|
|
50294
50294
|
let l = H("rounded-500 bg-surface-high w-full", "outline-hidden transition duration-200", "component-500 text-content-primary", "placeholder:text-content-tertiary", "disabled:cursor-not-allowed disabled:opacity-30", {
|
|
50295
50295
|
"border-content-negative focus-visible:border-content-negative focus-visible:ring-0": r,
|
|
50296
|
-
"border-misc-border-box focus-visible:border-content-accent focus-visible:ring-misc-focus-indicator-subdued focus-visible:ring": !r
|
|
50296
|
+
"border-misc-border-box focus-visible:border-content-accent focus-visible:ring-misc-focus-indicator-subdued focus-visible:misc-border-size-focus-ring": !r
|
|
50297
50297
|
}, n);
|
|
50298
50298
|
return /* @__PURE__ */ E(QJ, {
|
|
50299
50299
|
label: e,
|
|
@@ -54301,7 +54301,7 @@ var i9 = {
|
|
|
54301
54301
|
}) : null, s9 = l(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ T("div", {
|
|
54302
54302
|
...n,
|
|
54303
54303
|
ref: r,
|
|
54304
|
-
className: H("prose body-600 max-w-none wrap-break-word text-neutral-800", "prose-headings:text-content-primary", "prose-h2:heading-light-700 sm:prose-h2:heading-light-800", "prose-h2:mb-6 prose-h2:mt-12 sm:prose-h2:mt-14", "prose-h3:heading-light-600 sm:prose-h3:heading-light-700", "prose-h3:mb-6 prose-h3:mt-10 sm:prose-h3:mt-12", "prose-h4:heading-light-600", "prose-h4:mb-4 prose-h4:mt-10", "prose-p:my-6", "prose-ol:my-6 prose-ul:my-6", "prose-ol:pl-3 prose-ul:pl-3", "prose-li:my-0 prose-li:ml-3 prose-li:p-0", "[&_li::marker]:text-inherit", "prose-blockquote:my-12", "prose-blockquote:pl-6 sm:prose-blockquote:pl-8", "prose-blockquote:border-l-2 prose-blockquote:border-misc-border", "prose-blockquote:body-semi-strong-600 prose-blockquote:not-italic", "prose-blockquote:before:hidden prose-blockquote:after:hidden", "prose-p:before:hidden prose-p:after:hidden", "prose-figure:my-10 sm:prose-figure:my-12", "prose-img:my-0 prose-img:block prose-img:w-full prose-img:object-cover", "prose-strong:font-600", "prose-em:italic", "prose-code:inline-block prose-code:break-all", "prose-code:rounded-400 prose-code:bg-background-subdued prose-code:px-1.5", "prose-code:break-all prose-code:text-600 prose-code:font-500", "prose-code:before:[content:''] prose-code:after:[content:'']", "prose-pre:my-6", "[&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:bg-inherit [&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:px-0", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-200 [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:cursor-pointer", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:ring-misc-focus-indicator [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:
|
|
54304
|
+
className: H("prose body-600 max-w-none wrap-break-word text-neutral-800", "prose-headings:text-content-primary", "prose-h2:heading-light-700 sm:prose-h2:heading-light-800", "prose-h2:mb-6 prose-h2:mt-12 sm:prose-h2:mt-14", "prose-h3:heading-light-600 sm:prose-h3:heading-light-700", "prose-h3:mb-6 prose-h3:mt-10 sm:prose-h3:mt-12", "prose-h4:heading-light-600", "prose-h4:mb-4 prose-h4:mt-10", "prose-p:my-6", "prose-ol:my-6 prose-ul:my-6", "prose-ol:pl-3 prose-ul:pl-3", "prose-li:my-0 prose-li:ml-3 prose-li:p-0", "[&_li::marker]:text-inherit", "prose-blockquote:my-12", "prose-blockquote:pl-6 sm:prose-blockquote:pl-8", "prose-blockquote:border-l-2 prose-blockquote:border-misc-border", "prose-blockquote:body-semi-strong-600 prose-blockquote:not-italic", "prose-blockquote:before:hidden prose-blockquote:after:hidden", "prose-p:before:hidden prose-p:after:hidden", "prose-figure:my-10 sm:prose-figure:my-12", "prose-img:my-0 prose-img:block prose-img:w-full prose-img:object-cover", "prose-strong:font-600", "prose-em:italic", "prose-code:inline-block prose-code:break-all", "prose-code:rounded-400 prose-code:bg-background-subdued prose-code:px-1.5", "prose-code:break-all prose-code:text-600 prose-code:font-500", "prose-code:before:[content:''] prose-code:after:[content:'']", "prose-pre:my-6", "[&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:bg-inherit [&_:where(pre_code):not(:where([class~='not-prose'],[class~='not-prose']_*))]:px-0", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-200 [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:cursor-pointer", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:ring-misc-focus-indicator [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:misc-border-size-focus-ring [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:outline-hidden", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:text-content-accent [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:hover:text-content-accent-hover", "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:focus-visible:text-content-accent-hover [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:active:text-content-accent-down", "[&_:where(a:not([href])):not(:where([class~='not-prose'],[class~='not-prose']_*))]:no-underline [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:underline", "prose-table:w-full prose-table:border-separate prose-table:border-spacing-0", "prose-table:text-component-600 prose-table:whitespace-pre-wrap prose-table:text-content-subdued-primary", "prose-th:min-w-[200px] prose-td:min-w-[200px]", "prose-th:border-b prose-th:border-misc-border prose-td:border-b prose-td:border-misc-border", "prose-th:first:border-l prose-th:last:border-r prose-td:first:border-l prose-td:last:border-r", "prose-th:px-2 prose-th:py-3 prose-th:first:pl-4 prose-th:last:pr-4", "prose-td:px-2 prose-td:py-3 prose-td:first:pl-4 prose-td:last:pr-4", "prose-th:text-left prose-th:align-top prose-th:text-content-primary", "prose-td:align-top", "[&_:where(tr:first-child>th):not(:where([class~='not-prose'],[class~='not-prose']_*))]:bg-background-subdued [&_:where(tr:first-child>th):not(:where([class~='not-prose'],[class~='not-prose']_*))]:align-middle", "[&_:where(tr:first-child>*):not(:where([class~='not-prose'],[class~='not-prose']_*))]:border-t", "[&_:where(tr:first-child>:first-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-tl-200 [&_:where(tr:first-child>:last-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-tr-200", "[&_:where(tr:last-child>:first-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-bl-200 [&_:where(tr:last-child>:last-child):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-br-200", "[&_:where(li_p):not(:where([class~='not-prose'],[class~='not-prose']_*))]:my-0", "[&_:where(table_p):not(:where([class~='not-prose'],[class~='not-prose']_*))]:my-0", "[&>*:first-child]:mt-0! [&>span>*:first-child]:mt-0!", "[&>*:last-child]:mb-0! [&>span>*:last-child]:mb-0!", "[&_.yt-embed]:my-10 sm:[&_.yt-embed]:my-12", "sm:prose-h1:heading-900 prose-h1:mb-6 prose-h1:mt-12 sm:prose-h1:mt-14", "[&_h1_strong]:font-700", e),
|
|
54305
54305
|
children: t
|
|
54306
54306
|
}));
|
|
54307
54307
|
s9.displayName = "ArticleContent";
|
|
@@ -55005,7 +55005,7 @@ var e_e = ({ overline: e, title: t, description: n, visual: r, ctas: i, backgrou
|
|
|
55005
55005
|
}), t_e = l(function({ as: e = "a", label: t, isNew: n, ...r }, i) {
|
|
55006
55006
|
return /* @__PURE__ */ E(e, {
|
|
55007
55007
|
ref: i,
|
|
55008
|
-
className: V("inline-flex items-center gap-1.5", "rounded-200 cursor-pointer outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:ring", "component-light-500 text-content-subdued-primary", "hover:text-content-primary focus-visible:text-content-primary active:text-content-primary", "interaction-transition transition-colors"),
|
|
55008
|
+
className: V("inline-flex items-center gap-1.5", "rounded-200 cursor-pointer outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", "component-light-500 text-content-subdued-primary", "hover:text-content-primary focus-visible:text-content-primary active:text-content-primary", "interaction-transition transition-colors"),
|
|
55009
55009
|
...r,
|
|
55010
55010
|
...r.href?.toString().startsWith("http") ? {
|
|
55011
55011
|
target: "_blank",
|
|
@@ -56536,7 +56536,7 @@ var eve = ({ titleBlock: e, content: t, ctaLabel: n, ctaLink: r, ...i }) => /* @
|
|
|
56536
56536
|
"aria-label": `Go to testimonial ${t + 1}`,
|
|
56537
56537
|
"aria-current": t === i ? "true" : void 0,
|
|
56538
56538
|
children: /* @__PURE__ */ T("span", {
|
|
56539
|
-
className: "group-focus-visible:ring-misc-focus-indicator block rounded-full transition-all
|
|
56539
|
+
className: "group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring block rounded-full transition-all",
|
|
56540
56540
|
children: /* @__PURE__ */ T("span", { className: V("block", "bg-content-secondary h-1.5 w-1.5 rounded-full transition-all", t !== i && "opacity-30") })
|
|
56541
56541
|
})
|
|
56542
56542
|
}, t))
|
|
@@ -56591,7 +56591,7 @@ var eve = ({ titleBlock: e, content: t, ctaLabel: n, ctaLink: r, ...i }) => /* @
|
|
|
56591
56591
|
className: "mx-auto flex max-w-[1200px] flex-col gap-6 lg:flex-row lg:justify-center",
|
|
56592
56592
|
children: t
|
|
56593
56593
|
})]
|
|
56594
|
-
}), ave = "cursor-pointer rounded-200 outline-hidden focus-visible:ring focus-visible:ring-misc-focus-indicator text-content-accent hover:text-content-accent-hover active:text-content-accent-down focus-visible:text-content-accent-hover".split(" ").map((e) => `[&_a]:${e}`).join(" "), ove = ({ content: e, footer: t, className: n, ...r }) => /* @__PURE__ */ E("div", {
|
|
56594
|
+
}), ave = "cursor-pointer rounded-200 outline-hidden focus-visible:misc-border-size-focus-ring focus-visible:ring-misc-focus-indicator text-content-accent hover:text-content-accent-hover active:text-content-accent-down focus-visible:text-content-accent-hover".split(" ").map((e) => `[&_a]:${e}`).join(" "), ove = ({ content: e, footer: t, className: n, ...r }) => /* @__PURE__ */ E("div", {
|
|
56595
56595
|
...r,
|
|
56596
56596
|
className: H("rounded-500 bg-background-subdued text-content-secondary [&_strong]:body-semi-strong-700 [&_strong]:text-content-primary w-full lg:max-w-[512px]", "px-6 pt-5 pb-6", "sm:px-8 sm:pt-6 sm:pb-8", n),
|
|
56597
56597
|
children: [/* @__PURE__ */ T("div", {
|