@photoroom/ui 0.1.1 → 0.1.2

package/index31.mjs

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

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

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

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

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

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

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

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