@photoroom/ui 0.1.1

package/index32.mjs

@@ -0,0 +1,46 @@
+import { jsx as n } from "react/jsx-runtime";
+import { clsx as r } from "./index296.mjs";
+const f = ({
+  href: i,
+  title: l,
+  size: e = "default",
+  icon: t,
+  iconElement: a,
+  className: o,
+  ...c
+}) => /* @__PURE__ */ n(
+  "a",
+  {
+    href: i,
+    target: "_blank",
+    className: r(
+      "inline-flex cursor-pointer items-center justify-center",
+      "rounded-500 outline-none",
+      "hover:bg-neutral-2 focus-visible:bg-neutral-2 active:bg-neutral-3",
+      "focus-visible:ring focus-visible:ring-accent-alpha-5",
+      "text-black",
+      "transition-all interaction-transition-type-1",
+      {
+        "h-12 w-12": e === "default",
+        "h-10 w-10": e === "small"
+      },
+      o
+    ),
+    rel: "noreferrer",
+    title: l,
+    ...c,
+    children: t ? /* @__PURE__ */ n(
+      t,
+      {
+        className: r({
+          "icon-size-800": e === "default",
+          "icon-size-600": e === "small"
+        })
+      }
+    ) : a
+  }
+);
+export {
+  f as SocialButton
+};
+//# sourceMappingURL=index32.mjs.map

package/index320.mjs

@@ -0,0 +1,37 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { clsx as c } from "./index296.mjs";
+import { forwardRef as a } from "react";
+const d = a(
+  ({ icon: e, label: n, className: s, ...t }, i) => /* @__PURE__ */ r(
+    "button",
+    {
+      ...t,
+      ref: i,
+      className: c(
+        "group shrink-0 cursor-pointer outline-none",
+        "inline-flex items-center justify-center",
+        "rounded-300",
+        "hover:bg-background-subdued-hover",
+        "active:bg-background-subdued-down",
+        "focus-visible:bg-background-subdued-hover",
+        "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+        "text-content-primary",
+        "disabled:cursor-not-allowed disabled:opacity-30",
+        "transition-all interaction-transition-type-1",
+        e && !n && "size-400",
+        !e && n && "content-to-edge-px-400 size-h-400",
+        e && n && "gap-2 content-to-edge-pr-400 icon-to-edge-pl-400 size-h-400",
+        s
+      ),
+      children: [
+        !!e && /* @__PURE__ */ o("span", { role: "presentation", className: "icon-size-500", children: e }),
+        !!n && /* @__PURE__ */ o("span", { className: "component-500", children: n })
+      ]
+    }
+  )
+);
+d.displayName = "PillButton";
+export {
+  d as PillButton
+};
+//# sourceMappingURL=index320.mjs.map

package/index321.mjs

@@ -0,0 +1,9 @@
+const p = ["image/jpeg", "image/png", "image/webp"], o = "https://apps.apple.com/app/photoroom-ai-photo-editor/id1455009060?pt=120355336&ct=prbr&mt=8", t = "https://play.google.com/store/apps/details?id=com.photoroom.app";
+`${process.env.REACT_APP_WEBSITE_URL}`;
+`${process.env.REACT_APP_URL}`;
+export {
+  p as ACCEPTED_FILE_TYPES,
+  t as ANDROID_DOWNLOAD_URL,
+  o as IOS_DOWNLOAD_URL
+};
+//# sourceMappingURL=index321.mjs.map

package/index322.mjs

@@ -0,0 +1,21 @@
+import { object as e, optional as i, string as a } from "./index633.mjs";
+e({
+  imageUrl: a(),
+  maskUrl: a(),
+  filename: a(),
+  backgroundColor: i(a()),
+  defaultTab: i(a())
+});
+e({
+  backgroundImage: a(),
+  filename: a()
+});
+e({
+  imageUrl: a(),
+  filename: a()
+});
+e({
+  CIimageUrl: a(),
+  CIfilename: a()
+});
+//# sourceMappingURL=index322.mjs.map

package/index323.mjs

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as e } from "./index7.mjs";
+const p = ({ children: t, className: o }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: e(
+      "rounded-200 bg-white-alpha-8 px-2 py-[5px]",
+      "component-semi-strong-500",
+      "text-content-black-primary",
+      o
+    ),
+    children: t
+  }
+);
+export {
+  p as CustomerStoryBadge
+};
+//# sourceMappingURL=index323.mjs.map

package/index324.mjs

