@photoroom/ui 0.1.1 → 0.1.2

package/index498.mjs

@@ -1,13 +0,0 @@
-import { useContext as s, useId as u, useEffect as c } from "react";
-import { PresenceContext as f } from "./index499.mjs";
-function x() {
-  const t = s(f);
-  if (t === null)
-    return [!0, null];
-  const { isPresent: n, onExitComplete: e, register: r } = t, o = u();
-  return c(() => r(o), []), !n && e ? [!1, () => e && e(o)] : [!0];
-}
-export {
-  x as usePresence
-};
-//# sourceMappingURL=index498.mjs.map

package/index499.mjs

@@ -1,6 +0,0 @@
-import { createContext as e } from "react";
-const o = e(null);
-export {
-  o as PresenceContext
-};
-//# sourceMappingURL=index499.mjs.map

package/index5.mjs

@@ -1,41 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { ChevronDownShortIcon as s } from "@photoroom/icons/lib/monochromes";
-import { clsx as l } from "./index296.mjs";
-import { forwardRef as d } from "react";
-import { Avatar as m } from "./index151.mjs";
-import { ProBadge as u } from "./index167.mjs";
-const p = d(
-  ({ title: r, avatar: i, badgeLabel: t, className: n, ...c }, a) => /* @__PURE__ */ o(
-    "button",
-    {
-      ref: a,
-      ...c,
-      className: l(
-        "shrink-0 cursor-pointer outline-none",
-        "flex h-14 w-full items-center gap-3 rounded-500 p-2",
-        "active:bg-background-subdued-down",
-        "[&[data-radix-collection-item]]:focus:bg-background-subdued-hover",
-        "[&:not([data-radix-collection-item])]:hover:bg-background-subdued-hover",
-        "[&:not([data-radix-collection-item])]:focus-visible:bg-background-subdued-hover",
-        "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring",
-        "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator",
-        n
-      ),
-      children: [
-        /* @__PURE__ */ e(m, { ...i, size: 40 }),
-        /* @__PURE__ */ o("div", { className: "flex min-w-0 grow flex-col gap-[3px] text-left", children: [
-          /* @__PURE__ */ o("span", { className: "component-semi-strong-500 flex min-w-0 items-center gap-1 truncate text-content-primary", children: [
-            /* @__PURE__ */ e("span", { className: "truncate", children: r }),
-            /* @__PURE__ */ e("span", { className: "h-4 w-4 shrink-0 text-content-tertiary", children: /* @__PURE__ */ e(s, {}) })
-          ] }),
-          !!t && /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ e(u, { size: "small", children: t }) })
-        ] })
-      ]
-    }
-  )
-);
-p.displayName = "SpacePullDownButton";
-export {
-  p as SpacePullDownButton
-};
-//# sourceMappingURL=index5.mjs.map

package/index50.mjs

