@photoroom/ui 0.1.1

package/index256.mjs

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { PricingFeaturesLegend as i } from "./index259.mjs";
+const p = ({
+  planName: r,
+  planShortName: e
+}) => /* @__PURE__ */ t(i, { planName: r, planShortName: e });
+export {
+  p as AppPricingFeaturesLegend
+};
+//# sourceMappingURL=index256.mjs.map

package/index257.mjs

@@ -0,0 +1,18 @@
+import { jsx as i } from "react/jsx-runtime";
+import { PricingFeaturesSectionItemBadge as o } from "./index262.mjs";
+const c = ({
+  isChecked: e,
+  description: r,
+  planName: t
+}) => /* @__PURE__ */ i(
+  o,
+  {
+    isChecked: e,
+    description: r,
+    planName: t
+  }
+);
+export {
+  c as AppPricingFeaturesSectionItemBadge
+};
+//# sourceMappingURL=index257.mjs.map

package/index258.mjs

@@ -0,0 +1,22 @@
+import { jsx as c, jsxs as e } from "react/jsx-runtime";
+const i = ({
+  title: s,
+  legend: n,
+  sections: t,
+  fairLimitsLabel: l,
+  ...a
+}) => /* @__PURE__ */ c("div", { id: "features", className: "scroll-mt-16 pt-i600", ...a, children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-i500", children: [
+  s,
+  /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-6", children: [
+    /* @__PURE__ */ c("div", { className: "hidden justify-end gap-0 xl:flex xl:gap-4", children: n }),
+    t,
+    l && /* @__PURE__ */ e("div", { className: "component-400 text-center text-content-secondary", children: [
+      "*",
+      l
+    ] })
+  ] })
+] }) });
+export {
+  i as PricingFeatures
+};
+//# sourceMappingURL=index258.mjs.map

package/index259.mjs

@@ -0,0 +1,10 @@
+import { jsx as e, jsxs as r, Fragment as s } from "react/jsx-runtime";
+import { PricingFeaturesCell as c } from "./index615.mjs";
+const o = ({ planName: i, planShortName: n }) => /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("div", { className: "hidden xl:component-semi-strong-800 xl:block", children: /* @__PURE__ */ e(c, { children: n ? /* @__PURE__ */ r(s, { children: [
+  /* @__PURE__ */ e("span", { className: "block xl:hidden", children: n }),
+  /* @__PURE__ */ e("span", { className: "hidden xl:block", children: i })
+] }) : i }) }) });
+export {
+  o as PricingFeaturesLegend
+};
+//# sourceMappingURL=index259.mjs.map

package/index26.mjs

@@ -0,0 +1,35 @@
+import { jsx as t } from "react/jsx-runtime";
+import { CheckSmallIcon as c } from "@photoroom/icons/lib/monochromes";
+import { clsx as o } from "./index296.mjs";
+import { forwardRef as i } from "react";
+import { OverlayButtonBase as a } from "./index25.mjs";
+const s = i(
+  ({ isSelected: r, ...e }, n) => /* @__PURE__ */ t(a, { ...e, role: "checkbox", "aria-checked": r, buttonRef: n, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: o(
+        "flex items-center justify-center size-200",
+        "rounded-200 misc-border-size-selection",
+        "transition-colors interaction-transition-type-1",
+        {
+          "border-content-secondary bg-transparent": !r,
+          "border-accent-500 bg-content-accent": r
+        }
+      ),
+      children: /* @__PURE__ */ t(
+        c,
+        {
+          className: o("shrink-0 text-white transition-opacity icon-size-400", {
+            "opacity-100": r,
+            "opacity-0": !r
+          })
+        }
+      )
+    }
+  ) })
+);
+s.displayName = "OverlaySelectButton";
+export {
+  s as OverlaySelectButton
+};
+//# sourceMappingURL=index26.mjs.map

package/index260.mjs

@@ -0,0 +1,9 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+const i = ({ title: e, items: r, ...o }) => /* @__PURE__ */ s("div", { className: "flex flex-col", ...o, children: [
+  e && /* @__PURE__ */ n("div", { className: "component-semi-strong-700 border-b border-neutral-9 py-2", children: e }),
+  r
+] });
+export {
+  i as PricingFeaturesSection
+};
+//# sourceMappingURL=index260.mjs.map

