@photoroom/ui 0.1.1 → 0.1.2

package/index470.mjs

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

package/index471.mjs

@@ -1,10 +0,0 @@
-import t from "./index472.mjs";
-import m from "./index470.mjs";
-var r = "[object Symbol]";
-function i(o) {
-  return typeof o == "symbol" || m(o) && t(o) == r;
-}
-export {
-  i as default
-};
-//# sourceMappingURL=index471.mjs.map

package/index472.mjs

@@ -1,11 +0,0 @@
-import t from "./index629.mjs";
-import e from "./index630.mjs";
-import o from "./index631.mjs";
-var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
-function m(n) {
-  return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
-}
-export {
-  m as default
-};
-//# sourceMappingURL=index472.mjs.map

package/index473.mjs

@@ -1,6 +0,0 @@
-import e from "./index632.mjs";
-var t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
-export {
-  r as default
-};
-//# sourceMappingURL=index473.mjs.map

package/index474.mjs

@@ -1,9 +0,0 @@
-import r from "./index634.mjs";
-var a = /^\s+/;
-function t(e) {
-  return e && e.slice(0, r(e) + 1).replace(a, "");
-}
-export {
-  t as default
-};
-//# sourceMappingURL=index474.mjs.map

package/index475.mjs

@@ -1,8 +0,0 @@
-import { useEffect as f } from "react";
-var c = function(e) {
-  f(e, []);
-};
-export {
-  c as default
-};
-//# sourceMappingURL=index475.mjs.map

package/index476.mjs

@@ -1,21 +0,0 @@
-import { createMotionComponent as c } from "./index500.mjs";
-function u(r) {
-  function n(e, t = {}) {
-    return c(r(e, t));
-  }
-  if (typeof Proxy > "u")
-    return n;
-  const o = /* @__PURE__ */ new Map();
-  return new Proxy(n, {
-    /**
-     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
-     * The prop name is passed through as `key` and we can use that to generate a `motion`
-     * DOM component with that name.
-     */
-    get: (e, t) => (o.has(t) || o.set(t, n(t)), o.get(t))
-  });
-}
-export {
-  u as createMotionProxy
-};
-//# sourceMappingURL=index476.mjs.map

package/index477.mjs

@@ -1,17 +0,0 @@
-import { isSVGComponent as n } from "./index636.mjs";
-import { createUseRender as t } from "./index637.mjs";
-import { svgMotionConfig as f } from "./index638.mjs";
-import { htmlMotionConfig as m } from "./index639.mjs";
-function c(o, { forwardMotionProps: e = !1 }, r, i) {
-  return {
-    ...n(o) ? f : m,
-    preloadedFeatures: r,
-    useRender: t(e),
-    createVisualElement: i,
-    Component: o
-  };
-}
-export {
-  c as createDomMotionConfig
-};
-//# sourceMappingURL=index477.mjs.map

package/index478.mjs

@@ -1,22 +0,0 @@
-import { HoverGesture as e } from "./index640.mjs";
-import { FocusGesture as r } from "./index641.mjs";
-import { PressGesture as t } from "./index642.mjs";
-import { InViewFeature as o } from "./index643.mjs";
-const a = {
-  inView: {
-    Feature: o
-  },
-  tap: {
-    Feature: t
-  },
-  focus: {
-    Feature: r
-  },
-  hover: {
-    Feature: e
-  }
-};
-export {
-  a as gestureAnimations
-};
-//# sourceMappingURL=index478.mjs.map

package/index479.mjs

@@ -1,14 +0,0 @@
-import { AnimationFeature as t } from "./index574.mjs";
-import { ExitAnimationFeature as i } from "./index575.mjs";
-const o = {
-  animation: {
-    Feature: t
-  },
-  exit: {
-    Feature: i
-  }
-};
-export {
-  o as animations
-};
-//# sourceMappingURL=index479.mjs.map

package/index48.mjs

