@photoroom/ui 0.1.1

package/index576.mjs

@@ -0,0 +1,53 @@
+import { isNumericalString as m } from "./index577.mjs";
+import { isZeroValueString as d } from "./index578.mjs";
+import { resolveFinalValueInKeyframes as V } from "./index491.mjs";
+import { motionValue as c } from "./index517.mjs";
+import { complex as g } from "./index545.mjs";
+import { getAnimatableNone as p } from "./index579.mjs";
+import { findValueType as y } from "./index580.mjs";
+import { resolveVariant as T } from "./index494.mjs";
+function b(e, n, t) {
+  e.hasValue(n) ? e.getValue(n).set(t) : e.addValue(n, c(t));
+}
+function K(e, n) {
+  const t = T(e, n);
+  let { transitionEnd: i = {}, transition: a = {}, ...o } = t ? e.makeTargetAnimatable(t, !1) : {};
+  o = { ...o, ...i };
+  for (const l in o) {
+    const u = V(o[l]);
+    b(e, l, u);
+  }
+}
+function S(e, n, t) {
+  var i, a;
+  const o = Object.keys(n).filter((u) => !e.hasValue(u)), l = o.length;
+  if (l)
+    for (let u = 0; u < l; u++) {
+      const f = o[u], s = n[f];
+      let r = null;
+      Array.isArray(s) && (r = s[0]), r === null && (r = (a = (i = t[f]) !== null && i !== void 0 ? i : e.readValue(f)) !== null && a !== void 0 ? a : n[f]), r != null && (typeof r == "string" && (m(r) || d(r)) ? r = parseFloat(r) : !y(r) && g.test(s) && (r = p(f, s)), e.addValue(f, c(r, { owner: e })), t[f] === void 0 && (t[f] = r), r !== null && e.setBaseTarget(f, r));
+    }
+}
+function h(e, n) {
+  return n ? (n[e] || n.default || n).from : void 0;
+}
+function _(e, n, t) {
+  const i = {};
+  for (const a in e) {
+    const o = h(a, n);
+    if (o !== void 0)
+      i[a] = o;
+    else {
+      const l = t.getValue(a);
+      l && (i[a] = l.get());
+    }
+  }
+  return i;
+}
+export {
+  S as checkTargetForNewValues,
+  _ as getOrigin,
+  h as getOriginFromTransition,
+  K as setTarget
+};
+//# sourceMappingURL=index576.mjs.map

package/index577.mjs

@@ -0,0 +1,5 @@
+const e = (t) => /^\-?\d*\.?\d+$/.test(t);
+export {
+  e as isNumericalString
+};
+//# sourceMappingURL=index577.mjs.map

package/index578.mjs

@@ -0,0 +1,5 @@
+const e = (t) => /^0[^.\s]+$/.test(t);
+export {
+  e as isZeroValueString
+};
+//# sourceMappingURL=index578.mjs.map

package/index579.mjs

@@ -0,0 +1,11 @@
+import { complex as n } from "./index545.mjs";
+import { filter as a } from "./index670.mjs";
+import { getDefaultValueType as i } from "./index671.mjs";
+function f(t, o) {
+  let e = i(t);
+  return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
+}
+export {
+  f as getAnimatableNone
+};
+//# sourceMappingURL=index579.mjs.map

package/index58.mjs

