@photoroom/ui 0.1.1

package/index805.mjs

@@ -0,0 +1,68 @@
+import { __assign as d } from "./index635.mjs";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
+export {
+  v as createSidecarMedium
+};
+//# sourceMappingURL=index805.mjs.map

package/index806.mjs

@@ -0,0 +1,72 @@
+import * as d from "react";
+import { styleSingleton as f } from "./index807.mjs";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index765.mjs";
+import { getGapWidth as m } from "./index834.mjs";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
+`);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
+    };
+  }, []);
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+};
+export {
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
+};
+//# sourceMappingURL=index806.mjs.map

package/index807.mjs

@@ -0,0 +1,12 @@
+import { styleHookSingleton as o } from "./index835.mjs";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
+  };
+  return n;
+};
+export {
+  s as styleSingleton
+};
+//# sourceMappingURL=index807.mjs.map

package/index808.mjs

@@ -0,0 +1,17 @@
+var r = !1;
+if (typeof window < "u")
+  try {
+    var e = Object.defineProperty({}, "passive", {
+      get: function() {
+        return r = !0, !0;
+      }
+    });
+    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
+  } catch {
+    r = !1;
+  }
+var a = r ? { passive: !1 } : !1;
+export {
+  a as nonPassive
+};
+//# sourceMappingURL=index808.mjs.map

package/index809.mjs

@@ -0,0 +1,69 @@
+var N = function(r) {
+  return r.tagName === "TEXTAREA";
+}, b = function(r, e) {
+  if (!(r instanceof Element))
+    return !1;
+  var t = window.getComputedStyle(r);
+  return (
+    // not-not-scrollable
+    t[e] !== "hidden" && // contains scroll inside self
+    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
+  );
+}, D = function(r) {
+  return b(r, "overflowY");
+}, E = function(r) {
+  return b(r, "overflowX");
+}, T = function(r, e) {
+  var t = e.ownerDocument, l = e;
+  do {
+    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
+    var f = g(r, l);
+    if (f) {
+      var n = m(r, l), i = n[1], o = n[2];
+      if (i > o)
+        return !0;
+    }
+    l = l.parentNode;
+  } while (l && l !== t.body);
+  return !1;
+}, H = function(r) {
+  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
+  return [
+    e,
+    t,
+    l
+  ];
+}, p = function(r) {
+  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
+  return [
+    e,
+    t,
+    l
+  ];
+}, g = function(r, e) {
+  return r === "v" ? D(e) : E(e);
+}, m = function(r, e) {
+  return r === "v" ? H(e) : p(e);
+}, B = function(r, e) {
+  return r === "h" && e === "rtl" ? -1 : 1;
+}, V = function(r, e, t, l, f) {
+  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
+  do {
+    if (!o)
+      break;
+    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
+    (v || w) && g(r, o) && (h += w, S += v);
+    var a = o.parentNode;
+    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
+  } while (
+    // portaled content
+    !d && o !== document.body || // self content
+    d && (e.contains(o) || e === o)
+  );
+  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
+};
+export {
+  V as handleScroll,
+  T as locationCouldBeScrolled
+};
+//# sourceMappingURL=index809.mjs.map

package/index81.mjs

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as t } from "./index7.mjs";
+import { PillButton as m } from "./index320.mjs";
+import { PillDivider as d } from "./index82.mjs";
+const r = ({ className: e, ...i }) => /* @__PURE__ */ o(
+  "div",
+  {
+    ...i,
+    className: t(
+      "flex w-max items-center gap-1 p-1",
+      "rounded-500 border-misc-border misc-border-size-default",
+      "bg-surface-higher",
+      e
+    )
+  }
+);
+r.Button = m;
+r.Divider = d;
+export {
+  r as Pill
+};
+//# sourceMappingURL=index81.mjs.map

package/index810.mjs

@@ -0,0 +1,9 @@
+import { number as r } from "./index548.mjs";
+const t = {
+  ...r,
+  transform: Math.round
+};
+export {
+  t as int
+};
+//# sourceMappingURL=index810.mjs.map

package/index811.mjs

@@ -0,0 +1,27 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import { ChevronDownIcon as s } from "@photoroom/icons/lib/monochromes";
+import { clsx as u } from "./index296.mjs";
+import { forwardRef as c } from "react";
+const t = c(
+  ({ children: o, ...i }, r) => /* @__PURE__ */ e(
+    "button",
+    {
+      ref: r,
+      className: u(
+        "component-semi-strong-700 flex items-center gap-3 rounded-500 pl-4 pr-3 size-h-700",
+        "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down",
+        "transition-all focus-visible:outline-none focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"
+      ),
+      ...i,
+      children: [
+        o,
+        /* @__PURE__ */ n(s, { className: "shrink-0 icon-size-400", "aria-hidden": !0 })
+      ]
+    }
+  )
+);
+t.displayName = "PricingPullDownButton";
+export {
+  t as PricingPullDownButton
+};
+//# sourceMappingURL=index811.mjs.map

package/index812.mjs

@@ -0,0 +1,31 @@
+const r = {
+  priceId: "price_1OZVcMEl9AVRLibqyVsualpH",
+  currencyToPrice: {
+    eur: 2,
+    gbp: 2,
+    usd: 2
+  },
+  interval: "month"
+}, c = {
+  priceId: "price_1OZVV0El9AVRLibqlcX986A9",
+  currencyToPrice: {
+    eur: 10,
+    gbp: 10,
+    usd: 10
+  },
+  interval: "month"
+}, e = {
+  priceId: "price_1OduZCEl9AVRLibq9TbpF1v9",
+  currencyToPrice: {
+    eur: 1,
+    gbp: 1,
+    usd: 1
+  },
+  interval: "month"
+};
+export {
+  r as API_BASIC_MONTHLY_PRICE,
+  e as API_PARTNER_MONTHLY_PRICE,
+  c as API_PLUS_MONTHLY_PRICE
+};
+//# sourceMappingURL=index812.mjs.map

package/index813.mjs

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=index813.mjs.map

package/index814.mjs

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=index814.mjs.map

package/index815.mjs

@@ -0,0 +1,5 @@
+var r = { exports: {} };
+export {
+  r as __module
+};
+//# sourceMappingURL=index815.mjs.map

package/index816.mjs

@@ -0,0 +1,63 @@
+import { __module as c } from "./index831.mjs";
+import { m as E } from "./index832.mjs";
+(function(b, n) {
+  n = b.exports = g.debug = g.default = g, n.coerce = k, n.disable = h, n.enable = v, n.enabled = m, n.humanize = E, n.names = [], n.skips = [], n.formatters = {};
+  var o;
+  function d(r) {
+    var e = 0, f;
+    for (f in r)
+      e = (e << 5) - e + r.charCodeAt(f), e |= 0;
+    return n.colors[Math.abs(e) % n.colors.length];
+  }
+  function g(r) {
+    function e() {
+      if (e.enabled) {
+        var f = e, l = +/* @__PURE__ */ new Date(), y = l - (o || l);
+        f.diff = y, f.prev = o, f.curr = l, o = l;
+        for (var i = new Array(arguments.length), u = 0; u < i.length; u++)
+          i[u] = arguments[u];
+        i[0] = n.coerce(i[0]), typeof i[0] != "string" && i.unshift("%O");
+        var a = 0;
+        i[0] = i[0].replace(/%([a-zA-Z%])/g, function(t, A) {
+          if (t === "%%") return t;
+          a++;
+          var s = n.formatters[A];
+          if (typeof s == "function") {
+            var C = i[a];
+            t = s.call(f, C), i.splice(a, 1), a--;
+          }
+          return t;
+        }), n.formatArgs.call(f, i);
+        var w = e.log || n.log || console.log.bind(console);
+        w.apply(f, i);
+      }
+    }
+    return e.namespace = r, e.enabled = n.enabled(r), e.useColors = n.useColors(), e.color = d(r), typeof n.init == "function" && n.init(e), e;
+  }
+  function v(r) {
+    n.save(r), n.names = [], n.skips = [];
+    for (var e = (typeof r == "string" ? r : "").split(/[\s,]+/), f = e.length, l = 0; l < f; l++)
+      e[l] && (r = e[l].replace(/\*/g, ".*?"), r[0] === "-" ? n.skips.push(new RegExp("^" + r.substr(1) + "$")) : n.names.push(new RegExp("^" + r + "$")));
+  }
+  function h() {
+    n.enable("");
+  }
+  function m(r) {
+    var e, f;
+    for (e = 0, f = n.skips.length; e < f; e++)
+      if (n.skips[e].test(r))
+        return !1;
+    for (e = 0, f = n.names.length; e < f; e++)
+      if (n.names[e].test(r))
+        return !0;
+    return !1;
+  }
+  function k(r) {
+    return r instanceof Error ? r.stack || r.message : r;
+  }
+})(c, c.exports);
+var R = c.exports;
+export {
+  R as d
+};
+//# sourceMappingURL=index816.mjs.map

package/index817.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index817.mjs.map

package/index818.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index818.mjs.map

package/index819.mjs

@@ -0,0 +1,5 @@
+var t = { exports: {} };
+export {
+  t as __module
+};
+//# sourceMappingURL=index819.mjs.map

package/index82.mjs

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as s } from "./index7.mjs";
+const l = ({ className: i, ...r }) => /* @__PURE__ */ e(
+  "div",
+  {
+    role: "separator",
+    ...r,
+    className: s("flex items-center justify-center px-1 size-h-400", i),
+    children: /* @__PURE__ */ e("div", { className: "h-6 w-px bg-misc-divider" })
+  }
+);
+l.displayName = "PillDivider";
+export {
+  l as PillDivider
+};
+//# sourceMappingURL=index82.mjs.map

package/index820.mjs

@@ -0,0 +1,18 @@
+import { __module as t } from "./index833.mjs";
+(function(r, e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.default = {
+    BUFFERING: 3,
+    ENDED: 0,
+    PAUSED: 2,
+    PLAYING: 1,
+    UNSTARTED: -1,
+    VIDEO_CUED: 5
+  }, r.exports = e.default;
+})(t, t.exports);
+var o = t.exports;
+export {
+  o as P
+};
+//# sourceMappingURL=index820.mjs.map

package/index821.mjs

@@ -0,0 +1,48 @@
+import { invariant as n } from "./index489.mjs";
+import { isNumericalString as u } from "./index577.mjs";
+import { isCSSVariableToken as f } from "./index546.mjs";
+const s = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
+function m(i) {
+  const r = s.exec(i);
+  if (!r)
+    return [,];
+  const [, e, a] = r;
+  return [e, a];
+}
+const p = 4;
+function l(i, r, e = 1) {
+  n(e <= p, `Max CSS variable fallback depth detected in property "${i}". This may indicate a circular fallback dependency.`);
+  const [a, c] = m(i);
+  if (!a)
+    return;
+  const o = window.getComputedStyle(r).getPropertyValue(a);
+  if (o) {
+    const t = o.trim();
+    return u(t) ? parseFloat(t) : t;
+  } else return f(c) ? l(c, r, e + 1) : c;
+}
+function V(i, { ...r }, e) {
+  const a = i.current;
+  if (!(a instanceof Element))
+    return { target: r, transitionEnd: e };
+  e && (e = { ...e }), i.values.forEach((c) => {
+    const o = c.get();
+    if (!f(o))
+      return;
+    const t = l(o, a);
+    t && c.set(t);
+  });
+  for (const c in r) {
+    const o = r[c];
+    if (!f(o))
+      continue;
+    const t = l(o, a);
+    t && (r[c] = t, e || (e = {}), e[c] === void 0 && (e[c] = o));
+  }
+  return { target: r, transitionEnd: e };
+}
+export {
+  m as parseCSSVariable,
+  V as resolveCSSVariables
+};
+//# sourceMappingURL=index821.mjs.map

package/index822.mjs

@@ -0,0 +1,100 @@
+import { isKeyframesTarget as C } from "./index651.mjs";
+import { invariant as V } from "./index489.mjs";
+import { transformPropOrder as O } from "./index519.mjs";
+import { findDimensionValueType as d } from "./index672.mjs";
+import { isBrowser as P } from "./index507.mjs";
+import { number as v } from "./index548.mjs";
+import { px as w } from "./index549.mjs";
+const A = /* @__PURE__ */ new Set([
+  "width",
+  "height",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  "x",
+  "y",
+  "translateX",
+  "translateY"
+]), K = (e) => A.has(e), B = (e) => Object.keys(e).some(K), b = (e) => e === v || e === w, y = (e, o) => parseFloat(e.split(", ")[o]), F = (e, o) => (s, { transform: t }) => {
+  if (t === "none" || !t)
+    return 0;
+  const p = t.match(/^matrix3d\((.+)\)$/);
+  if (p)
+    return y(p[1], o);
+  {
+    const m = t.match(/^matrix\((.+)\)$/);
+    return m ? y(m[1], e) : 0;
+  }
+}, S = /* @__PURE__ */ new Set(["x", "y", "z"]), j = O.filter((e) => !S.has(e));
+function Y(e) {
+  const o = [];
+  return j.forEach((s) => {
+    const t = e.getValue(s);
+    t !== void 0 && (o.push([s, t.get()]), t.set(s.startsWith("scale") ? 1 : 0));
+  }), o.length && e.render(), o;
+}
+const u = {
+  // Dimensions
+  width: ({ x: e }, { paddingLeft: o = "0", paddingRight: s = "0" }) => e.max - e.min - parseFloat(o) - parseFloat(s),
+  height: ({ y: e }, { paddingTop: o = "0", paddingBottom: s = "0" }) => e.max - e.min - parseFloat(o) - parseFloat(s),
+  top: (e, { top: o }) => parseFloat(o),
+  left: (e, { left: o }) => parseFloat(o),
+  bottom: ({ y: e }, { top: o }) => parseFloat(o) + (e.max - e.min),
+  right: ({ x: e }, { left: o }) => parseFloat(o) + (e.max - e.min),
+  // Transform
+  x: F(4, 13),
+  y: F(5, 14)
+};
+u.translateX = u.x;
+u.translateY = u.y;
+const _ = (e, o, s) => {
+  const t = o.measureViewportBox(), p = o.current, m = getComputedStyle(p), { display: x } = m, c = {};
+  x === "none" && o.setStaticValue("display", e.display || "block"), s.forEach((a) => {
+    c[a] = u[a](t, m);
+  }), o.render();
+  const r = o.measureViewportBox();
+  return s.forEach((a) => {
+    const l = o.getValue(a);
+    l && l.jump(c[a]), e[a] = u[a](r, m);
+  }), e;
+}, M = (e, o, s = {}, t = {}) => {
+  o = { ...o }, t = { ...t };
+  const p = Object.keys(o).filter(K);
+  let m = [], x = !1;
+  const c = [];
+  if (p.forEach((r) => {
+    const a = e.getValue(r);
+    if (!e.hasValue(r))
+      return;
+    let l = s[r], f = d(l);
+    const n = o[r];
+    let i;
+    if (C(n)) {
+      const T = n.length, g = n[0] === null ? 1 : 0;
+      l = n[g], f = d(l);
+      for (let h = g; h < T && n[h] !== null; h++)
+        i ? V(d(n[h]) === i, "All keyframes must be of the same type") : (i = d(n[h]), V(i === f || b(f) && b(i), "Keyframes must be of the same dimension as the current value"));
+    } else
+      i = d(n);
+    if (f !== i)
+      if (b(f) && b(i)) {
+        const T = a.get();
+        typeof T == "string" && a.set(parseFloat(T)), typeof n == "string" ? o[r] = parseFloat(n) : Array.isArray(n) && i === w && (o[r] = n.map(parseFloat));
+      } else f != null && f.transform && (i != null && i.transform) && (l === 0 || n === 0) ? l === 0 ? a.set(i.transform(l)) : o[r] = f.transform(n) : (x || (m = Y(e), x = !0), c.push(r), t[r] = t[r] !== void 0 ? t[r] : o[r], a.jump(n));
+  }), c.length) {
+    const r = c.indexOf("height") >= 0 ? window.pageYOffset : null, a = _(o, e, c);
+    return m.length && m.forEach(([l, f]) => {
+      e.getValue(l).set(f);
+    }), e.render(), P && r !== null && window.scrollTo({ top: r }), { target: a, transitionEnd: t };
+  } else
+    return { target: o, transitionEnd: t };
+};
+function W(e, o, s, t) {
+  return B(o) ? M(e, o, s, t) : { target: o, transitionEnd: t };
+}
+export {
+  u as positionalValues,
+  W as unitConversion
+};
+//# sourceMappingURL=index822.mjs.map

package/index823.mjs

@@ -0,0 +1,7 @@
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
+export {
+  i as assignRef
+};
+//# sourceMappingURL=index823.mjs.map

package/index824.mjs

@@ -0,0 +1,26 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};
+//# sourceMappingURL=index824.mjs.map

package/index825.mjs

@@ -0,0 +1,10 @@
+import r from "./index826.mjs";
+let o = r;
+function t() {
+  return o;
+}
+export {
+  r as defaultErrorMap,
+  t as getErrorMap
+};
+//# sourceMappingURL=index825.mjs.map