@@ -1,206 +0,0 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { ActivityIcon as K, CommentIcon as M, PadlockIcon as Q } from "@photoroom/icons/lib/monochromes";
-import { clsx as a } from "./index296.mjs";
-import { useState as T, useCallback as x, useEffect as U } from "react";
-import { Bone as V } from "./index186.mjs";
-import { LazyImage as X } from "./index91.mjs";
-import { Avatar as Y } from "./index151.mjs";
-import { OverlaySelectButton as Z } from "./index26.mjs";
-const st = ({
-  as: w = "button",
-  src: o,
-  isSkeleton: D,
-  imageLoadErrorMessage: z,
-  onImageLoadError: i,
-  title: d,
-  showTitle: O,
-  isLocked: s,
-  isSyncing: n,
-  icons: h = [],
-  showComments: v,
-  avatar: y,
-  isSelected: l,
-  onSelect: r,
-  className: A,
-  forceShowSelect: c,
-  forceShowOverlay: j,
-  children: g,
-  variant: I = "default",
-  showCheckerboard: R = !1,
-  hasOverlayBackground: k = !0,
-  previewFit: E = "contain",
-  previewScale: L = 1,
-  autoRatio: B = !1,
-  eagerLoad: G = !1,
-  onClick: p,
-  ...P
-}) => {
-  const [N, u] = T("LOADING"), m = n && !o, e = N === "LOADING" || D || m, q = N === "ERROR" && !m, F = !e && !s && !!g, W = !e && s, $ = !e && !!r && (!s || c) && I !== "light", C = !!v || !!h, H = x(() => {
-    u("ERROR"), i == null || i();
-  }, [i]);
-  U(() => {
-    if (o != null && o.startsWith("blob:")) {
-      u("LOADED");
-      return;
-    }
-    u("LOADING");
-  }, [o]);
-  const J = x(
-    (b) => {
-      c ? (b.preventDefault(), r == null || r(b)) : p == null || p(b);
-    },
-    [c, p, r]
-  );
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      "aria-busy": e || n,
-      className: a("select-none space-y-2.5", A),
-      children: [
-        /* @__PURE__ */ f(
-          "div",
-          {
-            className: a(
-              "group relative overflow-hidden",
-              "rounded-400",
-              "outline-none focus-within:ring-misc-focus-indicator focus-within:misc-border-size-focus-ring",
-              {
-                "animate-pulse bg-background-subdued": e,
-                "bg-surface-default": !e,
-                "aspect-square": !B
-              }
-            ),
-            children: [
-              /* @__PURE__ */ f(
-                w,
-                {
-                  ...P,
-                  onClick: J,
-                  className: a(
-                    "block appearance-none outline-none",
-                    "h-full w-full rounded-[inherit]",
-                    "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-['']",
-                    "after:transition-colors",
-                    {
-                      "after:border after:border-misc-border": !l,
-                      "after:border-content-accent after:misc-border-size-selection after:misc-shadow-selection": l,
-                      "opacity-0": e,
-                      "opacity-100": !e,
-                      "cursor-pointer": !s,
-                      "cursor-default opacity-30": s
-                    },
-                    "transition-opacity"
-                  ),
-                  children: [
-                    q ? z : /* @__PURE__ */ t(
-                      X,
-                      {
-                        src: o,
-                        alt: d || "",
-                        eagerLoad: G,
-                        className: a("h-full w-full", "*:block *:h-full *:w-full *:object-center", {
-                          "!bg-left-top bg-damier-checker bg-damier-large": R
-                        }),
-                        style: {
-                          objectFit: E,
-                          transform: `scale(${L})`
-                        },
-                        ...m ? {} : {
-                          onLoad: () => u("LOADED"),
-                          onError: H
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ t(
-                      "div",
-                      {
-                        role: "status",
-                        "aria-busy": n,
-                        className: a(
-                          "pointer-events-none absolute inset-0 flex items-center justify-center transition-colors",
-                          {
-                            "bg-transparent": !n,
-                            "bg-black-alpha-3": n
-                          }
-                        ),
-                        children: n && /* @__PURE__ */ t(K, { className: "text-white icon-size-800" })
-                      }
-                    ),
-                    !!y && /* @__PURE__ */ t(
-                      Y,
-                      {
-                        ...y,
-                        size: 24,
-                        className: "pointer-events-none absolute bottom-2 right-2"
-                      }
-                    ),
-                    C && /* @__PURE__ */ f("div", { className: "absolute bottom-2 left-2 flex items-center gap-2", children: [
-                      v && /* @__PURE__ */ t(
-                        "div",
-                        {
-                          role: "status",
-                          className: a(
-                            "pointer-events-none",
-                            "size-300",
-                            "flex items-center justify-center",
-                            "rounded-250 border-[5px] border-transparent bg-accent-300"
-                          ),
-                          children: /* @__PURE__ */ t(M, { className: "shrink-0 text-content-white-primary icon-size-400" })
-                        }
-                      ),
-                      h
-                    ] })
-                  ]
-                }
-              ),
-              F && /* @__PURE__ */ t(
-                "div",
-                {
-                  className: a(
-                    "absolute inset-0 px-2 pb-2 pt-12",
-                    "transition-opacity",
-                    "pointer-events-none *:pointer-events-auto",
-                    {
-                      "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100": !j
-                    },
-                    {
-                      "bg-black-alpha-3": k
-                    }
-                  ),
-                  children: g
-                }
-              ),
-              W && /* @__PURE__ */ t(
-                Q,
-                {
-                  role: "presentation",
-                  className: "pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-content-primary icon-size-600"
-                }
-              ),
-              $ && /* @__PURE__ */ t(
-                Z,
-                {
-                  isSelected: l,
-                  onClick: r,
-                  className: a(
-                    "appearance-none outline-none",
-                    "absolute left-2 top-2",
-                    "transition-opacity",
-                    {
-                      "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100": !c && !l
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        !!O && (e ? /* @__PURE__ */ t(V, { className: "h-4 w-[115px]" }) : /* @__PURE__ */ t("p", { className: "component-400 truncate leading-[1rem] text-content-primary", children: d }))
-      ]
-    }
-  );
-};
-export {
-  st as DesignPreview
-};
-//# sourceMappingURL=index50.mjs.map

package/index500.mjs

@@ -1,51 +0,0 @@
-import * as f from "react";
-import { forwardRef as y, useContext as r } from "react";
-import { MotionConfigContext as M } from "./index501.mjs";
-import { MotionContext as d } from "./index502.mjs";
-import { useVisualElement as L } from "./index503.mjs";
-import { useMotionRef as S } from "./index504.mjs";
-import { useCreateMotionContext as w } from "./index505.mjs";
-import { loadFeatures as G } from "./index506.mjs";
-import { isBrowser as R } from "./index507.mjs";
-import { LayoutGroupContext as g } from "./index486.mjs";
-import { LazyContext as P } from "./index508.mjs";
-import { SwitchLayoutGroupContext as b } from "./index509.mjs";
-import { motionComponentSymbol as h } from "./index510.mjs";
-function N({ preloadedFeatures: o, createVisualElement: n, useRender: c, useVisualState: C, Component: m }) {
-  o && G(o);
-  function p(e, v) {
-    let u;
-    const i = {
-      ...r(M),
-      ...e,
-      layoutId: z(e)
-    }, { isStatic: a } = i, t = w(e), l = C(e, a);
-    if (!a && R) {
-      t.visualElement = L(m, l, i, n);
-      const E = r(b), x = r(P).strict;
-      t.visualElement && (u = t.visualElement.loadFeatures(
-        // Note: Pass the full new combined props to correctly re-render dynamic feature components.
-        i,
-        x,
-        o,
-        E
-      ));
-    }
-    return f.createElement(
-      d.Provider,
-      { value: t },
-      u && t.visualElement ? f.createElement(u, { visualElement: t.visualElement, ...i }) : null,
-      c(m, e, S(l, t.visualElement, v), l, a, t.visualElement)
-    );
-  }
-  const s = y(p);
-  return s[h] = m, s;
-}
-function z({ layoutId: o }) {
-  const n = r(g).id;
-  return n && o !== void 0 ? n + "-" + o : o;
-}
-export {
-  N as createMotionComponent
-};
-//# sourceMappingURL=index500.mjs.map

package/index501.mjs

@@ -1,10 +0,0 @@
-import { createContext as o } from "react";
-const n = o({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
-export {
-  n as MotionConfigContext
-};
-//# sourceMappingURL=index501.mjs.map

package/index502.mjs

@@ -1,6 +0,0 @@
-import { createContext as t } from "react";
-const e = t({});
-export {
-  e as MotionContext
-};
-//# sourceMappingURL=index502.mjs.map

package/index503.mjs

@@ -1,32 +0,0 @@
-import { useContext as r, useRef as f, useInsertionEffect as p, useEffect as C } from "react";
-import { PresenceContext as l } from "./index499.mjs";
-import { MotionContext as x } from "./index502.mjs";
-import { useIsomorphicLayoutEffect as w } from "./index487.mjs";
-import { LazyContext as g } from "./index508.mjs";
-import { MotionConfigContext as E } from "./index501.mjs";
-import { optimizedAppearDataAttribute as M } from "./index551.mjs";
-function I(m, u, i, e) {
-  const { visualElement: s } = r(x), c = r(g), n = r(l), d = r(E).reducedMotion, a = f();
-  e = e || c.renderer, !a.current && e && (a.current = e(m, {
-    visualState: u,
-    parent: s,
-    props: i,
-    presenceContext: n,
-    blockInitialAnimation: n ? n.initial === !1 : !1,
-    reducedMotionConfig: d
-  }));
-  const t = a.current;
-  p(() => {
-    t && t.update(i, n);
-  });
-  const o = f(!!(i[M] && !window.HandoffComplete));
-  return w(() => {
-    t && (t.render(), o.current && t.animationState && t.animationState.animateChanges());
-  }), C(() => {
-    t && (t.updateFeatures(), !o.current && t.animationState && t.animationState.animateChanges(), o.current && (o.current = !1, window.HandoffComplete = !0));
-  }), t;
-}
-export {
-  I as useVisualElement
-};
-//# sourceMappingURL=index503.mjs.map

package/index504.mjs

@@ -1,19 +0,0 @@
-import { useCallback as r } from "react";
-import { isRefObject as p } from "./index513.mjs";
-function j(m, u, f) {
-  return r(
-    (o) => {
-      o && m.mount && m.mount(o), u && (o ? u.mount(o) : u.unmount()), f && (typeof f == "function" ? f(o) : p(f) && (f.current = o));
-    },
-    /**
-     * Only pass a new ref callback to React if we've received a visual element
-     * factory. Otherwise we'll be mounting/remounting every time externalRef
-     * or other dependencies change.
-     */
-    [u]
-  );
-}
-export {
-  j as useMotionRef
-};
-//# sourceMappingURL=index504.mjs.map

package/index505.mjs

@@ -1,14 +0,0 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./index502.mjs";
-import { getCurrentTreeVariants as m } from "./index654.mjs";
-function C(t) {
-  const { initial: e, animate: n } = m(t, o(a));
-  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
-}
-function r(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
-}
-export {
-  C as useCreateMotionContext
-};
-//# sourceMappingURL=index505.mjs.map

package/index506.mjs

@@ -1,12 +0,0 @@
-import { featureDefinitions as n } from "./index525.mjs";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
-}
-export {
-  e as loadFeatures
-};
-//# sourceMappingURL=index506.mjs.map

package/index507.mjs

@@ -1,5 +0,0 @@
-const e = typeof document < "u";
-export {
-  e as isBrowser
-};
-//# sourceMappingURL=index507.mjs.map

package/index508.mjs

@@ -1,6 +0,0 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
-export {
-  o as LazyContext
-};
-//# sourceMappingURL=index508.mjs.map

package/index509.mjs

@@ -1,6 +0,0 @@
-import { createContext as t } from "react";
-const e = t({});
-export {
-  e as SwitchLayoutGroupContext
-};
-//# sourceMappingURL=index509.mjs.map

package/index51.mjs

@@ -1,69 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { clsx as v } from "./index296.mjs";
-import { useMemo as m, cloneElement as f } from "react";
-import { editorialCardCategoryLinkCva as h, editorialCardCva as N, editorialCardImageCva as p, editorialCardBodyCva as b, editorialCardContentCva as x, editorialCardTitleCva as g, editorialCardDescriptionCva as y, editorialCardAuthorCva as A, editorialCardAuthorAvatarCva as j, editorialCardAuthorNameCva as w } from "./index314.mjs";
-const D = ({
-  image: s,
-  cardLink: r,
-  categoryLink: t,
-  direction: a = "vertical",
-  title: i,
-  description: o,
-  authorName: d,
-  authorAvatar: n,
-  ...C
-}) => {
-  const u = m(
-    () => r ? f(r, {
-      className: v(
-        "absolute h-full w-full rounded-500 outline-none",
-        "transition-all interaction-transition-type-1 focus-visible:outline-none focus-visible:ring focus-visible:ring-misc-focus-indicator"
-      )
-    }) : null,
-    [r]
-  ), c = m(
-    () => t ? f(t, {
-      className: h({ direction: a })
-    }) : null,
-    [t, a]
-  );
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: v(
-        "@container",
-        "relative flex-1",
-        "after:pointer-events-none after:absolute after:left-0 after:top-0 after:h-full after:w-full after:rounded-500 after:border after:border-misc-border after:content-['']"
-      ),
-      ...C,
-      children: [
-        u,
-        /* @__PURE__ */ l("div", { className: N({ direction: a }), children: [
-          s && /* @__PURE__ */ e("div", { className: p({ direction: a }), children: s }),
-          /* @__PURE__ */ l("div", { className: b({ direction: a }), children: [
-            /* @__PURE__ */ l("div", { className: x({ direction: a }), children: [
-              c && /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: c }),
-              i && /* @__PURE__ */ e("div", { "data-selector": "blogpost-title", className: g({ direction: a }), children: i }),
-              o && /* @__PURE__ */ e("div", { className: y({ direction: a }), children: o })
-            ] }),
-            d && /* @__PURE__ */ l("div", { className: A({ direction: a }), children: [
-              n && /* @__PURE__ */ e("div", { className: j({ direction: a }), children: n }),
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  "data-selector": "blogpost-author",
-                  className: w({ direction: a }),
-                  children: d
-                }
-              )
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  D as EditorialCard
-};
-//# sourceMappingURL=index51.mjs.map

package/index510.mjs

@@ -1,5 +0,0 @@
-const o = Symbol.for("motionComponentSymbol");
-export {
-  o as motionComponentSymbol
-};
-//# sourceMappingURL=index510.mjs.map