@photoroom/ui 0.1.1 → 0.1.2

package/index342.mjs

@@ -1,104 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { Root as k, Portal as K, Content as A, Viewport as F } from "./index450.mjs";
-import { clsx as m } from "./index296.mjs";
-import { forwardRef as T, useRef as u, useCallback as n, Fragment as j } from "react";
-import { cn as z } from "./index7.mjs";
-import { SearchableSelectTrigger as B } from "./index451.mjs";
-import { DropdownListBox as q } from "./index67.mjs";
-import { DropdownSearchField as E } from "./index69.mjs";
-const H = T(
-  ({
-    className: p,
-    placeholder: f,
-    search: h,
-    onOpenChange: a,
-    children: w,
-    isSearchable: s = !0,
-    renderValue: x,
-    filterComponent: i,
-    listMinHeight: b,
-    contentClassName: v,
-    withPortal: g = !0,
-    side: y,
-    ...d
-  }, D) => {
-    const o = u(null), c = u(null), N = g ? K : j, S = n((e) => {
-      o.current && (e.key.length === 1 || e.code === "Backspace") ? o.current.focus() : ["ArrowUp", "ArrowDown"].includes(e.code) && e.stopPropagation();
-    }, []), P = n((e) => {
-      if ((e.code !== "Escape" || e.currentTarget.value) && e.stopPropagation(), c.current && e.code === "ArrowDown") {
-        e.preventDefault();
-        const t = c.current.querySelector('[data-state="checked"]') || c.current.firstChild;
-        t == null || t.focus();
-      }
-    }, []), R = n(
-      (e) => {
-        o.current && e && setTimeout(() => {
-          var t;
-          return (t = o.current) == null ? void 0 : t.focus();
-        }), a == null || a(e);
-      },
-      [a]
-    );
-    return /* @__PURE__ */ l(k, { ...d, onOpenChange: R, children: [
-      /* @__PURE__ */ r("div", { className: z("relative w-max", p), children: /* @__PURE__ */ r(
-        B,
-        {
-          ref: D,
-          placeholder: f,
-          value: d.value,
-          renderValue: x
-        }
-      ) }),
-      /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(
-        A,
-        {
-          onKeyDown: S,
-          position: "popper",
-          sideOffset: 4,
-          className: v,
-          side: y,
-          children: /* @__PURE__ */ l(
-            q,
-            {
-              className: m(
-                "w-[var(--radix-select-trigger-width)] !p-0",
-                "h-max max-h-[min(524px,var(--radix-select-content-available-height))]",
-                "border border-misc-border"
-              ),
-              style: { minHeight: b },
-              children: [
-                s && /* @__PURE__ */ r("div", { className: "absolute inset-x-0 top-0 z-[1] overflow-hidden rounded-t-500 border-b border-misc-border bg-surface-high", children: /* @__PURE__ */ r(
-                  E,
-                  {
-                    ...h,
-                    tabIndex: -1,
-                    ref: o,
-                    onKeyDown: P,
-                    disabled: d.disabled
-                  }
-                ) }),
-                i && /* @__PURE__ */ r("div", { className: "absolute inset-x-0 top-[55px] z-[1] overflow-hidden bg-surface-high px-3 py-2", children: i }),
-                /* @__PURE__ */ r(
-                  F,
-                  {
-                    ref: c,
-                    className: m("misc-dropdown-padding", {
-                      "!pt-[56px]": s && !i,
-                      "!pt-[111px]": s && i
-                    }),
-                    children: w
-                  }
-                )
-              ]
-            }
-          )
-        }
-      ) })
-    ] });
-  }
-);
-H.displayName = "SearchableSelectPrimitive";
-export {
-  H as SearchableSelectPrimitive
-};
-//# sourceMappingURL=index342.mjs.map

package/index343.mjs