@@ -0,0 +1,36 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { cn as l } from "./index7.mjs";
+import { ProductTileThumbnail as m } from "./index317.mjs";
+import { SellScore as d } from "./index182.mjs";
+const b = ({
+  title: r,
+  imageUrl: t,
+  sellScore: o,
+  mediaCount: a,
+  onClick: n,
+  hasUnsavedChanges: s = !1,
+  className: c
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    onClick: n,
+    className: l(
+      "relative flex cursor-pointer items-center justify-start gap-3 rounded-500 bg-surface-high p-1 pr-9",
+      "border-misc-hairline misc-border-size-hairline hover:border-misc-border-emphasized",
+      "active:bg-background-subdued-down",
+      c
+    ),
+    children: [
+      /* @__PURE__ */ e(m, { imageUrl: t, alt: r, mediaCount: a }),
+      /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ e("p", { className: "component-500 line-clamp-1 font-600 text-content-primary", children: r }),
+        o && /* @__PURE__ */ e(d, { ...o })
+      ] }),
+      s && /* @__PURE__ */ e("span", { className: "absolute right-2 top-2 h-2 w-2 rounded-full bg-content-negative" })
+    ]
+  }
+);
+export {
+  b as ProductTile
+};
+//# sourceMappingURL=index58.mjs.map

package/index580.mjs

@@ -0,0 +1,9 @@
+import { color as e } from "./index540.mjs";
+import { complex as m } from "./index545.mjs";
+import { dimensionValueTypes as p } from "./index672.mjs";
+import { testValueType as r } from "./index673.mjs";
+const t = [...p, e, m], s = (o) => t.find(r(o));
+export {
+  s as findValueType
+};
+//# sourceMappingURL=index580.mjs.map

package/index581.mjs

@@ -0,0 +1,36 @@
+import { mix as o } from "./index559.mjs";
+function m(i) {
+  return i.max - i.min;
+}
+function f(i, n = 0, c = 0.01) {
+  return Math.abs(i - n) <= c;
+}
+function s(i, n, c, x = 0.5) {
+  i.origin = x, i.originPoint = o(n.min, n.max, i.origin), i.scale = m(c) / m(n), (f(i.scale, 1, 1e-4) || isNaN(i.scale)) && (i.scale = 1), i.translate = o(c.min, c.max, i.origin) - i.originPoint, (f(i.translate) || isNaN(i.translate)) && (i.translate = 0);
+}
+function N(i, n, c, x) {
+  s(i.x, n.x, c.x, x ? x.originX : void 0), s(i.y, n.y, c.y, x ? x.originY : void 0);
+}
+function u(i, n, c) {
+  i.min = c.min + n.min, i.max = i.min + m(n);
+}
+function l(i, n, c) {
+  u(i.x, n.x, c.x), u(i.y, n.y, c.y);
+}
+function y(i, n, c) {
+  i.min = n.min - c.min, i.max = i.min + m(n);
+}
+function P(i, n, c) {
+  y(i.x, n.x, c.x), y(i.y, n.y, c.y);
+}
+export {
+  s as calcAxisDelta,
+  N as calcBoxDelta,
+  m as calcLength,
+  u as calcRelativeAxis,
+  y as calcRelativeAxisPosition,
+  l as calcRelativeBox,
+  P as calcRelativePosition,
+  f as isNear
+};
+//# sourceMappingURL=index581.mjs.map

package/index582.mjs

@@ -0,0 +1,21 @@
+import { isValidMotionProp as e } from "./index497.mjs";
+let n = (t) => !e(t);
+function f(t) {
+  t && (n = (o) => o.startsWith("on") ? !e(o) : t(o));
+}
+try {
+  f(require("@emotion/is-prop-valid").default);
+} catch {
+}
+function u(t, o, a) {
+  const i = {};
+  for (const r in t)
+    r === "values" && typeof t.values == "object" || (n(r) || a === !0 && e(r) || !o && !e(r) || // If trying to use native HTML drag events, forward drag listeners
+    t.draggable && r.startsWith("onDrag")) && (i[r] = t[r]);
+  return i;
+}
+export {
+  u as filterProps,
+  f as loadExternalIsValidProp
+};
+//# sourceMappingURL=index582.mjs.map

package/index583.mjs