package/index261.mjs

@@ -0,0 +1,30 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { InfoCircleIcon as o } from "@photoroom/icons/lib/monochromes";
+import { clsx as c } from "./index296.mjs";
+import { Tooltip as m } from "./index200.mjs";
+const d = ({
+  featureName: s,
+  featureDescription: r,
+  featureBadges: t,
+  ...a
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: c(
+      "flex flex-col items-start gap-3 py-6 lg:gap-4 xl:flex-row xl:items-center",
+      "border-b border-misc-border"
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ l("div", { className: "flex flex-1 items-start gap-2", children: [
+        /* @__PURE__ */ e("span", { className: "component-500", children: s }),
+        r && /* @__PURE__ */ e(m, { content: r, side: "top", className: "max-w-[256px]", children: /* @__PURE__ */ e(o, { className: "mt-[1px] h-4 w-4 flex-shrink-0 text-black" }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 xl:gap-4", children: t })
+    ]
+  }
+);
+export {
+  d as PricingFeaturesSectionItem
+};
+//# sourceMappingURL=index261.mjs.map

package/index262.mjs

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { CheckIcon as c } from "@photoroom/icons/lib/monochromes";
+import { clsx as o } from "./index296.mjs";
+import { PricingFeaturesCell as s } from "./index615.mjs";
+const x = ({
+  isChecked: n,
+  planName: r,
+  description: t
+}) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(
+  "div",
+  {
+    className: o(
+      "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"
+    ),
+    children: [
+      !!r && /* @__PURE__ */ i("span", { className: "text-content-secondary xl:hidden", children: [
+        r,
+        ":"
+      ] }),
+      t || /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: n ? /* @__PURE__ */ e(c, { className: "icon-size-400" }) : "—" })
+    ]
+  }
+) });
+export {
+  x as PricingFeaturesSectionItemBadge
+};
+//# sourceMappingURL=index262.mjs.map

package/index263.mjs

@@ -0,0 +1,20 @@
+import { useState as s, useEffect as l } from "react";
+const C = ({
+  lang: e,
+  localizedInfo: o
+}) => {
+  const [y, a] = s(""), [u, p] = s(""), [r, t] = o || [];
+  return l(() => {
+    if (!r || !t)
+      return;
+    const i = new Intl.DisplayNames(e, { type: "currency" }), m = new Intl.DisplayNames(e, { type: "region" }), c = i.of(r.toUpperCase()), n = m.of(t.toUpperCase());
+    c && n && (a(c), p(n));
+  }, [e, t, r]), {
+    currencyDisplayName: y,
+    countryDisplayName: u
+  };
+};
+export {
+  C as usePriceCountryCurrencyDisplayName
+};
+//# sourceMappingURL=index263.mjs.map

package/index264.mjs

@@ -0,0 +1,6 @@
+import { jsx as i } from "react/jsx-runtime";
+const d = ({ children: r, ...e }) => /* @__PURE__ */ i("div", { className: "inline-flex gap-0.5 rounded-400 bg-background-subdued p-0.5", ...e, children: r });
+export {
+  d as PricingPicker
+};
+//# sourceMappingURL=index264.mjs.map

package/index265.mjs

@@ -0,0 +1,46 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { cva as i } from "./index302.mjs";
+const o = i(
+  [
+    "component-semi-strong-600 flex h-[60px] flex-1 items-center gap-3 whitespace-nowrap rounded-400 px-4",
+    "outline-none focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+    "transition-all"
+  ],
+  {
+    variants: {
+      selected: {
+        true: "bg-background-tab text-content-primary shadow-500",
+        false: "text-content-secondary"
+      }
+    },
+    defaultVariants: {
+      selected: !1
+    }
+  }
+), l = i("flex-shrink-0 rounded-300 size-400", {
+  variants: {
+    selected: {
+      true: "text-[#7883FF]",
+      false: "text-neutral-4"
+    }
+  },
+  defaultVariants: {
+    selected: !1
+  }
+}), n = ({
+  selected: e,
+  icon: s,
+  children: a,
+  ...r
+}) => /* @__PURE__ */ c("a", { className: o({ selected: e }), ...r, children: [
+  s && /* @__PURE__ */ t("span", { className: l({ selected: e }), children: s }),
+  a
+] });
+n.displayName = "PricingPickerButton";
+const d = ({ children: e }) => /* @__PURE__ */ t("span", { className: "block sm:hidden", children: e }), u = ({ children: e }) => /* @__PURE__ */ t("span", { className: "hidden sm:block", children: e });
+n.ShortLabel = d;
+n.LongLabel = u;
+export {
+  n as PricingPickerButton
+};
+//# sourceMappingURL=index265.mjs.map

package/index266.mjs

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { PromoBadge as c } from "./index410.mjs";
+import { HeaderBanner as m } from "./index234.mjs";
+const a = ({
+  badgeLabel: n,
+  closeLabel: i,
+  children: s,
+  ...o
+}) => /* @__PURE__ */ e(
+  m,
+  {
+    variant: "accent",
+    isHiddenSessionKey: "is-promo-banner-hidden",
+    closeLabel: i,
+    ...o,
+    children: /* @__PURE__ */ r("div", { className: "component-600 flex flex-row items-center justify-center gap-3 py-4", children: [
+      n && /* @__PURE__ */ e("div", { className: "hidden flex-shrink-0 sm:block", children: /* @__PURE__ */ e(c, { children: n }) }),
+      /* @__PURE__ */ r("div", { children: [
+        n && /* @__PURE__ */ r("span", { className: "component-strong-600 inline sm:hidden", children: [
+          n,
+          " "
+        ] }),
+        /* @__PURE__ */ e("span", { className: "[&>p]:inline [&_a]:underline", children: s })
+      ] })
+    ] })
+  }
+);
+export {
+  a as PromoBannerBlock
+};
+//# sourceMappingURL=index266.mjs.map

package/index267.mjs

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { clsx as l } from "./index296.mjs";
+const p = ({
+  title: i,
+  visualElement: r,
+  largeVisualAsset: x,
+  bgColor: a,
+  ...d
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: l(
+      "relative flex overflow-hidden",
+      "pt-e600 pb-e500 sm:py-e500 lg:py-e800",
+      "px-4 sm:px-6 md:px-8 xl:px-10",
+      "xl:min-h-[720px]",
+      {
+        "bg-surface-alternate": !a
+      }
+    ),
+    style: { backgroundColor: a },
+    ...d,
+    children: /* @__PURE__ */ o(
+      "div",
+      {
+        className: l(
+          "mx-auto w-full max-w-[1200px]",
+          "flex flex-col items-center gap-i400",
+          "lg:flex-row lg:gap-3",
+          "xl:gap-6"
+        ),
+        children: [
+          /* @__PURE__ */ e("div", { className: "relative z-[1] w-full flex-1 lg:pr-8", children: i }),
+          /* @__PURE__ */ o("div", { className: "w-full flex-1", children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: l(
+                  "relative mx-auto max-w-[480px] overflow-hidden rounded-area-500 lg:max-w-none",
+                  !!x && "lg:hidden"
+                ),
+                children: r
+              }
+            ),
+            !!x && /* @__PURE__ */ e("div", { className: l("hidden lg:block", "absolute bottom-0 left-1/2 top-0 w-max"), children: x })
+          ] })
+        ]
+      }
+    )
+  }
+);
+export {
+  p as QuickToolHeroBlock
+};
+//# sourceMappingURL=index267.mjs.map