@@ -1,138 +0,0 @@
-import p from "react";
-import { createContextScope as S } from "./index423.mjs";
-import { Primitive as G } from "./index431.mjs";
-import { createRovingFocusGroupScope as P, Item as V, Root as M } from "./index439.mjs";
-import { Toggle as A } from "./index449.mjs";
-import { useControllableState as _ } from "./index433.mjs";
-import { useDirection as F } from "./index440.mjs";
-import { jsx as l } from "react/jsx-runtime";
-var i = "ToggleGroup", [C] = S(i, [
-  P
-]), I = P(), f = p.forwardRef((e, r) => {
-  const { type: a, ...t } = e;
-  if (a === "single")
-    return /* @__PURE__ */ l(w, { ...t, ref: r });
-  if (a === "multiple")
-    return /* @__PURE__ */ l(D, { ...t, ref: r });
-  throw new Error(`Missing prop \`type\` expected on \`${i}\``);
-});
-f.displayName = i;
-var [h, x] = C(i), w = p.forwardRef((e, r) => {
-  const {
-    value: a,
-    defaultValue: t,
-    onValueChange: u = () => {
-    },
-    ...n
-  } = e, [s, o] = _({
-    prop: a,
-    defaultProp: t ?? "",
-    onChange: u,
-    caller: i
-  });
-  return /* @__PURE__ */ l(
-    h,
-    {
-      scope: e.__scopeToggleGroup,
-      type: "single",
-      value: p.useMemo(() => s ? [s] : [], [s]),
-      onItemActivate: o,
-      onItemDeactivate: p.useCallback(() => o(""), [o]),
-      children: /* @__PURE__ */ l(R, { ...n, ref: r })
-    }
-  );
-}), D = p.forwardRef((e, r) => {
-  const {
-    value: a,
-    defaultValue: t,
-    onValueChange: u = () => {
-    },
-    ...n
-  } = e, [s, o] = _({
-    prop: a,
-    defaultProp: t ?? [],
-    onChange: u,
-    caller: i
-  }), c = p.useCallback(
-    (g) => o((v = []) => [...v, g]),
-    [o]
-  ), d = p.useCallback(
-    (g) => o((v = []) => v.filter((y) => y !== g)),
-    [o]
-  );
-  return /* @__PURE__ */ l(
-    h,
-    {
-      scope: e.__scopeToggleGroup,
-      type: "multiple",
-      value: s,
-      onItemActivate: c,
-      onItemDeactivate: d,
-      children: /* @__PURE__ */ l(R, { ...n, ref: r })
-    }
-  );
-});
-f.displayName = i;
-var [E, N] = C(i), R = p.forwardRef(
-  (e, r) => {
-    const {
-      __scopeToggleGroup: a,
-      disabled: t = !1,
-      rovingFocus: u = !0,
-      orientation: n,
-      dir: s,
-      loop: o = !0,
-      ...c
-    } = e, d = I(a), g = F(s), v = { role: "group", dir: g, ...c };
-    return /* @__PURE__ */ l(E, { scope: a, rovingFocus: u, disabled: t, children: u ? /* @__PURE__ */ l(
-      M,
-      {
-        asChild: !0,
-        ...d,
-        orientation: n,
-        dir: g,
-        loop: o,
-        children: /* @__PURE__ */ l(G.div, { ...v, ref: r })
-      }
-    ) : /* @__PURE__ */ l(G.div, { ...v, ref: r }) });
-  }
-), m = "ToggleGroupItem", b = p.forwardRef(
-  (e, r) => {
-    const a = x(m, e.__scopeToggleGroup), t = N(m, e.__scopeToggleGroup), u = I(e.__scopeToggleGroup), n = a.value.includes(e.value), s = t.disabled || e.disabled, o = { ...e, pressed: n, disabled: s }, c = p.useRef(null);
-    return t.rovingFocus ? /* @__PURE__ */ l(
-      V,
-      {
-        asChild: !0,
-        ...u,
-        focusable: !s,
-        active: n,
-        ref: c,
-        children: /* @__PURE__ */ l(T, { ...o, ref: r })
-      }
-    ) : /* @__PURE__ */ l(T, { ...o, ref: r });
-  }
-);
-b.displayName = m;
-var T = p.forwardRef(
-  (e, r) => {
-    const { __scopeToggleGroup: a, value: t, ...u } = e, n = x(m, a), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, o = n.type === "single" ? s : void 0;
-    return /* @__PURE__ */ l(
-      A,
-      {
-        ...o,
-        ...u,
-        ref: r,
-        onPressedChange: (c) => {
-          c ? n.onItemActivate(t) : n.onItemDeactivate(t);
-        }
-      }
-    );
-  }
-), z = f, H = b;
-export {
-  H as Item,
-  z as Root,
-  f as ToggleGroup,
-  b as ToggleGroupItem
-};
-//# sourceMappingURL=index343.mjs.map

package/index344.mjs