@@ -0,0 +1,47 @@
+import { jsx as i } from "react/jsx-runtime";
+import { clsx as w } from "./index296.mjs";
+import { forwardRef as h, useRef as u, useState as I, useCallback as c, useImperativeHandle as x, useEffect as P } from "react";
+const b = 4e3, D = h(
+  ({ backgroundColor: m, displayName: r, initials: e, isLast: s }, a) => {
+    const l = u(null), n = u(null), [f, o] = I(s ? r : e), t = c(() => {
+      n.current && clearTimeout(n.current), n.current = window.setTimeout(() => {
+        o(e);
+      }, b);
+    }, [e]), p = c(() => {
+      o(e);
+    }, [e]), d = c(() => {
+      o(r), t();
+    }, [r, t]);
+    return x(a, () => ({
+      showInitials: p,
+      showInitialsWithDelay: t,
+      showDisplayName: d,
+      get element() {
+        return l.current;
+      }
+    })), P(() => {
+      t();
+    }, [t]), /* @__PURE__ */ i(
+      "span",
+      {
+        ref: l,
+        className: w(
+          "-ml-[9px]",
+          "h-5 min-w-5",
+          "content-to-edge-pl-250 content-to-edge-pr-250",
+          "body-400 whitespace-nowrap text-center text-white",
+          s ? "rounded-300" : "rounded-l-300"
+        ),
+        style: {
+          backgroundColor: m
+        },
+        children: f
+      }
+    );
+  }
+);
+D.displayName = "PresenceObjectPill";
+export {
+  D as PresenceObjectPill
+};
+//# sourceMappingURL=index324.mjs.map

package/index325.mjs

@@ -0,0 +1,122 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { CheckIcon as m } from "@photoroom/icons/lib/monochromes";
+import { cva as t } from "./index302.mjs";
+const p = t("flex items-start", {
+  variants: {
+    size: {
+      large: "gap-3",
+      small: "gap-2"
+    }
+  },
+  defaultVariants: {
+    size: "large"
+  }
+}), f = t("flex-shrink-0", {
+  variants: {
+    size: {
+      large: "h-5 w-5",
+      small: "h-4 w-4"
+    }
+  },
+  defaultVariants: {
+    size: "large"
+  }
+}), g = t("", {
+  variants: {
+    variant: {
+      default: "text-content-primary",
+      accent: "text-content-accent"
+    },
+    withFootnote: {
+      true: "pt-[1px]",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), h = t("[&_strong]:font-inherit", {
+  variants: {
+    size: {
+      large: "",
+      small: ""
+    },
+    withFootnote: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      withFootnote: !0,
+      size: "large",
+      class: "component-strong-600"
+    },
+    {
+      withFootnote: !0,
+      size: "small",
+      class: "component-strong-500"
+    },
+    {
+      withFootnote: !1,
+      size: "large",
+      class: "component-600"
+    },
+    {
+      withFootnote: !1,
+      size: "small",
+      class: "component-500"
+    }
+  ],
+  defaultVariants: {
+    size: "large"
+  }
+}), d = t("", {
+  variants: {
+    size: {
+      large: "component-600",
+      small: "component-500"
+    }
+  },
+  defaultVariants: {
+    size: "large"
+  }
+}), w = ({
+  children: l,
+  icon: n = m,
+  size: a = "large",
+  variant: i = "default",
+  footnote: s,
+  ...c
+}) => {
+  const o = !!s;
+  return /* @__PURE__ */ r("div", { className: p({ size: a }), ...c, children: [
+    !!n && /* @__PURE__ */ e(
+      "span",
+      {
+        className: g({
+          variant: i,
+          withFootnote: o
+        }),
+        children: /* @__PURE__ */ e(n, { className: f({ size: a }) })
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: h({
+            size: a,
+            withFootnote: o
+          }),
+          children: l
+        }
+      ),
+      !!s && /* @__PURE__ */ e("span", { className: d({ size: a }), children: s })
+    ] })
+  ] });
+};
+export {
+  w as PropListItem
+};
+//# sourceMappingURL=index325.mjs.map

package/index326.mjs