package/index268.mjs

@@ -0,0 +1,36 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { clsx as d } from "./index296.mjs";
+const m = ({ content: n, avatar: s, name: t, occupation: a }) => /* @__PURE__ */ e("div", { className: "px-4 py-e600 sm:px-6 md:px-8 xl:px-10", children: /* @__PURE__ */ l("div", { className: "mx-auto flex max-w-[960px] flex-col justify-center gap-8", children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: d(
+        "text-900 font-800 leading-500",
+        "sm:text-1100 sm:font-800 sm:leading-500",
+        "lg:text-1300 lg:font-800 lg:leading-500"
+      ),
+      children: n
+    }
+  ),
+  /* @__PURE__ */ l("div", { className: "flex flex-row items-center gap-4 sm:gap-6", children: [
+    !!s && /* @__PURE__ */ e(
+      "div",
+      {
+        className: d(
+          "relative",
+          "w-16 sm:w-20",
+          "aspect-[1/1] overflow-hidden rounded-full"
+        ),
+        children: s
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e("span", { className: "body-strong-500 sm:body-strong-700", children: t }),
+      /* @__PURE__ */ e("span", { className: "body-400 text-content-secondary sm:body-500", children: a })
+    ] })
+  ] })
+] }) });
+export {
+  m as QuoteBlock
+};
+//# sourceMappingURL=index268.mjs.map