@@ -1,48 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { ImgComparisonSlider as d } from "./index316.mjs";
-import { DoubleArrowHorizontalIcon as s } from "@photoroom/icons/lib/monochromes";
-import { clsx as o } from "./index296.mjs";
-import { Badge as i } from "./index166.mjs";
-const g = ({
-  beforeLabel: l,
-  beforeImage: a,
-  afterLabel: t,
-  afterImage: n,
-  className: c
-}) => /* @__PURE__ */ r(
-  d,
-  {
-    className: o(
-      c,
-      "relative h-full w-full overflow-hidden rounded-area-500 outline-none",
-      // Border
-      "after:content[''] after:absolute after:left-0 after:top-0 after:h-full after:w-full after:rounded-area-500 after:border after:border-misc-border"
-    ),
-    style: {
-      "--divider-color": "var(--color-content-accent)",
-      "--divider-width": "2px"
-    },
-    children: [
-      /* @__PURE__ */ r("figure", { slot: "first", children: [
-        /* @__PURE__ */ e("div", { className: "h-full w-full", children: a }),
-        l && /* @__PURE__ */ e("figcaption", { className: "absolute bottom-4 left-4", children: /* @__PURE__ */ e(i, { children: l }) })
-      ] }),
-      /* @__PURE__ */ r("figure", { slot: "second", children: [
-        /* @__PURE__ */ e("div", { className: o("h-full w-full", "bg-damier-checker bg-damier-large"), children: n }),
-        t && /* @__PURE__ */ e("figcaption", { className: "absolute bottom-4 right-4", children: /* @__PURE__ */ e(i, { children: t }) })
-      ] }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          slot: "handle",
-          className: "inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-content-accent text-white",
-          children: /* @__PURE__ */ e(s, { className: "h-6 w-6" })
-        }
-      )
-    ]
-  }
-);
-export {
-  g as ComparisonSlider
-};
-//# sourceMappingURL=index48.mjs.map

package/index480.mjs

@@ -1,18 +0,0 @@
-import { DragGesture as r } from "./index644.mjs";
-import { PanGesture as o } from "./index645.mjs";
-import { MeasureLayout as e } from "./index646.mjs";
-import { HTMLProjectionNode as t } from "./index647.mjs";
-const u = {
-  pan: {
-    Feature: o
-  },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
-  }
-};
-export {
-  u as drag
-};
-//# sourceMappingURL=index480.mjs.map

package/index481.mjs

@@ -1,8 +0,0 @@
-import { HTMLVisualElement as a } from "./index648.mjs";
-import { SVGVisualElement as t } from "./index649.mjs";
-import { isSVGComponent as n } from "./index636.mjs";
-const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
-export {
-  i as createDomVisualElement
-};
-//# sourceMappingURL=index481.mjs.map

package/index482.mjs

@@ -1,12 +0,0 @@
-import { HTMLProjectionNode as o } from "./index647.mjs";
-import { MeasureLayout as t } from "./index646.mjs";
-const a = {
-  layout: {
-    ProjectionNode: o,
-    MeasureLayout: t
-  }
-};
-export {
-  a as layout
-};
-//# sourceMappingURL=index482.mjs.map

package/index483.mjs

@@ -1,13 +0,0 @@
-import { useState as d, useCallback as o } from "react";
-import { useIsMounted as c } from "./index484.mjs";
-import { frame as s } from "./index528.mjs";
-function R() {
-  const t = c(), [e, n] = d(0), r = o(() => {
-    t.current && n(e + 1);
-  }, [e]);
-  return [o(() => s.postRender(r), [r]), e];
-}
-export {
-  R as useForceUpdate
-};
-//# sourceMappingURL=index483.mjs.map

package/index484.mjs

@@ -1,12 +0,0 @@
-import { useRef as r } from "react";
-import { useIsomorphicLayoutEffect as t } from "./index487.mjs";
-function n() {
-  const e = r(!1);
-  return t(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), e;
-}
-export {
-  n as useIsMounted
-};
-//# sourceMappingURL=index484.mjs.map

package/index485.mjs

@@ -1,41 +0,0 @@
-import * as s from "react";
-import { useId as d, useMemo as u } from "react";
-import { PresenceContext as C } from "./index499.mjs";
-import { useConstant as v } from "./index585.mjs";
-import { PopChild as M } from "./index650.mjs";
-const y = ({ children: n, initial: a, isPresent: t, onExitComplete: o, custom: c, presenceAffectsLayout: m, mode: p }) => {
-  const e = v(h), i = d(), l = u(
-    () => ({
-      id: i,
-      initial: a,
-      isPresent: t,
-      custom: c,
-      onExitComplete: (r) => {
-        e.set(r, !0);
-        for (const f of e.values())
-          if (!f)
-            return;
-        o && o();
-      },
-      register: (r) => (e.set(r, !1), () => e.delete(r))
-    }),
-    /**
-     * If the presence of a child affects the layout of the components around it,
-     * we want to make a new context value to ensure they get re-rendered
-     * so they can detect that layout change.
-     */
-    m ? void 0 : [t]
-  );
-  return u(() => {
-    e.forEach((r, f) => e.set(f, !1));
-  }, [t]), s.useEffect(() => {
-    !t && !e.size && o && o();
-  }, [t]), p === "popLayout" && (n = s.createElement(M, { isPresent: t }, n)), s.createElement(C.Provider, { value: l }, n);
-};
-function h() {
-  return /* @__PURE__ */ new Map();
-}
-export {
-  y as PresenceChild
-};
-//# sourceMappingURL=index485.mjs.map

