@drjoshcsimmons/scl 0.1.8 → 0.1.10

package/dist/index54.js

@@ -1,127 +1,238 @@
-import * as l from "react";
+import * as i from "react";
+import { composeEventHandlers as I } from "./index79.js";
+import { useComposedRefs as E } from "./index78.js";
 import { createContextScope as w } from "./index76.js";
-import { useComposedRefs as v } from "./index78.js";
-import { createDialogScope as A, Root as M, Portal as x, Trigger as I, Overlay as L, WarningProvider as $, Content as F, Title as G, Description as j, Close as f } from "./index58.js";
-import { composeEventHandlers as W } from "./index79.js";
-import { createSlottable as Y } from "./index102.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 });
+import { Primitive as b } from "./index81.js";
+import { createRovingFocusGroupScope as P, Root as B, Item as q } from "./index89.js";
+import { useControllableState as K } from "./index80.js";
+import { useDirection as T } from "./index83.js";
+import { useSize as U } from "./index88.js";
+import { usePrevious as V } from "./index87.js";
+import { Presence as j } from "./index85.js";
+import { jsx as p, jsxs as z } from "react/jsx-runtime";
+var _ = "Radio", [H, g] = w(_), [W, X] = H(_), k = i.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadio: o,
+      name: s,
+      checked: e = !1,
+      required: r,
+      disabled: n,
+      value: f = "on",
+      onCheck: c,
+      form: m,
+      ...R
+    } = a, [l, v] = i.useState(null), t = E(d, (y) => v(y)), u = i.useRef(!1), h = l ? m || !!l.closest("form") : !0;
+    return /* @__PURE__ */ z(W, { scope: o, checked: e, disabled: n, children: [
+      /* @__PURE__ */ p(
+        b.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": e,
+          "data-state": N(e),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: f,
+          ...R,
+          ref: t,
+          onClick: I(a.onClick, (y) => {
+            e || c == null || c(), h && (u.current = y.isPropagationStopped(), u.current || y.stopPropagation());
+          })
+        }
+      ),
+      h && /* @__PURE__ */ p(
+        A,
+        {
+          control: l,
+          bubbles: !u.current,
+          name: s,
+          value: f,
+          checked: e,
+          required: r,
+          disabled: n,
+          form: m,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
   }
 );
-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(L, { ...a, ...t, ref: o });
+k.displayName = _;
+var G = "RadioIndicator", S = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadio: o, forceMount: s, ...e } = a, r = X(G, o);
+    return /* @__PURE__ */ p(j, { present: s || r.checked, children: /* @__PURE__ */ p(
+      b.span,
+      {
+        "data-state": N(r.checked),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...e,
+        ref: d
+      }
+    ) });
   }
 );
-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(
-      $,
+S.displayName = G;
+var Y = "RadioBubbleInput", A = i.forwardRef(
+  ({
+    __scopeRadio: a,
+    control: d,
+    checked: o,
+    bubbles: s = !0,
+    ...e
+  }, r) => {
+    const n = i.useRef(null), f = E(n, r), c = V(o), m = U(d);
+    return i.useEffect(() => {
+      const R = n.current;
+      if (!R) return;
+      const l = window.HTMLInputElement.prototype, t = Object.getOwnPropertyDescriptor(
+        l,
+        "checked"
+      ).set;
+      if (c !== o && t) {
+        const u = new Event("click", { bubbles: s });
+        t.call(R, o), R.dispatchEvent(u);
+      }
+    }, [c, o, s]), /* @__PURE__ */ p(
+      b.input,
       {
-        contentName: s,
-        titleName: C,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i(z, { scope: r, cancelRef: d, children: /* @__PURE__ */ q(
-          F,
-          {
-            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 })
-            ]
-          }
-        ) })
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: o,
+        ...e,
+        tabIndex: -1,
+        ref: f,
+        style: {
+          ...e.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
       }
     );
   }
 );
