@photoroom/ui 0.1.1

package/index458.mjs

@@ -0,0 +1,86 @@
+import { jsxs as I, jsx as S } from "react/jsx-runtime";
+import { colord as R } from "./index454.mjs";
+import { useState as B, useRef as g, useEffect as w, useCallback as h } from "react";
+import { TextInput as C } from "./index141.mjs";
+const G = 0, y = 255, s = (t) => !isNaN(Number(t)) && Number(t) >= G && Number(t) <= y, M = ({ color: t, onChange: k, label: V }) => {
+  const i = R(t).toRgb(), [e, u] = B(i.r.toString()), [n, b] = B(i.g.toString()), [a, d] = B(i.b.toString()), o = g(i.r.toString()), c = g(i.g.toString()), l = g(i.b.toString()), f = g(t);
+  w(() => {
+    const r = R(t).toRgb();
+    u(r.r.toString()), b(r.g.toString()), d(r.b.toString()), o.current = r.r.toString(), c.current = r.g.toString(), l.current = r.b.toString(), f.current = t;
+  }, [t]);
+  const N = h(() => {
+    const r = R({
+      r: parseInt(e, 10),
+      g: parseInt(n, 10),
+      b: parseInt(a, 10)
+    }).toHex();
+    r !== f.current && (k(r), f.current = r);
+  }, [a, n, k, e]), m = h((r, x) => {
+    switch (x) {
+      case "r":
+        u(r), s(r) && (o.current = r);
+        break;
+      case "g":
+        b(r), s(r) && (c.current = r);
+        break;
+      case "b":
+        d(r), s(r) && (l.current = r);
+        break;
+    }
+  }, []), p = h(
+    (r) => {
+      switch (r) {
+        case "r":
+          !s(e) || e === "" ? u(o.current) : o.current = e;
+          break;
+        case "g":
+          !s(n) || n === "" ? b(c.current) : c.current = n;
+          break;
+        case "b":
+          !s(a) || a === "" ? d(l.current) : l.current = a;
+          break;
+      }
+      N();
+    },
+    [a, n, e, N]
+  );
+  return /* @__PURE__ */ I("fieldset", { className: "grid flex-1 grid-cols-3 gap-2", "aria-label": V, children: [
+    /* @__PURE__ */ S(
+      C,
+      {
+        value: e,
+        onChange: (r) => m(r.target.value, "r"),
+        onBlur: () => p("r"),
+        invalid: !s(e) || e === "",
+        type: "number",
+        "aria-label": "R"
+      }
+    ),
+    /* @__PURE__ */ S(
+      C,
+      {
+        value: n,
+        onChange: (r) => m(r.target.value, "g"),
+        onBlur: () => p("g"),
+        invalid: !s(n) || n === "",
+        type: "number",
+        "aria-label": "G"
+      }
+    ),
+    /* @__PURE__ */ S(
+      C,
+      {
+        value: a,
+        onChange: (r) => m(r.target.value, "b"),
+        onBlur: () => p("b"),
+        invalid: !s(a) || a === "",
+        type: "number",
+        "aria-label": "B"
+      }
+    )
+  ] });
+};
+export {
+  M as RGBColorInput
+};
+//# sourceMappingURL=index458.mjs.map

package/index459.mjs

