@photoroom/ui 0.1.1 → 0.1.2

package/index37.mjs

@@ -1,41 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { Button as l } from "./index10.mjs";
-const s = c(
-  ({ title: r, description: n, highlightedDescription: t, ...o }, i) => /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-3 rounded-500 bg-surface-high px-4 pb-4 pt-3 shadow-500", children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a("p", { className: "text-400 font-600 text-content-secondary", children: [
-      n,
-      " ",
-      t && /* @__PURE__ */ e(
-        "span",
-        {
-          className: "text-400 font-600",
-          style: {
-            background: "linear-gradient(90deg, var(--color-accent-500, #410CD9) 0%, var(--color-magic-accent-500, #DA45E5) 100%)",
-            WebkitBackgroundClip: "text",
-            WebkitTextFillColor: "transparent",
-            backgroundClip: "text"
-          },
-          children: t
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e(
-      l,
-      {
-        variant: "primary",
-        density: "spacious",
-        size: "medium",
-        className: "w-full",
-        ref: i,
-        ...o,
-        children: r
-      }
-    )
-  ] })
-);
-s.displayName = "ValidationBannerButton";
-export {
-  s as ValidationBannerButton
-};
-//# sourceMappingURL=index37.mjs.map

package/index370.mjs

@@ -1,41 +0,0 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { clsx as f } from "./index296.mjs";
-import { forwardRef as p, useRef as u, useImperativeHandle as x, useEffect as g } from "react";
-import { cn as h } from "./index7.mjs";
-const N = p(
-  ({
-    title: c,
-    subtitle: s,
-    layout: i = "list",
-    autoFocus: l = !0,
-    className: a,
-    children: n,
-    ...d
-  }, m) => {
-    const e = u(null);
-    return x(m, () => e.current), g(() => {
-      var t;
-      l && e.current && ((t = e.current.querySelector("input,button")) == null || t.focus());
-    }, [l]), /* @__PURE__ */ o("fieldset", { ...d, ref: e, className: h("space-y-10", a), children: [
-      /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
-        !!c && /* @__PURE__ */ r("legend", { className: "heading-700 text-content-primary", children: c }),
-        !!s && /* @__PURE__ */ r("div", { className: "body-400 text-content-subdued-primary", children: s })
-      ] }),
-      /* @__PURE__ */ r(
-        "div",
-        {
-          className: f({
-            "flex flex-col gap-2": i === "list",
-            "grid w-max grid-cols-3 gap-3": i === "grid"
-          }),
-          children: n
-        }
-      )
-    ] });
-  }
-);
-N.displayName = "ChoiceGroup";
-export {
-  N as ChoiceGroup
-};
-//# sourceMappingURL=index370.mjs.map

package/index371.mjs

@@ -1,25 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Checkbox as m, CheckboxIndicator as a } from "./index350.mjs";
-import { forwardRef as h } from "react";
-import { useCheckGroup as s } from "./index289.mjs";
-import { ChoiceTile as r } from "./index374.mjs";
-const u = h(
-  ({ label: o, imageSrc: i, className: t, ...c }, n) => {
-    const { checkboxProps: l } = s(), p = l(c);
-    return /* @__PURE__ */ e(r, { label: o, imageSrc: i, className: t, children: /* @__PURE__ */ e(
-      m,
-      {
-        ...p,
-        ref: n,
-        "aria-label": o,
-        className: "group inline-flex shrink-0 appearance-none outline-none",
-        children: /* @__PURE__ */ e(a, { asChild: !0, forceMount: !0, children: /* @__PURE__ */ e(r.Indicator, { multiSelect: !0 }) })
-      }
-    ) });
-  }
-);
-u.displayName = "ChoiceMultipleTile";
-export {
-  u as ChoiceMultipleTile
-};
-//# sourceMappingURL=index371.mjs.map

package/index372.mjs

