@photoroom/ui 0.1.1 → 0.1.2

package/index634.mjs

@@ -1,10 +0,0 @@
-var r = /\s/;
-function a(t) {
-  for (var e = t.length; e-- && r.test(t.charAt(e)); )
-    ;
-  return e;
-}
-export {
-  a as default
-};
-//# sourceMappingURL=index634.mjs.map

package/index635.mjs

@@ -1,28 +0,0 @@
-var p = function() {
-  return p = Object.assign || function(e) {
-    for (var n, r = 1, o = arguments.length; r < o; r++) {
-      n = arguments[r];
-      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    }
-    return e;
-  }, p.apply(this, arguments);
-};
-function c(t, e) {
-  var n = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
-      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
-  return n;
-}
-function l(t, e, n) {
-  if (n || arguments.length === 2) for (var r = 0, o = e.length, a; r < o; r++)
-    (a || !(r in e)) && (a || (a = Array.prototype.slice.call(e, 0, r)), a[r] = e[r]);
-  return t.concat(a || Array.prototype.slice.call(e));
-}
-export {
-  p as __assign,
-  c as __rest,
-  l as __spreadArray
-};
-//# sourceMappingURL=index635.mjs.map

package/index636.mjs

@@ -1,25 +0,0 @@
-import { lowercaseSVGElements as r } from "./index721.mjs";
-function s(e) {
-  return (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof e != "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    e.includes("-") ? !1 : (
-      /**
-       * If it's in our list of lowercase SVG tags, it's an SVG component
-       */
-      !!(r.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/.test(e))
-    )
-  );
-}
-export {
-  s as isSVGComponent
-};
-//# sourceMappingURL=index636.mjs.map

package/index637.mjs

@@ -1,23 +0,0 @@
-import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./index722.mjs";
-import { filterProps as d } from "./index582.mjs";
-import { isSVGComponent as P } from "./index636.mjs";
-import { useSVGProps as a } from "./index723.mjs";
-import { isMotionValue as V } from "./index492.mjs";
-function E(o = !1) {
-  return (e, s, t, { latestValues: i }, n) => {
-    const u = (P(e) ? a : p)(s, i, n, e), l = {
-      ...d(s, typeof e == "string", o),
-      ...u,
-      ref: t
-    }, { children: r } = s, m = c(() => V(r) ? r.get() : r, [r]);
-    return f(e, {
-      ...l,
-      children: m
-    });
-  };
-}
-export {
-  E as createUseRender
-};
-//# sourceMappingURL=index637.mjs.map

package/index638.mjs

@@ -1,33 +0,0 @@
-import { renderSVG as i } from "./index724.mjs";
-import { scrapeMotionValuesFromProps as a } from "./index725.mjs";
-import { makeUseVisualState as s } from "./index583.mjs";
-import { createSvgRenderState as p } from "./index726.mjs";
-import { buildSVGAttrs as f } from "./index727.mjs";
-import { isSVGTag as n } from "./index728.mjs";
-import { frame as r } from "./index528.mjs";
-const h = {
-  useVisualState: s({
-    scrapeMotionValuesFromProps: a,
-    createRenderState: p,
-    onMount: (t, o, { renderState: e, latestValues: m }) => {
-      r.read(() => {
-        try {
-          e.dimensions = typeof o.getBBox == "function" ? o.getBBox() : o.getBoundingClientRect();
-        } catch {
-          e.dimensions = {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0
-          };
-        }
-      }), r.render(() => {
-        f(e, m, { enableHardwareAcceleration: !1 }, n(o.tagName), t.transformTemplate), i(o, e);
-      });
-    }
-  })
-};
-export {
-  h as svgMotionConfig
-};
-//# sourceMappingURL=index638.mjs.map

package/index639.mjs

@@ -1,13 +0,0 @@
-import { makeUseVisualState as t } from "./index583.mjs";
-import { scrapeMotionValuesFromProps as e } from "./index729.mjs";
-import { createHtmlRenderState as o } from "./index730.mjs";
-const i = {
-  useVisualState: t({
-    scrapeMotionValuesFromProps: e,
-    createRenderState: o
-  })
-};
-export {
-  i as htmlMotionConfig
-};
-//# sourceMappingURL=index639.mjs.map

