@photoroom/ui 0.1.1

package/index31.mjs

@@ -0,0 +1,35 @@
+import { jsx as b } from "react/jsx-runtime";
+import { clsx as d } from "./index296.mjs";
+import { forwardRef as i } from "react";
+const s = ({ children: o, size: a = "default", variant: t = "white", ...e }, r) => {
+  const l = {
+    white: "bg-surface-high shadow-500 hover:shadow-700 focus-visible:shadow-700 active:bg-surface-default",
+    gray: "box-border bg-neutral-1 border border-neutral-2 hover:bg-neutral-1 focus-visible:bg-neutral-1 active:bg-neutral-2",
+    black: "box-border bg-black-alpha-7 border border-black-alpha-3 hover:bg-black-alpha-8 focus-visible:bg-black-alpha-8 active:bg-[rgba(0,0,0,.8)]"
+  }, n = {
+    small: "w-8 h-8",
+    default: "w-10 h-10"
+  };
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      type: e.type || "button",
+      ref: r,
+      ...e,
+      className: d([
+        "inline-flex items-center justify-center rounded-full outline-none transition duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        n[a],
+        l[t],
+        e.className
+      ]),
+      children: o
+    }
+  );
+}, u = i(
+  s
+);
+u.displayName = "RoundedButton";
+export {
+  u as RoundedButton
+};
+//# sourceMappingURL=index31.mjs.map

package/index310.mjs

@@ -0,0 +1,44 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Sub as g, SubTrigger as d, Portal as S, SubContent as b } from "./index308.mjs";
+import { Fragment as f } from "react";
+import { MenuSubTrigger as h, MenuSubContent as C } from "./index438.mjs";
+import { useControlledState as M } from "./index290.mjs";
+import { AnimatePresence as O } from "./index306.mjs";
+const k = ({
+  triggerProps: o,
+  children: t,
+  className: u,
+  withPortal: r,
+  open: i,
+  defaultOpen: a,
+  onOpenChange: m,
+  ...s
+}) => {
+  const [n, l] = M({
+    value: i,
+    defaultValue: a,
+    onValueChange: m
+  }), p = r ? S : f;
+  return /* @__PURE__ */ c(g, { open: n, onOpenChange: l, children: [
+    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(h, { ...o }) }),
+    /* @__PURE__ */ e(O, { children: n && /* @__PURE__ */ e(
+      p,
+      {
+        ...r ? { forceMount: !0 } : {},
+        children: /* @__PURE__ */ e(
+          b,
+          {
+            collisionPadding: 16,
+            ...s,
+            forceMount: !0,
+            children: /* @__PURE__ */ e(C, { className: u, children: t })
+          }
+        )
+      }
+    ) })
+  ] });
+};
+export {
+  k as SubMenu
+};
+//# sourceMappingURL=index310.mjs.map

package/index311.mjs

@@ -0,0 +1,10 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Item as o } from "./index308.mjs";
+import { forwardRef as i } from "react";
+import { MenuItemButton as d } from "./index610.mjs";
+const a = i(({ onSelect: r, ...e }, t) => /* @__PURE__ */ m(o, { ref: t, onSelect: r, disabled: e.disabled, asChild: !0, children: /* @__PURE__ */ m(d, { ...e }) }));
+a.displayName = "MenuItem";
+export {
+  a as MenuItem
+};
+//# sourceMappingURL=index311.mjs.map

package/index312.mjs

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Separator as p } from "./index308.mjs";
+import { forwardRef as m } from "react";
+import { MenuSeparator as n } from "./index609.mjs";
+const f = m(
+  ({ type: a, children: o, ...e }, t) => /* @__PURE__ */ r(p, { ref: t, ...e, children: /* @__PURE__ */ r(n, { type: a, children: o }) })
+);
+f.displayName = "MenuSeparator";
+export {
+  f as MenuSeparator
+};
+//# sourceMappingURL=index312.mjs.map

package/index313.mjs