@@ -0,0 +1,58 @@
+import * as i from "react";
+import { jsx as _ } from "react/jsx-runtime";
+function $(e, x = []) {
+  let o = [];
+  function f(r, n) {
+    const t = i.createContext(n);
+    t.displayName = r + "Context";
+    const c = o.length;
+    o = [...o, n];
+    const m = (a) => {
+      var l;
+      const { scope: s, children: C, ...p } = a, d = ((l = s == null ? void 0 : s[e]) == null ? void 0 : l[c]) || t, v = i.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ _(d.Provider, { value: v, children: C });
+    };
+    m.displayName = r + "Provider";
+    function S(a, s) {
+      var d;
+      const C = ((d = s == null ? void 0 : s[e]) == null ? void 0 : d[c]) || t, p = i.useContext(C);
+      if (p) return p;
+      if (n !== void 0) return n;
+      throw new Error(`\`${a}\` must be used within \`${r}\``);
+    }
+    return [m, S];
+  }
+  const u = () => {
+    const r = o.map((n) => i.createContext(n));
+    return function(t) {
+      const c = (t == null ? void 0 : t[e]) || r;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...t, [e]: c } }),
+        [t, c]
+      );
+    };
+  };
+  return u.scopeName = e, [f, h(u, ...x)];
+}
+function h(...e) {
+  const x = e[0];
+  if (e.length === 1) return x;
+  const o = () => {
+    const f = e.map((u) => ({
+      useScope: u(),
+      scopeName: u.scopeName
+    }));
+    return function(r) {
+      const n = f.reduce((t, { useScope: c, scopeName: m }) => {
+        const a = c(r)[`__scope${m}`];
+        return { ...t, ...a };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${x.scopeName}`]: n }), [n]);
+    };
+  };
+  return o.scopeName = x.scopeName, o;
+}
+export {
+  $ as createContextScope
+};
+//# sourceMappingURL=index459.mjs.map

package/index46.mjs

@@ -0,0 +1,135 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { ActivityIcon as N } from "@photoroom/icons/lib/monochromes";
+import { cva as s } from "./index302.mjs";
+import { clsx as a } from "./index296.mjs";
+import { forwardRef as I, useState as j, useId as L, useCallback as k } from "react";
+import { cn as z } from "./index7.mjs";
+import { LazyImage as C } from "./index91.mjs";
+import { OverlaySelectButton as A } from "./index26.mjs";
+const B = /* @__PURE__ */ new Set(), S = s("*:block *:h-full *:w-full *:object-contain *:object-center", {
+  variants: {
+    padding: {
+      true: "h-[81.4%] w-[81.4%]",
+      false: "h-full w-full"
+    }
+  },
+  defaultVariants: {
+    padding: !1
+  }
+}), T = s(
+  [
+    "group relative block appearance-none outline-none",
+    "h-full w-full",
+    "transition-all interaction-transition-type-1",
+    "overflow-hidden rounded-400 bg-neutral-2",
+    "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+    "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-['']",
+    "after:border",
+    "after:transition-colors after:interaction-transition-type-1"
+  ],
+  {
+    variants: {
+      isSelected: {
+        true: "after:border-content-accent after:misc-border-size-selection after:misc-shadow-selection",
+        false: "after:border-misc-border"
+      }
+    },
+    defaultVariants: {
+      isSelected: !1
+    }
+  }
+), V = I(
+  ({
+    label: i,
+    previewUrl: t,
+    testId: r,
+    padding: c = !0,
+    canShowSelect: l = !1,
+    isSelected: o = !1,
+    isLoading: f = !1,
+    onSelect: d,
+    className: u,
+    children: m,
+    tabIndex: p,
+    ...b
+  }, h) => {
+    const [v, g] = j(!0), y = L(), w = k(() => {
+      t && (g(!1), B.add(t));
+    }, [t]), x = v || f;
+    return /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ n(
+        "div",
+        {
+          tabIndex: p,
+          "data-testid": r,
+          className: z(T({ isSelected: o }), u),
+          children: [
+            /* @__PURE__ */ n(
+              "div",
+              {
+                ref: h,
+                ...b,
+                className: a(
+                  "flex aspect-square h-full w-full select-none flex-col items-center justify-center"
+                ),
+                children: [
+                  /* @__PURE__ */ e(
+                    C,
+                    {
+                      className: S({ padding: c }),
+                      src: t,
+                      title: i,
+                      onLoad: w
+                    }
+                  ),
+                  x && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-black-alpha-2", children: /* @__PURE__ */ e(N, { className: "text-white icon-size-800" }) })
+                ]
+              }
+            ),
+            l && /* @__PURE__ */ e(
+              A,
+              {
+                "data-testid": "brand-asset-tile-select-button",
+                isSelected: o,
+                onClick: d,
+                className: a(
+                  "appearance-none outline-none",
+                  "absolute left-2 top-2",
+                  "transition-opacity",
+                  {
+                    "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100": !o
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: a(
+                  "absolute inset-0 h-full w-full",
+                  "pointer-events-none *:pointer-events-auto",
+                  "transition-opacity",
+                  "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100"
+                ),
+                children: m
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          id: y,
+          className: a("mt-1", "component-400 truncate text-center text-content-primary"),
+          children: i
+        }
+      )
+    ] });
+  }
+);
+V.displayName = "BrandAssetTile";
+export {
+  V as BrandAssetTile
+};
+//# sourceMappingURL=index46.mjs.map

package/index460.mjs

@@ -0,0 +1,7 @@
+import * as t from "react";
+var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
+};
+export {
+  e as useLayoutEffect
+};
+//# sourceMappingURL=index460.mjs.map

package/index461.mjs

@@ -0,0 +1,33 @@
+import * as f from "react";
+import "react-dom";
+import { createSlot as l } from "./index600.mjs";
+import { jsx as n } from "react/jsx-runtime";
+var u = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], w = u.reduce((t, i) => {
+  const o = l(`Primitive.${i}`), r = f.forwardRef((e, m) => {
+    const { asChild: a, ...p } = e, s = a ? o : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ n(s, { ...p, ref: m });
+  });
+  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
+}, {});
+export {
+  w as Primitive
+};
+//# sourceMappingURL=index461.mjs.map

package/index462.mjs

@@ -0,0 +1,16 @@
+import { s as r } from "./index601.mjs";
+function s() {
+  return r.useSyncExternalStore(
+    e,
+    () => !0,
+    () => !1
+  );
+}
+function e() {
+  return () => {
+  };
+}
+export {
+  s as useIsHydrated
+};
+//# sourceMappingURL=index462.mjs.map

package/index463.mjs

@@ -0,0 +1,109 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+const h = (C) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "30",
+    height: "60",
+    viewBox: "0 0 30 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...C,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M14.0947 9.35871C16.8587 9.08173 19.5519 5.86753 19.2482 1.59668C15.2005 2.17114 12.7117 6.59369 14.0947 9.35871Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M9.84495 15.0454C11.3313 13.8755 12.8841 8.96429 9.62272 5.5204C5.42024 8.68822 8.16782 14.1711 9.84495 15.0454Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M8.46051 23.3394C9.32182 21.6553 9.0378 16.0771 4.0246 15.0236C1.87123 19.234 6.57147 23.2461 8.46051 23.3394Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M8.77875 32.5161C9.07611 30.648 6.91525 24.8271 1.82228 25.3781C1.0788 30.0483 6.2582 32.8936 8.77875 32.5161Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M11.9011 41.4024C11.7067 39.4928 7.80018 34.1114 2.48796 34.954C3.04076 41.4024 10.0796 42.0072 11.9011 41.4024Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M17.5849 49.6023C16.9542 47.5302 10.9975 42.1893 5.07298 43.8383C7.33357 50.3866 15.6209 50.5148 17.5849 49.6023Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M24.8713 56.5979C23.8075 54.7112 17.1405 50.6749 11.7124 53.5655C14.3717 58.2824 21.3974 58.8228 24.8713 56.5979Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M26.5857 55.0667C28.347 54.4303 30.5452 48.9804 25.9242 46.1679C21.7057 49.784 24.2179 53.7486 26.5857 55.0667Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M19.5207 48.7717C21.3778 48.5311 24.5242 43.6143 20.6204 39.8695C15.7201 42.4882 18.3433 47.3157 19.5207 48.7717Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M13.8978 40.9918C15.6131 41.0353 18.6613 37.4608 16.1737 33.5105C12.0313 36.0546 13.0368 39.508 13.8978 40.9918Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M10.1811 32.3355C11.8166 32.7276 15.575 30.4957 14.2307 25.9681C9.53946 26.0767 9.8478 30.7897 10.1811 32.3355Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M10.12 23.6177C11.3059 24.3893 16.173 23.0644 16.1718 18.8474C12.0709 17.9523 10.1563 22.2037 10.12 23.6177Z",
+          fill: "#404147"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M11.775 15.8755C12.9608 16.6471 18.1349 16.152 17.8265 11.7638C14.5411 11.176 11.8113 14.4615 11.775 15.8755Z",
+          fill: "#404147"
+        }
+      )
+    ]
+  }
+);
+export {
+  h as AwardsPalm
+};
+//# sourceMappingURL=index463.mjs.map

package/index464.mjs

@@ -0,0 +1,101 @@
+var c = "-";
+function h(t) {
+  var r = G(t), n = t.conflictingClassGroups, e = t.conflictingClassGroupModifiers, u = e === void 0 ? {} : e;
+  function a(i) {
+    var f = i.split(c);
+    return f[0] === "" && f.length !== 1 && f.shift(), l(f, r) || g(i);
+  }
+  function o(i, f) {
+    var s = n[i] || [];
+    return f && u[i] ? [].concat(s, u[i]) : s;
+  }
+  return {
+    getClassGroupId: a,
+    getConflictingClassGroupIds: o
+  };
+}
+function l(t, r) {
+  var o;
+  if (t.length === 0)
+    return r.classGroupId;
+  var n = t[0], e = r.nextPart.get(n), u = e ? l(t.slice(1), e) : void 0;
+  if (u)
+    return u;
+  if (r.validators.length !== 0) {
+    var a = t.join(c);
+    return (o = r.validators.find(function(i) {
+      var f = i.validator;
+      return f(a);
+    })) == null ? void 0 : o.classGroupId;
+  }
+}
+var p = /^\[(.+)\]$/;
+function g(t) {
+  if (p.test(t)) {
+    var r = p.exec(t)[1], n = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+    if (n)
+      return "arbitrary.." + n;
+  }
+}
+function G(t) {
+  var r = t.theme, n = t.prefix, e = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  }, u = x(Object.entries(t.classGroups), n);
+  return u.forEach(function(a) {
+    var o = a[0], i = a[1];
+    v(i, e, o, r);
+  }), e;
+}
+function v(t, r, n, e) {
+  t.forEach(function(u) {
+    if (typeof u == "string") {
+      var a = u === "" ? r : d(r, u);
+      a.classGroupId = n;
+      return;
+    }
+    if (typeof u == "function") {
+      if (C(u)) {
+        v(u(e), r, n, e);
+        return;
+      }
+      r.validators.push({
+        validator: u,
+        classGroupId: n
+      });
+      return;
+    }
+    Object.entries(u).forEach(function(o) {
+      var i = o[0], f = o[1];
+      v(f, d(r, i), n, e);
+    });
+  });
+}
+function d(t, r) {
+  var n = t;
+  return r.split(c).forEach(function(e) {
+    n.nextPart.has(e) || n.nextPart.set(e, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), n = n.nextPart.get(e);
+  }), n;
+}
+function C(t) {
+  return t.isThemeGetter;
+}
+function x(t, r) {
+  return r ? t.map(function(n) {
+    var e = n[0], u = n[1], a = u.map(function(o) {
+      return typeof o == "string" ? r + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(function(i) {
+        var f = i[0], s = i[1];
+        return [r + f, s];
+      })) : o;
+    });
+    return [e, a];
+  }) : t;
+}
+export {
+  G as createClassMap,
+  h as createClassUtils
+};
+//# sourceMappingURL=index464.mjs.map

package/index465.mjs

@@ -0,0 +1,29 @@
+function c(i) {
+  if (i < 1)
+    return {
+      get: function() {
+      },
+      set: function() {
+      }
+    };
+  var u = 0, t = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+  function a(r, e) {
+    t.set(r, e), u++, u > i && (u = 0, f = t, t = /* @__PURE__ */ new Map());
+  }
+  return {
+    get: function(e) {
+      var n = t.get(e);
+      if (n !== void 0)
+        return n;
+      if ((n = f.get(e)) !== void 0)
+        return a(e, n), n;
+    },
+    set: function(e, n) {
+      t.has(e) ? t.set(e, n) : a(e, n);
+    }
+  };
+}
+export {
+  c as createLruCache
+};
+//# sourceMappingURL=index465.mjs.map

package/index466.mjs

@@ -0,0 +1,42 @@
+var g = "!";
+function I(o) {
+  var r = o.separator || ":", i = r.length === 1, s = r[0], f = r.length;
+  return function(a) {
+    for (var v = [], h = 0, e = 0, n, t = 0; t < a.length; t++) {
+      var p = a[t];
+      if (h === 0) {
+        if (p === s && (i || a.slice(t, t + f) === r)) {
+          v.push(a.slice(e, t)), e = t + f;
+          continue;
+        }
+        if (p === "/") {
+          n = t;
+          continue;
+        }
+      }
+      p === "[" ? h++ : p === "]" && h--;
+    }
+    var u = v.length === 0 ? a : a.substring(e), M = u.startsWith(g), l = M ? u.substring(1) : u, b = n && n > e ? n - e : void 0;
+    return {
+      modifiers: v,
+      hasImportantModifier: M,
+      baseClassName: l,
+      maybePostfixModifierPosition: b
+    };
+  };
+}
+function P(o) {
+  if (o.length <= 1)
+    return o;
+  var r = [], i = [];
+  return o.forEach(function(s) {
+    var f = s[0] === "[";
+    f ? (r.push.apply(r, i.sort().concat([s])), i = []) : i.push(s);
+  }), r.push.apply(r, i.sort()), r;
+}
+export {
+  g as IMPORTANT_MODIFIER,
+  I as createSplitModifiers,
+  P as sortModifiers
+};
+//# sourceMappingURL=index466.mjs.map

package/index467.mjs

@@ -0,0 +1,8 @@
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
+export {
+  n as default
+};
+//# sourceMappingURL=index467.mjs.map

package/index468.mjs

@@ -0,0 +1,8 @@
+import o from "./index473.mjs";
+var t = function() {
+  return o.Date.now();
+};
+export {
+  t as default
+};
+//# sourceMappingURL=index468.mjs.map

package/index469.mjs

@@ -0,0 +1,23 @@
+import n from "./index474.mjs";
+import f from "./index467.mjs";
+import o from "./index471.mjs";
+var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
+function O(r) {
+  if (typeof r == "number")
+    return r;
+  if (o(r))
+    return s;
+  if (f(r)) {
+    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = f(t) ? t + "" : t;
+  }
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = n(r);
+  var i = p.test(r);
+  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
+}
+export {
+  O as default
+};
+//# sourceMappingURL=index469.mjs.map

package/index47.mjs

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as u } from "./index7.mjs";
+const t = i(
+  ({ className: e, children: o, ...c }, r) => /* @__PURE__ */ n(
+    "button",
+    {
+      ...c,
+      className: u(
+        "relative block appearance-none outline-none",
+        "h-fit w-fit rounded-200",
+        "bg-background-accent-subdued hover:bg-background-accent-subdued-hover focus-visible:bg-background-accent-subdued-hover active:bg-background-accent-subdued-down",
+        "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+        e
+      ),
+      ref: r,
+      children: o
+    }
+  )
+);
+t.displayName = "ButtonTile";
+export {
+  t as ButtonTile
+};
+//# sourceMappingURL=index47.mjs.map