package/index486.mjs

@@ -1,6 +0,0 @@
-import { createContext as t } from "react";
-const e = t({});
-export {
-  e as LayoutGroupContext
-};
-//# sourceMappingURL=index486.mjs.map

package/index487.mjs

@@ -1,7 +0,0 @@
-import { useLayoutEffect as o, useEffect as t } from "react";
-import { isBrowser as e } from "./index507.mjs";
-const s = e ? o : t;
-export {
-  s as useIsomorphicLayoutEffect
-};
-//# sourceMappingURL=index487.mjs.map

package/index488.mjs

@@ -1,8 +0,0 @@
-import { useEffect as e } from "react";
-function n(t) {
-  return e(() => () => t(), []);
-}
-export {
-  n as useUnmountEffect
-};
-//# sourceMappingURL=index488.mjs.map

package/index489.mjs

@@ -1,13 +0,0 @@
-import { noop as r } from "./index547.mjs";
-let e = r, i = r;
-process.env.NODE_ENV !== "production" && (e = (o, n) => {
-  !o && typeof console < "u" && console.warn(n);
-}, i = (o, n) => {
-  if (!o)
-    throw new Error(n);
-});
-export {
-  i as invariant,
-  e as warning
-};
-//# sourceMappingURL=index489.mjs.map

package/index49.mjs

@@ -1,111 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { clsx as i } from "./index296.mjs";
-import { useMemo as h, cloneElement as f } from "react";
-import { CustomerStoryBadge as s } from "./index323.mjs";
-const w = ({
-  visualLarge: d,
-  visualSmall: m,
-  cssBackgroundColor: g,
-  badgeLabel: l,
-  logo: t,
-  authorName: c,
-  authorJobTitle: o,
-  content: n,
-  cta: a,
-  ...x
-}) => {
-  const p = h(
-    () => a ? f(a, { variant: "primary" }) : null,
-    [a]
-  );
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: i(
-        "flex flex-col",
-        "w-full min-w-0",
-        "overflow-hidden rounded-area-500 @container",
-        "bg-[var(--customer-story-card-background-color)]"
-      ),
-      style: {
-        // @ts-expect-error Allow custom css vars
-        "--customer-story-card-background-color": g
-      },
-      ...x,
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: i(
-            "relative grow",
-            "[--visual-height:224px]",
-            "@[384px]:[--visual-height:256px]"
-          ),
-          children: /* @__PURE__ */ r(
-            "div",
-            {
-              className: i(
-                "relative grid transition-all",
-                "grid-rows-[var(--visual-height)_1fr]",
-                "@[960px]:grid-flow-col @[960px]:grid-cols-2 @[960px]:grid-rows-1",
-                "h-full @[960px]:min-h-[480px]"
-              ),
-              children: [
-                /* @__PURE__ */ r("div", { className: "relative @[960px]:order-2", children: [
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: i(
-                        "absolute inset-0 flex @[960px]:flex-col",
-                        "[&_img]:block [&_img]:h-full [&_img]:w-full",
-                        "[&_img]:object-cover [&_img]:object-top",
-                        // gradient direction
-                        "[--gradient-direction:to_top]",
-                        "@[960px]:[--gradient-direction:to_right]"
-                      ),
-                      style: {
-                        // gradient definition using pure css as tailwind does not support multiple color stops
-                        maskImage: "linear-gradient(var(--gradient-direction),                      rgba(255, 0, 0, 0.00) 0%,                      rgba(255, 0, 0, 0.01) 4.5%,                      rgba(255, 0, 0, 0.03) 9%,                      rgba(255, 0, 0, 0.06) 12.5%,                      rgba(255, 0, 0, 0.10) 15.5%,                      rgba(255, 0, 0, 0.15) 18.5%,                      rgba(255, 0, 0, 0.21) 21.5%,                      rgba(255, 0, 0, 0.28) 24%,                      rgba(255, 0, 0, 0.35) 26.5%,                      rgba(255, 0, 0, 0.43) 29%,                      rgba(255, 0, 0, 0.52) 31.5%,                      rgba(255, 0, 0, 0.61) 34.5%,                      rgba(255, 0, 0, 0.70) 37.5%,                      rgba(255, 0, 0, 0.80) 41.5%,                      rgba(255, 0, 0, 0.90) 45.5%,                      rgba(255, 0, 0, 1) 50%)"
-                      },
-                      children: [
-                        /* @__PURE__ */ e("div", { className: "flex grow @[960px]:hidden", children: m }),
-                        /* @__PURE__ */ e("div", { className: "hidden grow @[960px]:flex", children: d })
-                      ]
-                    }
-                  ),
-                  l && /* @__PURE__ */ e(s, { className: "absolute left-6 top-6 @[960px]:hidden", children: l })
-                ] }),
-                /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: i(
-                      "-mt-12 px-6 pb-6",
-                      "@[960px]:mt-0 @[960px]:px-16 @[960px]:pb-10 @[960px]:pt-8"
-                    ),
-                    children: /* @__PURE__ */ r("div", { className: "flex h-full flex-col justify-between gap-12", children: [
-                      l && /* @__PURE__ */ e("div", { className: "hidden @[960px]:inline-block", children: /* @__PURE__ */ e(s, { className: "inline-block", children: l }) }),
-                      /* @__PURE__ */ r("div", { className: "flex grow flex-col gap-8", children: [
-                        /* @__PURE__ */ r("div", { className: "flex max-w-[448px] grow flex-col gap-6", children: [
-                          t && /* @__PURE__ */ e("div", { className: "flex h-[88px] w-[120px] items-end justify-start [&>img]:!static [&>img]:max-h-full [&>img]:max-w-full [&>img]:object-contain [&>img]:object-left-bottom", children: t }),
-                          n && /* @__PURE__ */ e("div", { className: "component-600 text-content-subdued-primary", children: n }),
-                          /* @__PURE__ */ r("div", { children: [
-                            c && /* @__PURE__ */ e("div", { className: "component-strong-500 text-content-primary", children: c }),
-                            o && /* @__PURE__ */ e("div", { className: "component-400 text-content-secondary", children: o })
-                          ] })
-                        ] }),
-                        p
-                      ] })
-                    ] })
-                  }
-                )
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-};
-export {
-  w as CustomerStoryCard
-};
-//# sourceMappingURL=index49.mjs.map

