@photoroom/ui 0.1.1 → 0.1.2

package/index29.mjs

@@ -1,30 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { RefreshIcon as t } from "@photoroom/icons/lib/monochromes";
-import { forwardRef as i } from "react";
-import { cn as n } from "./index7.mjs";
-const s = i(
-  ({ className: o, ...r }, a) => /* @__PURE__ */ e(
-    "button",
-    {
-      ref: a,
-      className: n(
-        "inline-flex items-center justify-center",
-        "h-12 w-12",
-        "rounded-full shadow-500",
-        "bg-black-alpha-4 hover:bg-black-alpha-5 active:bg-black-alpha-6",
-        "text-white",
-        "appearance-none outline-none transition-colors",
-        "focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring",
-        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30",
-        o
-      ),
-      ...r,
-      children: /* @__PURE__ */ e(t, { className: "h-5 w-5", "aria-hidden": "true" })
-    }
-  )
-);
-s.displayName = "RetryButton";
-export {
-  s as RetryButton
-};
-//# sourceMappingURL=index29.mjs.map

package/index290.mjs

@@ -1,19 +0,0 @@
-import { useState as d, useRef as l, useCallback as p } from "react";
-const S = ({
-  value: s,
-  defaultValue: o,
-  onValueChange: t
-}) => {
-  const [i, f] = d(s ?? o), c = l(typeof s < "u"), e = c.current ? s : i, u = p(
-    (n) => {
-      const r = n instanceof Function ? n(e) : n;
-      t == null || t(r), c.current || f(r);
-    },
-    [e, t]
-  );
-  return [e, u];
-};
-export {
-  S as useControlledState
-};
-//# sourceMappingURL=index290.mjs.map

package/index291.mjs

@@ -1,18 +0,0 @@
-import { useCallback as a } from "react";
-function m(t = "button", n = "vertical") {
-  return a(
-    (r) => {
-      var c;
-      const [o, u] = n === "horizontal" ? ["ArrowLeft", "ArrowRight"] : ["ArrowUp", "ArrowDown"];
-      if (![o, u].includes(r.code))
-        return;
-      const e = Array.from(r.currentTarget.querySelectorAll(t)), i = e.findIndex((d) => d === document.activeElement), l = r.code === o ? -1 : 1, s = (e.length + i + l) % e.length;
-      (c = e[s]) == null || c.focus();
-    },
-    [n, t]
-  );
-}
-export {
-  m as useFocusKeyNav
-};
-//# sourceMappingURL=index291.mjs.map

package/index292.mjs

@@ -1,17 +0,0 @@
-import m from "./index300.mjs";
-import { useState as F, useMemo as c } from "react";
-function q(r, { defaultQuery: t = "", limit: u, matchAllOnEmptyQuery: o, ...n }) {
-  const [e, f] = F(t), s = c(() => new m(r, n), [r, n]), h = c(() => {
-    const d = n.minMatchCharLength ?? 1;
-    return (!e || e.length < d) && o ? r.slice(0, u).map((a, g) => ({ item: a, refIndex: g })) : s.search(e, typeof u < "u" ? { limit: u } : void 0);
-  }, [s, u, r, o, n, e]);
-  return {
-    query: e,
-    records: h,
-    setQuery: f
-  };
-}
-export {
-  q as useFuse
-};
-//# sourceMappingURL=index292.mjs.map

package/index293.mjs

@@ -1,20 +0,0 @@
-import { useEffect as i } from "react";
-const f = (e) => {
-  i(() => {
-    if ("IntersectionObserver" in window && e.current) {
-      const n = new IntersectionObserver((o, c) => {
-        o.forEach((s) => {
-          const r = s.target;
-          s.isIntersecting && (r.querySelectorAll("source").forEach((t) => {
-            t.setAttribute("src", t.dataset.src ?? t.src);
-          }), r.load(), c.unobserve(r));
-        });
-      });
-      return n.observe(e.current), () => n.disconnect();
-    }
-  }, [e]);
-};
-export {
-  f as useLazyLoadVideo
-};
-//# sourceMappingURL=index293.mjs.map

package/index294.mjs

@@ -1,16 +0,0 @@
-import { useEffect as s } from "react";
-const o = (e) => {
-  s(() => {
-    const t = (a) => {
-      var r;
-      (r = a.clipboardData) != null && r.files.length && e(a.clipboardData.files);
-    };
-    return document.addEventListener("paste", t), () => {
-      document.removeEventListener("paste", t);
-    };
-  }, [e]);
-};
-export {
-  o as usePasteFilesHandler
-};
-//# sourceMappingURL=index294.mjs.map

