@photoroom/ui 0.1.1 → 0.1.2

package/index65.mjs

@@ -1,67 +0,0 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { cva as l } from "./index302.mjs";
-import { cn as o } from "./index7.mjs";
-import { Badge as b } from "./index166.mjs";
-const m = l(
-  "relative flex items-start justify-start overflow-hidden rounded-500 py-3 pl-4 pr-11 outline-none focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring",
-  {
-    variants: {
-      variant: {
-        default: "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down",
-        accent: "bg-background-accent-subdued hover:bg-background-accent-subdued-hover focus-visible:bg-background-accent-subdued-hover active:bg-background-accent-subdued-down"
-      },
-      size: {
-        compact: "h-[80px] w-[200px]",
-        default: "h-[136px] w-[280px]"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), h = ({
-  onClick: r,
-  label: n,
-  imageSrc: s,
-  isPro: c = !1,
-  variant: a = "default",
-  size: e = "default",
-  className: i,
-  ...d
-}) => /* @__PURE__ */ u(
-  "button",
-  {
-    className: o(m({ variant: a, size: e }), i),
-    onClick: r,
-    ...d,
-    children: [
-      /* @__PURE__ */ t(
-        "img",
-        {
-          src: s,
-          className: o(
-            "pointer-events-none absolute z-0 h-auto shrink-0 -rotate-[8deg] select-none rounded-400 border-misc-hairline misc-border-size-hairline",
-            e === "compact" ? "-bottom-4 -right-4 w-20" : "-bottom-8 -right-12 w-[150px]"
-          )
-        }
-      ),
-      c && /* @__PURE__ */ t(b, { variant: "pro", size: "small", className: "absolute right-2 top-2 shrink-0", children: "Pro" }),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: o(
-            "relative text-left",
-            a === "default" ? "text-content-primary" : "text-content-accent",
-            e === "compact" ? "component-semi-strong-500 w-[112px]" : "component-semi-strong-600 w-[136px]"
-          ),
-          children: n
-        }
-      )
-    ]
-  }
-);
-export {
-  h as VisualToolTile
-};
-//# sourceMappingURL=index65.mjs.map

package/index650.mjs

@@ -1,50 +0,0 @@
-import * as i from "react";
-import { useId as l, useRef as d, useInsertionEffect as a } from "react";
-class u extends i.Component {
-  getSnapshotBeforeUpdate(o) {
-    const e = this.props.childRef.current;
-    if (e && o.isPresent && !this.props.isPresent) {
-      const t = this.props.sizeRef.current;
-      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
-    }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function R({ children: r, isPresent: o }) {
-  const e = l(), t = d(null), s = d({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
-  });
-  return a(() => {
-    const { width: p, height: h, top: f, left: c } = s.current;
-    if (o || !t.current || !p || !h)
-      return;
-    t.current.dataset.motionPopId = e;
-    const n = document.createElement("style");
-    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${h}px !important;
-            top: ${f}px !important;
-            left: ${c}px !important;
-          }
-        `), () => {
-      document.head.removeChild(n);
-    };
-  }, [o]), i.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, i.cloneElement(r, { ref: t }));
-}
-export {
-  R as PopChild
-};
-//# sourceMappingURL=index650.mjs.map

package/index651.mjs

@@ -1,5 +0,0 @@
-const e = (r) => Array.isArray(r);
-export {
-  e as isKeyframesTarget
-};
-//# sourceMappingURL=index651.mjs.map

package/index652.mjs

@@ -1,57 +0,0 @@
-import { warning as b } from "./index489.mjs";
-import { secondsToMilliseconds as p } from "./index538.mjs";
-import { instantAnimationState as T } from "./index655.mjs";
-import { createAcceleratedAnimation as u } from "./index744.mjs";
-import { createInstantAnimation as $ } from "./index745.mjs";
-import { getDefaultTransition as D } from "./index746.mjs";
-import { isAnimatable as d } from "./index747.mjs";
-import { getKeyframes as w } from "./index748.mjs";
-import { getValueTransition as C, isTransitionDefined as M } from "./index653.mjs";
-import { animateValue as U } from "./index531.mjs";
-import { MotionGlobalConfig as V } from "./index550.mjs";
-const S = (o, n, y, r = {}) => (g) => {
-  const e = C(r, o) || {}, A = e.delay || r.delay || 0;
-  let { elapsed: s = 0 } = r;
-  s = s - p(A);
-  const a = w(n, o, y, e), m = a[0], f = a[a.length - 1], l = d(o, m), c = d(o, f);
-  b(l === c, `You are trying to animate ${o} from "${m}" to "${f}". ${m} is not an animatable value - to enable this animation set ${m} to a value animatable to ${f} via the \`style\` property.`);
-  let t = {
-    keyframes: a,
-    velocity: n.getVelocity(),
-    ease: "easeOut",
-    ...e,
-    delay: -s,
-    onUpdate: (i) => {
-      n.set(i), e.onUpdate && e.onUpdate(i);
-    },
-    onComplete: () => {
-      g(), e.onComplete && e.onComplete();
-    }
-  };
-  if (M(e) || (t = {
-    ...t,
-    ...D(o, t)
-  }), t.duration && (t.duration = p(t.duration)), t.repeatDelay && (t.repeatDelay = p(t.repeatDelay)), !l || !c || T.current || e.type === !1 || V.skipAnimations)
-    return $(t);
-  if (
-    /**
-     * If this is a handoff animation, the optimised animation will be running via
-     * WAAPI. Therefore, this animation must be JS to ensure it runs "under" the
-     * optimised animation.
-     */
-    !r.isHandoff && n.owner && n.owner.current instanceof HTMLElement && /**
-     * If we're outputting values to onUpdate then we can't use WAAPI as there's
-     * no way to read the value from WAAPI every frame.
-     */
-    !n.owner.getProps().onUpdate
-  ) {
-    const i = u(n, o, t);
-    if (i)
-      return i;
-  }
-  return U(t);
-};
-export {
-  S as animateMotionValue
-};
-//# sourceMappingURL=index652.mjs.map

package/index653.mjs

@@ -1,11 +0,0 @@
-function y({ when: e, delay: r, delayChildren: a, staggerChildren: n, staggerDirection: l, repeat: d, repeatType: i, repeatDelay: g, from: p, elapsed: u, ...t }) {
-  return !!Object.keys(t).length;
-}
-function f(e, r) {
-  return e[r] || e.default || e;
-}
-export {
-  f as getValueTransition,
-  y as isTransitionDefined
-};
-//# sourceMappingURL=index653.mjs.map

package/index654.mjs

@@ -1,16 +0,0 @@
-import { isVariantLabel as e } from "./index521.mjs";
-import { isControllingVariants as r } from "./index520.mjs";
-function o(i, a) {
-  if (r(i)) {
-    const { initial: n, animate: t } = i;
-    return {
-      initial: n === !1 || e(n) ? n : void 0,
-      animate: e(t) ? t : void 0
-    };
-  }
-  return i.inherit !== !1 ? a : {};
-}
-export {
-  o as getCurrentTreeVariants
-};
-//# sourceMappingURL=index654.mjs.map

package/index655.mjs

@@ -1,7 +0,0 @@
-const t = {
-  current: !1
-};
-export {
-  t as instantAnimationState
-};
-//# sourceMappingURL=index655.mjs.map