@drjoshcsimmons/scl 0.1.13 → 0.1.14

package/dist/index56.js

@@ -1,13 +1,238 @@
-import t from "./index121.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 h = t("ChevronRight", [
-  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]);
+import * as i from "react";
+import { composeEventHandlers as I } from "./index76.js";
+import { useComposedRefs as E } from "./index77.js";
+import { createContextScope as w } from "./index78.js";
+import { Primitive as b } from "./index86.js";
+import { createRovingFocusGroupScope as P, Root as B, Item as q } from "./index95.js";
+import { useControllableState as K } from "./index88.js";
+import { useDirection as T } from "./index92.js";
+import { useSize as U } from "./index104.js";
+import { usePrevious as V } from "./index105.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%)" }
+        }
+      )
+    ] });
+  }
+);
+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
+      }
+    ) });
+  }
+);
+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,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: o,
+        ...e,
+        tabIndex: -1,
+        ref: f,
+        style: {
+          ...e.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+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
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+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());
+            })
+          }
+        )
+      }
+    );
+  }
+);
+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 });
+  }
+);
+L.displayName = ee;
+var le = M, fe = F, me = L;
 export {
-  h as default
+  me as Indicator,
+  fe as Item,
+  M as RadioGroup,
+  L as RadioGroupIndicator,
+  F as RadioGroupItem,
+  le as Root
 };

package/dist/index57.js

@@ -1,127 +1,13 @@
-import * as l from "react";
-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 "./index48.js";
-import { composeEventHandlers as W } from "./index79.js";
-import { createSlottable as Y } from "./index96.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(L, { ...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(
-      $,
-      {
-        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 })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-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 });
-  }
-);
-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 });
-  }
-);
-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;
+import c from "./index119.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 {
-  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
+  r as default
 };

package/dist/index58.js

@@ -1,75 +1,84 @@
-import * as i from "react";
-import { createContextScope as C } from "./index97.js";
-import { useCallbackRef as h } from "./index98.js";
-import { useLayoutEffect as f } from "./index99.js";
-import { Primitive as m } from "./index100.js";
-import { useIsHydrated as _ } from "./index101.js";
+import * as m from "react";
+import { createContextScope as $ } from "./index106.js";
+import { Primitive as c } from "./index107.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,
+var u = "Progress", d = 100, [h] = $(u), [R, _] = h(u), f = m.forwardRef(
+  (r, e) => {
+    const {
+      __scopeProgress: i,
+      value: o = null,
+      max: a,
+      getValueLabel: N = E,
+      ...b
+    } = r;
+    (a || a === 0) && !v(a) && console.error(M(`${a}`, "Progress"));
+    const t = v(a) ? a : d;
+    o !== null && !p(o, t) && console.error(V(`${o}`, "Progress"));
+    const n = p(o, t) ? o : null, I = s(n) ? N(n, t) : void 0;
+    return /* @__PURE__ */ l(R, { scope: i, value: n, max: t, children: /* @__PURE__ */ l(
+      c.div,
       {
-        scope: o,
-        imageLoadingStatus: n,
-        onImageLoadingStatusChange: a,
-        children: /* @__PURE__ */ l(m.span, { ...r, ref: e })
+        "aria-valuemax": t,
+        "aria-valuemin": 0,
+        "aria-valuenow": s(n) ? n : void 0,
+        "aria-valuetext": I,
+        role: "progressbar",
+        "data-state": P(n, t),
+        "data-value": n ?? void 0,
+        "data-max": t,
+        ...b,
+        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);
+f.displayName = u;
+var g = "ProgressIndicator", x = m.forwardRef(
+  (r, e) => {
+    const { __scopeProgress: i, ...o } = r, a = _(g, i);
+    return /* @__PURE__ */ l(
+      c.div,
+      {
+        "data-state": P(a.value, a.max),
+        "data-value": a.value ?? void 0,
+        "data-max": a.max,
+        ...o,
+        ref: e
       }
-    }, [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";
+x.displayName = g;
+function E(r, e) {
+  return `${Math.round(r / e * 100)}%`;
+}
+function P(r, e) {
+  return r == null ? "indeterminate" : r === e ? "complete" : "loading";
+}
+function s(r) {
+  return typeof r == "number";
+}
+function v(r) {
+  return s(r) && !isNaN(r) && r > 0;
+}
+function p(r, e) {
+  return s(r) && !isNaN(r) && r <= e && r >= 0;
+}
+function M(r, e) {
+  return `Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${d}\`.`;
 }
-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;
+function V(r, e) {
+  return `Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${d} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
 }
-var H = L, j = E, B = R;
+var D = f, L = x;
 export {
-  L as Avatar,
-  R as AvatarFallback,
-  E as AvatarImage,
-  B as Fallback,
-  j as Image,
-  H as Root
+  L as Indicator,
+  f as Progress,
+  x as ProgressIndicator,
+  D as Root
 };