@photoroom/ui 0.1.1

package/index212.mjs

@@ -0,0 +1,40 @@
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
+import { clsx as r } from "./index296.mjs";
+const d = ({
+  variant: e = "default",
+  author: s,
+  children: l,
+  className: t,
+  ...i
+}) => /* @__PURE__ */ o(
+  "blockquote",
+  {
+    className: r(
+      "not-prose flex flex-col gap-4",
+      "my-10 pl-[22px] sm:my-12 sm:pl-[30px]",
+      "border-l-2 border-misc-border",
+      t
+    ),
+    ...i,
+    children: [
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: r("text-content-primary", {
+            "body-semi-strong-600 sm:body-semi-strong-700": e === "default",
+            "body-semi-strong-900 sm:body-semi-strong-1000": e === "emphasized"
+          }),
+          children: l
+        }
+      ),
+      !!s && /* @__PURE__ */ o("p", { className: "body-semi-strong-600 text-content-primary", children: [
+        /* @__PURE__ */ m("span", { className: "inline-flex pr-1.5", children: "–" }),
+        s
+      ] })
+    ]
+  }
+);
+export {
+  d as BlogQuoteBlock
+};
+//# sourceMappingURL=index212.mjs.map

package/index213.mjs

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { ArrowRightIcon as a } from "@photoroom/icons/lib/monochromes";
+import { clsx as c } from "./index296.mjs";
+import { forwardRef as s } from "react";
+import { Button as p } from "./index10.mjs";
+const l = s(
+  ({ as: t = "a", title: r, className: e, ...n }, m) => /* @__PURE__ */ i(
+    t,
+    {
+      ...n,
+      ref: m,
+      className: c(
+        "not-prose",
+        "flex items-center justify-between gap-6",
+        "my-6 p-4 pl-6",
+        "rounded-area-500 bg-[#F5F3F0]",
+        "font-brand",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ o("span", { className: "component-600 text-content-primary sm:component-700", children: r }),
+        /* @__PURE__ */ o(p, { icon: a, variant: "primary", size: "medium", density: "compact" })
+      ]
+    }
+  )
+);
+l.displayName = "BlogSubtleActionBlock";
+export {
+  l as BlogSubtleActionBlock
+};
+//# sourceMappingURL=index213.mjs.map

package/index214.mjs

@@ -0,0 +1,28 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { clsx as s } from "./index296.mjs";
+const c = ({ titleBlock: l, children: x, ...m }) => /* @__PURE__ */ p(
+  "div",
+  {
+    className: s("flex flex-col py-e500 gap-i500", "px-4 sm:px-6 md:px-8 xl:px-10"),
+    ...m,
+    children: [
+      l,
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: s(
+            "mx-auto w-full xl:max-w-[1200px]",
+            "grid grid-cols-1 gap-y-8",
+            "sm:grid-cols-2 sm:gap-6 sm:gap-y-12",
+            "lg:grid-cols-3"
+          ),
+          children: x
+        }
+      )
+    ]
+  }
+);
+export {
+  c as CardsBlock
+};
+//# sourceMappingURL=index214.mjs.map

package/index215.mjs

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as m } from "react/jsx-runtime";
+import { clsx as l } from "./index296.mjs";
+const g = ({ items: p, titleBlock: s, ...x }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: l(
+      "flex flex-col gap-i500",
+      "px-4 sm:px-6 md:px-8 xl:px-10",
+      "pt-e600 pb-e500 sm:pt-e500"
+    ),
+    ...x,
+    children: [
+      s,
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: l(
+            "mx-auto w-full xl:max-w-[1200px]",
+            "grid grid-cols-1 gap-x-6 gap-y-6",
+            "sm:grid-cols-2 sm:gap-y-8",
+            "lg:grid-cols-3 lg:gap-y-12",
+            "xl:gap-y-16"
+          ),
+          children: p
+        }
+      )
+    ]
+  }
+);
+export {
+  g as CardsHeroBlock
+};
+//# sourceMappingURL=index215.mjs.map

package/index216.mjs

@@ -0,0 +1,17 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { clsx as o } from "./index296.mjs";
+const i = ({ title: a, children: e, ...x }) => /* @__PURE__ */ d(
+  "div",
+  {
+    ...x,
+    className: o("flex flex-col", "px-4 sm:px-6 md:px-8 xl:px-10", "py-e500", "gap-i500"),
+    children: [
+      a,
+      !!e && /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-3xl", children: /* @__PURE__ */ l("div", { className: "flex flex-col divide-y divide-neutral-alpha-3 overflow-hidden rounded-area-500 shadow-600", children: e }) })
+    ]
+  }
+);
+export {
+  i as CareersBlock
+};
+//# sourceMappingURL=index216.mjs.map

