@photoroom/ui 0.1.1

package/index719.mjs

@@ -0,0 +1,88 @@
+import { __module as b } from "./index791.mjs";
+import { b as R } from "./index792.mjs";
+import { f as U } from "./index793.mjs";
+import { e as z } from "./index794.mjs";
+import { F as B } from "./index795.mjs";
+(function(A, S) {
+  Object.defineProperty(S, "__esModule", {
+    value: !0
+  });
+  var M = R, T = d(M), w = U, F = d(w), Y = z, L = d(Y), O = B, E = d(O);
+  function d(t) {
+    return t && t.__esModule ? t : { default: t };
+  }
+  var q = (0, T.default)("youtube-player"), h = {};
+  h.proxyEvents = function(t) {
+    var p = {}, s = function(l) {
+      var e = "on" + l.slice(0, 1).toUpperCase() + l.slice(1);
+      p[e] = function(n) {
+        q('event "%s"', e, n), t.trigger(l, n);
+      };
+    }, v = !0, u = !1, c = void 0;
+    try {
+      for (var i = L.default[Symbol.iterator](), f; !(v = (f = i.next()).done); v = !0) {
+        var g = f.value;
+        s(g);
+      }
+    } catch (y) {
+      u = !0, c = y;
+    } finally {
+      try {
+        !v && i.return && i.return();
+      } finally {
+        if (u)
+          throw c;
+      }
+    }
+    return p;
+  }, h.promisifyPlayer = function(t) {
+    var p = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, s = {}, v = function(e) {
+      p && E.default[e] ? s[e] = function() {
+        for (var n = arguments.length, m = Array(n), a = 0; a < n; a++)
+          m[a] = arguments[a];
+        return t.then(function(r) {
+          var o = E.default[e], I = r.getPlayerState(), x = r[e].apply(r, m);
+          return o.stateChangeRequired || // eslint-disable-next-line no-extra-parens
+          Array.isArray(o.acceptableStates) && o.acceptableStates.indexOf(I) === -1 ? new Promise(function(_) {
+            var N = function C() {
+              var D = r.getPlayerState(), P = void 0;
+              typeof o.timeout == "number" && (P = setTimeout(function() {
+                r.removeEventListener("onStateChange", C), _();
+              }, o.timeout)), Array.isArray(o.acceptableStates) && o.acceptableStates.indexOf(D) !== -1 && (r.removeEventListener("onStateChange", C), clearTimeout(P), _());
+            };
+            r.addEventListener("onStateChange", N);
+          }).then(function() {
+            return x;
+          }) : x;
+        });
+      } : s[e] = function() {
+        for (var n = arguments.length, m = Array(n), a = 0; a < n; a++)
+          m[a] = arguments[a];
+        return t.then(function(r) {
+          return r[e].apply(r, m);
+        });
+      };
+    }, u = !0, c = !1, i = void 0;
+    try {
+      for (var f = F.default[Symbol.iterator](), g; !(u = (g = f.next()).done); u = !0) {
+        var y = g.value;
+        v(y);
+      }
+    } catch (l) {
+      c = !0, i = l;
+    } finally {
+      try {
+        !u && f.return && f.return();
+      } finally {
+        if (c)
+          throw i;
+      }
+    }
+    return s;
+  }, S.default = h, A.exports = S.default;
+})(b, b.exports);
+var V = b.exports;
+export {
+  V as Y
+};
+//# sourceMappingURL=index719.mjs.map

package/index72.mjs