@@ -1,61 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Item as d } from "./index343.mjs";
-import { clsx as c } from "./index296.mjs";
-import { memo as f, forwardRef as b, useContext as m, useRef as g, isValidElement as p } from "react";
-import { ToggleStackContext as v } from "./index345.mjs";
-import { withTooltip as k } from "./index201.mjs";
-const u = b(
-  ({ icon: e, tooltipContent: n, tooltipDefaultOpen: r = !1, tooltipWithPortal: s = !0, ...t }, i) => {
-    const a = k(l);
-    return /* @__PURE__ */ o(
-      a,
-      {
-        ref: i,
-        icon: e,
-        tooltipContent: n,
-        tooltipDefaultOpen: r,
-        tooltipWithPortal: s,
-        ...t
-      }
-    );
-  }
-);
-u.displayName = "ToggleStackButton";
-const C = f(u), l = ({ icon: e, className: n, ...r }) => {
-  const { onValueChange: s } = m(v), t = g(null), i = () => {
-    var a;
-    (a = t == null ? void 0 : t.current) != null && a.matches(":focus-visible") && (s == null || s(r.value));
-  };
-  return /* @__PURE__ */ o(
-    d,
-    {
-      ref: t,
-      "aria-label": r.value,
-      className: c(
-        "rounded-500 !outline-none",
-        "text-content-primary",
-        "data-[state=on]:bg-background-subdued",
-        "hover:bg-background-subdued-hover",
-        "active:bg-background-subdued-down",
-        "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-30",
-        "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-500 before:opacity-0 before:ring-misc-focus-indicator before:ease-in-out before:content-[''] before:misc-border-size-focus-ring",
-        "focus-visible:before:z-0 focus-visible:before:opacity-100",
-        n
-      ),
-      ...r,
-      onFocus: i,
-      children: /* @__PURE__ */ o("div", { className: "flex items-center justify-center size-500", children: /* @__PURE__ */ o(S, { icon: e, className: c("icon-size-500") }) })
-    }
-  );
-};
-l.displayName = "ToggleStackButtonContent";
-const S = ({ icon: e }) => T(e) ? /* @__PURE__ */ o(h, { as: e }) : /* @__PURE__ */ o("span", { children: e });
-function T(e) {
-  return !p(e);
-}
-const h = ({ as: e, className: n }) => e ? /* @__PURE__ */ o(e, { className: c("icon-size-500", n), "aria-hidden": "true" }) : null;
-export {
-  u as PureToggleStackButton,
-  C as ToggleStackButton
-};
-//# sourceMappingURL=index344.mjs.map

package/index345.mjs

@@ -1,8 +0,0 @@
-import { createContext as o } from "react";
-const e = o({
-  onValueChange: void 0
-});
-export {
-  e as ToggleStackContext
-};
-//# sourceMappingURL=index345.mjs.map

package/index346.mjs

@@ -1,21 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as s, Suspense as a, lazy as i } from "react";
-import { cn as m } from "./index7.mjs";
-const n = i(() => import("./index420.mjs")), l = s(
-  ({ className: o, ...r }, t) => /* @__PURE__ */ e(a, { fallback: null, children: /* @__PURE__ */ e(
-    n,
-    {
-      ref: t,
-      minRows: 3,
-      maxRows: 6,
-      className: m("resize-none", o),
-      role: "textbox",
-      ...r
-    }
-  ) })
-);
-l.displayName = "TextAreaAutosize";
-export {
-  l as TextAreaAutosize
-};
-//# sourceMappingURL=index346.mjs.map

package/index347.mjs

@@ -1,10 +0,0 @@
-import e from "./index475.mjs";
-var n = function(t) {
-  e(function() {
-    t();
-  });
-};
-export {
-  n as default
-};
-//# sourceMappingURL=index347.mjs.map

package/index348.mjs

@@ -1,42 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Root as n, Thumb as s } from "./index313.mjs";
-import { clsx as e } from "./index296.mjs";
-const l = (i) => /* @__PURE__ */ o(
-  n,
-  {
-    ...i,
-    className: e(
-      "group/switch peer relative inline-flex h-5 w-8 shrink-0 items-center justify-center rounded-full",
-      "focus-visible:outline-none focus-visible:ring-accent-alpha-5 focus-visible:misc-border-size-focus-ring",
-      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-30"
-    ),
-    children: [
-      /* @__PURE__ */ t(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: e(
-            "pointer-events-none absolute mx-auto h-5 w-8 rounded-full transition-colors duration-200 ease-in-out",
-            "bg-neutral-4 group-focus-visible/switch:bg-neutral-5",
-            "group-focus-visible/switch:bg-content-accent-down group-data-[state=checked]/switch:bg-content-accent"
-          )
-        }
-      ),
-      /* @__PURE__ */ t(
-        s,
-        {
-          "aria-hidden": "true",
-          className: e(
-            "pointer-events-none absolute left-[2px] inline-block h-4 w-4 rounded-full bg-white shadow-500 ring-0",
-            "transition-transform duration-200 ease-in-out",
-            "group-data-[state=checked]/switch:translate-x-3"
-          )
-        }
-      )
-    ]
-  }
-);
-export {
-  l as SwitchFieldIndicator
-};
-//# sourceMappingURL=index348.mjs.map

