@photoroom/ui 0.1.1

package/index409.mjs

@@ -0,0 +1,195 @@
+import s from "./index604.mjs";
+import u from "react";
+import g from "./index605.mjs";
+import b from "./index606.mjs";
+var m = Object.defineProperty, C = Object.defineProperties, E = Object.getOwnPropertyDescriptors, f = Object.getOwnPropertySymbols, I = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable, v = (r, e, t) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, c = (r, e) => {
+  for (var t in e || (e = {}))
+    I.call(e, t) && v(r, t, e[t]);
+  if (f)
+    for (var t of f(e))
+      N.call(e, t) && v(r, t, e[t]);
+  return r;
+}, P = (r, e) => C(r, E(e)), A = (r, e, t) => new Promise((a, i) => {
+  var o = (l) => {
+    try {
+      p(t.next(l));
+    } catch (h) {
+      i(h);
+    }
+  }, n = (l) => {
+    try {
+      p(t.throw(l));
+    } catch (h) {
+      i(h);
+    }
+  }, p = (l) => l.done ? a(l.value) : Promise.resolve(l.value).then(o, n);
+  p((t = t.apply(r, e)).next());
+});
+function S(r, e) {
+  var t, a;
+  if (r.videoId !== e.videoId)
+    return !0;
+  const i = ((t = r.opts) == null ? void 0 : t.playerVars) || {}, o = ((a = e.opts) == null ? void 0 : a.playerVars) || {};
+  return i.start !== o.start || i.end !== o.end;
+}
+function _(r = {}) {
+  return P(c({}, r), {
+    height: 0,
+    width: 0,
+    playerVars: P(c({}, r.playerVars), {
+      autoplay: 0,
+      start: 0,
+      end: 0
+    })
+  });
+}
+function V(r, e) {
+  return r.videoId !== e.videoId || !g(_(r.opts), _(e.opts));
+}
+function w(r, e) {
+  var t, a, i, o;
+  return r.id !== e.id || r.className !== e.className || ((t = r.opts) == null ? void 0 : t.width) !== ((a = e.opts) == null ? void 0 : a.width) || ((i = r.opts) == null ? void 0 : i.height) !== ((o = e.opts) == null ? void 0 : o.height) || r.iframeClassName !== e.iframeClassName || r.title !== e.title;
+}
+var O = {
+  videoId: "",
+  id: "",
+  className: "",
+  iframeClassName: "",
+  style: {},
+  title: "",
+  loading: void 0,
+  opts: {},
+  onReady: () => {
+  },
+  onError: () => {
+  },
+  onPlay: () => {
+  },
+  onPause: () => {
+  },
+  onEnd: () => {
+  },
+  onStateChange: () => {
+  },
+  onPlaybackRateChange: () => {
+  },
+  onPlaybackQualityChange: () => {
+  }
+}, R = {
+  videoId: s.string,
+  id: s.string,
+  className: s.string,
+  iframeClassName: s.string,
+  style: s.object,
+  title: s.string,
+  loading: s.oneOf(["lazy", "eager"]),
+  opts: s.objectOf(s.any),
+  onReady: s.func,
+  onError: s.func,
+  onPlay: s.func,
+  onPause: s.func,
+  onEnd: s.func,
+  onStateChange: s.func,
+  onPlaybackRateChange: s.func,
+  onPlaybackQualityChange: s.func
+}, d = class extends u.Component {
+  constructor(r) {
+    super(r), this.destroyPlayerPromise = void 0, this.onPlayerReady = (e) => {
+      var t, a;
+      return (a = (t = this.props).onReady) == null ? void 0 : a.call(t, e);
+    }, this.onPlayerError = (e) => {
+      var t, a;
+      return (a = (t = this.props).onError) == null ? void 0 : a.call(t, e);
+    }, this.onPlayerStateChange = (e) => {
+      var t, a, i, o, n, p, l, h;
+      switch ((a = (t = this.props).onStateChange) == null || a.call(t, e), e.data) {
+        case d.PlayerState.ENDED:
+          (o = (i = this.props).onEnd) == null || o.call(i, e);
+          break;
+        case d.PlayerState.PLAYING:
+          (p = (n = this.props).onPlay) == null || p.call(n, e);
+          break;
+        case d.PlayerState.PAUSED:
+          (h = (l = this.props).onPause) == null || h.call(l, e);
+          break;
+      }
+    }, this.onPlayerPlaybackRateChange = (e) => {
+      var t, a;
+      return (a = (t = this.props).onPlaybackRateChange) == null ? void 0 : a.call(t, e);
+    }, this.onPlayerPlaybackQualityChange = (e) => {
+      var t, a;
+      return (a = (t = this.props).onPlaybackQualityChange) == null ? void 0 : a.call(t, e);
+    }, this.destroyPlayer = () => this.internalPlayer ? (this.destroyPlayerPromise = this.internalPlayer.destroy().then(() => this.destroyPlayerPromise = void 0), this.destroyPlayerPromise) : Promise.resolve(), this.createPlayer = () => {
+      if (typeof document > "u")
+        return;
+      if (this.destroyPlayerPromise) {
+        this.destroyPlayerPromise.then(this.createPlayer);
+        return;
+      }
+      const e = P(c({}, this.props.opts), {
+        videoId: this.props.videoId
+      });
+      this.internalPlayer = b(this.container, e), this.internalPlayer.on("ready", this.onPlayerReady), this.internalPlayer.on("error", this.onPlayerError), this.internalPlayer.on("stateChange", this.onPlayerStateChange), this.internalPlayer.on("playbackRateChange", this.onPlayerPlaybackRateChange), this.internalPlayer.on("playbackQualityChange", this.onPlayerPlaybackQualityChange), (this.props.title || this.props.loading) && this.internalPlayer.getIframe().then((t) => {
+        this.props.title && t.setAttribute("title", this.props.title), this.props.loading && t.setAttribute("loading", this.props.loading);
+      });
+    }, this.resetPlayer = () => this.destroyPlayer().then(this.createPlayer), this.updatePlayer = () => {
+      var e;
+      (e = this.internalPlayer) == null || e.getIframe().then((t) => {
+        this.props.id ? t.setAttribute("id", this.props.id) : t.removeAttribute("id"), this.props.iframeClassName ? t.setAttribute("class", this.props.iframeClassName) : t.removeAttribute("class"), this.props.opts && this.props.opts.width ? t.setAttribute("width", this.props.opts.width.toString()) : t.removeAttribute("width"), this.props.opts && this.props.opts.height ? t.setAttribute("height", this.props.opts.height.toString()) : t.removeAttribute("height"), this.props.title ? t.setAttribute("title", this.props.title) : t.setAttribute("title", "YouTube video player"), this.props.loading ? t.setAttribute("loading", this.props.loading) : t.removeAttribute("loading");
+      });
+    }, this.getInternalPlayer = () => this.internalPlayer, this.updateVideo = () => {
+      var e, t, a, i;
+      if (typeof this.props.videoId > "u" || this.props.videoId === null) {
+        (e = this.internalPlayer) == null || e.stopVideo();
+        return;
+      }
+      let o = !1;
+      const n = {
+        videoId: this.props.videoId
+      };
+      if ((t = this.props.opts) != null && t.playerVars && (o = this.props.opts.playerVars.autoplay === 1, "start" in this.props.opts.playerVars && (n.startSeconds = this.props.opts.playerVars.start), "end" in this.props.opts.playerVars && (n.endSeconds = this.props.opts.playerVars.end)), o) {
+        (a = this.internalPlayer) == null || a.loadVideoById(n);
+        return;
+      }
+      (i = this.internalPlayer) == null || i.cueVideoById(n);
+    }, this.refContainer = (e) => {
+      this.container = e;
+    }, this.container = null, this.internalPlayer = null;
+  }
+  componentDidMount() {
+    this.createPlayer();
+  }
+  componentDidUpdate(r) {
+    return A(this, null, function* () {
+      w(r, this.props) && this.updatePlayer(), V(r, this.props) && (yield this.resetPlayer()), S(r, this.props) && this.updateVideo();
+    });
+  }
+  componentWillUnmount() {
+    this.destroyPlayer();
+  }
+  render() {
+    return /* @__PURE__ */ u.createElement("div", {
+      className: this.props.className,
+      style: this.props.style
+    }, /* @__PURE__ */ u.createElement("div", {
+      id: this.props.id,
+      className: this.props.iframeClassName,
+      ref: this.refContainer
+    }));
+  }
+}, y = d;
+y.propTypes = R;
+y.defaultProps = O;
+y.PlayerState = {
+  UNSTARTED: -1,
+  ENDED: 0,
+  PLAYING: 1,
+  PAUSED: 2,
+  BUFFERING: 3,
+  CUED: 5
+};
+var j = y;
+export {
+  j as default
+};
+//# sourceMappingURL=index409.mjs.map