package/index490.mjs

@@ -1,10 +0,0 @@
-import { isCustomValue as e } from "./index491.mjs";
-import { isMotionValue as r } from "./index492.mjs";
-function u(o) {
-  const t = r(o) ? o.get() : o;
-  return e(t) ? t.toValue() : t;
-}
-export {
-  u as resolveMotionValue
-};
-//# sourceMappingURL=index490.mjs.map

package/index491.mjs

@@ -1,7 +0,0 @@
-import { isKeyframesTarget as o } from "./index651.mjs";
-const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
-export {
-  r as isCustomValue,
-  a as resolveFinalValueInKeyframes
-};
-//# sourceMappingURL=index491.mjs.map

package/index492.mjs

@@ -1,5 +0,0 @@
-const t = (o) => !!(o && o.getVelocity);
-export {
-  t as isMotionValue
-};
-//# sourceMappingURL=index492.mjs.map

package/index493.mjs

@@ -1,21 +0,0 @@
-import { resolveVariant as c } from "./index494.mjs";
-import { animateTarget as p } from "./index495.mjs";
-import { animateVariant as e } from "./index496.mjs";
-function n(a, r, t = {}) {
-  a.notify("AnimationStart", r);
-  let m;
-  if (Array.isArray(r)) {
-    const o = r.map((y) => e(a, y, t));
-    m = Promise.all(o);
-  } else if (typeof r == "string")
-    m = e(a, r, t);
-  else {
-    const o = typeof r == "function" ? c(a, r, t.custom) : r;
-    m = Promise.all(p(a, o, t));
-  }
-  return m.then(() => a.notify("AnimationComplete", r));
-}
-export {
-  n as animateVisualElement
-};
-//# sourceMappingURL=index493.mjs.map

package/index494.mjs

@@ -1,17 +0,0 @@
-import { resolveVariantFromProps as n } from "./index523.mjs";
-function c(r) {
-  const t = {};
-  return r.values.forEach((o, e) => t[e] = o.get()), t;
-}
-function u(r) {
-  const t = {};
-  return r.values.forEach((o, e) => t[e] = o.getVelocity()), t;
-}
-function s(r, t, o) {
-  const e = r.getProps();
-  return n(e, t, o !== void 0 ? o : e.custom, c(r), u(r));
-}
-export {
-  s as resolveVariant
-};
-//# sourceMappingURL=index494.mjs.map