@@ -1,63 +0,0 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { Checkbox as k, CheckboxIndicator as C } from "./index350.mjs";
-import v, { forwardRef as E } from "react";
-import { useCheckGroup as N } from "./index289.mjs";
-import { cn as o } from "./index7.mjs";
-import { ListChoiceTile as L } from "./index375.mjs";
-import { SelectionBadge as M } from "./index181.mjs";
-const j = E(
-  ({
-    label: a,
-    icon: s,
-    description: c,
-    className: l,
-    children: n,
-    onToggleCb: i,
-    ...p
-  }, d) => {
-    const { checkboxProps: m } = N(), f = m(p), [r, h] = v.useState(!1), u = (t) => {
-      t.preventDefault();
-    };
-    return /* @__PURE__ */ x(
-      L,
-      {
-        label: a,
-        icon: s,
-        description: c,
-        className: o(l, "flex flex-wrap"),
-        children: [
-          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            k,
-            {
-              ...f,
-              ref: d,
-              "aria-label": a,
-              className: "group inline-flex shrink-0 appearance-none outline-none",
-              onClick: () => {
-                h(!r), i == null || i(r);
-              },
-              children: /* @__PURE__ */ e(C, { asChild: !0, forceMount: !0, children: /* @__PURE__ */ e(M, { variant: "square" }) })
-            }
-          ) }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: o("hidden basis-full", {
-                flex: r
-              }),
-              onClick: (t) => {
-                u(t);
-              },
-              children: n
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-j.displayName = "ListChoiceMultipleExpandTile";
-export {
-  j as ListChoiceMultipleExpandTile
-};
-//# sourceMappingURL=index372.mjs.map

package/index373.mjs

@@ -1,26 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Checkbox as p, CheckboxIndicator as s } from "./index350.mjs";
-import { forwardRef as m } from "react";
-import { useCheckGroup as h } from "./index289.mjs";
-import { ListChoiceTile as u } from "./index375.mjs";
-import { SelectionBadge as f } from "./index181.mjs";
-const d = m(
-  ({ label: o, icon: r, description: i, className: t, ...n }, c) => {
-    const { checkboxProps: l } = h(), a = l(n);
-    return /* @__PURE__ */ e(u, { label: o, icon: r, description: i, className: t, children: /* @__PURE__ */ e(
-      p,
-      {
-        ...a,
-        ref: c,
-        "aria-label": o,
-        className: "group inline-flex shrink-0 appearance-none outline-none",
-        children: /* @__PURE__ */ e(s, { asChild: !0, forceMount: !0, children: /* @__PURE__ */ e(f, { variant: "square" }) })
-      }
-    ) });
-  }
-);
-d.displayName = "ListChoiceMultipleTile";
-export {
-  d as ListChoiceMultipleTile
-};
-//# sourceMappingURL=index373.mjs.map

package/index374.mjs

@@ -1,90 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { CheckSmallIcon as d } from "@photoroom/icons/lib/monochromes";
-import { clsx as o } from "./index296.mjs";
-import { forwardRef as l } from "react";
-import { cn as u } from "./index7.mjs";
-const h = ({ label: t, imageSrc: a, className: c, children: n, ...i }) => /* @__PURE__ */ r(
-  "label",
-  {
-    ...i,
-    className: u(
-      "relative cursor-pointer select-none",
-      "flex w-max flex-col",
-      "rounded-500 outline-none misc-border-size-selection",
-      "[&:has([data-state=unchecked])]:border-transparent",
-      "[&:has([data-state=checked])]:border-accent-500",
-      "[&:has([data-state=checked])]:misc-shadow-selection",
-      "bg-background-subdued",
-      "has-active:bg-background-subdued-down hover:bg-background-subdued-hover [&:has(:focus-visible)]:bg-background-subdued-hover",
-      "[&:has(:focus-visible)]:ring-accent-alpha-5 [&:has(:focus-visible)]:misc-border-size-focus-ring",
-      "transition-all",
-      c
-    ),
-    children: [
-      n,
-      /* @__PURE__ */ r("span", { className: "flex grow flex-col text-left", children: [
-        /* @__PURE__ */ e("figure", { className: "pointer-events-none h-[166px] w-[200px] overflow-hidden rounded-t-500", children: /* @__PURE__ */ e(
-          "img",
-          {
-            src: a,
-            alt: "",
-            draggable: !1,
-            className: "h-full w-full object-contain",
-            loading: "lazy",
-            decoding: "async"
-          }
-        ) }),
-        /* @__PURE__ */ e("span", { className: "component-semi-strong-600 w-full overflow-hidden text-ellipsis whitespace-nowrap px-2 pb-3 text-center text-content-primary", children: t })
-      ] })
-    ]
-  }
-), s = l(
-  ({ multiSelect: t }, a) => /* @__PURE__ */ e(
-    "span",
-    {
-      ref: a,
-      className: o(
-        "absolute left-2 top-2 z-20 size-400",
-        "inline-flex items-center justify-center",
-        "rounded-full bg-white shadow-500 outline-none",
-        {
-          "group-radix-state-unchecked:opacity-0": !t,
-          "group-radix-state-checked:opacity-100": !t,
-          "transition-opacity duration-150 ease-out": !t
-        }
-      ),
-      children: /* @__PURE__ */ e(
-        "span",
-        {
-          className: o(
-            "inline-flex items-center justify-center",
-            "size-200",
-            "rounded-200 misc-border-size-selection",
-            "group-radix-state-unchecked:bg-transparent",
-            "group-radix-state-checked:bg-content-accent",
-            "group-radix-state-unchecked:border-neutral-4",
-            "group-radix-state-checked:border-accent-500",
-            "transition-colors duration-150 ease-out"
-          ),
-          children: /* @__PURE__ */ e(
-            d,
-            {
-              strokeWidth: 3,
-              className: o(
-                "text-white transition-opacity duration-150 ease-out icon-size-400",
-                "group-radix-state-checked:opacity-100",
-                "group-radix-state-unchecked:opacity-0"
-              )
-            }
-          )
-        }
-      )
-    }
-  )
-);
-s.displayName = "ChoiceTileIndicator";
-h.Indicator = s;
-export {
-  h as ChoiceTile
-};
-//# sourceMappingURL=index374.mjs.map

package/index375.mjs

@@ -1,39 +0,0 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { cn as l } from "./index7.mjs";
-const d = ({
-  label: r,
-  icon: s,
-  description: n,
-  className: a,
-  children: c,
-  ...t
-}) => /* @__PURE__ */ e(
-  "label",
-  {
-    ...t,
-    className: l(
-      "relative cursor-pointer select-none",
-      "inline-flex flex-row items-center gap-2",
-      "w-full px-4 py-3",
-      "rounded-500 bg-background-subdued outline-none",
-      "has-active:bg-background-subdued-down hover:bg-background-subdued-hover [&:has(:focus-visible)]:bg-background-subdued-hover",
-      "[&:has(:focus-visible)]:ring-accent-alpha-5 [&:has(:focus-visible)]:misc-border-size-focus-ring",
-      "transition-all",
-      a
-    ),
-    children: [
-      /* @__PURE__ */ e("span", { className: "flex grow flex-col text-left", children: [
-        /* @__PURE__ */ e("span", { className: "component-500 flex items-center gap-2 text-content-primary", children: [
-          s && /* @__PURE__ */ o(s, { className: "size-[28px]" }),
-          r
-        ] }),
-        !!n && /* @__PURE__ */ o("span", { className: "component-400 truncate text-content-secondary", children: n })
-      ] }),
-      c
-    ]
-  }
-);
-export {
-  d as ListChoiceTile
-};
-//# sourceMappingURL=index375.mjs.map

package/index376.mjs

@@ -1,40 +0,0 @@
-import { jsxs as s, jsx as t, Fragment as a } from "react/jsx-runtime";
-import { cva as c } from "./index302.mjs";
-import { isValidComponent as i } from "./index7.mjs";
-const m = c(
-  ["flex flex-1 grow flex-col items-center justify-center rounded-400 px-1"],
-  {
-    variants: {
-      withIcon: {
-        true: "component-400 gap-0.5 py-2",
-        false: "component-500 py-[9px]"
-      },
-      disabled: {
-        true: "opacity-30"
-      }
-    }
-  }
-), d = ({
-  icon: e,
-  className: r,
-  children: o
-}) => {
-  const n = !!e;
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: m({
-        withIcon: n,
-        class: r
-      }),
-      children: [
-        n && /* @__PURE__ */ t(a, { children: i(e) ? /* @__PURE__ */ t(e, { className: "h-6 w-6 text-content-primary" }) : e }),
-        /* @__PURE__ */ t("span", { className: "min-w-[56px] text-content-primary", children: o })
-      ]
-    }
-  );
-};
-export {
-  d as SegmentedPickerItem
-};
-//# sourceMappingURL=index376.mjs.map