package/index217.mjs

@@ -0,0 +1,19 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { clsx as t } from "./index296.mjs";
+const l = ({ title: n, description: a, ...m }) => /* @__PURE__ */ e("div", { ...m, className: "px-4 py-4 sm:space-x-2 sm:px-6 sm:py-6", children: [
+  /* @__PURE__ */ s("span", { className: "component-semi-strong-600 text-accent-500", children: n }),
+  /* @__PURE__ */ e("div", { className: "sm:inline sm:space-x-2", children: [
+    /* @__PURE__ */ s(
+      "span",
+      {
+        className: t("text-neutral-alpha-6 component-semi-strong-600", "hidden sm:inline"),
+        children: "-"
+      }
+    ),
+    /* @__PURE__ */ s("span", { className: "text-neutral-alpha-6 component-semi-strong-600", children: a })
+  ] })
+] });
+export {
+  l as CareersBlockItem
+};
+//# sourceMappingURL=index217.mjs.map

package/index218.mjs

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

package/index219.mjs

@@ -0,0 +1,54 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { clsx as t } from "./index296.mjs";
+const i = ({
+  title: l,
+  items: c,
+  cssTextColor: s,
+  cssBackgroundColor: x,
+  ...p
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: t("flex flex-col px-4 gap-i500 sm:px-6 md:px-8", {
+      "py-e700": !l,
+      "pt-e500 pb-e700": l,
+      "bg-surface-default": !x
+    }),
+    style: {
+      backgroundColor: x
+    },
+    ...p,
+    children: [
+      l,
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: t(
+            "mx-auto max-w-[640px] px-4 md:px-6 lg:max-w-[1120px] lg:px-0",
+            "flex flex-col gap-8 sm:flex-row sm:flex-wrap sm:gap-12 md:gap-x-20 lg:flex-nowrap"
+          ),
+          children: c.map((e, d) => /* @__PURE__ */ m("div", { className: "flex min-w-0 max-w-[256px] flex-col lg:flex-1", children: [
+            /* @__PURE__ */ a(
+              "strong",
+              {
+                className: t("heading-light-900 sm:heading-light-1100", {
+                  "text-content-accent": !s
+                }),
+                style: {
+                  color: s
+                },
+                children: e.data
+              }
+            ),
+            /* @__PURE__ */ a("h4", { className: "heading-light-400 mt-2 text-pretty text-content-primary sm:heading-light-500 sm:mt-3", children: e.title }),
+            e.subtitle && /* @__PURE__ */ a("p", { className: "body-500 mt-1 text-content-secondary sm:mt-2", children: e.subtitle })
+          ] }, `data-card-${d}`))
+        }
+      )
+    ]
+  }
+);
+export {
+  i as DataBlock
+};
+//# sourceMappingURL=index219.mjs.map

package/index22.mjs

@@ -0,0 +1,27 @@
+import { jsx as b } from "react/jsx-runtime";
+import { clsx as c } from "./index296.mjs";
+import { forwardRef as d } from "react";
+const l = d(
+  ({ label: o, children: e, iconOnly: r, className: i, onClick: s, as: u = "button", ...n }, t) => /* @__PURE__ */ b(
+    u,
+    {
+      ref: t,
+      "aria-label": o,
+      className: c(
+        "component-600 flex items-center justify-center rounded-500 outline-none transition duration-200",
+        "hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover",
+        "focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+        "active:bg-background-subdued-down",
+        r ? "p-[10px]" : "px-4 py-[13px]",
+        i
+      ),
+      onClick: s,
+      ...n,
+      children: e
+    }
+  )
+);
+export {
+  l as MobileNavigationButton
+};
+//# sourceMappingURL=index22.mjs.map

package/index220.mjs

