@photoroom/ui 0.1.1 → 0.1.2

package/index232.mjs

@@ -1,44 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { clsx as c } from "./index296.mjs";
-const o = ({
-  overline: l,
-  title: r,
-  description: i,
-  visual: t,
-  cta: a,
-  bgColor: m,
-  ...d
-}) => /* @__PURE__ */ e(
-  "section",
-  {
-    className: c("px-4 py-e400 sm:px-6 md:px-8 xl:px-10", {
-      "bg-surface-alternate": !m
-    }),
-    style: { backgroundColor: m },
-    ...d,
-    children: /* @__PURE__ */ s(
-      "div",
-      {
-        className: c(
-          "mx-auto max-w-[512px] lg:max-w-[1200px]",
-          "flex flex-col-reverse gap-4 sm:gap-6 lg:flex-row lg:items-center"
-        ),
-        children: [
-          /* @__PURE__ */ s("div", { className: "basis-1/2 lg:pr-16 xl:pl-16", children: [
-            /* @__PURE__ */ s("header", { className: "space-y-1 text-content-primary", children: [
-              !!l && /* @__PURE__ */ e("div", { className: "body-semi-strong-700", children: l }),
-              /* @__PURE__ */ e("h2", { className: "heading-light-700 sm:heading-light-800", children: r })
-            ] }),
-            /* @__PURE__ */ e("div", { className: "body-600 mt-4 text-content-secondary sm:mt-6", children: i }),
-            !!a && /* @__PURE__ */ e("div", { className: "mt-6 sm:mt-8", children: a })
-          ] }),
-          /* @__PURE__ */ e("figure", { className: "basis-1/2", children: t })
-        ]
-      }
-    )
-  }
-);
-export {
-  o as FocusBlock
-};
-//# sourceMappingURL=index232.mjs.map

package/index233.mjs