@@ -0,0 +1,50 @@
+import { useContext as y } from "react";
+import { isAnimationControls as x } from "./index584.mjs";
+import { PresenceContext as S } from "./index499.mjs";
+import { resolveVariantFromProps as h } from "./index523.mjs";
+import { useConstant as E } from "./index585.mjs";
+import { resolveMotionValue as N } from "./index490.mjs";
+import { MotionContext as P } from "./index502.mjs";
+import { isControllingVariants as T, isVariantNode as $ } from "./index520.mjs";
+function b({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: o }, r, n, a) {
+  const i = {
+    latestValues: B(r, n, a, t),
+    renderState: e()
+  };
+  return o && (i.mount = (f) => o(r, f, i)), i;
+}
+const D = (t) => (e, o) => {
+  const r = y(P), n = y(S), a = () => b(t, e, r, n);
+  return o ? a() : E(a);
+};
+function B(t, e, o, r) {
+  const n = {}, a = r(t, {});
+  for (const u in a)
+    n[u] = N(a[u]);
+  let { initial: i, animate: f } = t;
+  const C = T(t), v = $(t);
+  e && v && !C && t.inherit !== !1 && (i === void 0 && (i = e.initial), f === void 0 && (f = e.animate));
+  let c = o ? o.initial === !1 : !1;
+  c = c || i === !1;
+  const s = c ? f : i;
+  return s && typeof s != "boolean" && !x(s) && (Array.isArray(s) ? s : [s]).forEach((A) => {
+    const d = h(t, A);
+    if (!d)
+      return;
+    const { transitionEnd: V, transition: F, ...k } = d;
+    for (const m in k) {
+      let l = k[m];
+      if (Array.isArray(l)) {
+        const g = c ? l.length - 1 : 0;
+        l = l[g];
+      }
+      l !== null && (n[m] = l);
+    }
+    for (const m in V)
+      n[m] = V[m];
+  }), n;
+}
+export {
+  D as makeUseVisualState
+};
+//# sourceMappingURL=index583.mjs.map

package/index584.mjs

@@ -0,0 +1,7 @@
+function n(t) {
+  return t !== null && typeof t == "object" && typeof t.start == "function";
+}
+export {
+  n as isAnimationControls
+};
+//# sourceMappingURL=index584.mjs.map

package/index585.mjs

@@ -0,0 +1,9 @@
+import { useRef as t } from "react";
+function u(n) {
+  const r = t(null);
+  return r.current === null && (r.current = n()), r.current;
+}
+export {
+  u as useConstant
+};
+//# sourceMappingURL=index585.mjs.map

package/index586.mjs

@@ -0,0 +1,34 @@
+function c(o) {
+  let e = null;
+  return () => {
+    const t = () => {
+      e = null;
+    };
+    return e === null ? (e = o, t) : !1;
+  };
+}
+const n = c("dragHorizontal"), r = c("dragVertical");
+function i(o) {
+  let e = !1;
+  if (o === "y")
+    e = r();
+  else if (o === "x")
+    e = n();
+  else {
+    const t = n(), l = r();
+    t && l ? e = () => {
+      t(), l();
+    } : (t && t(), l && l());
+  }
+  return e;
+}
+function a() {
+  const o = i(!0);
+  return o ? (o(), !1) : !0;
+}
+export {
+  c as createLock,
+  i as getGlobalLock,
+  a as isDragActive
+};
+//# sourceMappingURL=index586.mjs.map

package/index587.mjs

@@ -0,0 +1,9 @@
+import { addDomEvent as d } from "./index588.mjs";
+import { addPointerInfo as e } from "./index589.mjs";
+function f(o, r, t, n) {
+  return d(o, r, e(t), n);
+}
+export {
+  f as addPointerEvent
+};
+//# sourceMappingURL=index587.mjs.map

package/index588.mjs

@@ -0,0 +1,7 @@
+function i(e, n, t, r = { passive: !0 }) {
+  return e.addEventListener(n, t, r), () => e.removeEventListener(n, t);
+}
+export {
+  i as addDomEvent
+};
+//# sourceMappingURL=index588.mjs.map

package/index589.mjs

