@photoroom/ui 0.1.1 → 0.1.2

package/index458.mjs

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

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

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

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

package/index461.mjs

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

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

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

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

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

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

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

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

package/index469.mjs

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

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