@@ -1,56 +0,0 @@
-import { jsx as l, jsxs as e } from "react/jsx-runtime";
-import { FooterV2LinkBlock as n } from "./index407.mjs";
-import { FooterV2LinksSectionBlock as d } from "./index408.mjs";
-function s({
-  appsSectionTitle: a,
-  appButtons: t,
-  linksSections: c,
-  socialLinks: r,
-  legalLinks: o,
-  languageSelector: i,
-  ...m
-}) {
-  return /* @__PURE__ */ l(
-    "footer",
-    {
-      className: "bg-surface-default px-4 py-6 sm:px-6 sm:pt-20 md:px-8 lg:pb-10 lg:pt-24",
-      ...m,
-      children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-[1200px] space-y-12 md:space-y-16 lg:space-y-32", children: [
-        /* @__PURE__ */ e("div", { className: "flex flex-col gap-12 md:gap-20 lg:flex-row lg:items-start lg:gap-10", children: [
-          /* @__PURE__ */ l(
-            "div",
-            {
-              "data-groupid": "footer-links-sections",
-              className: "flex grow flex-col sm:block sm:columns-2 sm:gap-10 sm:space-y-10 md:space-y-[38px] lg:columns-4",
-              children: c
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "break-inside-avoid space-y-6", children: [
-            /* @__PURE__ */ l("h3", { className: "component-semi-strong-600 text-content-primary", children: a }),
-            /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 lg:flex-col lg:flex-nowrap lg:items-start", children: t })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex flex-col gap-10 lg:gap-6", children: [
-          /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-4 md:flex-row-reverse md:items-center md:justify-between", children: [
-            i,
-            /* @__PURE__ */ l("div", { className: "flex grow flex-wrap items-start gap-2", children: r })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "component-500 flex flex-col items-start gap-6 md:flex-row-reverse md:items-center md:justify-between", children: [
-            /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-x-4 gap-y-2", children: o }),
-            /* @__PURE__ */ e("div", { className: "text-content-secondary", children: [
-              "Copyright © ",
-              (/* @__PURE__ */ new Date()).getFullYear(),
-              " Photoroom, Inc."
-            ] })
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
-s.LinksSection = d;
-s.Link = n;
-export {
-  s as FooterV2Block
-};
-//# sourceMappingURL=index233.mjs.map

package/index234.mjs

@@ -1,61 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { clsx as g } from "./index296.mjs";
-import { useState as h, useCallback as N, useEffect as b } from "react";
-import { ClearButton as v } from "./index13.mjs";
-const r = {}, w = ({
-  variant: l,
-  className: o,
-  children: f,
-  isHiddenSessionKey: t,
-  closeLabel: n,
-  ...u
-}) => {
-  const [x, a] = h(
-    t && (r[t] ?? !0)
-  ), s = N(() => {
-    a(!0), t && (sessionStorage.setItem(t, JSON.stringify(!0)), r[t] = !0);
-  }, [t]);
-  return b(() => {
-    if (t)
-      try {
-        const c = sessionStorage.getItem(t);
-        if (!c) {
-          a(!1), r[t] = !1;
-          return;
-        }
-        const m = !!JSON.parse(c);
-        a(m), r[t] = m;
-      } catch {
-        a(!1), r[t] = !1;
-      }
-  }, [t]), x ? null : /* @__PURE__ */ e(
-    "div",
-    {
-      className: g(
-        "bg-content-accent text-white",
-        "px-4 sm:px-6 md:px-8 xl:px-10",
-        l === "accent" && "bg-content-accent",
-        l === "neutral" && "bg-neutral-8",
-        o
-      ),
-      ...u,
-      children: /* @__PURE__ */ p("div", { className: "mx-auto flex min-h-[64px] max-w-[1200px] flex-row items-center justify-center gap-2", children: [
-        /* @__PURE__ */ e("div", { className: "flex-1", children: f }),
-        /* @__PURE__ */ e(
-          v,
-          {
-            "aria-label": n || "Close",
-            className: "flex-shrink-0",
-            variant: "secondary-on-dark",
-            size: "small",
-            onClick: s
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  w as HeaderBanner
-};
-//# sourceMappingURL=index234.mjs.map

package/index235.mjs

@@ -1,36 +0,0 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { clsx as x } from "./index296.mjs";
-const o = ({
-  title: i,
-  backgroundColor: d,
-  bgImageDesktop: l,
-  bgImageMobile: s,
-  className: r,
-  ...t
-}) => /* @__PURE__ */ m(
-  "div",
-  {
-    ...t,
-    className: x(
-      "relative overflow-hidden",
-      "flex flex-col items-center justify-center",
-      "sm:min-h-[482px] lg:min-h-[640px]",
-      "mx-auto max-w-[1800px] 3xl:rounded-area-500",
-      "px-4 sm:px-6 md:px-8 xl:px-10",
-      "pt-e600 pb-e500 sm:pt-e500",
-      r
-    ),
-    style: {
-      backgroundColor: d
-    },
-    children: [
-      s && /* @__PURE__ */ e("div", { className: "absolute inset-0 block md:hidden", children: s }),
-      l && /* @__PURE__ */ e("div", { className: "absolute inset-0 hidden md:block", children: l }),
-      /* @__PURE__ */ e("div", { className: "relative z-10", children: i })
-    ]
-  }
-);
-export {
-  o as HeroTitleBlock
-};
-//# sourceMappingURL=index235.mjs.map

package/index236.mjs

@@ -1,47 +0,0 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { clsx as l } from "./index296.mjs";
-const m = ({
-  titleBlock: c,
-  assets: e,
-  className: t,
-  ...a
-}) => /* @__PURE__ */ h("section", { className: l("space-y-12 pt-e500 sm:space-y-16 lg:space-y-20", t), ...a, children: [
-  !!c && /* @__PURE__ */ n("div", { className: "px-4 sm:px-6 md:px-8 xl:px-10", children: c }),
-  /* @__PURE__ */ n(
-    "div",
-    {
-      className: l(
-        "relative overflow-hidden",
-        "-mt-6 w-full px-2",
-        "after:absolute after:inset-x-0 after:bottom-0 after:h-[160px] after:content-['']",
-        "after:bg-gradient-to-t after:from-black after:to-transparent after:opacity-15"
-      ),
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          className: l(
-            "mx-auto -mb-6 w-full max-w-[1800px] space-y-2",
-            "columns-2 gap-x-2 sm:columns-4 md:columns-5 lg:columns-6",
-            // showing 6 img (2 columns) on xs, 12 (4 cols) on sm, 15 (5 cols) on md and 18 (6 cols) on lg+
-            "[&>:nth-child(n+7)]:hidden",
-            "sm:[&>:nth-child(n+7):nth-child(n+13)]:hidden sm:[&>:nth-child(n+7)]:block",
-            "md:[&>:nth-child(n+7):nth-child(n+13)]:block md:[&>:nth-child(n+7):nth-child(n+16)]:hidden",
-            "lg:[&>:nth-child(n+7):nth-child(n+16)]:block"
-          ),
-          children: e == null ? void 0 : e.slice(0, 18).map((i, d) => /* @__PURE__ */ n(
-            "figure",
-            {
-              className: "relative aspect-[3/4] break-inside-avoid-column overflow-hidden rounded-500 [&:nth-child(6n)]:aspect-square [&:nth-child(6n+1)]:aspect-square",
-              children: i
-            },
-            d.toString()
-          ))
-        }
-      )
-    }
-  )
-] });
-export {
-  m as InspirationWallBlock
-};
-//# sourceMappingURL=index236.mjs.map

package/index237.mjs

@@ -1,51 +0,0 @@
-import { jsx as x, jsxs as n } from "react/jsx-runtime";
-import { clsx as a } from "./index296.mjs";
-const w = ({
-  variant: m = "default",
-  trustLabel: l,
-  logos: p,
-  ...r
-}) => {
-  const e = p == null ? void 0 : p.slice(0, 8);
-  return /* @__PURE__ */ x(
-    "div",
-    {
-      className: a("px-4 sm:px-6 md:px-8 xl:px-10", {
-        "py-e400": m === "default",
-        "border-b border-misc-border py-6": m === "compact"
-      }),
-      ...r,
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-4 sm:gap-6", children: [
-        l && /* @__PURE__ */ x(
-          "div",
-          {
-            className: a("body-600 max-w-[640px] text-center text-content-secondary", {
-              "sr-only": m === "compact"
-            }),
-            children: l
-          }
-        ),
-        !!(e != null && e.length) && /* @__PURE__ */ x(
-          "div",
-          {
-            className: a("mx-auto flex justify-center gap-2 lg:max-w-[1200px] lg:flex-nowrap", {
-              "max-w-[445px] flex-nowrap": e.length < 4,
-              "max-w-[294px] flex-wrap": e.length === 4,
-              "max-w-[445px] flex-wrap": e.length > 4,
-              "sm:max-w-[747px] sm:flex-nowrap": e.length < 6,
-              "sm:max-w-[445px] sm:flex-wrap": e.length === 6,
-              "sm:max-w-[596px] sm:flex-wrap": e.length > 6,
-              "md:max-w-[898px] md:flex-nowrap": e.length <= 6,
-              "md:max-w-[596px] md:flex-wrap": e.length > 6
-            }),
-            children: e.map((t, c) => /* @__PURE__ */ x("div", { className: "relative aspect-[16/9] max-w-[143px]", children: t }, c.toString()))
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  w as LogosBlock
-};
-//# sourceMappingURL=index237.mjs.map

package/index238.mjs

@@ -1,21 +0,0 @@
-import { jsxs as i, jsx as p } from "react/jsx-runtime";
-import { clsx as e } from "./index296.mjs";
-const g = ({ titleBlock: l, assets: c, className: m, ...o }) => /* @__PURE__ */ i(
-  "section",
-  {
-    className: e(
-      "space-y-10 sm:space-y-16 lg:space-y-20",
-      "px-4 py-e500 sm:px-6 md:px-8 xl:px-10",
-      m
-    ),
-    ...o,
-    children: [
-      l,
-      /* @__PURE__ */ p("div", { className: "mx-auto grid max-w-[1200px] grid-cols-4 gap-0.5 sm:grid-cols-6 sm:gap-2", children: c == null ? void 0 : c.map((r, a) => /* @__PURE__ */ p("figure", { className: "relative aspect-[16/9]", children: r }, a.toString())) })
-    ]
-  }
-);
-export {
-  g as LogosWallBlock
-};
-//# sourceMappingURL=index238.mjs.map

package/index239.mjs

@@ -1,9 +0,0 @@
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
-const i = ({ title: e, children: c, ...l }) => /* @__PURE__ */ s("section", { className: "bg-surface-default px-4 py-e500 sm:px-6 md:px-8", ...l, children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-[1200px] flex-col items-center", children: [
-  !!e && /* @__PURE__ */ s("div", { className: "w-full pb-i500", children: e }),
-  /* @__PURE__ */ s("div", { className: "grid items-stretch gap-6 sm:grid-cols-2 lg:grid-cols-4", children: c })
-] }) });
-export {
-  i as OffersBlock
-};
-//# sourceMappingURL=index239.mjs.map

package/index24.mjs

@@ -1,109 +0,0 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { cva as a } from "./index302.mjs";
-import { clsx as g } from "./index296.mjs";
-import { forwardRef as f } from "react";
-const b = a(
-  "group flex w-full flex-col items-center justify-center gap-0.5 outline-none",
-  {
-    variants: {
-      disabled: {
-        true: "cursor-not-allowed opacity-30",
-        false: "cursor-pointer"
-      }
-    },
-    defaultVariants: {
-      disabled: !1
-    }
-  }
-), v = a("relative rounded-500 p-2", {
-  variants: {
-    disabled: {
-      true: "",
-      false: ""
-    },
-    toggled: {
-      true: "",
-      false: ""
-    },
-    active: {
-      true: "",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    {
-      disabled: !0,
-      toggled: !1,
-      class: ""
-    },
-    {
-      disabled: !0,
-      toggled: !0,
-      class: "bg-background-default"
-    },
-    {
-      disabled: !1,
-      toggled: !1,
-      class: [
-        "group-hover:bg-background-subdued-hover group-focus-visible:bg-background-subdued-hover",
-        "group-focus-visible:outline-none group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring",
-        "group-active:bg-background-subdued-down"
-      ].join(" ")
-    },
-    {
-      disabled: !1,
-      toggled: !0,
-      class: [
-        "bg-background-default",
-        "group-hover:bg-background-hover",
-        "group-focus-visible:bg-background-hover",
-        "group-active:bg-background-down",
-        "group-focus-visible:outline-none group-focus-visible:ring-misc-focus-indicator group-focus-visible:misc-border-size-focus-ring"
-      ].join(" ")
-    },
-    {
-      disabled: !1,
-      toggled: !1,
-      active: !0,
-      class: "bg-background-subdued-hover"
-    }
-  ],
-  defaultVariants: {
-    disabled: !1,
-    toggled: !1
-  }
-}), p = a("icon-size-500", {
-  variants: {
-    toggled: {
-      true: "text-content-white-primary-inverted",
-      false: "text-content-primary"
-    }
-  },
-  defaultVariants: {
-    toggled: !1
-  }
-}), m = f(
-  ({ icon: n, label: l, disabled: e, toggled: s, active: u, onClick: c, badge: r, ...t }, d) => /* @__PURE__ */ i(
-    "button",
-    {
-      ...t,
-      ref: d,
-      className: g(b({ disabled: e }), t.className),
-      tabIndex: e ? -1 : 0,
-      onClick: e ? void 0 : c,
-      "aria-disabled": e,
-      children: [
-        /* @__PURE__ */ i("div", { className: v({ disabled: e, toggled: s, active: u }), children: [
-          /* @__PURE__ */ o(n, { className: p({ toggled: s }) }),
-          r && /* @__PURE__ */ o("div", { className: "absolute -right-3 -top-2", children: r })
-        ] }),
-        /* @__PURE__ */ o("span", { className: "component-400 w-full truncate text-center text-content-primary", children: l })
-      ]
-    }
-  )
-);
-m.displayName = "NavigationToggleButton";
-export {
-  m as NavigationToggleButton
-};
-//# sourceMappingURL=index24.mjs.map

package/index240.mjs

@@ -1,57 +0,0 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { clsx as x } from "./index296.mjs";
-import { useMemo as h, cloneElement as f, isValidElement as N } from "react";
-import { cn as y } from "./index7.mjs";
-const P = function({
-  icon: i,
-  overline: s,
-  title: r,
-  subtitle: e,
-  cta: m,
-  footnote: c,
-  className: t,
-  ...g
-}) {
-  var d;
-  const n = h(
-    () => m == null ? void 0 : m.map((p) => f(p, { density: "spacious", size: "large" })),
-    [m]
-  ), o = N(e) ? !!((d = e == null ? void 0 : e.props) != null && d.children) : !!e;
-  return /* @__PURE__ */ a("div", { ...g, className: y("flex flex-col items-center text-center", t), children: [
-    !!r && // Include the overline inside the H1
-    // https://photoroom-app.slack.com/archives/C04L2BFALKV/p1684244446846509?thread_ts=1684243364.037879&cid=C04L2BFALKV
-    /* @__PURE__ */ a("h1", { className: "flex flex-col items-center gap-2 text-content-primary", children: [
-      !!s && /* @__PURE__ */ l("span", { className: "heading-light-600 max-w-[720px]", children: s }),
-      /* @__PURE__ */ a("span", { className: "max-w-[1072px] text-balance", children: [
-        !!i && /* @__PURE__ */ l(
-          "figure",
-          {
-            className: x(
-              "relative inline-flex align-middle",
-              "size-[31px] sm:size-[58px] lg:size-[71px]",
-              "mr-2 sm:mr-3 lg:mr-4"
-            ),
-            children: i
-          }
-        ),
-        /* @__PURE__ */ l(
-          "span",
-          {
-            className: x(
-              "heading-light-800 sm:heading-light-1100 lg:heading-light-1200",
-              "inline align-middle"
-            ),
-            children: r
-          }
-        )
-      ] })
-    ] }),
-    o && /* @__PURE__ */ l("div", { className: "body-600 mt-3 max-w-[720px] text-balance text-content-secondary sm:body-700", children: e }),
-    !!(n != null && n.length) && /* @__PURE__ */ l("div", { className: "mt-6 flex flex-col items-center gap-2 sm:mt-8 sm:flex-row lg:mt-10 lg:gap-3", children: n }),
-    !!c && /* @__PURE__ */ l("div", { className: "body-300 mt-2 max-w-[720px] text-content-secondary lg:mt-3", children: c })
-  ] });
-};
-export {
-  P as PageTitle
-};
-//# sourceMappingURL=index240.mjs.map

package/index241.mjs

@@ -1,50 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { clsx as a } from "./index296.mjs";
-const n = ({
-  containerId: c,
-  title: d,
-  helpText: l,
-  url: o,
-  visibleOnMobile: i,
-  ...t
-}) => (
-  // Show playground on LG/XL breakpoints only
-  /* @__PURE__ */ r(
-    "div",
-    {
-      id: c,
-      className: a(
-        "w-full bg-surface-alternate px-4 py-e500 xl:px-10",
-        !i && "hidden lg:block"
-      ),
-      ...t,
-      children: [
-        /* @__PURE__ */ r("div", { className: "flex flex-col justify-center gap-i500", children: [
-          d,
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: a(
-                "mx-auto h-[720px] w-full max-w-[1200px]",
-                "overflow-hidden rounded-500 border"
-              ),
-              children: /* @__PURE__ */ e(
-                "iframe",
-                {
-                  src: o,
-                  className: "h-full w-full bg-white",
-                  allow: "clipboard-read; clipboard-write"
-                }
-              )
-            }
-          )
-        ] }),
-        l && /* @__PURE__ */ e("div", { className: "body-500 mx-auto max-w-[512px] pt-6 text-center text-content-secondary lg:max-w-[720px]", children: l })
-      ]
-    }
-  )
-);
-export {
-  n as PlaygroundBlock
-};
-//# sourceMappingURL=index241.mjs.map

package/index242.mjs

@@ -1,51 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { clsx as s } from "./index296.mjs";
-const x = ({
-  title: c,
-  helpText: d,
-  url: t,
-  screenTooSmallTitle: a,
-  screenTooSmallDescription: l,
-  ...o
-}) => /* @__PURE__ */ r("div", { className: "w-full bg-surface-alternate px-4 pt-e600 pb-e500 sm:py-e500 xl:px-10", ...o, children: [
-  /* @__PURE__ */ r("div", { className: "flex flex-col justify-center gap-i500", children: [
-    c,
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: s(
-          "mx-auto h-[720px] w-full max-w-[1200px]",
-          "overflow-hidden rounded-500 border border-misc-border",
-          "hidden sm:block"
-        ),
-        children: /* @__PURE__ */ e(
-          "iframe",
-          {
-            src: t,
-            className: "h-full w-full bg-white",
-            allow: "clipboard-read; clipboard-write"
-          }
-        )
-      }
-    ),
-    a && l && /* @__PURE__ */ r(
-      "div",
-      {
-        className: s(
-          "flex flex-col gap-1 sm:hidden",
-          "rounded-500 border border-dashed border-neutral-5",
-          "min-h-[160px] items-center justify-center px-2 py-4 text-center"
-        ),
-        children: [
-          /* @__PURE__ */ e("span", { className: "body-semi-strong-600", children: a }),
-          /* @__PURE__ */ e("span", { className: "body-500 text-content-secondary", children: l })
-        ]
-      }
-    )
-  ] }),
-  d && /* @__PURE__ */ e("div", { className: "body-500 mx-auto max-w-[512px] pt-6 text-center text-content-secondary lg:max-w-[720px]", children: d })
-] });
-export {
-  x as PlaygroundHeroBlock
-};
-//# sourceMappingURL=index242.mjs.map

package/index243.mjs

@@ -1,24 +0,0 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { clsx as l } from "./index296.mjs";
-import { PressBlockItem as x, PressBlockItemLink as a } from "./index412.mjs";
-const s = ({ titleBlock: m, children: o, className: p, ...c }) => /* @__PURE__ */ e(
-  "section",
-  {
-    className: l(
-      "space-y-10 sm:space-y-16 lg:space-y-20",
-      "px-4 py-e500 sm:px-6 md:px-8 xl:px-10",
-      p
-    ),
-    ...c,
-    children: [
-      m,
-      /* @__PURE__ */ r("div", { className: "mx-auto grid max-w-[1200px] grid-cols-1 gap-x-10 gap-y-8 sm:grid-cols-2 lg:grid-cols-3 xl:gap-10", children: o })
-    ]
-  }
-);
-s.Item = x;
-s.Link = a;
-export {
-  s as PressBlock
-};
-//# sourceMappingURL=index243.mjs.map

package/index244.mjs

@@ -1,11 +0,0 @@
-import { jsx as x, jsxs as c } from "react/jsx-runtime";
-import { clsx as i } from "./index296.mjs";
-const e = ({ title: m, cards: s, features: a, ...r }) => /* @__PURE__ */ x("div", { className: i("px-4 sm:px-6 md:px-8 xl:px-10", "py-e400"), ...r, children: /* @__PURE__ */ c("div", { className: "mx-auto max-w-[960px] xl:max-w-[1400px]", children: [
-  m && /* @__PURE__ */ x("div", { className: "pb-i300", children: m }),
-  s,
-  /* @__PURE__ */ x("div", { className: "mx-auto xl:max-w-[1200px]", children: a })
-] }) });
-export {
-  e as PricingHeroBlock
-};
-//# sourceMappingURL=index244.mjs.map