@photoroom/ui 0.1.1

package/index749.mjs

@@ -0,0 +1,33 @@
+import { circOut as R } from "./index567.mjs";
+import { progress as h } from "./index561.mjs";
+import { mix as f } from "./index559.mjs";
+import { noop as B } from "./index547.mjs";
+import { px as L, percent as p } from "./index549.mjs";
+const a = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], M = a.length, u = (t) => typeof t == "string" ? parseFloat(t) : t, d = (t) => typeof t == "number" || L.test(t);
+function $(t, i, o, n, x, b) {
+  x ? (t.opacity = f(
+    0,
+    // TODO Reinstate this if only child
+    o.opacity !== void 0 ? o.opacity : 1,
+    C(n)
+  ), t.opacityExit = f(i.opacity !== void 0 ? i.opacity : 1, 0, O(n))) : b && (t.opacity = f(i.opacity !== void 0 ? i.opacity : 1, o.opacity !== void 0 ? o.opacity : 1, n));
+  for (let s = 0; s < M; s++) {
+    const c = `border${a[s]}Radius`;
+    let r = m(i, c), e = m(o, c);
+    if (r === void 0 && e === void 0)
+      continue;
+    r || (r = 0), e || (e = 0), r === 0 || e === 0 || d(r) === d(e) ? (t[c] = Math.max(f(u(r), u(e), n), 0), (p.test(e) || p.test(r)) && (t[c] += "%")) : t[c] = e;
+  }
+  (i.rotate || o.rotate) && (t.rotate = f(i.rotate || 0, o.rotate || 0, n));
+}
+function m(t, i) {
+  return t[i] !== void 0 ? t[i] : t.borderRadius;
+}
+const C = y(0, 0.5, R), O = y(0.5, 0.95, B);
+function y(t, i, o) {
+  return (n) => n < t ? 0 : n > i ? 1 : o(h(t, i, n));
+}
+export {
+  $ as mixValues
+};
+//# sourceMappingURL=index749.mjs.map

package/index75.mjs

@@ -0,0 +1,61 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cva as f } from "./index302.mjs";
+import { clsx as l } from "./index296.mjs";
+import { forwardRef as c } from "react";
+const s = f(
+  [
+    "relative box-border flex h-10 w-10 rounded-full outline-none transition-all interaction-transition-type-2",
+    "border border-misc-border",
+    // Dimmer (dimmer on top via pseudo element)
+    "before:absolute before:rounded-full before:content-[''] before:interaction-transition-type-2",
+    "before:h-[calc(100%+2px)] before:w-[calc(100%+2px)]",
+    "before:-left-[1px] before:-top-[1px]",
+    "active:before:bg-misc-border",
+    // Selection (for black border)
+    "after:absolute after:rounded-full after:content-[''] after:interaction-transition-type-2",
+    "after:h-[calc(100%+2px)] after:w-[calc(100%+2px)]",
+    "after:-left-[1px] after:-top-[1px]",
+    // Focus
+    "focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring"
+  ],
+  {
+    variants: {
+      selected: {
+        true: [
+          "after:rounded-full after:border-black after:content-[''] after:misc-border-size-selection after:misc-shadow-selection"
+        ],
+        false: [""]
+      }
+    },
+    defaultVariants: {
+      selected: !1
+    }
+  }
+), b = c(
+  ({ label: t, selected: r, color: e, className: a, ...o }, i) => /* @__PURE__ */ n(
+    "button",
+    {
+      ...o,
+      ref: i,
+      "aria-label": t,
+      "aria-checked": r,
+      className: s({
+        selected: r,
+        class: l(
+          a,
+          // Display a checker background in case of transparent background color
+          e === "transparent" && "bg-damier-neutral-1 bg-damier-medium"
+        )
+      }),
+      style: {
+        backgroundColor: e === "transparent" ? "white" : e
+      },
+      type: "button"
+    }
+  )
+);
+b.displayName = "ColorSwatch";
+export {
+  b as ColorSwatch
+};
+//# sourceMappingURL=index75.mjs.map

