@photoroom/ui 0.1.1

package/index200.mjs

@@ -0,0 +1,93 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { Provider as u, Root as f, Trigger as _, Portal as C, Content as k, Arrow as v } from "./index364.mjs";
+import { useId as y, useState as I, useEffect as M, Fragment as N } from "react";
+import { isMobile as P } from "./index319.mjs";
+import { cn as i } from "./index7.mjs";
+const T = ({
+  children: a,
+  content: l,
+  isTriggerDisabled: d,
+  className: c,
+  triggerClassName: s,
+  withPortal: m = !0,
+  side: t = "bottom",
+  defaultOpen: e = !1,
+  triggerTabIndex: b = 0,
+  sideOffset: h,
+  ...g
+}) => {
+  const r = y(), [w, n] = I(!1), x = m ? C : N;
+  return M(() => {
+    e && n(!0);
+  }, [e]), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ p(
+    f,
+    {
+      delayDuration: 0,
+      open: w,
+      onOpenChange: n,
+      defaultOpen: e,
+      children: [
+        /* @__PURE__ */ o(_, { asChild: !0, children: d ? /* @__PURE__ */ o(
+          "span",
+          {
+            className: i("inline-block", s),
+            "aria-describedby": r,
+            tabIndex: b,
+            children: a
+          }
+        ) : /* @__PURE__ */ o(
+          "span",
+          {
+            className: i("inline-block", s),
+            "aria-describedby": r,
+            onClick: () => P && n(!0),
+            children: a
+          }
+        ) }),
+        l && /* @__PURE__ */ o(x, { children: /* @__PURE__ */ p(
+          k,
+          {
+            side: t,
+            sideOffset: h,
+            className: i(
+              "component-400 rounded-250 bg-background-tooltip px-1.5 pb-1.5 pt-[5px] text-white [word-break:break-word]",
+              "max-w-[100vw]",
+              // Content highlight styles
+              "[&_strong]:component-400 [&_strong]:rounded-[2px] [&_strong]:bg-white-alpha-3 [&_strong]:px-[2px]",
+              "[&_b]:component-400 [&_b]:rounded-[2px] [&_b]:bg-white-alpha-3 [&_b]:px-[2px]",
+              // Link styles
+              "[&_a]:underline",
+              // Tooltip transition
+              t === "bottom" && "animate-tooltip-slide-down",
+              t === "top" && "animate-tooltip-slide-up",
+              t === "left" && "animate-tooltip-slide-left",
+              t === "right" && "animate-tooltip-slide-right",
+              c
+            ),
+            id: r,
+            ...g,
+            children: [
+              l,
+              /* @__PURE__ */ o(v, { className: "fill-background-tooltip", asChild: !0, children: /* @__PURE__ */ o(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "10",
+                  height: "4",
+                  viewBox: "0 0 10 4",
+                  fill: "none",
+                  role: "none",
+                  children: /* @__PURE__ */ o("path", { d: "M5.70711 3.29289L8.41421 0.585786C8.78929 0.210714 9.29799 0 9.82843 0H0.171573C0.702006 0 1.21071 0.210713 1.58579 0.585786L4.29289 3.29289C4.68342 3.68342 5.31658 3.68342 5.70711 3.29289Z" })
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+export {
+  T as Tooltip
+};
+//# sourceMappingURL=index200.mjs.map

package/index201.mjs

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { Tooltip as l } from "./index200.mjs";
+const s = (t) => {
+  const o = m(
+    ({ tooltipContent: e, tooltipDefaultOpen: a, tooltipWithPortal: d, ...i }, n) => e ? /* @__PURE__ */ r(
+      l,
+      {
+        content: e,
+        side: "top",
+        withPortal: d,
+        defaultOpen: a,
+        isTriggerDisabled: !0,
+        triggerTabIndex: -1,
+        children: /* @__PURE__ */ r(t, { ...i, ref: n })
+      }
+    ) : /* @__PURE__ */ r(t, { ...i, ref: n })
+  );
+  return o.displayName = "DecoratedComponentWithTooltip", o;
+};
+export {
+  s as withTooltip
+};
+//# sourceMappingURL=index201.mjs.map

package/index202.mjs

@@ -0,0 +1,10 @@
+import { jsxs as n, jsx as p } from "react/jsx-runtime";
+import { cn as r } from "./index7.mjs";
+const i = ({ title: e, className: o, children: c }) => /* @__PURE__ */ n("div", { className: r("flex flex-col gap-0.5 px-1.5 pb-1.5", o), children: [
+  !!e && /* @__PURE__ */ p("div", { className: "component-semi-strong-300 py-[7.5px] uppercase text-content-white-secondary", children: e }),
+  c
+] });
+export {
+  i as TooltipSection
+};
+//# sourceMappingURL=index202.mjs.map

package/index203.mjs

@@ -0,0 +1,31 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { cn as l } from "./index7.mjs";
+import { Avatar as p } from "./index151.mjs";
+const v = ({
+  imageSrc: t,
+  badge: o,
+  displayName: r,
+  customColor: n,
+  className: c,
+  offline: i,
+  activeRing: s,
+  isMe: a
+}) => /* @__PURE__ */ m("div", { className: l("component-500 flex w-[288px] items-center gap-3 py-1", c), children: [
+  /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(
+    p,
+    {
+      size: 20,
+      imageSrc: t,
+      displayName: r,
+      customColor: a ? "var(--color-accent-500)" : n,
+      offline: i,
+      activeRing: s
+    }
+  ) }),
+  /* @__PURE__ */ e("div", { className: "min-w-0 grow overflow-hidden truncate text-content-white-primary", children: r }),
+  /* @__PURE__ */ e("div", { className: "shrink-0 whitespace-nowrap text-content-white-secondary", children: o })
+] });
+export {
+  v as TooltipUserRow
+};
+//# sourceMappingURL=index203.mjs.map

package/index204.mjs

@@ -0,0 +1,14 @@
+const o = ({
+  text: r,
+  target: e = "_self"
+}) => {
+  const n = /\[([^\]]+)\]\(([^)]+)\)/g;
+  return r.replace(
+    n,
+    `<a href="$2" target="${e}"${e === "_blank" ? ' rel="noopener noreferrer"' : ""}>$1</a>`
+  );
+};
+export {
+  o as convertMarkdownLinksToHTML
+};
+//# sourceMappingURL=index204.mjs.map

package/index205.mjs

@@ -0,0 +1,102 @@
+import { jsxs as t, Fragment as k, jsx as e } from "react/jsx-runtime";
+import { PictureIcon as w } from "@photoroom/icons/lib/monochromes";
+import { ACCEPTED_FILE_TYPES as E } from "./index321.mjs";
+import "./index322.mjs";
+import { clsx as c } from "./index296.mjs";
+import { useCallback as P, useImperativeHandle as I } from "react";
+import { DropZoneFullscreen as N } from "./index191.mjs";
+import { useFileUploader as O } from "./index194.mjs";
+import { HiddenFileInput as j } from "./index193.mjs";
+import { Button as L } from "./index10.mjs";
+const Y = ({
+  title: n,
+  ctaIcon: a,
+  labels: r,
+  className: d,
+  disabled: o,
+  handlesRef: g,
+  onFileSelected: m,
+  onDrag: h
+}) => {
+  const u = P(
+    (l) => {
+      if (o)
+        return;
+      const [i] = l;
+      if (!i || !E.includes(i.type)) {
+        alert((r == null ? void 0 : r.invalidFileType) || "Invalid file type");
+        return;
+      }
+      return m(i);
+    },
+    [o, m, r]
+  ), {
+    inputRef: f,
+    isDragging: s,
+    handleChange: D,
+    handleDrop: v,
+    handleDragEnter: y,
+    handleDragLeave: F,
+    handleDragOver: x,
+    openFilePicker: C,
+    resetFilePicker: p
+  } = O({
+    withCopyPaste: !0,
+    onFileChange: u,
+    onDrag: h
+  });
+  return I(g, () => ({ reset: p }), [p]), /* @__PURE__ */ t(k, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: c(
+          "flex h-full w-full flex-col items-center justify-center rounded-area-500 border-2 border-white shadow-800",
+          "bg-white bg-damier-checker bg-damier-large",
+          d
+        ),
+        children: [
+          n && /* @__PURE__ */ e("div", { className: "component-semi-strong-600", children: n }),
+          /* @__PURE__ */ t("div", { className: c(n ? "pb-4 pt-8" : "py-6"), children: [
+            /* @__PURE__ */ e(j, { ref: f, onChange: D }),
+            /* @__PURE__ */ e(
+              L,
+              {
+                size: "large",
+                density: "spacious",
+                icon: a || w,
+                onClick: C,
+                children: (r == null ? void 0 : r.cta) || "Select a picture"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: c(
+                "component-semi-strong-600",
+                n ? "text-content-secondary" : "text-black"
+              ),
+              children: (r == null ? void 0 : r.drop) || "Or drop an image"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      N,
+      {
+        className: "z-50",
+        title: (r == null ? void 0 : r.fullScreenDrop) || "Drop your image",
+        showOverlay: s && !o,
+        onDragEnter: y,
+        onDragOver: x,
+        onDragLeave: F,
+        onDrop: v
+      }
+    )
+  ] });
+};
+export {
+  Y as AccentDropZone
+};
+//# sourceMappingURL=index205.mjs.map

package/index206.mjs

@@ -0,0 +1,33 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { clsx as l } from "./index296.mjs";
+import t from "next/link";
+import { Button as x } from "./index10.mjs";
+const h = ({
+  titleBlock: o,
+  image: s,
+  ctaLink: r,
+  ctaLabel: p,
+  ...m
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: l(
+      "px-4 py-8",
+      "sm:px-6 sm:py-16",
+      "md:px-8",
+      "lg:py-20",
+      "xl:px-10",
+      "space-y-12"
+    ),
+    ...m,
+    children: [
+      o,
+      !!s && /* @__PURE__ */ e("div", { className: l("relative m-auto", "aspect-[19/5] w-full max-w-[760px]"), children: s }),
+      (r == null ? void 0 : r.href) && p && /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(t, { href: r.href, passHref: !0, legacyBehavior: !0, children: /* @__PURE__ */ e(x, { size: "large", density: "spacious", as: "a", ...r.extraAttrs, children: p }) }) })
+    ]
+  }
+);
+export {
+  h as ApiHeroBlock
+};
+//# sourceMappingURL=index206.mjs.map

package/index207.mjs

@@ -0,0 +1,37 @@
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { ArticleAuthor as d } from "./index396.mjs";
+import { ArticleContent as p } from "./index208.mjs";
+import { ArticleTitle as x } from "./index397.mjs";
+const u = ({
+  heroImage: r,
+  title: a,
+  date: o,
+  author: t,
+  content: m,
+  socialButtons: c,
+  sideContent: s,
+  ...i
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    "data-selector": "blogpost",
+    className: "px-4 pt-e600 pb-e500 sm:px-6 sm:pt-e500 md:px-8 lg:pt-e400",
+    ...i,
+    children: /* @__PURE__ */ e("div", { className: "mx-auto flex max-w-[1200px] flex-col", children: [
+      /* @__PURE__ */ e("div", { className: "order-3 mx-auto flex w-full max-w-[720px] flex-col gap-x-[76px] gap-y-16 lg:!max-w-full lg:flex-row lg:items-start", children: [
+        /* @__PURE__ */ e("div", { className: "lg:order-2 lg:max-w-[720px]", children: [
+          /* @__PURE__ */ l(x, { className: "order-1", title: a, date: o }),
+          /* @__PURE__ */ l(p, { className: "blogpost group mt-10", children: m }),
+          /* @__PURE__ */ l(d, { author: t, className: "mt-14 sm:mt-16" })
+        ] }),
+        /* @__PURE__ */ l("aside", { className: "flex w-full gap-3 lg:sticky lg:top-24 lg:order-1 lg:w-10 lg:shrink-0 lg:flex-col lg:pt-2", children: c }),
+        !!s && /* @__PURE__ */ l("aside", { className: "order-3 hidden w-[288px] shrink-0 pt-2 lg:block", children: s })
+      ] }),
+      !!r && /* @__PURE__ */ l("div", { className: "relative order-2 mx-auto mb-12 aspect-[3/1] w-full overflow-hidden rounded-500", children: r })
+    ] })
+  }
+);
+export {
+  u as ArticleHeroBlock
+};
+//# sourceMappingURL=index207.mjs.map

package/index208.mjs

@@ -0,0 +1,88 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as n } from "./index7.mjs";
+const l = p(
+  ({ className: e, children: o, ...r }, s) => /* @__PURE__ */ t(
+    "div",
+    {
+      ...r,
+      ref: s,
+      className: n(
+        // NOTE: using `&_:where(selector):not(:where([class~='not-prose'],[class~='not-prose']_*))` to replicate what `.prose-*` does when I need advanced selectors
+        // See: https://github.com/tailwindlabs/tailwindcss-typography/blob/e002ab89ad8f4202638249c1c300c0cf0b3739c5/src/index.test.js#L143
+        // all `.prose-*` selector skip styling content under `.not-prose` class
+        "prose body-600 max-w-none break-words text-neutral-8",
+        // headings
+        "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",
+        // content
+        "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 prose-blockquote:sm: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",
+        // needed to remove blockquote quotes
+        "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",
+        // code
+        "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",
+        // links
+        "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:cursor-pointer [&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:rounded-200",
+        "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:outline-none focus-visible:[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:ring focus-visible:[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:ring-misc-focus-indicator",
+        "[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:text-content-accent hover:[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:text-content-accent-hover",
+        "focus-visible:[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]:text-content-accent-hover active:[&_:where(a[href]):not(:where([class~='not-prose'],[class~='not-prose']_*))]: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",
+        // tables
+        // NOTE: keep in sync with SbBlogTable component styling
+        "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",
+        "first:prose-th:border-l last:prose-th:border-r first:prose-td:border-l last:prose-td:border-r",
+        "prose-th:px-2 prose-th:py-3 first:prose-th:pl-4 last:prose-th:pr-4",
+        "prose-td:px-2 prose-td:py-3 first:prose-td:pl-4 last:prose-td: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",
+        // margin overrides
+        "[&_: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",
+        // custom styles
+        "[&_.yt-embed]:my-10 [&_.yt-embed]:sm:my-12",
+        // old legal pages overrides
+        "sm:prose-h1:heading-900 prose-h1:mb-6 prose-h1:mt-12 sm:prose-h1:mt-14",
+        "[&_h1_strong]:font-700",
+        e
+      ),
+      children: o
+    }
+  )
+);
+l.displayName = "ArticleContent";
+export {
+  l as ArticleContent
+};
+//# sourceMappingURL=index208.mjs.map

package/index209.mjs

@@ -0,0 +1,46 @@
+import { jsx as e, Fragment as i, jsxs as n } from "react/jsx-runtime";
+import { ActivityIcon as l } from "@photoroom/icons/lib/monochromes";
+import { clsx as r } from "./index296.mjs";
+import { AnimatePresence as f } from "./index306.mjs";
+import { motion as s } from "./index307.mjs";
+const h = ({ className: a, isLoading: t, children: o }) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ n(
+  "div",
+  {
+    className: r(
+      a,
+      "relative h-full w-full overflow-hidden rounded-area-500 bg-white-alpha-3",
+      "pointer-events-none",
+      // overlapping border hack
+      "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-solid after:content-['']",
+      "after:transition-all after:duration-300",
+      "after:border-neutral-alpha-3"
+    ),
+    children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: r(
+            "flex h-full w-full justify-center",
+            "transition-opacity duration-300",
+            t && "opacity-25"
+          ),
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e(f, { children: t && /* @__PURE__ */ e(
+        s.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          transition: { duration: 0.3 },
+          className: "pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
+          children: /* @__PURE__ */ e(l, { className: "text-white icon-size-800" })
+        }
+      ) })
+    ]
+  }
+) });
+export {
+  h as AssetPreview
+};
+//# sourceMappingURL=index209.mjs.map

package/index21.mjs

@@ -0,0 +1,93 @@
+import { jsx as e, jsxs as g, Fragment as u } from "react/jsx-runtime";
+import { GoogleColorIcon as m, FacebookColorIcon as p } from "@photoroom/icons/lib/colors";
+import { ActivityIcon as d, EmailIcon as v, AppleIcon as f } from "@photoroom/icons/lib/monochromes";
+import { AuthProvider as o } from "./index303.mjs";
+import { cva as h } from "./index302.mjs";
+import { clsx as c } from "./index296.mjs";
+import { forwardRef as k } from "react";
+const x = h(
+  [
+    "outline-none transition interaction-transition-type-1",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+    "component-500 rounded-500"
+  ],
+  {
+    variants: {
+      provider: {
+        [o.Apple]: [
+          "bg-background-subdued text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down"
+        ],
+        [o.Facebook]: [
+          "bg-background-subdued text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down"
+        ],
+        [o.Email]: [
+          "bg-background-subdued text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down"
+        ],
+        [o.Google]: [
+          "bg-background-default text-content-white-primary-inverted hover:bg-background-hover focus-visible:bg-background-hover active:bg-background-down"
+        ]
+      },
+      size: {
+        default: ["grid min-h-[48px] w-full grid-cols-[48px_auto_48px] items-center"],
+        compact: ["grid h-[48px] w-[48px] place-items-center"]
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), y = (r) => {
+  const t = "size-300";
+  switch (r) {
+    case o.Apple:
+      return /* @__PURE__ */ e(f, { className: t });
+    case o.Facebook:
+      return /* @__PURE__ */ e(p, { className: t });
+    case o.Google:
+      return /* @__PURE__ */ e(m, { className: t });
+    case o.Email:
+      return /* @__PURE__ */ e(v, { className: c(t, "text-content-tertiary") });
+    case void 0:
+    default:
+      return null;
+  }
+}, w = k(
+  ({ children: r, provider: t, loading: n, size: s = "default", className: b, ...i }, l) => {
+    const a = y(t);
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        type: i.type || "button",
+        ref: l,
+        ...i,
+        className: x({ provider: t, size: s, class: b }),
+        children: s === "default" ? /* @__PURE__ */ g(u, { children: [
+          /* @__PURE__ */ e("span", { className: c("justify-self-center", n && "invisible"), children: a }),
+          /* @__PURE__ */ e("span", { className: "justify-self-center py-[15px]", children: n ? /* @__PURE__ */ e(
+            d,
+            {
+              className: c(
+                "icon-size-500",
+                t === o.Google ? "text-white" : "text-content-accent"
+              )
+            }
+          ) : r })
+        ] }) : /* @__PURE__ */ e(u, { children: n ? /* @__PURE__ */ e(
+          d,
+          {
+            className: c(
+              "icon-size-500",
+              t === o.Google ? "text-white" : "text-content-accent"
+            )
+          }
+        ) : /* @__PURE__ */ e("span", { className: n ? "invisible" : "", children: a }) })
+      }
+    );
+  }
+);
+w.displayName = "LoginButton";
+export {
+  w as LoginButton
+};
+//# sourceMappingURL=index21.mjs.map

package/index210.mjs

@@ -0,0 +1,19 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { clsx as c } from "./index296.mjs";
+import { AppleLogo as o } from "./index352.mjs";
+import { GoogleLogo as n } from "./index353.mjs";
+import { AwardsItem as r } from "./index354.mjs";
+const h = ({
+  className: s,
+  editorsChoice: l,
+  downloadsCount: m,
+  ...a
+}) => /* @__PURE__ */ e("section", { className: c("py-e400", s), ...a, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex w-full max-w-xs flex-wrap items-center justify-center gap-x-12 gap-y-6 sm:max-w-mdlg lg:max-w-2.5xl", children: [
+  /* @__PURE__ */ e("div", { className: "order-1", children: /* @__PURE__ */ e(r, { subline: l, children: /* @__PURE__ */ e(o, { className: "h-8 w-10 fill-neutral-8" }) }) }),
+  /* @__PURE__ */ e("div", { className: "order-2 lg:order-3", children: /* @__PURE__ */ e(r, { subline: l, children: /* @__PURE__ */ e(n, { className: "h-8 w-10 fill-neutral-8" }) }) }),
+  /* @__PURE__ */ e("div", { className: "xs:mx-auto order-3 lg:order-2", children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("div", { className: "component-semi-strong-500 max-w-[130px] text-center", children: m }) }) })
+] }) }) });
+export {
+  h as AwardsBlock
+};
+//# sourceMappingURL=index210.mjs.map

package/index211.mjs

@@ -0,0 +1,32 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { clsx as a } from "./index296.mjs";
+import { useMemo as i, cloneElement as d } from "react";
+const h = ({ title: o, children: m, cta: e, className: s }) => {
+  const r = i(() => e ? d(e, {
+    ...e.props,
+    as: "a",
+    variant: "primary",
+    size: "medium",
+    density: "regular"
+  }) : null, [e]);
+  return /* @__PURE__ */ n(
+    "aside",
+    {
+      className: a(
+        "not-prose my-12 p-6 sm:p-8 md:p-10",
+        "rounded-area-500 bg-[#F5F3F0]",
+        "font-brand",
+        s
+      ),
+      children: [
+        /* @__PURE__ */ t("h3", { className: "heading-light-500 !m-0 text-content-primary sm:heading-light-600", children: o }),
+        !!m && /* @__PURE__ */ t("div", { className: "body-600 mt-3 text-content-secondary sm:body-700 md:mt-4", children: m }),
+        !!r && /* @__PURE__ */ t("div", { className: "mt-6 [&_a]:!text-white", children: r })
+      ]
+    }
+  );
+};
+export {
+  h as BlogActionBlock
+};
+//# sourceMappingURL=index211.mjs.map