@@ -0,0 +1,15 @@
+import { isPrimaryPointer as t } from "./index590.mjs";
+function n(o, r = "page") {
+  return {
+    point: {
+      x: o[r + "X"],
+      y: o[r + "Y"]
+    }
+  };
+}
+const a = (o) => (r) => t(r) && o(r, n(r));
+export {
+  a as addPointerInfo,
+  n as extractEventInfo
+};
+//# sourceMappingURL=index589.mjs.map

package/index59.mjs

@@ -0,0 +1,41 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { TextPromptIcon as i } from "@photoroom/icons/lib/monochromes";
+import { clsx as o } from "./index296.mjs";
+const l = ({ text: n, imageUrl: t, className: r, ...s }) => /* @__PURE__ */ c(
+  "button",
+  {
+    type: "button",
+    ...s,
+    className: o(
+      "flex w-full items-center gap-3 rounded-400 bg-background-subdued p-2 text-left",
+      "hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down",
+      "outline-none transition-all focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring",
+      r && r
+    ),
+    children: [
+      t ? /* @__PURE__ */ e(
+        "img",
+        {
+          className: "h-8 w-8 shrink-0 rounded-300 object-cover",
+          src: t,
+          alt: "",
+          draggable: !1
+        }
+      ) : /* @__PURE__ */ e(
+        "span",
+        {
+          className: o(
+            "flex h-8 w-8 shrink-0 items-center justify-center rounded-300",
+            "text-content-tertiary"
+          ),
+          children: /* @__PURE__ */ e(i, { className: "h-6 w-6" })
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "component-500 text-content-primary", children: n })
+    ]
+  }
+);
+export {
+  l as PromptTile
+};
+//# sourceMappingURL=index59.mjs.map

package/index590.mjs

@@ -0,0 +1,5 @@
+const o = (r) => r.pointerType === "mouse" ? typeof r.button != "number" || r.button <= 0 : r.isPrimary !== !1;
+export {
+  o as isPrimaryPointer
+};
+//# sourceMappingURL=index590.mjs.map

package/index591.mjs