@@ -0,0 +1,55 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cva as i } from "./index302.mjs";
+import { forwardRef as n } from "react";
+import { cn as s } from "./index7.mjs";
+const d = i(
+  [
+    "relative box-border flex h-10 w-10 items-center justify-center rounded-full outline-none transition-all interaction-transition-type-2",
+    "bg-[radial-gradient(50%_50%_at_50%_50%,_#FFF_7.29%,_rgba(255,_255,_255,_0.00)_100%),_conic-gradient(from_180deg_at_50%_50%,_#FF4040_0deg,_#FFDF40_60.00000178813934deg,_#3DF297_120.00000357627869deg,_#40DFFF_180deg,_#6040FF_240.00000715255737deg,_#FF40FF_299.9999928474426deg,_#FF4040_360deg)]",
+    // Hover
+    "hover:border-neutral-alpha-3",
+    // Dimmer (dimmer on top via pseudo element)
+    "before:absolute before:rounded-full before:content-[''] before:interaction-transition-type-2",
+    "before:h-full before:w-full",
+    "before:-left-0 before:-top-0",
+    "active:before:bg-neutral-alpha-3",
+    // Selection (for black border)
+    "after:absolute after:rounded-full after:content-[''] after:interaction-transition-type-2",
+    "after:misc-border-size-default",
+    "after:h-full after:w-full",
+    "after:-left-0 after:-top-0",
+    // Focus
+    "focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring"
+  ],
+  {
+    variants: {
+      selected: {
+        true: ["after:border-black after:misc-border-size-selection after:misc-shadow-selection"],
+        false: ["after:border-misc-border"]
+      }
+    },
+    defaultVariants: {
+      selected: !1
+    }
+  }
+), c = n(
+  ({ color: e, selected: r, className: a, label: o, ...l }, f) => /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: d({
+        selected: r,
+        class: s(a)
+      }),
+      ref: f,
+      "aria-label": o,
+      ...l,
+      children: r && e && /* @__PURE__ */ t("span", { className: "block h-7 w-7 rounded-full", style: { background: e } })
+    }
+  )
+);
+c.displayName = "ColorWheel";
+export {
+  c as ColorWheel
+};
+//# sourceMappingURL=index72.mjs.map

package/index720.mjs

@@ -0,0 +1,6 @@
+import { useLayoutEffect as e } from "react";
+var a = e;
+export {
+  a as default
+};
+//# sourceMappingURL=index720.mjs.map

package/index721.mjs

@@ -0,0 +1,31 @@
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
+export {
+  e as lowercaseSVGElements
+};
+//# sourceMappingURL=index721.mjs.map

package/index722.mjs