package/index64.mjs

@@ -1,81 +0,0 @@
-import { jsxs as b, jsx as t } from "react/jsx-runtime";
-import { useState as k, useRef as f, useEffect as g } from "react";
-import { cn as x } from "./index7.mjs";
-import { VideoPlayerButton as T } from "./index339.mjs";
-import { useLazyLoadVideo as j } from "./index293.mjs";
-const B = ({
-  playLabel: m,
-  unstyled: p = !1,
-  className: v,
-  videoAssetUrl: y = "",
-  posterAssetUrl: w = "",
-  autoPlay: n = !1,
-  loop: h = !1,
-  controls: s = !0,
-  lazyLoad: E = !1
-}) => {
-  const [l, a] = k(!!s), o = f(), r = f(null);
-  j(r);
-  const i = () => {
-    var e;
-    (e = r.current) == null || e.play();
-  };
-  g(() => {
-    const e = r.current;
-    if (!e)
-      return;
-    const u = () => {
-      window.clearTimeout(o.current), a(!1);
-    }, c = () => {
-      o.current = window.setTimeout(() => a(!0), 100);
-    }, d = () => {
-      window.clearTimeout(o.current);
-    };
-    return e.addEventListener("pause", c), e.addEventListener("play", u), e.addEventListener("seeking", d), () => {
-      e.removeEventListener("pause", c), e.removeEventListener("play", u), e.removeEventListener("seeking", d);
-    };
-  }, []);
-  const L = [].concat(y).filter(Boolean);
-  return /* @__PURE__ */ b(
-    "div",
-    {
-      className: x(
-        "relative",
-        {
-          "aspect-video overflow-hidden rounded-area-500 bg-black shadow-800": !p
-        },
-        v
-      ),
-      children: [
-        /* @__PURE__ */ t(
-          "video",
-          {
-            ref: r,
-            className: "h-full w-full outline-none",
-            poster: w,
-            autoPlay: n,
-            loop: h,
-            muted: n,
-            playsInline: !0,
-            controls: s && !l,
-            children: L.map(
-              (e) => E ? /* @__PURE__ */ t("source", { "data-src": e }, e) : /* @__PURE__ */ t("source", { src: e }, e)
-            )
-          }
-        ),
-        l && /* @__PURE__ */ t(
-          "div",
-          {
-            className: "absolute left-0 top-0 flex h-full w-full cursor-pointer items-center justify-center bg-black-alpha-8",
-            onClick: i,
-            children: /* @__PURE__ */ t(T, { label: m, onClick: i })
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  B as VideoPlayer
-};
-//# sourceMappingURL=index64.mjs.map

package/index640.mjs

@@ -1,27 +0,0 @@
-import { addPointerEvent as s } from "./index587.mjs";
-import { pipe as u } from "./index560.mjs";
-import { isDragActive as f } from "./index586.mjs";
-import { Feature as c } from "./index669.mjs";
-import { frame as v } from "./index528.mjs";
-function a(t, e) {
-  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, p) => {
-    if (n.pointerType === "touch" || f())
-      return;
-    const o = t.getProps();
-    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, p));
-  };
-  return s(t.current, i, m, {
-    passive: !t.getProps()[r]
-  });
-}
-class g extends c {
-  mount() {
-    this.unmount = u(a(this.node, !0), a(this.node, !1));
-  }
-  unmount() {
-  }
-}
-export {
-  g as HoverGesture
-};
-//# sourceMappingURL=index640.mjs.map

package/index641.mjs

@@ -1,29 +0,0 @@
-import { addDomEvent as e } from "./index588.mjs";
-import { Feature as i } from "./index669.mjs";
-import { pipe as s } from "./index560.mjs";
-class a extends i {
-  constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
-    }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
-  }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
-  }
-  mount() {
-    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
-  }
-  unmount() {
-  }
-}
-export {
-  a as FocusGesture
-};
-//# sourceMappingURL=index641.mjs.map