@@ -0,0 +1,15 @@
+import * as r from "react";
+import { useCallbackRef as s } from "./index437.mjs";
+function p(n, e = globalThis == null ? void 0 : globalThis.document) {
+  const t = s(n);
+  r.useEffect(() => {
+    const o = (a) => {
+      a.key === "Escape" && t(a);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+export {
+  p as useEscapeKeydown
+};
+//# sourceMappingURL=index591.mjs.map

package/index592.mjs

@@ -0,0 +1,209 @@
+import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, limitShift as X, arrow as z } from "./index594.mjs";
+import { autoUpdate as pe, platform as ge } from "./index594.mjs";
+import * as o from "react";
+import { useLayoutEffect as Y } from "react";
+import * as Z from "react-dom";
+var b = typeof document < "u", ee = function() {
+}, w = b ? Y : ee;
+function R(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, r, i;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (r = n; r-- !== 0; )
+        if (!R(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length)
+      return !1;
+    for (r = n; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, i[r]))
+        return !1;
+    for (r = n; r-- !== 0; ) {
+      const p = i[r];
+      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function A(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function L(e, t) {
+  const n = A(e);
+  return Math.round(t * n) / n;
+}
+function k(e) {
+  const t = o.useRef(e);
+  return w(() => {
+    t.current = e;
+  }), t;
+}
+function oe(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: i,
+    elements: {
+      reference: p,
+      floating: q
+    } = {},
+    transform: D = !0,
+    whileElementsMounted: E,
+    open: x
+  } = e, [s, C] = o.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [M, B] = o.useState(r);
+  R(M, r) || B(r);
+  const [U, V] = o.useState(null), [W, G] = o.useState(null), O = o.useCallback((f) => {
+    f !== a.current && (a.current = f, V(f));
+  }, []), _ = o.useCallback((f) => {
+    f !== d.current && (d.current = f, G(f));
+  }, []), u = p || U, l = q || W, a = o.useRef(null), d = o.useRef(null), y = o.useRef(s), H = E != null, S = k(E), P = k(i), v = k(x), g = o.useCallback(() => {
+    if (!a.current || !d.current)
+      return;
+    const f = {
+      placement: t,
+      strategy: n,
+      middleware: M
+    };
+    P.current && (f.platform = P.current), I(a.current, d.current, f).then((h) => {
+      const m = {
+        ...h,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: v.current !== !1
+      };
+      $.current && !R(y.current, m) && (y.current = m, Z.flushSync(() => {
+        C(m);
+      }));
+    });
+  }, [M, t, n, P, v]);
+  w(() => {
+    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, C((f) => ({
+      ...f,
+      isPositioned: !1
+    })));
+  }, [x]);
+  const $ = o.useRef(!1);
+  w(() => ($.current = !0, () => {
+    $.current = !1;
+  }), []), w(() => {
+    if (u && (a.current = u), l && (d.current = l), u && l) {
+      if (S.current)
+        return S.current(u, l, g);
+      g();
+    }
+  }, [u, l, g, S, H]);
+  const F = o.useMemo(() => ({
+    reference: a,
+    floating: d,
+    setReference: O,
+    setFloating: _
+  }), [O, _]), c = o.useMemo(() => ({
+    reference: u,
+    floating: l
+  }), [u, l]), j = o.useMemo(() => {
+    const f = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!c.floating)
+      return f;
+    const h = L(c.floating, s.x), m = L(c.floating, s.y);
+    return D ? {
+      ...f,
+      transform: "translate(" + h + "px, " + m + "px)",
+      ...A(c.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: h,
+      top: m
+    };
+  }, [n, D, c.floating, s.x, s.y]);
+  return o.useMemo(() => ({
+    ...s,
+    update: g,
+    refs: F,
+    elements: c,
+    floatingStyles: j
+  }), [s, g, F, c, j]);
+}
+const te = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: r,
+        padding: i
+      } = typeof e == "function" ? e(n) : e;
+      return r && t(r) ? r.current != null ? z({
+        element: r.current,
+        padding: i
+      }).fn(n) : {} : r ? z({
+        element: r,
+        padding: i
+      }).fn(n) : {};
+    }
+  };
+}, fe = (e, t) => ({
+  ...J(e),
+  options: [e, t]
+}), ie = (e, t) => ({
+  ...K(e),
+  options: [e, t]
+}), se = (e, t) => ({
+  ...X(e),
+  options: [e, t]
+}), ue = (e, t) => ({
+  ...N(e),
+  options: [e, t]
+}), le = (e, t) => ({
+  ...Q(e),
+  options: [e, t]
+}), ce = (e, t) => ({
+  ...T(e),
+  options: [e, t]
+}), ae = (e, t) => ({
+  ...te(e),
+  options: [e, t]
+});
+export {
+  ae as arrow,
+  pe as autoUpdate,
+  I as computePosition,
+  ue as flip,
+  ce as hide,
+  se as limitShift,
+  fe as offset,
+  ge as platform,
+  ie as shift,
+  le as size,
+  oe as useFloating
+};
+//# sourceMappingURL=index592.mjs.map

package/index593.mjs

@@ -0,0 +1,25 @@
+import * as n from "react";
+import { Primitive as p } from "./index431.mjs";
+import { jsx as o } from "react/jsx-runtime";
+var v = "Arrow", e = n.forwardRef((r, i) => {
+  const { children: t, width: a = 10, height: s = 5, ...m } = r;
+  return /* @__PURE__ */ o(
+    p.svg,
+    {
+      ...m,
+      ref: i,
+      width: a,
+      height: s,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: r.asChild ? t : /* @__PURE__ */ o("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+e.displayName = v;
+var h = e;
+export {
+  e as Arrow,
+  h as Root
+};
+//# sourceMappingURL=index593.mjs.map