@@ -0,0 +1,92 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { ArrowLeftIcon as h, ArrowRightIcon as N } from "@photoroom/icons/lib/monochromes";
+import { clsx as r } from "./index296.mjs";
+import { useCarousel as y } from "./index288.mjs";
+import { Button as p } from "./index10.mjs";
+const s = ({ children: i, className: e }) => /* @__PURE__ */ a("div", { className: r("px-4 sm:px-6 md:px-8 xl:px-10", e), children: i }), j = ({
+  title: i,
+  children: e,
+  cta: l,
+  type: n = "default",
+  previousLabel: c,
+  nextLabel: x,
+  ...m
+}) => {
+  const {
+    showLeftButton: o,
+    showRightButton: t,
+    handleClickLeftButton: f,
+    handleClickRightButton: g,
+    scrollerRef: w
+  } = y();
+  return /* @__PURE__ */ d("div", { className: "py-e500", ...m, children: [
+    i && /* @__PURE__ */ a(s, { className: "pb-i500", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-[1200px]", children: i }) }),
+    /* @__PURE__ */ d("div", { className: "flex flex-col gap-i200", children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: w,
+          className: r(
+            "[--viewport-content:1200px]",
+            "[--side-padding-raw:calc(50%-var(--viewport-content)/2)]",
+            "[--side-padding:max(var(--side-padding-raw),16px)]",
+            "sm:[--side-padding:max(var(--side-padding-raw),24px)]",
+            "md:[--side-padding:max(var(--side-padding-raw),32px)]",
+            "xl:[--side-padding:max(var(--side-padding-raw),40px)]",
+            "snap-x snap-mandatory scroll-p-[var(--side-padding)] overflow-x-scroll",
+            "scrollbar-none scroll-smooth"
+          ),
+          children: !!e && /* @__PURE__ */ a(
+            "div",
+            {
+              className: r(
+                "mx-auto grid w-fit grid-flow-col gap-6",
+                "px-[var(--side-padding)] py-[3px]"
+              ),
+              children: e.map((u, v) => /* @__PURE__ */ a(
+                "div",
+                {
+                  className: r("flex snap-start", {
+                    "w-[240px] sm:w-[282px]": n === "default",
+                    "w-[240px] sm:w-[282px] lg:w-[384px]": n === "wide"
+                  }),
+                  children: u
+                },
+                v
+              ))
+            }
+          )
+        }
+      ),
+      (o || t) && /* @__PURE__ */ d(s, { className: "flex justify-center gap-2", children: [
+        /* @__PURE__ */ a(
+          p,
+          {
+            variant: "secondary",
+            icon: h,
+            density: "regular",
+            onClick: f,
+            disabled: !o,
+            "aria-label": c || "Previous"
+          }
+        ),
+        /* @__PURE__ */ a(
+          p,
+          {
+            variant: "secondary",
+            icon: N,
+            density: "regular",
+            onClick: g,
+            disabled: !t,
+            "aria-label": x || "Next"
+          }
+        )
+      ] }),
+      l && /* @__PURE__ */ a(s, { className: "flex justify-center", children: l })
+    ] })
+  ] });
+};
+export {
+  j as EditorialLineupBlock
+};
+//# sourceMappingURL=index220.mjs.map

package/index221.mjs

@@ -0,0 +1,19 @@
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { clsx as e } from "./index296.mjs";
+const c = ({ title: l, content: m }) => /* @__PURE__ */ s("div", { className: "px-4 py-e500 sm:px-6 md:px-8 xl:px-10", children: /* @__PURE__ */ x("div", { className: "mx-auto flex max-w-[1200px] flex-col gap-i200", children: [
+  l,
+  /* @__PURE__ */ s(
+    "div",
+    {
+      className: e(
+        "body-500 rounded-area-500 bg-background-subdued p-4 sm:p-6",
+        "columns-1 gap-6 sm:columns-2 lg:columns-3"
+      ),
+      children: m
+    }
+  )
+] }) });
+export {
+  c as ExtraTextBlock
+};
+//# sourceMappingURL=index221.mjs.map

package/index222.mjs

@@ -0,0 +1,17 @@
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { cn as x } from "./index7.mjs";
+const c = ({ titleBlock: l, className: s, children: e, ...d }) => /* @__PURE__ */ i(
+  "section",
+  {
+    ...d,
+    className: x("px-4 py-e500 sm:px-6 md:px-8 xl:px-10", "bg-[#F8F8F8]", s),
+    children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-[1200px] flex-col gap-i500 lg:flex-row", children: [
+      /* @__PURE__ */ i("div", { className: "w-full shrink-0 lg:w-[360px] lg:pt-2", children: l }),
+      !!e && /* @__PURE__ */ i("div", { className: "grow divide-y divide-misc-divider border-y border-misc-divider", children: e })
+    ] })
+  }
+);
+export {
+  c as FaqBlock
+};
+//# sourceMappingURL=index222.mjs.map

package/index223.mjs