package/index295.mjs

@@ -1,32 +0,0 @@
-import { useEffect as f } from "react";
-const l = ({
-  enabled: t,
-  onDragEnter: d,
-  onDragOver: i,
-  onDrop: w,
-  onDragLeave: n
-}) => {
-  f(() => {
-    if (!(!t || !d))
-      return window.addEventListener("dragenter", d), () => {
-        window.removeEventListener("dragenter", d);
-      };
-  }, [t, d]), f(() => {
-    if (!t)
-      return;
-    const r = (e) => {
-      e.preventDefault(), i == null || i(e);
-    }, s = (e) => {
-      e.preventDefault(), w == null || w(e);
-    }, u = (e) => {
-      e.relatedTarget === null && (n == null || n(e));
-    };
-    return window.addEventListener("dragover", r), window.addEventListener("drop", s), window.addEventListener("dragleave", u), () => {
-      window.removeEventListener("dragover", r), window.removeEventListener("drop", s), window.removeEventListener("dragleave", u);
-    };
-  }, [t, i, w, n]);
-};
-export {
-  l as useWindowDragEvents
-};
-//# sourceMappingURL=index295.mjs.map

package/index296.mjs

@@ -1,18 +0,0 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
-export {
-  i as clsx,
-  i as default
-};
-//# sourceMappingURL=index296.mjs.map

package/index297.mjs

@@ -1,7 +0,0 @@
-import { createTailwindMerge as e } from "./index414.mjs";
-import { getDefaultConfig as r } from "./index417.mjs";
-var i = /* @__PURE__ */ e(r);
-export {
-  i as twMerge
-};
-//# sourceMappingURL=index297.mjs.map

package/index298.mjs