package/index41.mjs

@@ -0,0 +1,31 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as s } from "./index7.mjs";
+import { ClearButton as n } from "./index13.mjs";
+const m = l(
+  ({ title: t, children: d, className: o, onClose: i, ...a }, c) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: c,
+      className: s(
+        "rounded-[10px] bg-background-subdued",
+        "w-full p-6",
+        "@container",
+        o
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ r("div", { className: "mb-4 flex items-center justify-between", children: [
+          /* @__PURE__ */ e("h2", { className: "heading-600 text-content-primary", children: t }),
+          i && /* @__PURE__ */ e(n, { onClick: i, "aria-label": "close widget" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-3 @[590px]:grid-cols-2 @[800px]:grid-cols-3", children: d })
+      ]
+    }
+  )
+);
+m.displayName = "MultiActionWidget";
+export {
+  m as MultiActionWidget
+};
+//# sourceMappingURL=index41.mjs.map

package/index410.mjs

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+const n = ({ children: t }) => /* @__PURE__ */ o("div", { className: "component-strong-700 rounded-full bg-white px-4 py-1 text-content-accent", children: t });
+export {
+  n as PromoBadge
+};
+//# sourceMappingURL=index410.mjs.map

package/index411.mjs

@@ -0,0 +1,5 @@
+const e = "cursor-pointer rounded-200 outline-none focus-visible:ring focus-visible:ring-misc-focus-indicator text-content-accent hover:text-content-accent-hover active:text-content-accent-down focus-visible:text-content-accent-hover", n = e.split(" ").map((t) => `[&_a]:${t}`).join(" ");
+export {
+  n as scopedLinkStyle
+};
+//# sourceMappingURL=index411.mjs.map

package/index412.mjs

@@ -0,0 +1,34 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { clsx as i } from "./index296.mjs";
+import { forwardRef as l } from "react";
+const u = ({
+  image: r,
+  source: s,
+  children: o,
+  className: n,
+  ...t
+}) => /* @__PURE__ */ c("article", { className: i("flex flex-col gap-2", n), ...t, children: [
+  /* @__PURE__ */ c("header", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e("figure", { className: "relative size-6 shrink-0 overflow-hidden rounded-full", children: r }),
+    /* @__PURE__ */ e("h4", { className: "component-600 grow text-content-secondary", children: s })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "body-600 text-content-primary", children: o })
+] }), a = l(({ as: r = "a", className: s, ...o }, n) => /* @__PURE__ */ e(
+  r,
+  {
+    ref: n,
+    className: i(
+      "block rounded-200 no-underline outline-none",
+      "text-content-primary hover:text-content-secondary",
+      "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+      s
+    ),
+    ...o
+  }
+));
+a.displayName = "PressBlockItemLink";
+export {
+  u as PressBlockItem,
+  a as PressBlockItemLink
+};
+//# sourceMappingURL=index412.mjs.map

package/index413.mjs

@@ -0,0 +1,16 @@
+function u() {
+  for (var e = 0, t, n, r = ""; e < arguments.length; )
+    (t = arguments[e++]) && (n = a(t)) && (r && (r += " "), r += n);
+  return r;
+}
+function a(e) {
+  if (typeof e == "string")
+    return e;
+  for (var t, n = "", r = 0; r < e.length; r++)
+    e[r] && (t = a(e[r])) && (n && (n += " "), n += t);
+  return n;
+}
+export {
+  u as twJoin
+};
+//# sourceMappingURL=index413.mjs.map

package/index414.mjs

@@ -0,0 +1,28 @@
+import { createConfigUtils as d } from "./index415.mjs";
+import { mergeClassList as h } from "./index416.mjs";
+import { twJoin as p } from "./index413.mjs";
+function T() {
+  for (var c = arguments.length, a = new Array(c), e = 0; e < c; e++)
+    a[e] = arguments[e];
+  var t, o, u, f = g;
+  function g(r) {
+    var n = a[0], i = a.slice(1), m = i.reduce(function(v, s) {
+      return s(v);
+    }, n());
+    return t = d(m), o = t.cache.get, u = t.cache.set, f = l, l(r);
+  }
+  function l(r) {
+    var n = o(r);
+    if (n)
+      return n;
+    var i = h(r, t);
+    return u(r, i), i;
+  }
+  return function() {
+    return f(p.apply(null, arguments));
+  };
+}
+export {
+  T as createTailwindMerge
+};
+//# sourceMappingURL=index414.mjs.map

package/index415.mjs

@@ -0,0 +1,14 @@
+import { createClassUtils as r } from "./index464.mjs";
+import { createLruCache as t } from "./index465.mjs";
+import { createSplitModifiers as i } from "./index466.mjs";
+function s(e) {
+  return {
+    cache: t(e.cacheSize),
+    splitModifiers: i(e),
+    ...r(e)
+  };
+}
+export {
+  s as createConfigUtils
+};
+//# sourceMappingURL=index415.mjs.map

package/index416.mjs

@@ -0,0 +1,42 @@
+import { sortModifiers as M, IMPORTANT_MODIFIER as c } from "./index466.mjs";
+var v = /\s+/;
+function P(I, t) {
+  var m = t.splitModifiers, d = t.getClassGroupId, p = t.getConflictingClassGroupIds, f = /* @__PURE__ */ new Set();
+  return I.trim().split(v).map(function(i) {
+    var s = m(i), e = s.modifiers, n = s.hasImportantModifier, r = s.baseClassName, a = s.maybePostfixModifierPosition, o = d(a ? r.substring(0, a) : r), l = !!a;
+    if (!o) {
+      if (!a)
+        return {
+          isTailwindClass: !1,
+          originalClassName: i
+        };
+      if (o = d(r), !o)
+        return {
+          isTailwindClass: !1,
+          originalClassName: i
+        };
+      l = !1;
+    }
+    var u = M(e).join(":"), C = n ? u + c : u;
+    return {
+      isTailwindClass: !0,
+      modifierId: C,
+      classGroupId: o,
+      originalClassName: i,
+      hasPostfixModifier: l
+    };
+  }).reverse().filter(function(i) {
+    if (!i.isTailwindClass)
+      return !0;
+    var s = i.modifierId, e = i.classGroupId, n = i.hasPostfixModifier, r = s + e;
+    return f.has(r) ? !1 : (f.add(r), p(e, n).forEach(function(a) {
+      return f.add(s + a);
+    }), !0);
+  }).reverse().map(function(i) {
+    return i.originalClassName;
+  }).join(" ");
+}
+export {
+  P as mergeClassList
+};
+//# sourceMappingURL=index416.mjs.map