package/index269.mjs

@@ -0,0 +1,40 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { clsx as s } from "./index296.mjs";
+import { Button as t } from "./index10.mjs";
+const c = ({
+  titleBlock: a,
+  reviews: e,
+  ctaLabel: l,
+  ctaLink: r,
+  ...x
+}) => /* @__PURE__ */ m("section", { className: s("flex flex-col", "px-4", "gap-i400", "py-e500"), ...x, children: [
+  a,
+  e && e.length > 0 && /* @__PURE__ */ o(
+    "ul",
+    {
+      className: s(
+        "mx-auto max-w-sm sm:max-w-lg lg:max-w-5.5xl",
+        "flex flex-col flex-wrap gap-6 lg:flex-row lg:justify-center"
+      ),
+      children: e
+    }
+  ),
+  l && r && /* @__PURE__ */ o(
+    t,
+    {
+      variant: "primary",
+      className: "mx-auto font-700",
+      size: "large",
+      density: "spacious",
+      as: "a",
+      href: r.href,
+      rel: "noreferrer noopener",
+      ...r.extraAttrs,
+      children: l
+    }
+  )
+] });
+export {
+  c as ReviewsBlock
+};
+//# sourceMappingURL=index269.mjs.map

package/index27.mjs

@@ -0,0 +1,50 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { ChevronDownShortIcon as m } from "@photoroom/icons/lib/monochromes";
+import { clsx as u } from "./index296.mjs";
+import { forwardRef as f } from "react";
+import { buttonVariants as p } from "./index298.mjs";
+import { pullDownButtonVariants as w, pullDownButtonActionVariants as x, pullDownButtonLabelVariants as d } from "./index318.mjs";
+import { twMerge as h } from "./index297.mjs";
+const D = ({ variant: r, label: n, badge: o, children: e }) => {
+  if (!n)
+    return null;
+  const t = /* @__PURE__ */ s("span", { className: x({ variant: r }), children: e });
+  return o ? /* @__PURE__ */ l("span", { className: "flex items-center gap-1", children: [
+    t,
+    o
+  ] }) : t;
+}, N = ({ variant: r, badge: n, label: o, children: e }) => {
+  const t = /* @__PURE__ */ s("span", { className: d({ variant: r }), children: e });
+  return n && !o ? /* @__PURE__ */ l("span", { className: "flex items-center gap-1", children: [
+    t,
+    n
+  ] }) : t;
+}, B = f(
+  ({ as: r = "button", variant: n = "accent", className: o, children: e, label: t, badge: a, ...c }, i) => /* @__PURE__ */ l(
+    r,
+    {
+      ref: i,
+      className: h(
+        u(
+          "flex max-w-full items-center justify-center content-to-edge-px-650",
+          p({ variant: n, loading: !1 }),
+          w({ withLabel: !!t }),
+          o
+        )
+      ),
+      ...c,
+      children: [
+        /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+          /* @__PURE__ */ s(D, { variant: n, label: t, badge: a, children: e }),
+          /* @__PURE__ */ s(N, { variant: n, label: t, badge: a, children: t ?? e })
+        ] }),
+        /* @__PURE__ */ s(m, { className: "text-to-leading-compact-500 icon-size-400", "aria-hidden": !0 })
+      ]
+    }
+  )
+);
+B.displayName = "PullDownButton";
+export {
+  B as PullDownButton
+};
+//# sourceMappingURL=index27.mjs.map