package/index349.mjs

@@ -1,24 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { clsx as t } from "./index296.mjs";
-const o = (a) => /* @__PURE__ */ e(
-  "button",
-  {
-    ...a,
-    className: t(
-      "relative h-10 w-10 overflow-hidden rounded-200 bg-neutral-2 outline-none transition-all",
-      "after:absolute after:left-0 after:top-0 after:h-full after:w-full after:rounded-200 after:transition-all after:content-['']",
-      // Hover
-      "hover:after:bg-black-alpha-3",
-      // Active
-      "active:after:bg-black-alpha-6",
-      // Focus
-      "focus-visible:after:bg-black-alpha-3",
-      "focus-visible:ring focus-visible:ring-accent-alpha-5",
-      a.disabled && "opacity-50"
-    )
-  }
-);
-export {
-  o as SamplePickerItem
-};
-//# sourceMappingURL=index349.mjs.map

package/index35.mjs

@@ -1,51 +0,0 @@
-import { jsxs as t, jsx as c } from "react/jsx-runtime";
-import { Root as s } from "./index313.mjs";
-import { clsx as u } from "./index296.mjs";
-import { forwardRef as h } from "react";
-import { isValidComponent as b } from "./index7.mjs";
-const g = h(
-  ({ variant: e = "secondary", icons: d, labels: r, className: a, ...n }, i) => /* @__PURE__ */ t(
-    s,
-    {
-      ...n,
-      className: u(
-        "group shrink-0 cursor-pointer outline-none",
-        "inline-flex flex-col items-center justify-center gap-0.5 p-2.5",
-        "rounded-500",
-        "hover:radix-state-unchecked:bg-background-subdued-hover",
-        "active:radix-state-unchecked:bg-background-subdued-down",
-        "focus-visible:radix-state-unchecked:bg-background-subdued-hover",
-        "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
-        "radix-state-unchecked:text-content-primary",
-        "disabled:cursor-not-allowed disabled:opacity-30",
-        "transition-all interaction-transition-type-1",
-        {
-          "aspect-square": !r,
-          "radix-state-unchecked:bg-background-subdued": e === "secondary",
-          "radix-state-checked:bg-background-accent radix-state-checked:text-content-white-primary hover:radix-state-checked:bg-background-accent-hover focus-visible:radix-state-checked:bg-background-accent-hover active:radix-state-checked:bg-background-accent-down": ["secondary", "borderless"].includes(e),
-          "hover:radix-state-checked:bg-background-subdued-hover focus-visible:radix-state-checked:bg-background-subdued-hover active:radix-state-checked:bg-background-subdued-down": e === "borderless-subtle"
-        },
-        a
-      ),
-      ref: i,
-      children: [
-        /* @__PURE__ */ t("div", { role: "presentation", className: "icon-size-500", children: [
-          /* @__PURE__ */ c("span", { className: "group-radix-state-checked:hidden", children: /* @__PURE__ */ c(o, { children: d.inactive }) }),
-          /* @__PURE__ */ c("span", { className: "group-radix-state-unchecked:hidden", children: /* @__PURE__ */ c(o, { children: d.active }) })
-        ] }),
-        !!r && /* @__PURE__ */ t("div", { className: "component-400 min-w-[4.75rem]", children: [
-          /* @__PURE__ */ c("span", { className: "group-radix-state-checked:hidden", children: r.inactive }),
-          /* @__PURE__ */ c("span", { className: "group-radix-state-unchecked:hidden", children: r.active })
-        ] })
-      ]
-    }
-  )
-);
-g.displayName = "ToggleButton";
-const o = ({
-  children: e
-}) => b(e) ? /* @__PURE__ */ c(e, {}) : e;
-export {
-  g as ToggleButton
-};
-//# sourceMappingURL=index35.mjs.map