-R.displayName = s;
-var C = "AlertDialogTitle", h = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = n(r);
-    return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
+A.displayName = Y;
+function N(a) {
+  return a ? "checked" : "unchecked";
+}
+var J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], C = "RadioGroup", [Q] = w(C, [
+  P,
+  g
+]), x = P(), D = g(), [Z, $] = Q(C), M = i.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadioGroup: o,
+      name: s,
+      defaultValue: e,
+      value: r,
+      required: n = !1,
+      disabled: f = !1,
+      orientation: c,
+      dir: m,
+      loop: R = !0,
+      onValueChange: l,
+      ...v
+    } = a, t = x(o), u = T(m), [h, y] = K({
+      prop: r,
+      defaultProp: e ?? null,
+      onChange: l,
+      caller: C
+    });
+    return /* @__PURE__ */ p(
+      Z,
+      {
+        scope: o,
+        name: s,
+        required: n,
+        disabled: f,
+        value: h,
+        onValueChange: y,
+        children: /* @__PURE__ */ p(
+          B,
+          {
+            asChild: !0,
+            ...t,
+            orientation: c,
+            dir: u,
+            loop: R,
+            children: /* @__PURE__ */ p(
+              b.div,
+              {
+                role: "radiogroup",
+                "aria-required": n,
+                "aria-orientation": c,
+                "data-disabled": f ? "" : void 0,
+                dir: u,
+                ...v,
+                ref: d
+              }
+            )
+          }
+        )
+      }
+    );
   }
 );
-h.displayName = C;
-var E = "AlertDialogDescription", P = l.forwardRef((e, o) => {
-  const { __scopeAlertDialog: r, ...t } = e, a = n(r);
-  return /* @__PURE__ */ i(j, { ...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 });
+M.displayName = C;
+var O = "RadioGroupItem", F = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, disabled: s, ...e } = a, r = $(O, o), n = r.disabled || s, f = x(o), c = D(o), m = i.useRef(null), R = E(d, m), l = r.value === e.value, v = i.useRef(!1);
+    return i.useEffect(() => {
+      const t = (h) => {
+        J.includes(h.key) && (v.current = !0);
+      }, u = () => v.current = !1;
+      return document.addEventListener("keydown", t), document.addEventListener("keyup", u), () => {
+        document.removeEventListener("keydown", t), document.removeEventListener("keyup", u);
+      };
+    }, []), /* @__PURE__ */ p(
+      q,
+      {
+        asChild: !0,
+        ...f,
+        focusable: !n,
+        active: l,
+        children: /* @__PURE__ */ p(
+          k,
+          {
+            disabled: n,
+            required: r.required,
+            checked: l,
+            ...c,
+            ...e,
+            name: r.name,
+            ref: R,
+            onCheck: () => r.onValueChange(e.value),
+            onKeyDown: I((t) => {
+              t.key === "Enter" && t.preventDefault();
+            }),
+            onFocus: I(e.onFocus, () => {
+              var t;
+              v.current && ((t = m.current) == null || t.click());
+            })
+          }
+        )
+      }
+    );
   }
 );
-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 });
+F.displayName = O;
+var ee = "RadioGroupIndicator", L = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, ...s } = a, e = D(o);
+    return /* @__PURE__ */ p(S, { ...e, ...s, ref: d });
   }
 );
-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;
+L.displayName = ee;
+var le = M, fe = F, me = L;
 export {
-  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
+  me as Indicator,
+  fe as Item,
+  M as RadioGroup,
+  L as RadioGroupIndicator,
+  F as RadioGroupItem,
+  le as Root
 };

package/dist/index55.js

@@ -1,62 +1,13 @@
-import * as o from "react";
-import { composeRefs as S } from "./index78.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 });
-    }
-    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(" "));
-  }
-  return { ...t, ...i };
-}
-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);
-}
+import c from "./index117.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const r = c("Circle", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+]);
 export {
-  V as Root,
-  V as Slot,
-  C as createSlot
+  r as default
 };