package/index750.mjs

@@ -0,0 +1,11 @@
+function c(n, t) {
+  n.min = t.min, n.max = t.max;
+}
+function m(n, t) {
+  c(n.x, t.x), c(n.y, t.y);
+}
+export {
+  c as copyAxisInto,
+  m as copyBoxInto
+};
+//# sourceMappingURL=index750.mjs.map

package/index751.mjs

@@ -0,0 +1,56 @@
+import { mix as x } from "./index559.mjs";
+import { hasTransform as d } from "./index757.mjs";
+function r(n, t, o) {
+  const e = n - o, i = t * e;
+  return o + i;
+}
+function y(n, t, o, e, i) {
+  return i !== void 0 && (n = r(n, i, e)), r(n, o, e) + t;
+}
+function c(n, t = 0, o = 1, e, i) {
+  n.min = y(n.min, t, o, e, i), n.max = y(n.max, t, o, e, i);
+}
+function g(n, { x: t, y: o }) {
+  c(n.x, t.translate, t.scale, t.originPoint), c(n.y, o.translate, o.scale, o.originPoint);
+}
+function T(n, t, o, e = !1) {
+  const i = o.length;
+  if (!i)
+    return;
+  t.x = t.y = 1;
+  let l, f;
+  for (let s = 0; s < i; s++) {
+    l = o[s], f = l.projectionDelta;
+    const u = l.instance;
+    u && u.style && u.style.display === "contents" || (e && l.options.layoutScroll && l.scroll && l !== l.root && p(n, {
+      x: -l.scroll.offset.x,
+      y: -l.scroll.offset.y
+    }), f && (t.x *= f.x.scale, t.y *= f.y.scale, g(n, f)), e && d(l.latestValues) && p(n, l.latestValues));
+  }
+  t.x = m(t.x), t.y = m(t.y);
+}
+function m(n) {
+  return Number.isInteger(n) || n > 1.0000000000001 || n < 0.999999999999 ? n : 1;
+}
+function V(n, t) {
+  n.min = n.min + t, n.max = n.max + t;
+}
+function a(n, t, [o, e, i]) {
+  const l = t[i] !== void 0 ? t[i] : 0.5, f = x(n.min, n.max, l);
+  c(n, t[o], t[e], f, t.scale);
+}
+const D = ["x", "scaleX", "originX"], A = ["y", "scaleY", "originY"];
+function p(n, t) {
+  a(n.x, t, D), a(n.y, t, A);
+}
+export {
+  c as applyAxisDelta,
+  g as applyBoxDelta,
+  y as applyPointDelta,
+  T as applyTreeDeltas,
+  r as scalePoint,
+  a as transformAxis,
+  p as transformBox,
+  V as translateAxis
+};
+//# sourceMappingURL=index751.mjs.map

package/index752.mjs

@@ -0,0 +1,26 @@
+import { mix as v } from "./index559.mjs";
+import { percent as p } from "./index549.mjs";
+import { scalePoint as c } from "./index751.mjs";
+function r(e, m, f, n, d) {
+  return e -= m, e = c(e, 1 / f, n), d !== void 0 && (e = c(e, 1 / d, n)), e;
+}
+function D(e, m = 0, f = 1, n = 0.5, d, y = e, i = e) {
+  if (p.test(m) && (m = parseFloat(m), m = v(i.min, i.max, m / 100) - i.min), typeof m != "number")
+    return;
+  let u = v(y.min, y.max, n);
+  e === y && (u -= m), e.min = r(e.min, m, f, u, d), e.max = r(e.max, m, f, u, d);
+}
+function P(e, m, [f, n, d], y, i) {
+  D(e, m[f], m[n], m[d], m.scale, y, i);
+}
+const K = ["x", "scaleX", "originX"], T = ["y", "scaleY", "originY"];
+function h(e, m, f, n) {
+  P(e.x, m, K, f ? f.x : void 0, n ? n.x : void 0), P(e.y, m, T, f ? f.y : void 0, n ? n.y : void 0);
+}
+export {
+  D as removeAxisDelta,
+  P as removeAxisTransforms,
+  h as removeBoxTransforms,
+  r as removePointDelta
+};
+//# sourceMappingURL=index752.mjs.map