package/index270.mjs

@@ -0,0 +1,40 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { StarFullIcon as d } from "@photoroom/icons/lib/monochromes";
+import { clsx as c } from "./index296.mjs";
+const g = ({ title: s, content: r, image: a, name: t, occupation: n, ...i }) => /* @__PURE__ */ e(
+  "li",
+  {
+    className: c(
+      "sm:max-w-lg md:max-w-5.5xl",
+      "lg:flex lg:items-stretch lg:justify-center",
+      "lg:w-[calc(100%/3-16px)]"
+      // A bit hacky but flexible
+    ),
+    ...i,
+    children: /* @__PURE__ */ l(
+      "article",
+      {
+        className: c(
+          "flex h-full w-full flex-col gap-6 rounded-area-500 bg-neutral-1",
+          "p-5 sm:p-8"
+        ),
+        children: [
+          /* @__PURE__ */ e("ul", { className: "flex gap-1", children: Array.from({ length: 5 }).map((o, m) => /* @__PURE__ */ e("li", { className: "text-content-camera-accent", children: /* @__PURE__ */ e(d, { className: "h-6 w-6" }) }, `star_${m}`)) }),
+          /* @__PURE__ */ e("h3", { className: "heading-light-400 text-black", children: s }),
+          /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("p", { className: "body-500 text-content-secondary", children: r }) }),
+          /* @__PURE__ */ l("div", { className: "flex gap-3", children: [
+            !!a && /* @__PURE__ */ e("div", { className: "relative h-10 w-10 shrink-0", children: a }),
+            /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ e("strong", { className: "body-semi-strong-500 text-black", children: t }),
+              /* @__PURE__ */ e("p", { className: "body-400 text-content-secondary", children: n })
+            ] })
+          ] })
+        ]
+      }
+    )
+  }
+);
+export {
+  g as Review
+};
+//# sourceMappingURL=index270.mjs.map

package/index271.mjs

@@ -0,0 +1,37 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { isValidElement as i } from "react";
+import { cn as x } from "./index7.mjs";
+const p = function({
+  variant: t = "default",
+  title: l,
+  subtitle: e,
+  className: c,
+  ...m
+}) {
+  var n;
+  const o = i(e) ? !!((n = e == null ? void 0 : e.props) != null && n.children) : !!e;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: x(
+        "@container",
+        "mx-auto w-full",
+        "flex flex-col items-center gap-4 text-center",
+        {
+          "max-w-[384px] sm:max-w-[512px] lg:max-w-[900px]": t === "default",
+          "shrink-0 lg:items-start lg:text-left": t === "side"
+        },
+        c
+      ),
+      ...m,
+      children: [
+        !!l && /* @__PURE__ */ a("h2", { className: "heading-light-800 w-full text-balance sm:heading-light-900 lg:heading-light-1000", children: l }),
+        o && /* @__PURE__ */ a("div", { className: "body-600 w-full text-pretty text-content-secondary sm:body-700 @[512px]:max-w-[80%]", children: e })
+      ]
+    }
+  );
+};
+export {
+  p as SectionTitle
+};
+//# sourceMappingURL=index271.mjs.map

package/index272.mjs