@@ -0,0 +1,50 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { AddIcon as c } from "@photoroom/icons/lib/monochromes";
+import { clsx as t } from "./index296.mjs";
+import { useId as p, useState as m } from "react";
+import { Button as u } from "./index10.mjs";
+const x = ({ question: i, answer: s, ...n }) => {
+  const o = p(), [r, d] = m(!1);
+  return /* @__PURE__ */ a("article", { ...n, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "group/faq-question flex cursor-pointer flex-row items-start justify-between gap-4 py-4 outline-none sm:py-6",
+        role: "button",
+        "aria-controls": `faq-answer-${o}`,
+        onClick: () => d((l) => !l),
+        children: [
+          /* @__PURE__ */ e("h4", { className: "heading-light-400 pt-[5px] [word-break:break-word] sm:heading-light-500 sm:pt-[3px]", children: i }),
+          /* @__PURE__ */ e(
+            u,
+            {
+              icon: c,
+              variant: r ? "primary" : "secondary",
+              density: "regular",
+              className: t("h-8 w-8 shrink-0 rounded-full transition-all", {
+                "-rotate-45 group-hover/faq-question:bg-background-hover": r,
+                "group-hover/faq-question:bg-background-subdued-hover": !r
+              })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        id: `faq-answer-${o}`,
+        "aria-expanded": r,
+        className: t("grid transition-all duration-200 ease-in-out", {
+          "grid-rows-[0fr] opacity-0": !r,
+          "grid-rows-[1fr] opacity-100": r
+        }),
+        children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e("p", { className: "body-600 pb-6 text-content-secondary sm:pb-8", children: s }) })
+      }
+    )
+  ] });
+};
+export {
+  x as FaqItem
+};
+//# sourceMappingURL=index223.mjs.map

package/index224.mjs

@@ -0,0 +1,9 @@
+import { jsxs as o } from "react/jsx-runtime";
+const c = ({ title: e, features: r, ...l }) => /* @__PURE__ */ o("div", { className: "flex flex-col py-e500 gap-i600", ...l, children: [
+  e,
+  r
+] });
+export {
+  c as FeaturesBlock
+};
+//# sourceMappingURL=index224.mjs.map

package/index225.mjs