package/index753.mjs

@@ -0,0 +1,23 @@
+import { calcLength as r } from "./index581.mjs";
+function o(n) {
+  return n.translate === 0 && n.scale === 1;
+}
+function x(n) {
+  return o(n.x) && o(n.y);
+}
+function a(n, t) {
+  return n.x.min === t.x.min && n.x.max === t.x.max && n.y.min === t.y.min && n.y.max === t.y.max;
+}
+function i(n, t) {
+  return Math.round(n.x.min) === Math.round(t.x.min) && Math.round(n.x.max) === Math.round(t.x.max) && Math.round(n.y.min) === Math.round(t.y.min) && Math.round(n.y.max) === Math.round(t.y.max);
+}
+function m(n) {
+  return r(n.x) / r(n.y);
+}
+export {
+  m as aspectRatio,
+  a as boxEquals,
+  i as boxEqualsRounded,
+  x as isDeltaZero
+};
+//# sourceMappingURL=index753.mjs.map

package/index754.mjs

@@ -0,0 +1,59 @@
+import { addUniqueItem as a, removeItem as o } from "./index556.mjs";
+class n {
+  constructor() {
+    this.members = [];
+  }
+  add(e) {
+    a(this.members, e), e.scheduleRender();
+  }
+  remove(e) {
+    if (o(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+      const t = this.members[this.members.length - 1];
+      t && this.promote(t);
+    }
+  }
+  relegate(e) {
+    const t = this.members.findIndex((i) => e === i);
+    if (t === 0)
+      return !1;
+    let s;
+    for (let i = t; i >= 0; i--) {
+      const r = this.members[i];
+      if (r.isPresent !== !1) {
+        s = r;
+        break;
+      }
+    }
+    return s ? (this.promote(s), !0) : !1;
+  }
+  promote(e, t) {
+    const s = this.lead;
+    if (e !== s && (this.prevLead = s, this.lead = e, e.show(), s)) {
+      s.instance && s.scheduleRender(), e.scheduleRender(), e.resumeFrom = s, t && (e.resumeFrom.preserveOpacity = !0), s.snapshot && (e.snapshot = s.snapshot, e.snapshot.latestValues = s.animationValues || s.latestValues), e.root && e.root.isUpdating && (e.isLayoutDirty = !0);
+      const { crossfade: i } = e.options;
+      i === !1 && s.hide();
+    }
+  }
+  exitAnimationComplete() {
+    this.members.forEach((e) => {
+      const { options: t, resumingFrom: s } = e;
+      t.onExitComplete && t.onExitComplete(), s && s.options.onExitComplete && s.options.onExitComplete();
+    });
+  }
+  scheduleRender() {
+    this.members.forEach((e) => {
+      e.instance && e.scheduleRender(!1);
+    });
+  }
+  /**
+   * Clear any leads that have been removed this render to prevent them from being
+   * used in future animations and to prevent memory leaks
+   */
+  removeLeadSnapshot() {
+    this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
+  }
+}
+export {
+  n as NodeStack
+};
+//# sourceMappingURL=index754.mjs.map

package/index755.mjs

@@ -0,0 +1,14 @@
+function c(o, t, s) {
+  let n = "";
+  const a = o.x.translate / t.x, i = o.y.translate / t.y;
+  if ((a || i) && (n = `translate3d(${a}px, ${i}px, 0) `), (t.x !== 1 || t.y !== 1) && (n += `scale(${1 / t.x}, ${1 / t.y}) `), s) {
+    const { rotate: f, rotateX: $, rotateY: y } = s;
+    f && (n += `rotate(${f}deg) `), $ && (n += `rotateX(${$}deg) `), y && (n += `rotateY(${y}deg) `);
+  }
+  const r = o.x.scale * t.x, x = o.y.scale * t.y;
+  return (r !== 1 || x !== 1) && (n += `scale(${r}, ${x})`), n || "none";
+}
+export {
+  c as buildProjectionTransform
+};
+//# sourceMappingURL=index755.mjs.map

package/index756.mjs

@@ -0,0 +1,7 @@
+function n(e) {
+  return [e("x"), e("y")];
+}
+export {
+  n as eachAxis
+};
+//# sourceMappingURL=index756.mjs.map

package/index757.mjs

@@ -0,0 +1,21 @@
+function t(n) {
+  return n === void 0 || n === 1;
+}
+function e({ scale: n, scaleX: o, scaleY: i }) {
+  return !t(n) || !t(o) || !t(i);
+}
+function c(n) {
+  return e(n) || f(n) || n.z || n.rotate || n.rotateX || n.rotateY;
+}
+function f(n) {
+  return r(n.x) || r(n.y);
+}
+function r(n) {
+  return n && n !== "0%";
+}
+export {
+  f as has2DTranslate,
+  e as hasScale,
+  c as hasTransform
+};
+//# sourceMappingURL=index757.mjs.map

package/index758.mjs

@@ -0,0 +1,7 @@
+function i(o) {
+  window.MotionDebug && window.MotionDebug.record(o);
+}
+export {
+  i as record
+};
+//# sourceMappingURL=index758.mjs.map

package/index759.mjs

@@ -0,0 +1,7 @@
+function t(n) {
+  return n instanceof SVGElement && n.tagName !== "svg";
+}
+export {
+  t as isSVGElement
+};
+//# sourceMappingURL=index759.mjs.map

package/index76.mjs

@@ -0,0 +1,33 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cn as l } from "./index7.mjs";
+const m = ({
+  className: e,
+  left: o,
+  top: t,
+  width: n,
+  height: r,
+  transform: i,
+  ...c
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: l(
+      "pointer-events-none absolute origin-center",
+      "outline-dashed outline-1 outline-content-accent",
+      "rounded-[2px]",
+      e
+    ),
+    style: {
+      left: o,
+      top: t,
+      width: n,
+      height: r,
+      transform: i
+    },
+    ...c
+  }
+);
+export {
+  m as HoverObjectBox
+};
+//# sourceMappingURL=index76.mjs.map