@@ -1,136 +0,0 @@
-import { cva as e } from "./index302.mjs";
-function r({ icon: t, stacked: c, children: a }) {
-  return c ? "stack" : t && a ? "icon-and-label" : t && !a ? "icon" : "label";
-}
-const u = e(
-  "relative inline-flex w-fit max-w-full appearance-none items-center justify-center overflow-hidden truncate text-center outline-none transition-all duration-200 focus-visible:misc-border-size-focus-ring disabled:pointer-events-none disabled:cursor-not-allowed",
-  {
-    variants: {
-      variant: {
-        accent: "bg-content-accent text-white hover:bg-accent-400 focus-visible:bg-accent-400 focus-visible:ring-accent-alpha-5 active:bg-accent-600",
-        "secondary-accent": "bg-accent-alpha-1 text-content-accent hover:bg-accent-alpha-2 focus-visible:bg-accent-alpha-3 focus-visible:ring-accent-alpha-5 active:bg-accent-alpha-3",
-        "borderless-accent": "bg-transparent text-content-accent hover:bg-accent-alpha-2 focus-visible:bg-accent-alpha-3 focus-visible:ring-accent-alpha-5 active:bg-accent-alpha-3",
-        primary: "bg-background-default text-content-white-primary-inverted hover:bg-background-hover focus-visible:bg-background-hover focus-visible:ring-accent-alpha-5 active:bg-background-down",
-        secondary: "bg-background-subdued text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover focus-visible:ring-accent-alpha-5 active:bg-background-subdued-down",
-        borderless: "text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover focus-visible:ring-accent-alpha-5 active:bg-background-subdued-down",
-        negative: "bg-negative-alpha-1 text-content-negative hover:bg-negative-alpha-2 focus-visible:bg-negative-alpha-2 focus-visible:ring-accent-alpha-5 active:bg-negative-alpha-3",
-        pro: "!bg-content-accent bg-gradient-to-r text-white bg-background-pro hover:bg-background-pro-hover focus-visible:ring-accent-alpha-5 focus-visible:bg-background-pro-hover active:bg-background-pro-down",
-        "on-dark": "bg-background-white text-black hover:bg-background-white-hover focus-visible:bg-background-white-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white",
-        "secondary-on-dark": "bg-background-white-subdued text-content-white-primary hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-down",
-        "borderless-on-dark": "text-white hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-white active:bg-background-white-subdued-down"
-      },
-      density: {
-        compact: "rounded-400",
-        regular: "rounded-500",
-        spacious: "rounded-500"
-      },
-      loading: {
-        true: "",
-        false: "disabled:opacity-30"
-      }
-    },
-    defaultVariants: {
-      density: "regular"
-    }
-  }
-), i = {
-  size: {
-    medium: "",
-    large: ""
-  }
-}, s = {
-  density: {
-    compact: "",
-    regular: "",
-    spacious: ""
-  }
-}, n = {
-  icon: {
-    true: "",
-    false: ""
-  }
-}, d = e("relative flex max-w-full items-center justify-center", {
-  variants: {
-    ...i,
-    ...s,
-    ...n
-  },
-  compoundVariants: [
-    {
-      size: "medium",
-      density: "compact",
-      icon: !1,
-      class: "content-to-edge-spacious-px-400 size-h-400"
-    },
-    {
-      size: "medium",
-      density: "regular",
-      icon: !1,
-      class: "content-to-edge-spacious-px-500 size-h-500"
-    },
-    {
-      size: "medium",
-      density: "spacious",
-      icon: !1,
-      class: "content-to-edge-spacious-px-600 size-h-600"
-    },
-    {
-      size: "large",
-      density: "spacious",
-      icon: !1,
-      class: "content-to-edge-spacious-px-700 size-h-700"
-    },
-    {
-      size: "medium",
-      density: "compact",
-      icon: !0,
-      class: "content-to-edge-spacious-pr-400 icon-to-edge-spacious-pl-400 size-h-400"
-    },
-    {
-      size: "medium",
-      density: "regular",
-      icon: !0,
-      class: "content-to-edge-spacious-pr-500 icon-to-edge-spacious-pl-500 size-h-500"
-    },
-    {
-      size: "medium",
-      density: "spacious",
-      icon: !0,
-      class: "content-to-edge-spacious-pr-600 icon-to-edge-spacious-pl-600 size-h-600"
-    },
-    {
-      size: "large",
-      density: "spacious",
-      icon: !0,
-      class: "content-to-edge-spacious-pr-700 icon-to-edge-spacious-pl-700 size-h-700"
-    }
-  ]
-}), b = e("flex items-center justify-center", {
-  variants: { ...i, ...s },
-  compoundVariants: [
-    { size: "medium", density: "compact", class: "size-400" },
-    { size: "medium", density: "regular", class: "size-500" },
-    { size: "medium", density: "spacious", class: "size-600" },
-    { size: "large", density: "spacious", class: "size-700" }
-  ]
-}), g = e("", {
-  variants: {
-    ...i
-  },
-  compoundVariants: [
-    { size: "medium", class: "component-500" },
-    { size: "large", class: "component-600" }
-  ]
-}), l = {
-  medium: "text-to-leading-500",
-  large: "text-to-leading-600"
-};
-export {
-  l as TEXT_TO_LEADING_REGISTRY,
-  u as buttonVariants,
-  r as getButtonLayout,
-  b as iconOnlyVariants,
-  d as innerVariants,
-  g as labelTextVariant
-};
-//# sourceMappingURL=index298.mjs.map

package/index299.mjs

@@ -1,55 +0,0 @@
-import S from "./index467.mjs";
-import h from "./index468.mjs";
-import W from "./index469.mjs";
-var y = "Expected a function", R = Math.max, A = Math.min;
-function _(x, i, l) {
-  var u, f, c, a, n, r, o = 0, p = !1, d = !1, v = !0;
-  if (typeof x != "function")
-    throw new TypeError(y);
-  i = W(i) || 0, S(l) && (p = !0, d = "maxWait" in l, c = d ? R(W(l.maxWait) || 0, i) : c, v = "trailing" in l ? !1 : v);
-  function g(e) {
-    var t = u, m = f;
-    return u = f = void 0, o = e, a = x.apply(m, t), a;
-  }
-  function b(e) {
-    return o = e, n = setTimeout(s, i), p ? g(e) : a;
-  }
-  function C(e) {
-    var t = e - r, m = e - o, I = i - t;
-    return d ? A(I, c - m) : I;
-  }
-  function E(e) {
-    var t = e - r, m = e - o;
-    return r === void 0 || t >= i || t < 0 || d && m >= c;
-  }
-  function s() {
-    var e = h();
-    if (E(e))
-      return k(e);
-    n = setTimeout(s, C(e));
-  }
-  function k(e) {
-    return n = void 0, v && u ? g(e) : (u = f = void 0, a);
-  }
-  function L() {
-    n !== void 0 && clearTimeout(n), o = 0, u = r = f = n = void 0;
-  }
-  function M() {
-    return n === void 0 ? a : k(h());
-  }
-  function T() {
-    var e = h(), t = E(e);
-    if (u = arguments, f = this, r = e, t) {
-      if (n === void 0)
-        return b(r);
-      if (d)
-        return clearTimeout(n), n = setTimeout(s, i), g(r);
-    }
-    return n === void 0 && (n = setTimeout(s, i)), a;
-  }
-  return T.cancel = L, T.flush = M, T;
-}
-export {
-  _ as default
-};
-//# sourceMappingURL=index299.mjs.map