package/index642.mjs

@@ -1,75 +0,0 @@
-import { extractEventInfo as g } from "./index589.mjs";
-import { addDomEvent as h } from "./index588.mjs";
-import { addPointerEvent as m } from "./index587.mjs";
-import { Feature as L } from "./index669.mjs";
-import { pipe as P } from "./index560.mjs";
-import { isDragActive as E } from "./index586.mjs";
-import { isNodeOrChild as w } from "./index731.mjs";
-import { noop as u } from "./index547.mjs";
-import { frame as d } from "./index528.mjs";
-function l(v, e) {
-  if (!e)
-    return;
-  const s = new PointerEvent("pointer" + v);
-  e(s, g(s));
-}
-class B extends L {
-  constructor() {
-    super(...arguments), this.removeStartListeners = u, this.removeEndListeners = u, this.removeAccessibleListeners = u, this.startPointerPress = (e, s) => {
-      if (this.isPressing)
-        return;
-      this.removeEndListeners();
-      const t = this.node.getProps(), i = m(window, "pointerup", (r, n) => {
-        if (!this.checkPressEnd())
-          return;
-        const { onTap: p, onTapCancel: a, globalTapTarget: f } = this.node.getProps();
-        d.update(() => {
-          !f && !w(this.node.current, r.target) ? a && a(r, n) : p && p(r, n);
-        });
-      }, { passive: !(t.onTap || t.onPointerUp) }), o = m(window, "pointercancel", (r, n) => this.cancelPress(r, n), { passive: !(t.onTapCancel || t.onPointerCancel) });
-      this.removeEndListeners = P(i, o), this.startPress(e, s);
-    }, this.startAccessiblePress = () => {
-      const e = (i) => {
-        if (i.key !== "Enter" || this.isPressing)
-          return;
-        const o = (r) => {
-          r.key !== "Enter" || !this.checkPressEnd() || l("up", (n, p) => {
-            const { onTap: a } = this.node.getProps();
-            a && d.update(() => a(n, p));
-          });
-        };
-        this.removeEndListeners(), this.removeEndListeners = h(this.node.current, "keyup", o), l("down", (r, n) => {
-          this.startPress(r, n);
-        });
-      }, s = h(this.node.current, "keydown", e), t = () => {
-        this.isPressing && l("cancel", (i, o) => this.cancelPress(i, o));
-      }, c = h(this.node.current, "blur", t);
-      this.removeAccessibleListeners = P(s, c);
-    };
-  }
-  startPress(e, s) {
-    this.isPressing = !0;
-    const { onTapStart: t, whileTap: c } = this.node.getProps();
-    c && this.node.animationState && this.node.animationState.setActive("whileTap", !0), t && d.update(() => t(e, s));
-  }
-  checkPressEnd() {
-    return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !E();
-  }
-  cancelPress(e, s) {
-    if (!this.checkPressEnd())
-      return;
-    const { onTapCancel: t } = this.node.getProps();
-    t && d.update(() => t(e, s));
-  }
-  mount() {
-    const e = this.node.getProps(), s = m(e.globalTapTarget ? window : this.node.current, "pointerdown", this.startPointerPress, { passive: !(e.onTapStart || e.onPointerStart) }), t = h(this.node.current, "focus", this.startAccessiblePress);
-    this.removeStartListeners = P(s, t);
-  }
-  unmount() {
-    this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
-  }
-}
-export {
-  B as PressGesture
-};
-//# sourceMappingURL=index642.mjs.map

package/index643.mjs