@@ -0,0 +1,61 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { cva as s } from "./index302.mjs";
+import { clsx as x } from "./index296.mjs";
+const g = s(
+  [
+    "grid grid-cols-1 items-center lg:grid-cols-2",
+    "mx-auto gap-4 sm:gap-6",
+    "max-w-sm sm:max-w-lg"
+  ],
+  {
+    variants: {
+      wide: {
+        true: "lg:max-w-[1200px]",
+        false: "lg:max-w-5.5xl"
+      }
+    }
+  }
+), p = s("mx-auto grid grid-cols-1 gap-4", {
+  variants: {
+    invertOrder: {
+      true: "lg:-order-1 lg:pr-16",
+      false: "lg:pl-16"
+    }
+  }
+}), N = ({
+  title: i,
+  description: t,
+  listItems: r,
+  visualElement: n,
+  invertOrder: d = !1,
+  cta: a,
+  withVisualBorder: c,
+  wide: o = !1,
+  ...m
+}) => {
+  const f = Array.isArray(r) ? r.length > 0 : !!r;
+  return /* @__PURE__ */ e("div", { className: "px-4 sm:px-16 md:px-32 lg:px-8 xl:px-10", ...m, children: /* @__PURE__ */ l("div", { className: g({ wide: o }), children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: x(
+          "relative",
+          c && "after:pointer-events-none after:absolute after:left-0 after:top-0 after:h-full after:w-full after:rounded-area-500 after:border after:border-misc-border after:content-['']"
+        ),
+        children: n
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: p({ invertOrder: d }), children: [
+      /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("h2", { className: "heading-light-600 text-pretty sm:heading-light-700", children: i }) }),
+      (!!t || !!r || !!a) && /* @__PURE__ */ l("div", { className: "body-600 flex flex-1 flex-col gap-8 text-content-secondary", children: [
+        t,
+        f && /* @__PURE__ */ e("div", { className: "space-y-4", children: r }),
+        !!a && /* @__PURE__ */ e("div", { children: a })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  N as FeatureBlock
+};
+//# sourceMappingURL=index225.mjs.map

package/index226.mjs

@@ -0,0 +1,27 @@
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as l } from "./index296.mjs";
+const n = ({
+  children: e,
+  aspectRatio: r = "4/3",
+  backgroundColor: a,
+  ...t
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: l(
+      "relative overflow-hidden rounded-area-500",
+      "translate-x-0 translate-y-0"
+      // Safari fix. https://stackoverflow.com/a/44011591/4672602
+    ),
+    style: {
+      backgroundColor: a,
+      aspectRatio: r
+    },
+    ...t,
+    children: e
+  }
+);
+export {
+  n as FeatureClassicVisual
+};
+//# sourceMappingURL=index226.mjs.map

package/index227.mjs

@@ -0,0 +1,32 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { clsx as l } from "./index296.mjs";
+import { Fragment as n } from "react";
+const m = ({ selectedIndex: o, features: r }) => /* @__PURE__ */ t("div", { className: "flex flex-col gap-6", children: [
+  r && /* @__PURE__ */ i(
+    "ul",
+    {
+      className: l(
+        "relative",
+        // Safari fix on small breakpoints to prevent overlap
+        "grid gap-2 text-center",
+        "grid-cols-2 sm:grid-cols-4"
+      ),
+      children: r.map(({ cta: e }, c) => /* @__PURE__ */ i(n, { children: e }, c))
+    }
+  ),
+  r && /* @__PURE__ */ i("div", { className: "grid w-full", children: r.map((e, c) => /* @__PURE__ */ i(
+    "div",
+    {
+      className: l(
+        "col-[1] row-[1] transition-opacity duration-500",
+        o === c ? "opacity-100" : "pointer-events-none opacity-0"
+      ),
+      children: /* @__PURE__ */ i("div", { children: e.content })
+    },
+    c
+  )) })
+] });
+export {
+  m as FeatureSwitcher
+};
+//# sourceMappingURL=index227.mjs.map

package/index228.mjs

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as t } from "react";
+import { useLazyLoadVideo as u } from "./index293.mjs";
+const m = ({ children: o }) => {
+  const e = t(null);
+  return u(e), /* @__PURE__ */ r(
+    "video",
+    {
+      autoPlay: !0,
+      disablePictureInPicture: !0,
+      loop: !0,
+      muted: !0,
+      playsInline: !0,
+      ref: e,
+      className: "h-full w-full object-cover",
+      children: o
+    }
+  );
+};
+export {
+  m as FeatureVideoElement
+};
+//# sourceMappingURL=index228.mjs.map

package/index229.mjs

@@ -0,0 +1,12 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+const i = ({ title: t, children: a, icon: r }) => /* @__PURE__ */ s("div", { className: "flex items-start gap-3", children: [
+  /* @__PURE__ */ e("div", { className: "relative flex h-6 w-6 shrink-0", children: r }),
+  /* @__PURE__ */ s("div", { className: "grow space-y-1", children: [
+    /* @__PURE__ */ e("h3", { className: "heading-400 text-content-primary", children: t }),
+    /* @__PURE__ */ e("div", { className: "body-600 text-content-secondary", children: a })
+  ] })
+] });
+export {
+  i as FeatureBlockListItem
+};
+//# sourceMappingURL=index229.mjs.map

package/index23.mjs

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { NavigationToggleButton as i } from "./index24.mjs";
+const n = a((o, t) => /* @__PURE__ */ r(i, { ...o, ref: t, toggled: !1 }));
+n.displayName = "NavigationButton";
+export {
+  n as NavigationButton
+};
+//# sourceMappingURL=index23.mjs.map

package/index230.mjs

@@ -0,0 +1,15 @@
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import { clsx as o } from "./index296.mjs";
+const t = ({
+  title: e,
+  features: r,
+  className: s,
+  ...l
+}) => /* @__PURE__ */ i("div", { ...l, className: o("flex flex-col items-center px-4 py-e500 gap-i500", s), children: [
+  e,
+  /* @__PURE__ */ c("div", { className: "mx-auto grid max-w-[1200px] gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8", children: r })
+] });
+export {
+  t as FeaturesListBlock
+};
+//# sourceMappingURL=index230.mjs.map

package/index231.mjs

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { clsx as n } from "./index296.mjs";
+const m = ({
+  title: r,
+  icon: a,
+  children: s,
+  className: c,
+  ...i
+}) => /* @__PURE__ */ t("div", { ...i, className: n("flex items-start gap-4", c), children: [
+  /* @__PURE__ */ e("div", { className: "flex size-16 shrink-0 items-center justify-center rounded-400 bg-background-subdued p-5", children: a }),
+  /* @__PURE__ */ t("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e("h4", { className: "heading-light-500 text-content-primary", children: r }),
+    !!s && /* @__PURE__ */ e("p", { className: "body-500 text-content-secondary", children: s })
+  ] })
+] });
+export {
+  m as FeaturesListBlockItem
+};
+//# sourceMappingURL=index231.mjs.map