@photoroom/ui 0.1.1 → 0.1.3

package/index32.mjs

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

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

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

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

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

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

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

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

@@ -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 "./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

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

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

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

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

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

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