package/index760.mjs

@@ -0,0 +1,5 @@
+const e = (r) => Array.isArray(r) && typeof r[0] == "number";
+export {
+  e as isBezierDefinition
+};
+//# sourceMappingURL=index760.mjs.map

package/index761.mjs

@@ -0,0 +1,13 @@
+import { mix as i } from "./index559.mjs";
+import { progress as m } from "./index561.mjs";
+function l(o, t) {
+  const s = o[o.length - 1];
+  for (let r = 1; r <= t; r++) {
+    const f = m(0, t, r);
+    o.push(i(s, 1, f));
+  }
+}
+export {
+  l as fillOffset
+};
+//# sourceMappingURL=index761.mjs.map

package/index762.mjs

@@ -0,0 +1,8 @@
+function r(n) {
+  let e;
+  return () => (e === void 0 && (e = n()), e);
+}
+export {
+  r as memo
+};
+//# sourceMappingURL=index762.mjs.map

package/index763.mjs

@@ -0,0 +1,15 @@
+function f(t, e) {
+  if (!Array.isArray(e))
+    return !1;
+  const n = e.length;
+  if (n !== t.length)
+    return !1;
+  for (let r = 0; r < n; r++)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
+}
+export {
+  f as shallowCompare
+};
+//# sourceMappingURL=index763.mjs.map

package/index764.mjs