@@ -0,0 +1,133 @@
+import * as r from "react";
+import { composeEventHandlers as T } from "./index421.mjs";
+import { useComposedRefs as P } from "./index422.mjs";
+import { createContextScope as I } from "./index423.mjs";
+import { useControllableState as M } from "./index433.mjs";
+import { usePrevious as H } from "./index442.mjs";
+import { useSize as j } from "./index441.mjs";
+import { Primitive as y } from "./index431.mjs";
+import { jsxs as A, jsx as m } from "react/jsx-runtime";
+var h = "Switch", [U] = I(h), [q, z] = U(h), R = r.forwardRef(
+  (t, a) => {
+    const {
+      __scopeSwitch: e,
+      name: c,
+      checked: o,
+      defaultChecked: v,
+      required: i,
+      disabled: n,
+      value: p = "on",
+      onCheckedChange: w,
+      form: s,
+      ...S
+    } = t, [d, u] = r.useState(null), b = P(a, (f) => u(f)), C = r.useRef(!1), k = d ? s || !!d.closest("form") : !0, [l, B] = M({
+      prop: o,
+      defaultProp: v ?? !1,
+      onChange: w,
+      caller: h
+    });
+    return /* @__PURE__ */ A(q, { scope: e, checked: l, disabled: n, children: [
+      /* @__PURE__ */ m(
+        y.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": l,
+          "aria-required": i,
+          "data-state": g(l),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: p,
+          ...S,
+          ref: b,
+          onClick: T(t.onClick, (f) => {
+            B((N) => !N), k && (C.current = f.isPropagationStopped(), C.current || f.stopPropagation());
+          })
+        }
+      ),
+      k && /* @__PURE__ */ m(
+        x,
+        {
+          control: d,
+          bubbles: !C.current,
+          name: c,
+          value: p,
+          checked: l,
+          required: i,
+          disabled: n,
+          form: s,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+R.displayName = h;
+var E = "SwitchThumb", _ = r.forwardRef(
+  (t, a) => {
+    const { __scopeSwitch: e, ...c } = t, o = z(E, e);
+    return /* @__PURE__ */ m(
+      y.span,
+      {
+        "data-state": g(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...c,
+        ref: a
+      }
+    );
+  }
+);
+_.displayName = E;
+var L = "SwitchBubbleInput", x = r.forwardRef(
+  ({
+    __scopeSwitch: t,
+    control: a,
+    checked: e,
+    bubbles: c = !0,
+    ...o
+  }, v) => {
+    const i = r.useRef(null), n = P(i, v), p = H(e), w = j(a);
+    return r.useEffect(() => {
+      const s = i.current;
+      if (!s) return;
+      const S = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(
+        S,
+        "checked"
+      ).set;
+      if (p !== e && u) {
+        const b = new Event("click", { bubbles: c });
+        u.call(s, e), s.dispatchEvent(b);
+      }
+    }, [p, e, c]), /* @__PURE__ */ m(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...o,
+        tabIndex: -1,
+        ref: n,
+        style: {
+          ...o.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+x.displayName = L;
+function g(t) {
+  return t ? "checked" : "unchecked";
+}
+var Q = R, V = _;
+export {
+  Q as Root,
+  R as Switch,
+  _ as SwitchThumb,
+  V as Thumb
+};
+//# sourceMappingURL=index313.mjs.map

package/index314.mjs

@@ -0,0 +1,145 @@
+import { cva as t } from "./index302.mjs";
+const e = t("pointer-events-none flex h-full overflow-hidden rounded-500", {
+  variants: {
+    direction: {
+      vertical: "flex-col",
+      horizontal: ["flex-col", "@[704px]:flex-row"]
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), a = t("flex flex-1 flex-col", {
+  variants: {
+    direction: {
+      vertical: ["px-4 pb-5 pt-4", "gap-4", "justify-between"],
+      horizontal: [
+        "gap-4 px-4 pb-5 pt-4",
+        "@[704px]:gap-6 @[704px]:p-6",
+        "@[960px]:gap-8 @[960px]:p-8",
+        "@[1200px]:gap-10 @[1200px]:p-10"
+      ]
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), n = t("flex flex-col", {
+  variants: {
+    direction: {
+      vertical: "gap-2",
+      horizontal: ["gap-2", "@[960px]:gap-3", "@[1200px]:gap-4"]
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), o = t(
+  [
+    "relative",
+    // make category link on top of the card link
+    "rounded-200 uppercase text-content-secondary outline-none",
+    "transition-all interaction-transition-type-1",
+    "hover:underline",
+    "focus-visible:underline focus-visible:ring focus-visible:ring-misc-focus-indicator"
+  ],
+  {
+    variants: {
+      direction: {
+        vertical: "component-semi-strong-400",
+        horizontal: ["component-semi-strong-400", "@[960px]:component-semi-strong-500"]
+      }
+    },
+    defaultVariants: {
+      direction: "vertical"
+    }
+  }
+), r = t(
+  [
+    "relative aspect-video",
+    "transition-all interaction-transition-type-1",
+    "[&>img]:h-full [&>img]:w-full [&>img]:object-cover"
+  ],
+  {
+    variants: {
+      direction: {
+        vertical: "",
+        horizontal: ["@[704px]:min-w-[422px]", "@[960px]:min-w-[576px]", "@[1200px]:min-w-[720px]"]
+      }
+    },
+    defaultVariants: {
+      direction: "vertical"
+    }
+  }
+), c = t([], {
+  variants: {
+    direction: {
+      vertical: "component-semi-strong-600",
+      horizontal: [
+        "component-semi-strong-600",
+        "@[704px]:component-semi-strong-700",
+        "@[960px]:component-semi-strong-800",
+        "@[1200px]:component-semi-strong-900"
+      ]
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), l = t("text-content-secondary", {
+  variants: {
+    direction: {
+      vertical: "component-500",
+      horizontal: ["component-500", "@[960px]:component-600"]
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), s = t("flex items-center", {
+  variants: {
+    direction: {
+      vertical: "gap-2",
+      horizontal: ["gap-2", "@[960px]:gap-2.5"]
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), d = t("text-content-secondary", {
+  variants: {
+    direction: {
+      vertical: "component-500",
+      horizontal: ["component-500", "@[960px]:component-600"]
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), p = t(
+  "relative overflow-hidden rounded-full bg-neutral-3",
+  {
+    variants: {
+      direction: {
+        vertical: "size-250",
+        horizontal: ["size-250", "@[960px]:size-300"]
+      }
+    },
+    defaultVariants: {
+      direction: "vertical"
+    }
+  }
+);
+export {
+  p as editorialCardAuthorAvatarCva,
+  s as editorialCardAuthorCva,
+  d as editorialCardAuthorNameCva,
+  a as editorialCardBodyCva,
+  o as editorialCardCategoryLinkCva,
+  n as editorialCardContentCva,
+  e as editorialCardCva,
+  l as editorialCardDescriptionCva,
+  r as editorialCardImageCva,
+  c as editorialCardTitleCva
+};
+//# sourceMappingURL=index314.mjs.map

package/index315.mjs

@@ -0,0 +1,239 @@
+import * as i from "react";
+import { composeEventHandlers as I } from "./index421.mjs";
+import { useComposedRefs as E } from "./index422.mjs";
+import { createContextScope as w } from "./index423.mjs";
+import { Primitive as b } from "./index431.mjs";
+import { createRovingFocusGroupScope as P, Item as B, Root as q } from "./index439.mjs";
+import { useControllableState as K } from "./index433.mjs";
+import { useDirection as T } from "./index440.mjs";
+import { useSize as U } from "./index441.mjs";
+import { usePrevious as V } from "./index442.mjs";
+import { Presence as j } from "./index430.mjs";
+import { jsx as p, jsxs as z } from "react/jsx-runtime";
+var _ = "Radio", [H, g] = w(_), [W, X] = H(_), k = i.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadio: o,
+      name: s,
+      checked: e = !1,
+      required: r,
+      disabled: n,
+      value: f = "on",
+      onCheck: c,
+      form: m,
+      ...R
+    } = a, [l, v] = i.useState(null), t = E(d, (y) => v(y)), u = i.useRef(!1), h = l ? m || !!l.closest("form") : !0;
+    return /* @__PURE__ */ z(W, { scope: o, checked: e, disabled: n, children: [
+      /* @__PURE__ */ p(
+        b.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": e,
+          "data-state": N(e),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: f,
+          ...R,
+          ref: t,
+          onClick: I(a.onClick, (y) => {
+            e || c == null || c(), h && (u.current = y.isPropagationStopped(), u.current || y.stopPropagation());
+          })
+        }
+      ),
+      h && /* @__PURE__ */ p(
+        A,
+        {
+          control: l,
+          bubbles: !u.current,
+          name: s,
+          value: f,
+          checked: e,
+          required: r,
+          disabled: n,
+          form: m,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+k.displayName = _;
+var G = "RadioIndicator", S = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadio: o, forceMount: s, ...e } = a, r = X(G, o);
+    return /* @__PURE__ */ p(j, { present: s || r.checked, children: /* @__PURE__ */ p(
+      b.span,
+      {
+        "data-state": N(r.checked),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...e,
+        ref: d
+      }
+    ) });
+  }
+);
+S.displayName = G;
+var Y = "RadioBubbleInput", A = i.forwardRef(
+  ({
+    __scopeRadio: a,
+    control: d,
+    checked: o,
+    bubbles: s = !0,
+    ...e
+  }, r) => {
+    const n = i.useRef(null), f = E(n, r), c = V(o), m = U(d);
+    return i.useEffect(() => {
+      const R = n.current;
+      if (!R) return;
+      const l = window.HTMLInputElement.prototype, t = Object.getOwnPropertyDescriptor(
+        l,
+        "checked"
+      ).set;
+      if (c !== o && t) {
+        const u = new Event("click", { bubbles: s });
+        t.call(R, o), R.dispatchEvent(u);
+      }
+    }, [c, o, s]), /* @__PURE__ */ p(
+      b.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: o,
+        ...e,
+        tabIndex: -1,
+        ref: f,
+        style: {
+          ...e.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+A.displayName = Y;
+function N(a) {
+  return a ? "checked" : "unchecked";
+}
+var J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], C = "RadioGroup", [Q] = w(C, [
+  P,
+  g
+]), x = P(), D = g(), [Z, $] = Q(C), M = i.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadioGroup: o,
+      name: s,
+      defaultValue: e,
+      value: r,
+      required: n = !1,
+      disabled: f = !1,
+      orientation: c,
+      dir: m,
+      loop: R = !0,
+      onValueChange: l,
+      ...v
+    } = a, t = x(o), u = T(m), [h, y] = K({
+      prop: r,
+      defaultProp: e ?? null,
+      onChange: l,
+      caller: C
+    });
+    return /* @__PURE__ */ p(
+      Z,
+      {
+        scope: o,
+        name: s,
+        required: n,
+        disabled: f,
+        value: h,
+        onValueChange: y,
+        children: /* @__PURE__ */ p(
+          q,
+          {
+            asChild: !0,
+            ...t,
+            orientation: c,
+            dir: u,
+            loop: R,
+            children: /* @__PURE__ */ p(
+              b.div,
+              {
+                role: "radiogroup",
+                "aria-required": n,
+                "aria-orientation": c,
+                "data-disabled": f ? "" : void 0,
+                dir: u,
+                ...v,
+                ref: d
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+M.displayName = C;
+var O = "RadioGroupItem", F = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, disabled: s, ...e } = a, r = $(O, o), n = r.disabled || s, f = x(o), c = D(o), m = i.useRef(null), R = E(d, m), l = r.value === e.value, v = i.useRef(!1);
+    return i.useEffect(() => {
+      const t = (h) => {
+        J.includes(h.key) && (v.current = !0);
+      }, u = () => v.current = !1;
+      return document.addEventListener("keydown", t), document.addEventListener("keyup", u), () => {
+        document.removeEventListener("keydown", t), document.removeEventListener("keyup", u);
+      };
+    }, []), /* @__PURE__ */ p(
+      B,
+      {
+        asChild: !0,
+        ...f,
+        focusable: !n,
+        active: l,
+        children: /* @__PURE__ */ p(
+          k,
+          {
+            disabled: n,
+            required: r.required,
+            checked: l,
+            ...c,
+            ...e,
+            name: r.name,
+            ref: R,
+            onCheck: () => r.onValueChange(e.value),
+            onKeyDown: I((t) => {
+              t.key === "Enter" && t.preventDefault();
+            }),
+            onFocus: I(e.onFocus, () => {
+              var t;
+              v.current && ((t = m.current) == null || t.click());
+            })
+          }
+        )
+      }
+    );
+  }
+);
+F.displayName = O;
+var ee = "RadioGroupIndicator", L = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, ...s } = a, e = D(o);
+    return /* @__PURE__ */ p(S, { ...e, ...s, ref: d });
+  }
+);
+L.displayName = ee;
+var le = M, fe = F, me = L;
+export {
+  me as Indicator,
+  fe as Item,
+  M as RadioGroup,
+  L as RadioGroupIndicator,
+  F as RadioGroupItem,
+  le as Root
+};
+//# sourceMappingURL=index315.mjs.map

package/index316.mjs

@@ -0,0 +1,44 @@
+import { commonjsGlobal as u } from "./index446.mjs";
+import { __exports as a } from "./index447.mjs";
+import s from "react";
+import { __require as c } from "./index448.mjs";
+var l = u && u.__createBinding || (Object.create ? (function(e, r, t, n) {
+  n === void 0 && (n = t), Object.defineProperty(e, n, { enumerable: !0, get: function() {
+    return r[t];
+  } });
+}) : (function(e, r, t, n) {
+  n === void 0 && (n = t), e[n] = r[t];
+})), _ = u && u.__setModuleDefault || (Object.create ? (function(e, r) {
+  Object.defineProperty(e, "default", { enumerable: !0, value: r });
+}) : function(e, r) {
+  e.default = r;
+}), p = u && u.__importStar || function(e) {
+  if (e && e.__esModule) return e;
+  var r = {};
+  if (e != null) for (var t in e) t !== "default" && Object.prototype.hasOwnProperty.call(e, t) && l(r, e, t);
+  return _(r, e), r;
+};
+Object.defineProperty(a, "__esModule", { value: !0 });
+var m = a.ImgComparisonSlider = void 0;
+const f = s;
+typeof document < "u" && Promise.resolve().then(() => p(c()));
+m = a.ImgComparisonSlider = (0, f.forwardRef)(({ children: e, onSlide: r, value: t, className: n, ...o }, d) => {
+  const i = (0, f.useRef)();
+  return (0, f.useEffect)(() => {
+    t !== void 0 && (i.current.value = parseFloat(t.toString()));
+  }, [t, i]), (0, f.useEffect)(() => {
+    r && i.current.addEventListener("slide", r);
+  }, []), (0, f.useImperativeHandle)(d, () => i.current, [i]), (0, f.createElement)("img-comparison-slider", Object.assign({
+    class: n ? `${n} rendered` : "rendered",
+    // Align tabIndex between the web and React components
+    // this code could be removed when
+    // https://github.com/WICG/webcomponents/issues/762 is resolved.
+    tabIndex: 0,
+    ref: i
+  }, o), e);
+});
+export {
+  m as ImgComparisonSlider,
+  a as default
+};
+//# sourceMappingURL=index316.mjs.map