@@ -0,0 +1,38 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useMemo as d, cloneElement as o } from "react";
+import { cn as g } from "./index7.mjs";
+const y = function({
+  title: i,
+  overline: m,
+  subtitle: n,
+  cta: t,
+  footnote: a,
+  className: s
+}) {
+  const l = d(
+    () => t == null ? void 0 : t.map((r) => o(r, { density: "spacious", size: "large" })),
+    [t]
+  );
+  return /* @__PURE__ */ c(
+    "header",
+    {
+      className: g(
+        "lg:max-w-auto mx-auto max-w-[704px] lg:mx-0",
+        "flex flex-col items-center lg:items-start",
+        "text-center lg:text-left",
+        s
+      ),
+      children: [
+        !!m && /* @__PURE__ */ e("div", { className: "heading-light-600 mb-2 text-content-primary", children: m }),
+        /* @__PURE__ */ e("h2", { className: "heading-light-800 text-balance text-content-primary sm:heading-light-1100", children: i }),
+        !!n && /* @__PURE__ */ e("div", { className: "body-600 mt-3 text-balance text-content-secondary sm:body-700 lg:mt-6", children: n }),
+        !!(l != null && l.length) && /* @__PURE__ */ e("div", { className: "mt-6 flex flex-col items-center gap-2 sm:mt-8 sm:flex-row lg:mt-10 lg:gap-3", children: l }),
+        !!a && /* @__PURE__ */ e("div", { className: "body-300 mt-2 text-content-secondary lg:body-400 lg:mt-3", children: a })
+      ]
+    }
+  );
+};
+export {
+  y as SidePageTitle
+};
+//# sourceMappingURL=index272.mjs.map

package/index273.mjs

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+const l = ({ title: t }) => /* @__PURE__ */ e("div", { className: "mx-auto max-w-lg text-center lg:max-w-[600px]", children: /* @__PURE__ */ e("h3", { className: "heading-light-700 text-balance", children: t }) });
+export {
+  l as SmallSectionTitle
+};
+//# sourceMappingURL=index273.mjs.map

package/index274.mjs

@@ -0,0 +1,17 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { clsx as a } from "./index296.mjs";
+const c = ({ titleBlock: x, children: e, ...s }) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: a("flex flex-col", "px-4 sm:px-6 md:px-8 xl:px-10", "py-e500", "gap-i500"),
+    ...s,
+    children: [
+      x,
+      /* @__PURE__ */ l("div", { className: "mx-auto max-w-sm sm:max-w-lg lg:max-w-[1200px]", children: /* @__PURE__ */ l("div", { className: "flex flex-col justify-center gap-6 lg:flex-row lg:flex-wrap", children: e }) })
+    ]
+  }
+);
+export {
+  c as StepsBlock
+};
+//# sourceMappingURL=index274.mjs.map

package/index275.mjs

@@ -0,0 +1,10 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { TagGroup as a } from "./index161.mjs";
+const c = ({ titleBlock: p, children: x, ...m }) => /* @__PURE__ */ o("section", { className: "mx-auto max-w-[1200px] px-4 py-e400 sm:px-6 md:px-8 xl:px-10", ...m, children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-i200", children: [
+  p,
+  !!x && /* @__PURE__ */ o(a, { children: x })
+] }) });
+export {
+  c as TagCloudBlock
+};
+//# sourceMappingURL=index275.mjs.map

package/index276.mjs

@@ -0,0 +1,39 @@
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { clsx as m } from "./index296.mjs";
+import { Button as x } from "./index10.mjs";
+const n = ({
+  titleBlock: r,
+  content: o,
+  ctaLabel: a,
+  ctaLink: e,
+  ...l
+}) => /* @__PURE__ */ s("div", { className: "px-4 py-e500 sm:px-6 md:px-8 xl:px-10", ...l, children: /* @__PURE__ */ t(
+  "div",
+  {
+    className: m(
+      "align-center mx-auto flex flex-col justify-center",
+      "max-w-sm sm:max-w-lg lg:max-w-[640px]"
+    ),
+    children: [
+      r && /* @__PURE__ */ s("div", { className: "pb-i200", children: r }),
+      /* @__PURE__ */ s("div", { className: m("body-600 sm:body-700", "text-center text-content-secondary pb-i300"), children: o }),
+      !!(e != null && e.href) && /* @__PURE__ */ s(
+        x,
+        {
+          as: "a",
+          size: "large",
+          density: "spacious",
+          href: e.href,
+          variant: "primary",
+          className: "self-center [&_div]:component-strong-600",
+          ...e.extraAttrs,
+          children: a
+        }
+      )
+    ]
+  }
+) });
+export {
+  n as TakeActionBlock
+};
+//# sourceMappingURL=index276.mjs.map