@photoroom/ui 0.1.1 → 0.1.2

package/index200.mjs

@@ -1,93 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,102 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,88 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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

@@ -1,93 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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