@photoroom/ui 0.1.1 → 0.1.2

package/index576.mjs

@@ -1,53 +0,0 @@
-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

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

package/index578.mjs

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

package/index579.mjs

@@ -1,11 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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

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

package/index585.mjs

@@ -1,9 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,41 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,209 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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