@@ -0,0 +1,8 @@
+const o = {
+  test: (t) => t === "auto",
+  parse: (t) => t
+};
+export {
+  o as auto
+};
+//# sourceMappingURL=index764.mjs.map

package/index765.mjs

@@ -0,0 +1,8 @@
+var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
+export {
+  a as fullWidthClassName,
+  l as noScrollbarsClassName,
+  e as removedBarSizeVariable,
+  r as zeroRightClassName
+};
+//# sourceMappingURL=index765.mjs.map

package/index766.mjs

@@ -0,0 +1,6 @@
+import { createSidecarMedium as e } from "./index805.mjs";
+var a = e();
+export {
+  a as effectCar
+};
+//# sourceMappingURL=index766.mjs.map

package/index767.mjs

@@ -0,0 +1,27 @@
+import * as f from "react";
+import { assignRef as o } from "./index823.mjs";
+import { useCallbackRef as l } from "./index824.mjs";
+var s = typeof window < "u" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
+function v(e, m) {
+  var t = l(null, function(n) {
+    return e.forEach(function(u) {
+      return o(u, n);
+    });
+  });
+  return s(function() {
+    var n = c.get(t);
+    if (n) {
+      var u = new Set(n), r = new Set(e), i = t.current;
+      u.forEach(function(a) {
+        r.has(a) || o(a, null);
+      }), r.forEach(function(a) {
+        u.has(a) || o(a, i);
+      });
+    }
+    c.set(t, e);
+  }, [e]), t;
+}
+export {
+  v as useMergeRefs
+};
+//# sourceMappingURL=index767.mjs.map

package/index768.mjs