@@ -0,0 +1,28 @@
+import { useMemo as r } from "react";
+import { isForcedMotionValue as i } from "./index796.mjs";
+import { isMotionValue as l } from "./index492.mjs";
+import { buildHTMLStyles as s } from "./index733.mjs";
+import { createHtmlRenderState as u } from "./index730.mjs";
+function c(e, n, o) {
+  for (const t in n)
+    !l(n[t]) && !i(t, o) && (e[t] = n[t]);
+}
+function f({ transformTemplate: e }, n, o) {
+  return r(() => {
+    const t = u();
+    return s(t, n, { enableHardwareAcceleration: !o }, e), Object.assign({}, t.vars, t.style);
+  }, [n]);
+}
+function m(e, n, o) {
+  const t = e.style || {}, a = {};
+  return c(a, t, e), Object.assign(a, f(e, n, o)), e.transformValues ? e.transformValues(a) : a;
+}
+function T(e, n, o) {
+  const t = {}, a = m(e, n, o);
+  return e.drag && e.dragListener !== !1 && (t.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (t.tabIndex = 0), t.style = a, t;
+}
+export {
+  c as copyRawValuesOnly,
+  T as useHTMLProps
+};
+//# sourceMappingURL=index722.mjs.map

package/index723.mjs

@@ -0,0 +1,23 @@
+import { useMemo as a } from "react";
+import { copyRawValuesOnly as l } from "./index722.mjs";
+import { buildSVGAttrs as m } from "./index727.mjs";
+import { createSvgRenderState as i } from "./index726.mjs";
+import { isSVGTag as n } from "./index728.mjs";
+function V(e, s, c, o) {
+  const r = a(() => {
+    const t = i();
+    return m(t, s, { enableHardwareAcceleration: !1 }, n(o), e.transformTemplate), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
+  }
+  return r;
+}
+export {
+  V as useSVGProps
+};
+//# sourceMappingURL=index723.mjs.map

package/index724.mjs

@@ -0,0 +1,12 @@
+import { camelToDash as i } from "./index552.mjs";
+import { renderHTML as m } from "./index734.mjs";
+import { camelCaseAttributes as e } from "./index737.mjs";
+function c(o, t, f, s) {
+  m(o, t, void 0, s);
+  for (const r in t.attrs)
+    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
+}
+export {
+  c as renderSVG
+};
+//# sourceMappingURL=index724.mjs.map

package/index725.mjs

@@ -0,0 +1,16 @@
+import { isMotionValue as n } from "./index492.mjs";
+import { scrapeMotionValuesFromProps as a } from "./index729.mjs";
+import { transformPropOrder as i } from "./index519.mjs";
+function u(r, t) {
+  const e = a(r, t);
+  for (const o in r)
+    if (n(r[o]) || n(t[o])) {
+      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
+      e[s] = r[o];
+    }
+  return e;
+}
+export {
+  u as scrapeMotionValuesFromProps
+};
+//# sourceMappingURL=index725.mjs.map

package/index726.mjs

@@ -0,0 +1,9 @@
+import { createHtmlRenderState as t } from "./index730.mjs";
+const r = () => ({
+  ...t(),
+  attrs: {}
+});
+export {
+  r as createSvgRenderState
+};
+//# sourceMappingURL=index726.mjs.map

package/index727.mjs

@@ -0,0 +1,27 @@
+import { buildHTMLStyles as p } from "./index733.mjs";
+import { calcSVGTransformOrigin as v } from "./index797.mjs";
+import { buildSVGPath as w } from "./index798.mjs";
+function V(f, {
+  attrX: o,
+  attrY: s,
+  attrScale: m,
+  originX: i,
+  originY: e,
+  pathLength: u,
+  pathSpacing: l = 1,
+  pathOffset: t = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...y
+}, x, c, b) {
+  if (p(f, y, x, b), c) {
+    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
+    return;
+  }
+  f.attrs = f.style, f.style = {};
+  const { attrs: n, style: r, dimensions: d } = f;
+  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && w(n, u, l, t, !1);
+}
+export {
+  V as buildSVGAttrs
+};
+//# sourceMappingURL=index727.mjs.map

package/index728.mjs

@@ -0,0 +1,5 @@
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+export {
+  s as isSVGTag
+};
+//# sourceMappingURL=index728.mjs.map

package/index729.mjs

@@ -0,0 +1,12 @@
+import { isForcedMotionValue as r } from "./index796.mjs";
+import { isMotionValue as s } from "./index492.mjs";
+function u(e, n) {
+  const { style: t } = e, i = {};
+  for (const o in t)
+    (s(t[o]) || n.style && s(n.style[o]) || r(o, e)) && (i[o] = t[o]);
+  return i;
+}
+export {
+  u as scrapeMotionValuesFromProps
+};
+//# sourceMappingURL=index729.mjs.map

package/index73.mjs

@@ -0,0 +1,90 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { colord as i } from "./index454.mjs";
+import { useState as C, useCallback as v, useMemo as g } from "react";
+import { HexColorPicker as b } from "./index455.mjs";
+import { cn as H } from "./index7.mjs";
+import { HexColorInput as k } from "./index456.mjs";
+import { HSLColorInput as I } from "./index457.mjs";
+import { RGBColorInput as S } from "./index458.mjs";
+import { SelectField as w } from "./index129.mjs";
+import { Button as B } from "./index10.mjs";
+const N = [
+  { label: "Hex", value: "hex" },
+  {
+    label: "RGB",
+    value: "rgb"
+  },
+  {
+    label: "HSL",
+    value: "hsl"
+  }
+], A = ({
+  color: n,
+  onChange: a,
+  onConfirm: m,
+  initialMode: u = "hex",
+  inputLabel: t,
+  selectLabel: d,
+  buttonLabel: h,
+  className: p
+}) => {
+  const [l, x] = C(u), c = v(
+    (e) => {
+      const f = i(e).toHex();
+      a(f);
+    },
+    [a]
+  ), r = g(() => i(n).toHex(), [n]);
+  return /* @__PURE__ */ s("div", { className: H("misc-color-picker", "flex flex-col gap-3", p), children: [
+    /* @__PURE__ */ o(b, { color: r, onChange: (e) => a(e) }),
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ o(
+        w,
+        {
+          "aria-label": d,
+          value: l,
+          onChange: (e) => x(e.target.value),
+          children: N.map((e) => /* @__PURE__ */ o("option", { value: e.value, children: e.label }, e.value))
+        }
+      ),
+      l === "hex" && /* @__PURE__ */ o(
+        k,
+        {
+          label: t,
+          color: r,
+          onChange: (e) => c(e)
+        }
+      ),
+      l === "rgb" && /* @__PURE__ */ o(
+        S,
+        {
+          label: t,
+          color: r,
+          onChange: (e) => c(e)
+        }
+      ),
+      l === "hsl" && /* @__PURE__ */ o(
+        I,
+        {
+          label: t,
+          color: r,
+          onChange: (e) => c(e)
+        }
+      )
+    ] }),
+    m && /* @__PURE__ */ o(
+      B,
+      {
+        variant: "secondary-accent",
+        className: "w-full",
+        density: "regular",
+        onClick: () => m(),
+        children: h
+      }
+    )
+  ] });
+};
+export {
+  A as InlineColorPicker
+};
+//# sourceMappingURL=index73.mjs.map

