@drjoshcsimmons/scl 0.2.3 → 0.2.5

package/dist/index25.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Root as N, Group as b, Value as g, Portal as S, Content as c, Viewport as v, Item as m, ItemIndicator as R, ItemText as C, Label as n, ScrollDownButton as p, ScrollUpButton as d, Separator as f, Trigger as y, Icon as j } from "./index58.js";
+import { Root as N, Group as b, Value as g, Portal as S, Content as c, Viewport as v, Item as m, ItemIndicator as R, ItemText as C, Label as n, ScrollDownButton as p, ScrollUpButton as d, Separator as f, Trigger as y, Icon as j } from "./index70.js";
 import * as o from "react";
 import { cn as l } from "./index2.js";
-import I from "./index59.js";
-import u from "./index49.js";
-import B from "./index60.js";
+import I from "./index48.js";
+import u from "./index51.js";
+import B from "./index71.js";
 const E = N, F = b, H = g, k = o.forwardRef(({ className: t, children: a, ...r }, s) => /* @__PURE__ */ i(
   y,
   {

package/dist/index26.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { Root as o } from "./index66.js";
+import { Root as o } from "./index75.js";
 import * as f from "react";
 import { cn as i } from "./index2.js";
 const s = f.forwardRef(({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, t) => /* @__PURE__ */ l(

package/dist/index27.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { Root as x, Close as l, Portal as g, Trigger as N, Content as n, Description as m, Overlay as c, Title as d } from "./index56.js";
-import { cva as y } from "./index45.js";
+import { Root as x, Close as l, Portal as g, Trigger as N, Content as n, Description as m, Overlay as c, Title as d } from "./index62.js";
+import { cva as y } from "./index46.js";
 import * as a from "react";
 import { cn as r } from "./index2.js";
-import b from "./index57.js";
+import b from "./index63.js";
 const H = x, O = N, P = l, u = g, f = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
   c,
   {

package/dist/index29.js

@@ -1,5 +1,5 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { Root as n, Track as a, Range as p, Thumb as l } from "./index72.js";
+import { Root as n, Track as a, Range as p, Thumb as l } from "./index73.js";
 import * as d from "react";
 import { cn as h } from "./index2.js";
 const g = d.forwardRef(({ className: i, defaultValue: r, value: o, ...s }, m) => {

package/dist/index31.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Root as i, Thumb as t } from "./index75.js";
+import { Root as i, Thumb as t } from "./index60.js";
 import * as n from "react";
 import { cn as r } from "./index2.js";
 const c = n.forwardRef(({ className: o, ...s }, a) => /* @__PURE__ */ e(

package/dist/index33.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { Root as d, Content as o, List as n, Trigger as c } from "./index54.js";
+import { Root as d, Content as o, List as n, Trigger as c } from "./index74.js";
 import * as s from "react";
 import { cn as r } from "./index2.js";
 const g = d, f = s.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ a(

package/dist/index36.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Root as e } from "./index70.js";
-import { cva as s } from "./index45.js";
+import { Root as e } from "./index66.js";
+import { cva as s } from "./index46.js";
 import * as m from "react";
 import { cn as p } from "./index2.js";
 const f = s(

package/dist/index37.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Root as p, Trigger as n, Portal as s, Content as i, Provider as l } from "./index55.js";
+import { Root as p, Trigger as n, Portal as s, Content as i, Provider as l } from "./index72.js";
 import * as m from "react";
 import { cn as d } from "./index2.js";
 const c = ({

package/dist/index4.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Root as c, Content as n, Item as l, Header as f, Trigger as d } from "./index48.js";
+import { Root as c, Content as n, Item as l, Header as f, Trigger as d } from "./index50.js";
 import * as s from "react";
 import { cn as i } from "./index2.js";
-import p from "./index49.js";
+import p from "./index51.js";
 const v = c, N = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ r(l, { ref: o, className: i("border-b-2 w-full", e), ...t }));
 N.displayName = "AccordionItem";
 const x = s.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ r(f, { className: "flex", children: /* @__PURE__ */ m(

package/dist/index45.js

@@ -1,35 +1,127 @@
-import { clsx as O } from "./index43.js";
-const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
-  var s;
-  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
-    const a = n == null ? void 0 : n[t], u = d == null ? void 0 : d[t];
-    if (a === null) return null;
-    const i = m(a) || m(u);
-    return r[t][i];
-  }), v = n && Object.entries(n).reduce((t, a) => {
-    let [u, i] = a;
-    return i === void 0 || (t[u] = i), t;
-  }, {}), N = l == null || (s = l.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((t, a) => {
-    let { class: u, className: i, ...f } = a;
-    return Object.entries(f).every((C) => {
-      let [c, o] = C;
-      return Array.isArray(o) ? o.includes({
-        ...d,
-        ...v
-      }[c]) : {
-        ...d,
-        ...v
-      }[c] === o;
-    }) ? [
-      ...t,
-      u,
-      i
-    ] : t;
-  }, []);
-  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+import * as l from "react";
+import { createContextScope as w } from "./index77.js";
+import { useComposedRefs as v } from "./index76.js";
+import { createDialogScope as A, Root as M, Portal as x, Trigger as I, Close as f, WarningProvider as L, Content as $, Description as F, Overlay as G, Title as j } from "./index62.js";
+import { composeEventHandlers as W } from "./index78.js";
+import { createSlottable as Y } from "./index84.js";
+import { jsx as i, jsxs as q } from "react/jsx-runtime";
+var D = "AlertDialog", [B] = w(D, [
+  A
+]), n = A(), m = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(M, { ...t, ...r, modal: !0 });
 };
+m.displayName = D;
+var H = "AlertDialogTrigger", y = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(I, { ...a, ...t, ref: o });
+  }
+);
+y.displayName = H;
+var V = "AlertDialogPortal", _ = (e) => {
+  const { __scopeAlertDialog: o, ...r } = e, t = n(o);
+  return /* @__PURE__ */ i(x, { ...t, ...r });
+};
+_.displayName = V;
+var k = "AlertDialogOverlay", N = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
+  }
+);
+N.displayName = k;
+var s = "AlertDialogContent", [z, J] = B(s), K = Y("AlertDialogContent"), R = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, children: t, ...a } = e, g = n(r), p = l.useRef(null), b = v(o, p), d = l.useRef(null);
+    return /* @__PURE__ */ i(
+      L,
+      {
+        contentName: s,
+        titleName: C,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
+          $,
+          {
+            role: "alertdialog",
+            ...g,
+            ...a,
+            ref: b,
+            onOpenAutoFocus: W(a.onOpenAutoFocus, (c) => {
+              var u;
+              c.preventDefault(), (u = d.current) == null || u.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (c) => c.preventDefault(),
+            onInteractOutside: (c) => c.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(K, { children: t }),
+              /* @__PURE__ */ i(U, { contentRef: p })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+R.displayName = s;
+var C = "AlertDialogTitle", h = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(j, { ...a, ...t, ref: o });
+  }
+);
+h.displayName = C;
+var E = "AlertDialogDescription", P = l.forwardRef((e, o) => {
+  const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+  return /* @__PURE__ */ i(F, { ...a, ...t, ref: o });
+});
+P.displayName = E;
+var Q = "AlertDialogAction", S = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
+    return /* @__PURE__ */ i(f, { ...a, ...t, ref: o });
+  }
+);
+S.displayName = Q;
+var T = "AlertDialogCancel", O = l.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = J(T, r), g = n(r), p = v(o, a);
+    return /* @__PURE__ */ i(f, { ...g, ...t, ref: p });
+  }
+);
+O.displayName = T;
+var U = ({ contentRef: e }) => {
+  const o = `\`${s}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${s}\` by passing a \`${E}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${s}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return l.useEffect(() => {
+    var t;
+    document.getElementById(
+      (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby")
+    ) || console.warn(o);
+  }, [o, e]), null;
+}, ae = m, ie = y, le = _, ne = N, se = R, ce = S, pe = O, ge = h, de = P;
 export {
-  j as cva,
-  y as cx
+  ce as Action,
+  m as AlertDialog,
+  S as AlertDialogAction,
+  O as AlertDialogCancel,
+  R as AlertDialogContent,
+  P as AlertDialogDescription,
+  N as AlertDialogOverlay,
+  _ as AlertDialogPortal,
+  h as AlertDialogTitle,
+  y as AlertDialogTrigger,
+  pe as Cancel,
+  se as Content,
+  de as Description,
+  ne as Overlay,
+  le as Portal,
+  ae as Root,
+  ge as Title,
+  ie as Trigger
 };

package/dist/index46.js

@@ -1,75 +1,35 @@
-import * as i from "react";
-import { createContextScope as C } from "./index76.js";
-import { useCallbackRef as h } from "./index77.js";
-import { useLayoutEffect as f } from "./index78.js";
-import { Primitive as m } from "./index79.js";
-import { useIsHydrated as _ } from "./index80.js";
-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;
+import { clsx as O } from "./index43.js";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var s;
+  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n == null ? void 0 : n[t], u = d == null ? void 0 : d[t];
+    if (a === null) return null;
+    const i = m(a) || m(u);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [u, i] = a;
+    return i === void 0 || (t[u] = i), t;
+  }, {}), N = l == null || (s = l.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((t, a) => {
+    let { class: u, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      u,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+};
 export {
-  L as Avatar,
-  R as AvatarFallback,
-  E as AvatarImage,
-  B as Fallback,
-  j as Image,
-  H as Root
+  j as cva,
+  y as cx
 };

package/dist/index47.js

@@ -1,62 +1,251 @@
-import * as o from "react";
-import { composeRefs as S } from "./index83.js";
-import { jsx as y } from "react/jsx-runtime";
-var E = Symbol.for("react.lazy"), p = o[" use ".trim().toString()];
-function g(t) {
-  return typeof t == "object" && t !== null && "then" in t;
-}
-function d(t) {
-  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === E && "_payload" in t && g(t._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function C(t) {
-  const n = /* @__PURE__ */ R(t), i = o.forwardRef((e, r) => {
-    let { children: l, ...a } = e;
-    d(l) && typeof p == "function" && (l = p(l._payload));
-    const s = o.Children.toArray(l), f = s.find(b);
-    if (f) {
-      const c = f.props.children, m = s.map((u) => u === f ? o.Children.count(c) > 1 ? o.Children.only(null) : o.isValidElement(c) ? c.props.children : null : u);
-      return /* @__PURE__ */ y(n, { ...a, ref: r, children: o.isValidElement(c) ? o.cloneElement(c, void 0, m) : null });
+import * as s from "react";
+import { useComposedRefs as B } from "./index76.js";
+import { createContextScope as L } from "./index77.js";
+import { composeEventHandlers as S } from "./index78.js";
+import { useControllableState as O } from "./index79.js";
+import { usePrevious as j } from "./index80.js";
+import { useSize as H } from "./index81.js";
+import { Presence as z } from "./index82.js";
+import { Primitive as P } from "./index83.js";
+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
     }
-    return /* @__PURE__ */ y(n, { ...a, ref: r, children: l });
-  });
-  return i.displayName = `${t}.Slot`, i;
-}
-var V = /* @__PURE__ */ C("Slot");
-// @__NO_SIDE_EFFECTS__
-function R(t) {
-  const n = o.forwardRef((i, e) => {
-    let { children: r, ...l } = i;
-    if (d(r) && typeof p == "function" && (r = p(r._payload)), o.isValidElement(r)) {
-      const a = P(r), s = h(l, r.props);
-      return r.type !== o.Fragment && (s.ref = e ? S(e, a) : a), o.cloneElement(r, s);
-    }
-    return o.Children.count(r) > 1 ? o.Children.only(null) : null;
-  });
-  return n.displayName = `${t}.SlotClone`, n;
-}
-var _ = Symbol("radix.slottable");
-function b(t) {
-  return o.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === _;
+  );
 }
-function h(t, n) {
-  const i = { ...n };
-  for (const e in n) {
-    const r = t[e], l = n[e];
-    /^on[A-Z]/.test(e) ? r && l ? i[e] = (...s) => {
-      const f = l(...s);
-      return r(...s), f;
-    } : r && (i[e] = r) : e === "style" ? i[e] = { ...r, ...l } : e === "className" && (i[e] = [r, l].filter(Boolean).join(" "));
+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());
+        })
+      }
+    );
   }
-  return { ...t, ...i };
+);
+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 P(t) {
-  var e, r;
-  let n = (e = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : e.get, i = n && "isReactWarning" in n && n.isReactWarning;
-  return i ? t.ref : (n = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, i = n && "isReactWarning" in n && n.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
+function A(t) {
+  return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
 }
 export {
-  V as Root,
-  V as Slot,
-  C as createSlot
+  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
 };