package/index377.mjs

@@ -1,40 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { AddIcon as r } from "@photoroom/icons/lib/monochromes";
-import { cva as s } from "./index302.mjs";
-import { cn as t } from "./index7.mjs";
-const o = s(
-  [
-    "inline-flex shrink-0 items-center justify-center",
-    "rounded-full border-misc-border-emphasized bg-background-inverted misc-border-size-hairline",
-    "font-medium leading-none text-content-secondary"
-  ],
-  {
-    variants: {
-      size: {
-        12: "size-3",
-        16: "size-4",
-        20: "size-5",
-        24: "size-6",
-        32: "size-8",
-        40: "size-10",
-        80: "size-20"
-      }
-    }
-  }
-), a = s(["text-content-secondary"], {
-  variants: {
-    size: {
-      12: "size-[9px]",
-      16: "size-[10px]",
-      20: "size-[11px]",
-      24: "size-[14px]",
-      32: "size-[18px]",
-      40: "size-5",
-      80: "size-8"
-    }
-  }
-}), p = ({ size: e = 32, className: n }) => /* @__PURE__ */ i("div", { role: "presentation", className: t(o({ size: e }), n), children: /* @__PURE__ */ i(r, { className: a({ size: e }) }) });
-export {
-  p as AvatarAdd
-};
-//# sourceMappingURL=index377.mjs.map

package/index378.mjs