package/index730.mjs

@@ -0,0 +1,10 @@
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
+export {
+  r as createHtmlRenderState
+};
+//# sourceMappingURL=index730.mjs.map

package/index731.mjs

@@ -0,0 +1,5 @@
+const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+export {
+  t as isNodeOrChild
+};
+//# sourceMappingURL=index731.mjs.map

package/index732.mjs

@@ -0,0 +1,22 @@
+const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
+};
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+}
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
+}
+export {
+  v as observeIntersection
+};
+//# sourceMappingURL=index732.mjs.map

package/index733.mjs

@@ -0,0 +1,30 @@
+import { buildTransform as y } from "./index530.mjs";
+import { isCSSVariableName as T } from "./index546.mjs";
+import { transformProps as b } from "./index519.mjs";
+import { getValueAsType as h } from "./index800.mjs";
+import { numberValueTypes as v } from "./index773.mjs";
+function N(t, s, p, a) {
+  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
+  let l = !1, u = !1, f = !0;
+  for (const r in s) {
+    const i = s[r];
+    if (T(r)) {
+      c[r] = i;
+      continue;
+    }
+    const n = v[r], e = h(i, n);
+    if (b.has(r)) {
+      if (l = !0, g[r] = e, !f)
+        continue;
+      i !== (n.default || 0) && (f = !1);
+    } else r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
+  }
+  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
+    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
+    o.transformOrigin = `${r} ${i} ${n}`;
+  }
+}
+export {
+  N as buildHTMLStyles
+};
+//# sourceMappingURL=index733.mjs.map

package/index734.mjs

@@ -0,0 +1,9 @@
+function y(t, { style: o, vars: e }, r, s) {
+  Object.assign(t.style, o, s && s.getProjectionStyles(r));
+  for (const n in e)
+    t.style.setProperty(n, e[n]);
+}
+export {
+  y as renderHTML
+};
+//# sourceMappingURL=index734.mjs.map

package/index735.mjs

@@ -0,0 +1,14 @@
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./index801.mjs";
+import { translateAxis as n } from "./index751.mjs";
+function x(o, t) {
+  return s(f(o.getBoundingClientRect(), t));
+}
+function c(o, t, i) {
+  const r = x(o, i), { scroll: e } = t;
+  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
+}
+export {
+  c as measurePageBox,
+  x as measureViewportBox
+};
+//# sourceMappingURL=index735.mjs.map

package/index736.mjs

@@ -0,0 +1,31 @@
+import { getOrigin as t, checkTargetForNewValues as c } from "./index576.mjs";
+import { parseDomVariant as f } from "./index799.mjs";
+import { VisualElement as p } from "./index511.mjs";
+class F extends p {
+  sortInstanceNodePosition(o, e) {
+    return o.compareDocumentPosition(e) & 2 ? 1 : -1;
+  }
+  getBaseTargetFromProps(o, e) {
+    return o.style ? o.style[e] : void 0;
+  }
+  removeValueFromRenderState(o, { vars: e, style: i }) {
+    delete e[o], delete i[o];
+  }
+  makeTargetAnimatableFromInstance({ transition: o, transitionEnd: e, ...i }, { transformValues: r }, s) {
+    let m = t(i, o || {}, this);
+    if (r && (e && (e = r(e)), i && (i = r(i)), m && (m = r(m))), s) {
+      c(this, i, m);
+      const l = f(this, i, m, e);
+      e = l.transitionEnd, i = l.target;
+    }
+    return {
+      transition: o,
+      transitionEnd: e,
+      ...i
+    };
+  }
+}
+export {
+  F as DOMVisualElement
+};
+//# sourceMappingURL=index736.mjs.map

package/index737.mjs

@@ -0,0 +1,29 @@
+const e = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
+export {
+  e as camelCaseAttributes
+};
+//# sourceMappingURL=index737.mjs.map