package/index495.mjs

@@ -1,56 +0,0 @@
-import { transformProps as w } from "./index519.mjs";
-import { optimizedAppearDataAttribute as y } from "./index551.mjs";
-import { animateMotionValue as V } from "./index652.mjs";
-import { isWillChangeMotionValue as S } from "./index518.mjs";
-import { setTarget as C } from "./index576.mjs";
-import { getValueTransition as H } from "./index653.mjs";
-import { frame as P } from "./index528.mjs";
-function k({ protectedKeys: t, needsAnimating: o }, a) {
-  const i = t.hasOwnProperty(a) && o[a] !== !0;
-  return o[a] = !1, i;
-}
-function M(t, o) {
-  const a = t.get();
-  if (Array.isArray(o)) {
-    for (let i = 0; i < o.length; i++)
-      if (o[i] !== a)
-        return !0;
-  } else
-    return a !== o;
-}
-function R(t, o, { delay: a = 0, transitionOverride: i, type: l } = {}) {
-  let { transition: u = t.getDefaultTransition(), transitionEnd: f, ...d } = t.makeTargetAnimatable(o);
-  const s = t.getValue("willChange");
-  i && (u = i);
-  const p = [], g = l && t.animationState && t.animationState.getState()[l];
-  for (const n in d) {
-    const e = t.getValue(n), m = d[n];
-    if (!e || m === void 0 || g && k(g, n))
-      continue;
-    const r = {
-      delay: a,
-      elapsed: 0,
-      ...H(u || {}, n)
-    };
-    if (window.HandoffAppearAnimations) {
-      const A = t.getProps()[y];
-      if (A) {
-        const T = window.HandoffAppearAnimations(A, n, e, P);
-        T !== null && (r.elapsed = T, r.isHandoff = !0);
-      }
-    }
-    let c = !r.isHandoff && !M(e, m);
-    if (r.type === "spring" && (e.getVelocity() || r.velocity) && (c = !1), e.animation && (c = !1), c)
-      continue;
-    e.start(V(n, e, m, t.shouldReduceMotion && w.has(n) ? { type: !1 } : r));
-    const h = e.animation;
-    S(s) && (s.add(n), h.then(() => s.remove(n))), p.push(h);
-  }
-  return f && Promise.all(p).then(() => {
-    f && C(t, f);
-  }), p;
-}
-export {
-  R as animateTarget
-};
-//# sourceMappingURL=index495.mjs.map

package/index496.mjs

@@ -1,33 +0,0 @@
-import { resolveVariant as l } from "./index494.mjs";
-import { animateTarget as h } from "./index495.mjs";
-function g(r, e, n = {}) {
-  const i = l(r, e, n.custom);
-  let { transition: a = r.getDefaultTransition() || {} } = i || {};
-  n.transitionOverride && (a = n.transitionOverride);
-  const s = i ? () => Promise.all(h(r, i, n)) : () => Promise.resolve(), o = r.variantChildren && r.variantChildren.size ? (m = 0) => {
-    const { delayChildren: t = 0, staggerChildren: c, staggerDirection: d } = a;
-    return C(r, e, t + m, c, d, n);
-  } : () => Promise.resolve(), { when: f } = a;
-  if (f) {
-    const [m, t] = f === "beforeChildren" ? [s, o] : [o, s];
-    return m().then(() => t());
-  } else
-    return Promise.all([s(), o(n.delay)]);
-}
-function C(r, e, n = 0, i = 0, a = 1, s) {
-  const o = [], f = (r.variantChildren.size - 1) * i, m = a === 1 ? (t = 0) => t * i : (t = 0) => f - t * i;
-  return Array.from(r.variantChildren).sort(u).forEach((t, c) => {
-    t.notify("AnimationStart", e), o.push(g(t, e, {
-      ...s,
-      delay: n + m(c)
-    }).then(() => t.notify("AnimationComplete", e)));
-  }), Promise.all(o);
-}
-function u(r, e) {
-  return r.sortNodePosition(e);
-}
-export {
-  g as animateVariant,
-  u as sortByTreeOrder
-};
-//# sourceMappingURL=index496.mjs.map

package/index497.mjs

@@ -1,40 +0,0 @@
-const a = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "transformValues",
-  "custom",
-  "inherit",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "globalTapTarget",
-  "ignoreStrict",
-  "viewport"
-]);
-function n(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || a.has(t);
-}
-export {
-  n as isValidMotionProp
-};
-//# sourceMappingURL=index497.mjs.map