@@ -1,27 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as i } from "./index302.mjs";
-import { cn as o } from "./index7.mjs";
-const x = i(
-  [
-    "inline-flex shrink-0 items-center justify-center",
-    "rounded-full border-misc-border-emphasized bg-background-inverted misc-border-size-hairline",
-    "font-medium leading-none text-content-secondary"
-  ],
-  {
-    variants: {
-      size: {
-        12: "h-3 w-3 text-[6px]",
-        16: "h-4 w-4 text-[8px]",
-        20: "h-5 w-5 text-[8px]",
-        24: "h-6 w-6 text-[10px]",
-        32: "h-8 w-8 text-[14px]",
-        40: "h-10 w-10 text-[16px]",
-        80: "h-20 w-20 text-[32px]"
-      }
-    }
-  }
-), d = ({ count: e, size: t = 32, className: r }) => /* @__PURE__ */ n("div", { role: "presentation", className: o(x({ size: t }), r), children: e });
-export {
-  d as AvatarCount
-};
-//# sourceMappingURL=index378.mjs.map

package/index379.mjs

@@ -1,60 +0,0 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { CheckSmallIcon as b } from "@photoroom/icons/lib/monochromes";
-import { CheckboxItem as h, ItemIndicator as p } from "./index326.mjs";
-import { clsx as f } from "./index296.mjs";
-import { forwardRef as k, useRef as x, useCallback as g, useEffect as I } from "react";
-import { cn as i } from "./index7.mjs";
-const v = k(
-  ({ children: d, className: l, description: s, noWrap: m, onSelect: n, ...a }, c) => {
-    const r = x(), u = g(
-      (e) => {
-        r.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
-      },
-      [c]
-    );
-    return I(() => {
-      var e;
-      ((e = r.current) == null ? void 0 : e.getAttribute("data-state")) === "checked" && r.current.scrollIntoView({ block: "center" });
-    }, []), /* @__PURE__ */ t(
-      h,
-      {
-        ref: u,
-        className: i(
-          "component-500 w-full cursor-pointer outline-none misc-dropdown-inner-rounding",
-          "disabled:pointer-events-none disabled:select-none disabled:opacity-30",
-          "aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-30",
-          "text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down",
-          "min-h-[40px] py-2.5",
-          "px-2",
-          l
-        ),
-        onSelect: (e) => {
-          e.preventDefault(), n == null || n(e);
-        },
-        ...a,
-        children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t(
-            "span",
-            {
-              className: i(
-                "flex h-5 w-5 shrink-0 items-center justify-center rounded-200 misc-border-size-selection",
-                "border-neutral-4 data-[state=checked]:border-content-accent data-[state=checked]:bg-content-accent"
-              ),
-              "data-state": a.checked ? "checked" : "unchecked",
-              children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(b, { strokeWidth: 3, className: "text-white icon-size-400" }) })
-            }
-          ),
-          /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ t("span", { className: f(m && "truncate"), children: d }),
-            s && /* @__PURE__ */ t("span", { className: "font-size-300 text-content-tertiary", children: s })
-          ] })
-        ] })
-      }
-    );
-  }
-);
-v.displayName = "MenuCheckboxItem";
-export {
-  v as MenuCheckboxItem
-};
-//# sourceMappingURL=index379.mjs.map

package/index38.mjs

@@ -1,48 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { Root as c, Trigger as C, Portal as d, Content as g } from "./index308.mjs";
-import { Fragment as h } from "react";
-import { MenuContent as M } from "./index309.mjs";
-import { SubMenu as O } from "./index310.mjs";
-import { AnimatePresence as S } from "./index306.mjs";
-import { MenuItem as x } from "./index311.mjs";
-import { MenuSeparator as P } from "./index312.mjs";
-import { useControlledState as F } from "./index290.mjs";
-const e = ({
-  withPortal: o = !0,
-  triggerElement: t,
-  children: n,
-  className: m,
-  modal: a = !1,
-  open: p,
-  disabled: i,
-  onOpenChange: u
-}) => {
-  const [s, f] = F({
-    value: p,
-    onValueChange: u
-  });
-  return /* @__PURE__ */ l(c, { onOpenChange: f, modal: a, children: [
-    /* @__PURE__ */ r(C, { asChild: !0, disabled: i, children: t }),
-    /* @__PURE__ */ r(S, { children: s && /* @__PURE__ */ r(
-      o ? d : h,
-      {
-        ...o ? { forceMount: !0 } : {},
-        children: /* @__PURE__ */ r(
-          g,
-          {
-            forceMount: !0,
-            className: m,
-            children: /* @__PURE__ */ r(M, { children: n })
-          }
-        )
-      }
-    ) })
-  ] });
-};
-e.Item = x;
-e.Sub = O;
-e.Separator = P;
-export {
-  e as ContextMenu
-};
-//# sourceMappingURL=index38.mjs.map