@@ -0,0 +1,226 @@
+import * as u from "react";
+import { composeEventHandlers as m } from "./index421.mjs";
+import { composeRefs as k } from "./index422.mjs";
+import { createContextScope as L } from "./index423.mjs";
+import { useControllableState as v } from "./index433.mjs";
+import { Primitive as K } from "./index431.mjs";
+import { createMenuScope as D, Root as U, Anchor as B, Portal as F, Content as H, CheckboxItem as W, ItemIndicator as $, Group as j, Label as X, Item as q, RadioGroup as z, RadioItem as J, Separator as Q, Arrow as V, SubTrigger as Y, SubContent as Z, Sub as oo } from "./index436.mjs";
+import { useId as g } from "./index427.mjs";
+import { jsx as t } from "react/jsx-runtime";
+var f = "DropdownMenu", [eo] = L(
+  f,
+  [D]
+), i = D(), [ro, _] = eo(f), h = (o) => {
+  const {
+    __scopeDropdownMenu: n,
+    children: r,
+    dir: e,
+    open: a,
+    defaultOpen: d,
+    onOpenChange: c,
+    modal: p = !0
+  } = o, s = i(n), M = u.useRef(null), [l, w] = v({
+    prop: a,
+    defaultProp: d ?? !1,
+    onChange: c,
+    caller: f
+  });
+  return /* @__PURE__ */ t(
+    ro,
+    {
+      scope: n,
+      triggerId: g(),
+      triggerRef: M,
+      contentId: g(),
+      open: l,
+      onOpenChange: w,
+      onOpenToggle: u.useCallback(() => w((G) => !G), [w]),
+      modal: p,
+      children: /* @__PURE__ */ t(U, { ...s, open: l, onOpenChange: w, dir: e, modal: p, children: r })
+    }
+  );
+};
+h.displayName = f;
+var R = "DropdownMenuTrigger", I = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, disabled: e = !1, ...a } = o, d = _(R, r), c = i(r);
+    return /* @__PURE__ */ t(B, { asChild: !0, ...c, children: /* @__PURE__ */ t(
+      K.button,
+      {
+        type: "button",
+        id: d.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": d.open,
+        "aria-controls": d.open ? d.contentId : void 0,
+        "data-state": d.open ? "open" : "closed",
+        "data-disabled": e ? "" : void 0,
+        disabled: e,
+        ...a,
+        ref: k(n, d.triggerRef),
+        onPointerDown: m(o.onPointerDown, (p) => {
+          !e && p.button === 0 && p.ctrlKey === !1 && (d.onOpenToggle(), d.open || p.preventDefault());
+        }),
+        onKeyDown: m(o.onKeyDown, (p) => {
+          e || (["Enter", " "].includes(p.key) && d.onOpenToggle(), p.key === "ArrowDown" && d.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(p.key) && p.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+I.displayName = R;
+var no = "DropdownMenuPortal", b = (o) => {
+  const { __scopeDropdownMenu: n, ...r } = o, e = i(n);
+  return /* @__PURE__ */ t(F, { ...e, ...r });
+};
+b.displayName = no;
+var S = "DropdownMenuContent", C = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = _(S, r), d = i(r), c = u.useRef(!1);
+    return /* @__PURE__ */ t(
+      H,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...d,
+        ...e,
+        ref: n,
+        onCloseAutoFocus: m(o.onCloseAutoFocus, (p) => {
+          var s;
+          c.current || (s = a.triggerRef.current) == null || s.focus(), c.current = !1, p.preventDefault();
+        }),
+        onInteractOutside: m(o.onInteractOutside, (p) => {
+          const s = p.detail.originalEvent, M = s.button === 0 && s.ctrlKey === !0, l = s.button === 2 || M;
+          (!a.modal || l) && (c.current = !0);
+        }),
+        style: {
+          ...o.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+C.displayName = S;
+var ao = "DropdownMenuGroup", to = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(j, { ...a, ...e, ref: n });
+  }
+);
+to.displayName = ao;
+var po = "DropdownMenuLabel", uo = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(X, { ...a, ...e, ref: n });
+  }
+);
+uo.displayName = po;
+var io = "DropdownMenuItem", N = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(q, { ...a, ...e, ref: n });
+  }
+);
+N.displayName = io;
+var so = "DropdownMenuCheckboxItem", x = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(W, { ...a, ...e, ref: n });
+});
+x.displayName = so;
+var co = "DropdownMenuRadioGroup", A = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(z, { ...a, ...e, ref: n });
+});
+A.displayName = co;
+var lo = "DropdownMenuRadioItem", P = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(J, { ...a, ...e, ref: n });
+});
+P.displayName = lo;
+var wo = "DropdownMenuItemIndicator", E = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t($, { ...a, ...e, ref: n });
+});
+E.displayName = wo;
+var mo = "DropdownMenuSeparator", O = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(Q, { ...a, ...e, ref: n });
+});
+O.displayName = mo;
+var fo = "DropdownMenuArrow", Mo = u.forwardRef(
+  (o, n) => {
+    const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+    return /* @__PURE__ */ t(V, { ...a, ...e, ref: n });
+  }
+);
+Mo.displayName = fo;
+var go = (o) => {
+  const { __scopeDropdownMenu: n, children: r, open: e, onOpenChange: a, defaultOpen: d } = o, c = i(n), [p, s] = v({
+    prop: e,
+    defaultProp: d ?? !1,
+    onChange: a,
+    caller: "DropdownMenuSub"
+  });
+  return /* @__PURE__ */ t(oo, { ...c, open: p, onOpenChange: s, children: r });
+}, vo = "DropdownMenuSubTrigger", y = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(Y, { ...a, ...e, ref: n });
+});
+y.displayName = vo;
+var Do = "DropdownMenuSubContent", T = u.forwardRef((o, n) => {
+  const { __scopeDropdownMenu: r, ...e } = o, a = i(r);
+  return /* @__PURE__ */ t(
+    Z,
+    {
+      ...a,
+      ...e,
+      ref: n,
+      style: {
+        ...o.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+T.displayName = Do;
+var xo = h, Ao = I, Po = b, Eo = C, Oo = N, yo = x, To = A, Go = P, ko = E, Lo = O, Ko = go, Uo = y, Bo = T;
+export {
+  yo as CheckboxItem,
+  Eo as Content,
+  h as DropdownMenu,
+  Mo as DropdownMenuArrow,
+  x as DropdownMenuCheckboxItem,
+  C as DropdownMenuContent,
+  to as DropdownMenuGroup,
+  N as DropdownMenuItem,
+  E as DropdownMenuItemIndicator,
+  uo as DropdownMenuLabel,
+  b as DropdownMenuPortal,
+  A as DropdownMenuRadioGroup,
+  P as DropdownMenuRadioItem,
+  O as DropdownMenuSeparator,
+  go as DropdownMenuSub,
+  T as DropdownMenuSubContent,
+  y as DropdownMenuSubTrigger,
+  I as DropdownMenuTrigger,
+  Oo as Item,
+  ko as ItemIndicator,
+  Po as Portal,
+  To as RadioGroup,
+  Go as RadioItem,
+  xo as Root,
+  Lo as Separator,
+  Ko as Sub,
+  Bo as SubContent,
+  Uo as SubTrigger,
+  Ao as Trigger
+};
+//# sourceMappingURL=index326.mjs.map

package/index327.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 "./index326.mjs";
+import { Fragment as f } from "react";
+import { MenuSubTrigger as h, MenuSubContent as C } from "./index438.mjs";
+import { AnimatePresence as M } from "./index306.mjs";
+import { useControlledState as O } from "./index290.mjs";
+const k = ({
+  triggerProps: o,
+  children: t,
+  className: u,
+  withPortal: r,
+  open: i,
+  defaultOpen: a,
+  onOpenChange: m,
+  ...s
+}) => {
+  const [n, l] = O({
+    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(M, { 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=index327.mjs.map

package/index328.mjs

@@ -0,0 +1,10 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Item as o } from "./index326.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=index328.mjs.map

package/index329.mjs

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Item as r } from "./index326.mjs";
+import { forwardRef as e } from "react";
+const s = e((m, t) => /* @__PURE__ */ o(r, { ref: t, ...m }));
+s.displayName = "MenuCustomItem";
+export {
+  s as MenuCustomItem
+};
+//# sourceMappingURL=index329.mjs.map

package/index33.mjs

@@ -0,0 +1,37 @@
+import { jsx as c } from "react/jsx-runtime";
+import { cva as i } from "./index302.mjs";
+import { forwardRef as s } from "react";
+import { cn as m } from "./index7.mjs";
+const d = i(
+  "cursor-pointer rounded-200 outline-none transition-colors duration-150 ease-out focus-visible:ring focus-visible:ring-misc-focus-indicator",
+  {
+    variants: {
+      variant: {
+        accent: "text-content-accent hover:text-content-accent-hover focus-visible:text-content-accent-hover active:text-content-accent-down",
+        primary: "text-content-primary underline",
+        secondary: "text-content-secondary hover:text-content-primary focus-visible:text-content-primary active:text-content-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "accent"
+    }
+  }
+), u = s(
+  ({ as: t = "a", className: n, withTextStyles: e = !0, variant: o = "accent", ...r }, a) => /* @__PURE__ */ c(
+    t,
+    {
+      ref: a,
+      className: m(
+        e && "component-500",
+        d({ variant: o }),
+        n
+      ),
+      ...r
+    }
+  )
+);
+u.displayName = "StandaloneLink";
+export {
+  u as StandaloneLink
+};
+//# sourceMappingURL=index33.mjs.map

package/index330.mjs

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import { RadioGroup as p } from "./index326.mjs";
+import { forwardRef as a } from "react";
+import { MenuRadioItem as e } from "./index616.mjs";
+const o = a(({ ...r }, m) => /* @__PURE__ */ i(p, { ref: m, ...r }));
+o.displayName = "MenuRadioGroup";
+o.Item = e;
+export {
+  o as MenuRadioGroup
+};
+//# sourceMappingURL=index330.mjs.map

package/index331.mjs

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { MenuCheckboxItem as t } from "./index379.mjs";
+const o = p(
+  ({ ...r }, e) => /* @__PURE__ */ m("div", { ref: e, role: "group", ...r })
+);
+o.displayName = "MenuCheckboxGroup";
+o.Item = t;
+export {
+  o as MenuCheckboxGroup
+};
+//# sourceMappingURL=index331.mjs.map

package/index332.mjs

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Separator as p } from "./index326.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=index332.mjs.map