@@ -1,45 +0,0 @@
-import { Feature as m } from "./index669.mjs";
-import { observeIntersection as f } from "./index732.mjs";
-const w = {
-  some: 0,
-  all: 1
-};
-class v extends m {
-  constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
-  }
-  startObserver() {
-    this.unmount();
-    const { viewport: n = {} } = this.node.getProps(), { root: t, margin: r, amount: s = "some", once: h } = n, u = {
-      root: t ? t.current : void 0,
-      rootMargin: r,
-      threshold: typeof s == "number" ? s : w[s]
-    }, c = (i) => {
-      const { isIntersecting: e } = i;
-      if (this.isInView === e || (this.isInView = e, h && !e && this.hasEnteredView))
-        return;
-      e && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", e);
-      const { onViewportEnter: p, onViewportLeave: d } = this.node.getProps(), a = e ? p : d;
-      a && a(i);
-    };
-    return f(this.node.current, u, c);
-  }
-  mount() {
-    this.startObserver();
-  }
-  update() {
-    if (typeof IntersectionObserver > "u")
-      return;
-    const { props: n, prevProps: t } = this.node;
-    ["amount", "margin", "root"].some(l(n, t)) && this.startObserver();
-  }
-  unmount() {
-  }
-}
-function l({ viewport: o = {} }, { viewport: n = {} } = {}) {
-  return (t) => o[t] !== n[t];
-}
-export {
-  v as InViewFeature
-};
-//# sourceMappingURL=index643.mjs.map

package/index644.mjs

@@ -1,19 +0,0 @@
-import { Feature as s } from "./index669.mjs";
-import { noop as r } from "./index547.mjs";
-import { VisualElementDragControls as t } from "./index738.mjs";
-class u extends s {
-  constructor(o) {
-    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
-  }
-  mount() {
-    const { dragControls: o } = this.node.getProps();
-    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
-  }
-  unmount() {
-    this.removeGroupControls(), this.removeListeners();
-  }
-}
-export {
-  u as DragGesture
-};
-//# sourceMappingURL=index644.mjs.map

package/index645.mjs

@@ -1,44 +0,0 @@
-import { PanSession as m } from "./index739.mjs";
-import { addPointerEvent as P } from "./index587.mjs";
-import { Feature as h } from "./index669.mjs";
-import { noop as p } from "./index547.mjs";
-import { getContextWindow as u } from "./index740.mjs";
-import { frame as r } from "./index528.mjs";
-const s = (e) => (n, t) => {
-  e && r.update(() => e(n, t));
-};
-class v extends h {
-  constructor() {
-    super(...arguments), this.removePointerDownListener = p;
-  }
-  onPointerDown(n) {
-    this.session = new m(n, this.createPanHandlers(), {
-      transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: u(this.node)
-    });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: o } = this.node.getProps();
-    return {
-      onSessionStart: s(n),
-      onStart: s(t),
-      onMove: i,
-      onEnd: (a, d) => {
-        delete this.session, o && r.update(() => o(a, d));
-      }
-    };
-  }
-  mount() {
-    this.removePointerDownListener = P(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
-  }
-  unmount() {
-    this.removePointerDownListener(), this.session && this.session.end();
-  }
-}
-export {
-  v as PanGesture
-};
-//# sourceMappingURL=index645.mjs.map

package/index646.mjs

@@ -1,73 +0,0 @@
-import d, { useContext as p } from "react";
-import { usePresence as m } from "./index498.mjs";
-import { LayoutGroupContext as c } from "./index486.mjs";
-import { SwitchLayoutGroupContext as f } from "./index509.mjs";
-import { globalProjectionState as l } from "./index741.mjs";
-import { correctBorderRadius as n } from "./index742.mjs";
-import { correctBoxShadow as h } from "./index743.mjs";
-import { addScaleCorrector as R } from "./index529.mjs";
-import { frame as g } from "./index528.mjs";
-class y extends d.Component {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
-    R(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), r.setOptions({
-      ...r.options,
-      onExitComplete: () => this.safeToRemove()
-    })), l.hasEverUpdated = !0;
-  }
-  getSnapshotBeforeUpdate(e) {
-    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
-    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || g.postRender(() => {
-      const u = s.getStack();
-      (!u || !u.members.length) && this.safeToRemove();
-    }))), null;
-  }
-  componentDidUpdate() {
-    const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), queueMicrotask(() => {
-      !e.currentAnimation && e.isLead() && this.safeToRemove();
-    }));
-  }
-  componentWillUnmount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t } = this.props, { projection: i } = e;
-    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
-  }
-  safeToRemove() {
-    const { safeToRemove: e } = this.props;
-    e && e();
-  }
-  render() {
-    return null;
-  }
-}
-function w(a) {
-  const [e, o] = m(), t = p(c);
-  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(f), isPresent: e, safeToRemove: o });
-}
-const v = {
-  borderRadius: {
-    ...n,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: n,
-  borderTopRightRadius: n,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: n,
-  boxShadow: h
-};
-export {
-  w as MeasureLayout
-};
-//# sourceMappingURL=index646.mjs.map

package/index647.mjs

@@ -1,26 +0,0 @@
-import { createProjectionNode as t } from "./index656.mjs";
-import { DocumentProjectionNode as n } from "./index657.mjs";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
-    }
-    return e.current;
-  },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
-export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
-};
-//# sourceMappingURL=index647.mjs.map

