@photoroom/ui 0.1.1

package/index350.mjs

@@ -0,0 +1,252 @@
+import * as s from "react";
+import { useComposedRefs as B } from "./index422.mjs";
+import { createContextScope as L } from "./index423.mjs";
+import { composeEventHandlers as S } from "./index421.mjs";
+import { useControllableState as O } from "./index433.mjs";
+import { usePrevious as j } from "./index442.mjs";
+import { useSize as H } from "./index441.mjs";
+import { Presence as z } from "./index430.mjs";
+import { Primitive as P } from "./index431.mjs";
+import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
+var g = "Checkbox", [U] = L(g), [X, E] = U(g);
+function J(t) {
+  const {
+    __scopeCheckbox: a,
+    checked: c,
+    children: u,
+    defaultChecked: r,
+    disabled: e,
+    form: p,
+    name: f,
+    onCheckedChange: i,
+    required: m,
+    value: C = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: d
+  } = t, [l, v] = O({
+    prop: c,
+    defaultProp: r ?? !1,
+    onChange: i,
+    caller: g
+  }), [k, x] = s.useState(null), [_, o] = s.useState(null), n = s.useRef(!1), I = k ? !!p || !!k.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), R = {
+    checked: l,
+    disabled: e,
+    setChecked: v,
+    control: k,
+    setControl: x,
+    name: f,
+    form: p,
+    value: C,
+    hasConsumerStoppedPropagationRef: n,
+    required: m,
+    defaultChecked: h(r) ? !1 : r,
+    isFormControl: I,
+    bubbleInput: _,
+    setBubbleInput: o
+  };
+  return /* @__PURE__ */ b(
+    X,
+    {
+      scope: a,
+      ...R,
+      children: W(d) ? d(R) : u
+    }
+  );
+}
+var N = "CheckboxTrigger", w = s.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: a, onClick: c, ...u }, r) => {
+    const {
+      control: e,
+      value: p,
+      disabled: f,
+      checked: i,
+      required: m,
+      setControl: C,
+      setChecked: d,
+      hasConsumerStoppedPropagationRef: l,
+      isFormControl: v,
+      bubbleInput: k
+    } = E(N, t), x = B(r, C), _ = s.useRef(i);
+    return s.useEffect(() => {
+      const o = e == null ? void 0 : e.form;
+      if (o) {
+        const n = () => d(_.current);
+        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
+      }
+    }, [e, d]), /* @__PURE__ */ b(
+      P.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": h(i) ? "mixed" : i,
+        "aria-required": m,
+        "data-state": A(i),
+        "data-disabled": f ? "" : void 0,
+        disabled: f,
+        value: p,
+        ...u,
+        ref: x,
+        onKeyDown: S(a, (o) => {
+          o.key === "Enter" && o.preventDefault();
+        }),
+        onClick: S(c, (o) => {
+          d((n) => h(n) ? !0 : !n), k && v && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
+        })
+      }
+    );
+  }
+);
+w.displayName = N;
+var Q = s.forwardRef(
+  (t, a) => {
+    const {
+      __scopeCheckbox: c,
+      name: u,
+      checked: r,
+      defaultChecked: e,
+      required: p,
+      disabled: f,
+      value: i,
+      onCheckedChange: m,
+      form: C,
+      ...d
+    } = t;
+    return /* @__PURE__ */ b(
+      J,
+      {
+        __scopeCheckbox: c,
+        checked: r,
+        defaultChecked: e,
+        disabled: f,
+        required: p,
+        onCheckedChange: m,
+        name: u,
+        form: C,
+        value: i,
+        internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ G(K, { children: [
+          /* @__PURE__ */ b(
+            w,
+            {
+              ...d,
+              ref: a,
+              __scopeCheckbox: c
+            }
+          ),
+          l && /* @__PURE__ */ b(
+            q,
+            {
+              __scopeCheckbox: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Q.displayName = g;
+var T = "CheckboxIndicator", V = s.forwardRef(
+  (t, a) => {
+    const { __scopeCheckbox: c, forceMount: u, ...r } = t, e = E(T, c);
+    return /* @__PURE__ */ b(
+      z,
+      {
+        present: u || h(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ b(
+          P.span,
+          {
+            "data-state": A(e.checked),
+            "data-disabled": e.disabled ? "" : void 0,
+            ...r,
+            ref: a,
+            style: { pointerEvents: "none", ...t.style }
+          }
+        )
+      }
+    );
+  }
+);
+V.displayName = T;
+var M = "CheckboxBubbleInput", q = s.forwardRef(
+  ({ __scopeCheckbox: t, ...a }, c) => {
+    const {
+      control: u,
+      hasConsumerStoppedPropagationRef: r,
+      checked: e,
+      defaultChecked: p,
+      required: f,
+      disabled: i,
+      name: m,
+      value: C,
+      form: d,
+      bubbleInput: l,
+      setBubbleInput: v
+    } = E(M, t), k = B(c, v), x = j(e), _ = H(u);
+    s.useEffect(() => {
+      const n = l;
+      if (!n) return;
+      const I = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, D = !r.current;
+      if (x !== e && y) {
+        const F = new Event("click", { bubbles: D });
+        n.indeterminate = h(e), y.call(n, h(e) ? !1 : e), n.dispatchEvent(F);
+      }
+    }, [l, x, e, r]);
+    const o = s.useRef(h(e) ? !1 : e);
+    return /* @__PURE__ */ b(
+      P.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: p ?? o.current,
+        required: f,
+        disabled: i,
+        name: m,
+        value: C,
+        form: d,
+        ...a,
+        tabIndex: -1,
+        ref: k,
+        style: {
+          ...a.style,
+          ..._,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+q.displayName = M;
+function W(t) {
+  return typeof t == "function";
+}
+function h(t) {
+  return t === "indeterminate";
+}
+function A(t) {
+  return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
+}
+export {
+  Q as Checkbox,
+  V as CheckboxIndicator,
+  V as Indicator,
+  Q as Root,
+  q as unstable_BubbleInput,
+  q as unstable_CheckboxBubbleInput,
+  J as unstable_CheckboxProvider,
+  w as unstable_CheckboxTrigger,
+  J as unstable_Provider,
+  w as unstable_Trigger
+};
+//# sourceMappingURL=index350.mjs.map

package/index351.mjs

@@ -0,0 +1,78 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as b, useRef as p, useImperativeHandle as m, useCallback as i } from "react";
+import { cn as v } from "./index7.mjs";
+const f = b(
+  ({ invalid: r, onLeftArrow: t, onRightArrow: n, ...a }, u) => {
+    const c = p(null);
+    m(u, () => ({
+      focus: () => {
+        var e;
+        (e = c.current) == null || e.focus();
+      },
+      get element() {
+        return c.current;
+      }
+    }));
+    const d = i(() => {
+      var e;
+      (e = c.current) == null || e.select();
+    }, [c]), o = i(
+      (e) => {
+        var s;
+        switch (e.key) {
+          case "ArrowLeft": {
+            e.preventDefault(), t == null || t();
+            break;
+          }
+          case "ArrowRight": {
+            e.preventDefault(), n == null || n();
+            break;
+          }
+          case "Backspace":
+            (s = c.current) != null && s.value || setTimeout(() => {
+              t == null || t();
+            }, 0);
+            break;
+        }
+      },
+      [t, n]
+    );
+    return /* @__PURE__ */ l(
+      "input",
+      {
+        ref: c,
+        type: "text",
+        maxLength: 1,
+        ...a,
+        onFocus: d,
+        onKeyDown: o,
+        className: v(
+          "appearance-none",
+          "h-14 w-10",
+          "rounded-500 bg-surface-high outline-none",
+          "transition duration-200",
+          "component-strong-900 text-content-primary",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "focus-visible:misc-border-size-focus-ring",
+          "px-0 text-center",
+          r ? [
+            "border border-content-negative caret-content-primary",
+            "focus-visible:border-content-negative focus-visible:ring-background-negative-subdued-down",
+            "text-content-negative"
+          ] : [
+            "border caret-content-accent",
+            "hover:border-neutral-4",
+            "focus-visible:border-content-accent focus-visible:ring-misc-focus-indicator-subdued",
+            "border-misc-divider"
+          ],
+          a.className
+        )
+      }
+    );
+  }
+);
+f.displayName = "CodeInputField";
+export {
+  f as CodeInputField
+};
+//# sourceMappingURL=index351.mjs.map

package/index352.mjs

@@ -0,0 +1,20 @@
+import { jsxs as o, jsx as C } from "react/jsx-runtime";
+const h = (t) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "40",
+    height: "32",
+    viewBox: "0 0 40 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ C("path", { d: "M25.5435 7.57567C23.1435 7.57567 22.1292 8.72092 20.4578 8.72092C18.7441 8.72092 17.4369 7.58401 15.3572 7.58401C13.3215 7.58401 11.1506 8.82687 9.77204 10.9441C7.83632 13.9299 8.16489 19.5531 11.3 24.3436C12.4215 26.0585 13.9191 27.9817 15.8834 28.0025H15.9191C17.6262 28.0025 18.1334 26.8847 20.4828 26.8716H20.5185C22.8328 26.8716 23.2971 27.996 24.9971 27.996H25.0328C26.9971 27.9752 28.5751 25.8442 29.6965 24.1359C30.5037 22.9073 30.8037 22.2906 31.4227 20.9007C26.8876 19.1793 26.159 12.7501 30.6441 10.2852C29.2751 8.57091 27.3513 7.57805 25.5376 7.57805L25.5435 7.57567Z" }),
+      /* @__PURE__ */ C("path", { d: "M25.0149 1.33398C23.5864 1.43101 21.9197 2.34054 20.9435 3.52804C20.0578 4.60423 19.3292 6.20067 19.6149 7.74889H19.7292C21.2506 7.74889 22.8078 6.83281 23.7173 5.659C24.5935 4.54173 25.2578 2.95839 25.0149 1.33398Z" })
+    ]
+  }
+);
+export {
+  h as AppleLogo
+};
+//# sourceMappingURL=index352.mjs.map

package/index353.mjs

@@ -0,0 +1,17 @@
+import { jsx as C } from "react/jsx-runtime";
+const e = (o) => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "40",
+    height: "32",
+    viewBox: "0 0 40 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...o,
+    children: /* @__PURE__ */ C("path", { d: "M26.9038 19.4479C26.215 19.4479 25.6546 18.8508 25.6546 18.1172C25.6546 17.3836 26.215 16.7869 26.9038 16.7869C27.5927 16.7869 28.153 17.3836 28.153 18.1172C28.153 18.8508 27.5927 19.4479 26.9038 19.4479ZM13.0962 19.4479C12.4073 19.4479 11.847 18.8508 11.847 18.1172C11.847 17.3836 12.4073 16.7869 13.0962 16.7869C13.785 16.7869 14.3454 17.3836 14.3454 18.1172C14.3454 18.8508 13.785 19.4479 13.0962 19.4479ZM27.3518 11.4343L29.8485 6.82956C29.9916 6.56489 29.9065 6.22682 29.6584 6.07397C29.4102 5.92156 29.0924 6.01223 28.9488 6.27647L26.4209 10.9395C24.4878 10 22.3167 9.47671 20 9.47671C17.6833 9.47671 15.5122 10 13.5791 10.9395L11.0512 6.27647C10.9076 6.01223 10.5898 5.92156 10.3416 6.07397C10.0935 6.22682 10.008 6.56489 10.1515 6.82956L12.6482 11.4343C8.36108 13.9174 5.42895 18.5395 5 24H35C34.5707 18.5395 31.6385 13.9174 27.3518 11.4343Z" })
+  }
+);
+export {
+  e as GoogleLogo
+};
+//# sourceMappingURL=index353.mjs.map

package/index354.mjs

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { clsx as m } from "./index296.mjs";
+import { AwardsPalm as r } from "./index463.mjs";
+const x = ({ children: c, subline: e }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: m("flex items-center justify-between gap-1 text-center", "flex-col sm:w-52"),
+    children: [
+      /* @__PURE__ */ t("div", { className: "flex w-full items-center justify-center gap-2", children: [
+        /* @__PURE__ */ s(r, { className: m("sm:h-[60px] sm:w-[30px]", "h-8 w-4 shrink-0") }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: m(
+              "mx-[10px] flex flex-col items-center gap-1 sm:mx-0 sm:w-[130px]",
+              "text-center text-neutral-8"
+            ),
+            children: [
+              c,
+              e && /* @__PURE__ */ s("div", { className: "component-semi-strong-500 hidden sm:block", children: e })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(r, { className: m("sm:h-[60px] sm:w-[30px]", "h-8 w-4 shrink-0 -scale-x-100") })
+      ] }),
+      e && /* @__PURE__ */ s("div", { className: "component-semi-strong-500 text-neutral-8 sm:hidden", children: e })
+    ]
+  }
+);
+export {
+  x as AwardsItem
+};
+//# sourceMappingURL=index354.mjs.map

package/index355.mjs

@@ -0,0 +1,76 @@
+import * as i from "react";
+import { createContextScope as C } from "./index459.mjs";
+import { useCallbackRef as h } from "./index437.mjs";
+import { useLayoutEffect as f } from "./index460.mjs";
+import { Primitive as m } from "./index461.mjs";
+import { useIsHydrated as _ } from "./index462.mjs";
+import { jsx as l } from "react/jsx-runtime";
+var v = "Avatar", [y] = C(v), [x, A] = y(v), L = i.forwardRef(
+  (t, e) => {
+    const { __scopeAvatar: o, ...r } = t, [n, a] = i.useState("idle");
+    return /* @__PURE__ */ l(
+      x,
+      {
+        scope: o,
+        imageLoadingStatus: n,
+        onImageLoadingStatusChange: a,
+        children: /* @__PURE__ */ l(m.span, { ...r, ref: e })
+      }
+    );
+  }
+);
+L.displayName = v;
+var S = "AvatarImage", E = i.forwardRef(
+  (t, e) => {
+    const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
+    }, ...a } = t, u = A(S, o), s = N(r, a), d = h((c) => {
+      n(c), u.onImageLoadingStatusChange(c);
+    });
+    return f(() => {
+      s !== "idle" && d(s);
+    }, [s, d]), s === "loaded" ? /* @__PURE__ */ l(m.img, { ...a, ref: e, src: r }) : null;
+  }
+);
+E.displayName = S;
+var I = "AvatarFallback", R = i.forwardRef(
+  (t, e) => {
+    const { __scopeAvatar: o, delayMs: r, ...n } = t, a = A(I, o), [u, s] = i.useState(r === void 0);
+    return i.useEffect(() => {
+      if (r !== void 0) {
+        const d = window.setTimeout(() => s(!0), r);
+        return () => window.clearTimeout(d);
+      }
+    }, [r]), u && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ l(m.span, { ...n, ref: e }) : null;
+  }
+);
+R.displayName = I;
+function p(t, e) {
+  return t ? e ? (t.src !== e && (t.src = e), t.complete && t.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function N(t, { referrerPolicy: e, crossOrigin: o }) {
+  const r = _(), n = i.useRef(null), a = r ? (n.current || (n.current = new window.Image()), n.current) : null, [u, s] = i.useState(
+    () => p(a, t)
+  );
+  return f(() => {
+    s(p(a, t));
+  }, [a, t]), f(() => {
+    const d = (w) => () => {
+      s(w);
+    };
+    if (!a) return;
+    const c = d("loaded"), g = d("error");
+    return a.addEventListener("load", c), a.addEventListener("error", g), e && (a.referrerPolicy = e), typeof o == "string" && (a.crossOrigin = o), () => {
+      a.removeEventListener("load", c), a.removeEventListener("error", g);
+    };
+  }, [a, o, e]), u;
+}
+var H = L, j = E, B = R;
+export {
+  L as Avatar,
+  R as AvatarFallback,
+  E as AvatarImage,
+  B as Fallback,
+  j as Image,
+  H as Root
+};
+//# sourceMappingURL=index355.mjs.map

package/index356.mjs

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Item as c, Indicator as s } from "./index315.mjs";
+import { clsx as o } from "./index296.mjs";
+import { HelperText as l } from "./index109.mjs";
+const f = ({
+  label: n,
+  description: t,
+  className: a,
+  ...r
+}) => /* @__PURE__ */ e(
+  c,
+  {
+    ...r,
+    className: o(
+      "group/radiogroupitem relative content-to-edge-py-250 focus-visible:outline-none",
+      a
+    ),
+    children: /* @__PURE__ */ i(
+      "div",
+      {
+        className: o("flex gap-4 text-left", {
+          "pointer-events-none opacity-30": r.disabled,
+          "cursor-pointer": !r.disabled
+        }),
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: o(
+                "border-neutral-4 hover:border-neutral-5 group-data-[state=checked]/radiogroupitem:border-content-accent",
+                "group-focus-visible/radiogroupitem:ring-accent-alpha-5 group-focus-visible/radiogroupitem:misc-border-size-focus-ring",
+                "flex h-5 w-5 shrink-0 items-center justify-center rounded-full misc-border-size-selection"
+              ),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(s, { className: "h-2 w-2 rounded-full bg-content-accent" })
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: "flex grow flex-col gap-1", children: [
+            /* @__PURE__ */ e("span", { className: "component-500 block text-content-primary", children: n }),
+            !!t && /* @__PURE__ */ e(l, { children: t })
+          ] })
+        ]
+      }
+    )
+  }
+);
+export {
+  f as RadioGroupItem
+};
+//# sourceMappingURL=index356.mjs.map

package/index357.mjs

@@ -0,0 +1,23 @@
+const a = (e) => {
+  var t;
+  return ((t = e.toString().split(".")[1]) == null ? void 0 : t.length) || 0;
+}, d = (e, t) => +`${Math.round(+`${e}e${t}`)}e-${t}`, i = (e, t) => Math.round(e / t) * t, c = (e, { min: t, max: n, step: r } = {}) => {
+  let o = e;
+  if (typeof r < "u") {
+    const u = a(r);
+    o = d(i(o, r), u);
+  }
+  return typeof t < "u" && (o = Math.max(t, o)), typeof n < "u" && (o = Math.min(n, o)), o;
+}, f = (e, { decimals: t, unit: n } = {}) => `${e.toFixed(t ?? 0)}${n ?? ""}`, s = (e) => {
+  const t = parseFloat(e);
+  return isNaN(t) ? void 0 : t;
+};
+export {
+  d as accurateRound,
+  f as formatNumber,
+  a as getNumberOfDecimals,
+  s as parseNumeric,
+  c as roundAndClamp,
+  i as roundToNearest
+};
+//# sourceMappingURL=index357.mjs.map

package/index358.mjs

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Item as s, Indicator as c } from "./index315.mjs";
+import { clsx as i } from "./index296.mjs";
+const u = ({
+  label: o,
+  icon: t,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ e(
+  s,
+  {
+    ...r,
+    className: i("group/radiogroupitem relative focus-visible:outline-none", n),
+    children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: i("flex min-h-[32px] flex-nowrap items-center gap-2", {
+          "pointer-events-none opacity-30": r.disabled,
+          "cursor-pointer": !r.disabled
+        }),
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: i(
+                "border-neutral-4 hover:border-neutral-5 group-data-[state=checked]/radiogroupitem:border-content-accent",
+                "group-focus-visible/radiogroupitem:ring-accent-alpha-5 group-focus-visible/radiogroupitem:misc-border-size-focus-ring",
+                "flex h-5 w-5 shrink-0 items-center justify-center rounded-full misc-border-size-selection"
+              ),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(c, { className: "h-2 w-2 rounded-full bg-content-accent" })
+            }
+          ),
+          t,
+          /* @__PURE__ */ e("span", { className: "component-500 text-content-primary", children: o })
+        ]
+      }
+    )
+  }
+);
+export {
+  u as InlineRadioGroupItem
+};
+//# sourceMappingURL=index358.mjs.map

package/index359.mjs

@@ -0,0 +1,48 @@
+import { jsx as c, jsxs as d } from "react/jsx-runtime";
+import { cva as u } from "./index302.mjs";
+import { forwardRef as b } from "react";
+const l = u(
+  [
+    "flex shrink-0 items-center justify-center px-4 py-[11px]",
+    "rounded-full outline-none",
+    "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+    "component-semi-strong-500",
+    "transition duration-200",
+    "disabled:opacity-30"
+  ],
+  {
+    variants: {
+      isSelected: {
+        true: ["bg-background-default text-content-white-primary-inverted"],
+        false: [
+          "bg-background-subdued text-content-primary",
+          "hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover",
+          "active:bg-neutral-subdued-down"
+        ]
+      }
+    },
+    defaultVariants: {
+      isSelected: !1
+    }
+  }
+), m = b(
+  ({ children: t, className: s, onClick: r, as: i = "button", isSelected: e, badge: a, ...o }, n) => /* @__PURE__ */ c(
+    i,
+    {
+      ref: n,
+      className: l({ isSelected: e, class: s }),
+      onClick: r,
+      "data-active": e,
+      ...o,
+      children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+        t,
+        a
+      ] })
+    }
+  )
+);
+m.displayName = "TabsItem";
+export {
+  m as TabsItem
+};
+//# sourceMappingURL=index359.mjs.map

package/index36.mjs

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Root as l } from "./index343.mjs";
+import { clsx as c } from "./index296.mjs";
+import { ToggleStackButton as p } from "./index344.mjs";
+import { ToggleStackContext as s } from "./index345.mjs";
+const f = ({ value: r, onValueChange: o, children: m, ...n }) => {
+  const e = (t) => {
+    t && t !== r && (o == null || o(t));
+  };
+  return /* @__PURE__ */ i(s.Provider, { value: { onValueChange: e }, children: /* @__PURE__ */ i(
+    l,
+    {
+      type: "single",
+      className: c("relative inline-flex gap-0.5", "rounded-500 !outline-none"),
+      ...n,
+      onValueChange: e,
+      value: r,
+      children: m
+    }
+  ) });
+};
+f.Button = p;
+export {
+  f as ToggleStack
+};
+//# sourceMappingURL=index36.mjs.map