@@ -0,0 +1,116 @@
+import { __spreadArray as N } from "./index635.mjs";
+import * as n from "react";
+import { RemoveScrollBar as W } from "./index806.mjs";
+import { styleSingleton as F } from "./index807.mjs";
+import { nonPassive as s } from "./index808.mjs";
+import { locationCouldBeScrolled as B, handleScroll as K } from "./index809.mjs";
+var k = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, M = function(e) {
+  return [e.deltaX, e.deltaY];
+}, X = function(e) {
+  return e && "current" in e ? e.current : e;
+}, O = function(e, c) {
+  return e[0] === c[0] && e[1] === c[1];
+}, Q = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Z = 0, f = [];
+function J(e) {
+  var c = n.useRef([]), R = n.useRef([0, 0]), m = n.useRef(), h = n.useState(Z++)[0], g = n.useState(F)[0], S = n.useRef(e);
+  n.useEffect(function() {
+    S.current = e;
+  }, [e]), n.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(h));
+      var t = N([e.lockRef.current], (e.shards || []).map(X), !0).filter(Boolean);
+      return t.forEach(function(r) {
+        return r.classList.add("allow-interactivity-".concat(h));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(h)), t.forEach(function(r) {
+          return r.classList.remove("allow-interactivity-".concat(h));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var C = n.useCallback(function(t, r) {
+    if ("touches" in t && t.touches.length === 2 || t.type === "wheel" && t.ctrlKey)
+      return !S.current.allowPinchZoom;
+    var l = k(t), u = R.current, o = "deltaX" in t ? t.deltaX : u[0] - l[0], i = "deltaY" in t ? t.deltaY : u[1] - l[1], a, v = t.target, d = Math.abs(o) > Math.abs(i) ? "h" : "v";
+    if ("touches" in t && d === "h" && v.type === "range")
+      return !1;
+    var P = window.getSelection(), E = P && P.anchorNode, I = E ? E === v || E.contains(v) : !1;
+    if (I)
+      return !1;
+    var b = B(d, v);
+    if (!b)
+      return !0;
+    if (b ? a = d : (a = d === "v" ? "h" : "v", b = B(d, v)), !b)
+      return !1;
+    if (!m.current && "changedTouches" in t && (o || i) && (m.current = a), !a)
+      return !0;
+    var Y = m.current || a;
+    return K(Y, r, t, Y === "h" ? o : i);
+  }, []), y = n.useCallback(function(t) {
+    var r = t;
+    if (!(!f.length || f[f.length - 1] !== g)) {
+      var l = "deltaY" in r ? M(r) : k(r), u = c.current.filter(function(a) {
+        return a.name === r.type && (a.target === r.target || r.target === a.shadowParent) && O(a.delta, l);
+      })[0];
+      if (u && u.should) {
+        r.cancelable && r.preventDefault();
+        return;
+      }
+      if (!u) {
+        var o = (S.current.shards || []).map(X).filter(Boolean).filter(function(a) {
+          return a.contains(r.target);
+        }), i = o.length > 0 ? C(r, o[0]) : !S.current.noIsolation;
+        i && r.cancelable && r.preventDefault();
+      }
+    }
+  }, []), w = n.useCallback(function(t, r, l, u) {
+    var o = { name: t, delta: r, target: l, should: u, shadowParent: _(l) };
+    c.current.push(o), setTimeout(function() {
+      c.current = c.current.filter(function(i) {
+        return i !== o;
+      });
+    }, 1);
+  }, []), L = n.useCallback(function(t) {
+    R.current = k(t), m.current = void 0;
+  }, []), T = n.useCallback(function(t) {
+    w(t.type, M(t), t.target, C(t, e.lockRef.current));
+  }, []), D = n.useCallback(function(t) {
+    w(t.type, k(t), t.target, C(t, e.lockRef.current));
+  }, []);
+  n.useEffect(function() {
+    return f.push(g), e.setCallbacks({
+      onScrollCapture: T,
+      onWheelCapture: T,
+      onTouchMoveCapture: D
+    }), document.addEventListener("wheel", y, s), document.addEventListener("touchmove", y, s), document.addEventListener("touchstart", L, s), function() {
+      f = f.filter(function(t) {
+        return t !== g;
+      }), document.removeEventListener("wheel", y, s), document.removeEventListener("touchmove", y, s), document.removeEventListener("touchstart", L, s);
+    };
+  }, []);
+  var x = e.removeScrollBar, A = e.inert;
+  return n.createElement(
+    n.Fragment,
+    null,
+    A ? n.createElement(g, { styles: Q(h) }) : null,
+    x ? n.createElement(W, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+  );
+}
+function _(e) {
+  for (var c = null; e !== null; )
+    e instanceof ShadowRoot && (c = e.host, e = e.host), e = e.parentNode;
+  return c;
+}
+export {
+  J as RemoveScrollSideCar,
+  M as getDeltaXY,
+  k as getTouchXY
+};
+//# sourceMappingURL=index768.mjs.map

package/index769.mjs

@@ -0,0 +1,19 @@
+import { __rest as o, __assign as d } from "./index635.mjs";
+import * as n from "react";
+var i = function(r) {
+  var e = r.sideCar, a = o(r, ["sideCar"]);
+  if (!e)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var t = e.read();
+  if (!t)
+    throw new Error("Sidecar medium not found");
+  return n.createElement(t, d({}, a));
+};
+i.isSideCarExport = !0;
+function p(r, e) {
+  return r.useMedium(e), i;
+}
+export {
+  p as exportSidecar
+};
+//# sourceMappingURL=index769.mjs.map

package/index77.mjs

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { RefreshIcon as c } from "@photoroom/icons/lib/monochromes";
+import { clsx as s } from "./index296.mjs";
+const a = ({ ...e }) => /* @__PURE__ */ r(
+  "div",
+  {
+    ...e,
+    className: s(
+      "flex items-center justify-center rounded-250 bg-misc-replaceable text-black size-250",
+      e.className
+    ),
+    children: /* @__PURE__ */ r(c, { className: "icon-size-200" })
+  }
+);
+export {
+  a as LayerIndicator
+};
+//# sourceMappingURL=index77.mjs.map