package/index648.mjs

@@ -1,50 +0,0 @@
-import { buildHTMLStyles as s } from "./index733.mjs";
-import { isCSSVariableName as n } from "./index546.mjs";
-import { transformProps as m } from "./index519.mjs";
-import { scrapeMotionValuesFromProps as u } from "./index729.mjs";
-import { renderHTML as l } from "./index734.mjs";
-import { getDefaultValueType as p } from "./index671.mjs";
-import { measureViewportBox as a } from "./index735.mjs";
-import { DOMVisualElement as c } from "./index736.mjs";
-import { isMotionValue as d } from "./index492.mjs";
-function f(i) {
-  return window.getComputedStyle(i);
-}
-class C extends c {
-  constructor() {
-    super(...arguments), this.type = "html";
-  }
-  readValueFromInstance(e, t) {
-    if (m.has(t)) {
-      const r = p(t);
-      return r && r.default || 0;
-    } else {
-      const r = f(e), o = (n(t) ? r.getPropertyValue(t) : r[t]) || 0;
-      return typeof o == "string" ? o.trim() : o;
-    }
-  }
-  measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return a(e, t);
-  }
-  build(e, t, r, o) {
-    s(e, t, r, o.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(e, t) {
-    return u(e, t);
-  }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: e } = this.props;
-    d(e) && (this.childSubscription = e.on("change", (t) => {
-      this.current && (this.current.textContent = `${t}`);
-    }));
-  }
-  renderInstance(e, t, r, o) {
-    l(e, t, r, o);
-  }
-}
-export {
-  C as HTMLVisualElement,
-  f as getComputedStyle
-};
-//# sourceMappingURL=index648.mjs.map

package/index649.mjs

@@ -1,44 +0,0 @@
-import { scrapeMotionValuesFromProps as s } from "./index725.mjs";
-import { DOMVisualElement as a } from "./index736.mjs";
-import { buildSVGAttrs as m } from "./index727.mjs";
-import { camelToDash as i } from "./index552.mjs";
-import { camelCaseAttributes as u } from "./index737.mjs";
-import { transformProps as p } from "./index519.mjs";
-import { renderSVG as n } from "./index724.mjs";
-import { getDefaultValueType as l } from "./index671.mjs";
-import { createBox as f } from "./index512.mjs";
-import { isSVGTag as V } from "./index728.mjs";
-class A extends a {
-  constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1;
-  }
-  getBaseTargetFromProps(t, r) {
-    return t[r];
-  }
-  readValueFromInstance(t, r) {
-    if (p.has(r)) {
-      const e = l(r);
-      return e && e.default || 0;
-    }
-    return r = u.has(r) ? r : i(r), t.getAttribute(r);
-  }
-  measureInstanceViewportBox() {
-    return f();
-  }
-  scrapeMotionValuesFromProps(t, r) {
-    return s(t, r);
-  }
-  build(t, r, e, o) {
-    m(t, r, e, this.isSVGTag, o.transformTemplate);
-  }
-  renderInstance(t, r, e, o) {
-    n(t, r, e, o);
-  }
-  mount(t) {
-    this.isSVGTag = V(t.tagName), super.mount(t);
-  }
-}
-export {
-  A as SVGVisualElement
-};
-//# sourceMappingURL=index649.mjs.map