package/index3.mjs

@@ -1,32 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { clsx as d } from "./index296.mjs";
-import { forwardRef as s } from "react";
-const a = s(
-  ({ label: o, icon: t, className: i, ...c }, n) => /* @__PURE__ */ r(
-    "button",
-    {
-      ref: n,
-      ...c,
-      className: d(
-        "shrink-0 cursor-pointer outline-none",
-        "flex w-full items-center gap-4 rounded-300 p-3",
-        "active:bg-background-subdued-down",
-        "[&[data-radix-collection-item]]:focus:bg-background-subdued-hover",
-        "[&:not([data-radix-collection-item])]:hover:bg-background-subdued-hover",
-        "[&:not([data-radix-collection-item])]:focus-visible:bg-background-subdued-hover",
-        "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring",
-        "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ e("div", { className: "relative flex shrink-0 items-center justify-center rounded-full bg-background-accent-subdued size-500", children: /* @__PURE__ */ e("span", { className: "text-content-accent icon-size-500", children: t }) }),
-        /* @__PURE__ */ e("div", { className: "component-semi-strong-500 grow text-left text-content-primary", children: o })
-      ]
-    }
-  )
-);
-a.displayName = "SpaceDropdownActionItem";
-export {
-  a as SpaceDropdownActionItem
-};
-//# sourceMappingURL=index3.mjs.map

package/index30.mjs

@@ -1,83 +0,0 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { cva as t } from "./index302.mjs";
-import { clsx as d } from "./index296.mjs";
-import { forwardRef as u } from "react";
-import { isValidComponent as f } from "./index7.mjs";
-const b = t("inline-flex flex-col items-center", {
-  variants: {
-    size: {
-      default: "gap-2",
-      small: "gap-1"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-}), m = t(
-  [
-    "shrink-0 appearance-none overflow-hidden",
-    "inline-flex items-center justify-center",
-    "rounded-full",
-    "cursor-pointer disabled:cursor-not-allowed disabled:opacity-30",
-    "focus-visible:outline-none focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
-    "transition-colors interaction-transition-type-1"
-  ],
-  {
-    variants: {
-      variant: {
-        accent: [
-          "bg-background-accent",
-          "hover:bg-background-accent-hover",
-          "focus-visible:bg-background-accent-hover",
-          "active:bg-background-accent-down",
-          "text-content-white-primary"
-        ],
-        secondary: [
-          "bg-background-subdued",
-          "hover:bg-background-subdued-hover",
-          "focus-visible:bg-background-subdued-hover",
-          "active:bg-background-subdued-down",
-          "text-content-primary"
-        ]
-      },
-      size: {
-        default: "size-16",
-        small: "size-8"
-      }
-    },
-    defaultVariants: {
-      variant: "secondary",
-      size: "default"
-    }
-  }
-), p = t("shrink-0", {
-  variants: {
-    size: {
-      default: "icon-size-700",
-      small: "icon-size-400"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-}), v = t("max-w-full text-wrap text-center text-content-primary", {
-  variants: {
-    size: {
-      default: "component-500",
-      small: "component-400"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-}), g = u(
-  ({ variant: r, size: e, label: i, icon: n, className: s, ...o }, c) => /* @__PURE__ */ l("label", { className: d(b({ size: e }), s), children: [
-    /* @__PURE__ */ a("button", { type: "button", ref: c, ...o, className: m({ variant: r, size: e }), children: /* @__PURE__ */ a("div", { role: "presentation", className: p({ size: e }), children: f(n) ? /* @__PURE__ */ a(n, { className: "size-full fill-current", "aria-hidden": "true" }) : n }) }),
-    !!i && /* @__PURE__ */ a("span", { className: v({ size: e }), children: i })
-  ] })
-);
-g.displayName = "RoundButton";
-export {
-  g as RoundButton
-};
-//# sourceMappingURL=index30.mjs.map