@drjoshcsimmons/scl 0.3.1 → 0.4.1

package/dist/index137.js

@@ -1,16 +1,11 @@
-var r = !1;
-if (typeof window < "u")
-  try {
-    var e = Object.defineProperty({}, "passive", {
-      get: function() {
-        return r = !0, !0;
-      }
-    });
-    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
-  } catch {
-    r = !1;
-  }
-var a = r ? { passive: !1 } : !1;
+import { styleHookSingleton as o } from "./index143.js";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
+  };
+  return n;
+};
 export {
-  a as nonPassive
+  s as styleSingleton
 };

package/dist/index138.js

@@ -1,68 +1,16 @@
-var N = function(r) {
-  return r.tagName === "TEXTAREA";
-}, b = function(r, e) {
-  if (!(r instanceof Element))
-    return !1;
-  var t = window.getComputedStyle(r);
-  return (
-    // not-not-scrollable
-    t[e] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
-  );
-}, D = function(r) {
-  return b(r, "overflowY");
-}, E = function(r) {
-  return b(r, "overflowX");
-}, T = function(r, e) {
-  var t = e.ownerDocument, l = e;
-  do {
-    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
-    var f = g(r, l);
-    if (f) {
-      var n = m(r, l), i = n[1], o = n[2];
-      if (i > o)
-        return !0;
-    }
-    l = l.parentNode;
-  } while (l && l !== t.body);
-  return !1;
-}, H = function(r) {
-  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
-  return [
-    e,
-    t,
-    l
-  ];
-}, p = function(r) {
-  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
-  return [
-    e,
-    t,
-    l
-  ];
-}, g = function(r, e) {
-  return r === "v" ? D(e) : E(e);
-}, m = function(r, e) {
-  return r === "v" ? H(e) : p(e);
-}, B = function(r, e) {
-  return r === "h" && e === "rtl" ? -1 : 1;
-}, V = function(r, e, t, l, f) {
-  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
-  do {
-    if (!o)
-      break;
-    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
-    (v || w) && g(r, o) && (h += w, S += v);
-    var a = o.parentNode;
-    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
-  } while (
-    // portaled content
-    !d && o !== document.body || // self content
-    d && (e.contains(o) || e === o)
-  );
-  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
-};
+var r = !1;
+if (typeof window < "u")
+  try {
+    var e = Object.defineProperty({}, "passive", {
+      get: function() {
+        return r = !0, !0;
+      }
+    });
+    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
+  } catch {
+    r = !1;
+  }
+var a = r ? { passive: !1 } : !1;
 export {
-  V as handleScroll,
-  T as locationCouldBeScrolled
+  a as nonPassive
 };

package/dist/index139.js

@@ -1,6 +1,68 @@
-function i(n, t) {
-  return typeof n == "function" ? n(t) : n && (n.current = t), n;
-}
+var N = function(r) {
+  return r.tagName === "TEXTAREA";
+}, b = function(r, e) {
+  if (!(r instanceof Element))
+    return !1;
+  var t = window.getComputedStyle(r);
+  return (
+    // not-not-scrollable
+    t[e] !== "hidden" && // contains scroll inside self
+    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
+  );
+}, D = function(r) {
+  return b(r, "overflowY");
+}, E = function(r) {
+  return b(r, "overflowX");
+}, T = function(r, e) {
+  var t = e.ownerDocument, l = e;
+  do {
+    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
+    var f = g(r, l);
+    if (f) {
+      var n = m(r, l), i = n[1], o = n[2];
+      if (i > o)
+        return !0;
+    }
+    l = l.parentNode;
+  } while (l && l !== t.body);
+  return !1;
+}, H = function(r) {
+  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
+  return [
+    e,
+    t,
+    l
+  ];
+}, p = function(r) {
+  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
+  return [
+    e,
+    t,
+    l
+  ];
+}, g = function(r, e) {
+  return r === "v" ? D(e) : E(e);
+}, m = function(r, e) {
+  return r === "v" ? H(e) : p(e);
+}, B = function(r, e) {
+  return r === "h" && e === "rtl" ? -1 : 1;
+}, V = function(r, e, t, l, f) {
+  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
+  do {
+    if (!o)
+      break;
+    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
+    (v || w) && g(r, o) && (h += w, S += v);
+    var a = o.parentNode;
+    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
+  } while (
+    // portaled content
+    !d && o !== document.body || // self content
+    d && (e.contains(o) || e === o)
+  );
+  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
+};
 export {
-  i as assignRef
+  V as handleScroll,
+  T as locationCouldBeScrolled
 };

package/dist/index14.js

@@ -1,17 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Root as o } from "./index47.js";
-import * as e from "react";
-import { cx as p } from "./index2.js";
+import { jsx as m } from "react/jsx-runtime";
+import * as n from "react";
+import { cx as s } from "./index2.js";
 /* empty css        */
-const s = e.forwardRef(({ className: m, ...r }, a) => /* @__PURE__ */ t(
-  o,
-  {
-    ref: a,
-    className: p("scl-label", m),
-    ...r
-  }
-));
-s.displayName = o.displayName;
+const c = n.forwardRef(
+  ({ className: r, type: a, error: i, "aria-invalid": t, ...p }, o) => /* @__PURE__ */ m(
+    "input",
+    {
+      type: a,
+      className: s("scl-input", i && "scl-input--error", r),
+      ref: o,
+      "aria-invalid": t ?? i,
+      ...p
+    }
+  )
+);
+c.displayName = "Input";
 export {
-  s as Label
+  c as Input
 };

package/dist/index140.js

@@ -1,25 +1,6 @@
-import { useState as u } from "react";
-function n(c, r) {
-  var e = u(function() {
-    return {
-      // value
-      value: c,
-      // last callback
-      callback: r,
-      // "memoized" public interface
-      facade: {
-        get current() {
-          return e.value;
-        },
-        set current(a) {
-          var t = e.value;
-          t !== a && (e.value = a, e.callback(a, t));
-        }
-      }
-    };
-  })[0];
-  return e.callback = r, e.facade;
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
 }
 export {
-  n as useCallbackRef
+  i as assignRef
 };

package/dist/index141.js

@@ -1,15 +1,25 @@
-import * as o from "react";
-import { stylesheetSingleton as r } from "./index142.js";
-var i = function() {
-  var t = r();
-  return function(e, n) {
-    o.useEffect(function() {
-      return t.add(e), function() {
-        t.remove();
-      };
-    }, [e && n]);
-  };
-};
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
 export {
-  i as styleHookSingleton
+  n as useCallbackRef
 };

package/dist/index142.js

@@ -1,30 +1,25 @@
-import { getNonce as o } from "./index143.js";
-function r() {
-  if (!document)
-    return null;
-  var t = document.createElement("style");
-  t.type = "text/css";
-  var e = o();
-  return e && t.setAttribute("nonce", e), t;
-}
-function l(t, e) {
-  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
-}
-function a(t) {
-  var e = document.head || document.getElementsByTagName("head")[0];
-  e.appendChild(t);
-}
-var c = function() {
-  var t = 0, e = null;
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
   return {
-    add: function(n) {
-      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
-    },
-    remove: function() {
-      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
-    }
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
   };
 };
 export {
-  c as stylesheetSingleton
+  f as getGapWidth,
+  a as zeroGap
 };

package/dist/index143.js

@@ -1,7 +1,15 @@
-var e = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
+import * as o from "react";
+import { stylesheetSingleton as r } from "./index144.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
 };
 export {
-  e as getNonce
+  i as styleHookSingleton
 };

package/dist/index144.js

@@ -1,25 +1,30 @@
-var a = {
-  left: 0,
-  top: 0,
-  right: 0,
-  gap: 0
-}, e = function(t) {
-  return parseInt(t || "", 10) || 0;
-}, o = function(t) {
-  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
-  return [e(i), e(r), e(d)];
-}, f = function(t) {
-  if (t === void 0 && (t = "margin"), typeof window > "u")
-    return a;
-  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+import { getNonce as o } from "./index145.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
   return {
-    left: n[0],
-    top: n[1],
-    right: n[2],
-    gap: Math.max(0, r - i + n[2] - n[0])
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
   };
 };
 export {
-  f as getGapWidth,
-  a as zeroGap
+  c as stylesheetSingleton
 };

package/dist/index145.js

@@ -0,0 +1,7 @@
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+export {
+  e as getNonce
+};

package/dist/index15.js

@@ -1,22 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Root as s, Anchor as a, Trigger as m, Portal as i, Content as r } from "./index63.js";
-import * as f from "react";
-import { cx as l } from "./index2.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Root as o } from "./index76.js";
+import * as e from "react";
+import { cx as p } from "./index2.js";
 /* empty css        */
-const R = s, x = m, A = a, v = f.forwardRef(({ className: t, align: e = "center", sideOffset: n = 4, ...c }, p) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
-  r,
+const s = e.forwardRef(({ className: m, ...r }, a) => /* @__PURE__ */ t(
+  o,
   {
-    ref: p,
-    align: e,
-    sideOffset: n,
-    className: l("scl-popover-content", t),
-    ...c
+    ref: a,
+    className: p("scl-label", m),
+    ...r
   }
-) }));
-v.displayName = r.displayName;
+));
+s.displayName = o.displayName;
 export {
-  R as Popover,
-  A as PopoverAnchor,
-  v as PopoverContent,
-  x as PopoverTrigger
+  s as Label
 };

package/dist/index16.js

@@ -1,35 +1,22 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { Root as m, Indicator as t } from "./index57.js";
-import * as d from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { Root as s, Anchor as a, Trigger as m, Portal as i, Content as r } from "./index38.js";
+import * as f from "react";
 import { cx as l } from "./index2.js";
 /* empty css        */
-const n = d.forwardRef(
-  ({ className: c, value: e = 0, showPercentage: a = !1, label: r, ...i }, p) => /* @__PURE__ */ s("div", { className: "scl-progress-wrapper", children: [
-    (r || a) && /* @__PURE__ */ s("div", { className: "scl-progress-label", children: [
-      r && /* @__PURE__ */ o("span", { children: r }),
-      a && /* @__PURE__ */ s("span", { children: [
-        Math.round(e),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ o(
-      m,
-      {
-        ref: p,
-        className: l("scl-progress", c),
-        ...i,
-        children: /* @__PURE__ */ o(
-          t,
-          {
-            className: "scl-progress__indicator",
-            style: { width: `${e}%` }
-          }
-        )
-      }
-    )
-  ] })
-);
-n.displayName = "Progress";
+const R = s, x = m, A = a, v = f.forwardRef(({ className: t, align: e = "center", sideOffset: n = 4, ...c }, p) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
+  r,
+  {
+    ref: p,
+    align: e,
+    sideOffset: n,
+    className: l("scl-popover-content", t),
+    ...c
+  }
+) }));
+v.displayName = r.displayName;
 export {
-  n as Progress
+  R as Popover,
+  A as PopoverAnchor,
+  v as PopoverContent,
+  x as PopoverTrigger
 };

package/dist/index17.js

@@ -1,28 +1,35 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Root as i, Item as m, Indicator as d } from "./index50.js";
-import * as e from "react";
-import { cx as t } from "./index2.js";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { Root as l, Indicator as p } from "./index66.js";
+import * as m from "react";
+import { cx as d } from "./index2.js";
 /* empty css        */
-const p = e.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ o(
-  i,
-  {
-    className: t("scl-radio-group", r),
-    ...a,
-    ref: s
-  }
-));
-p.displayName = i.displayName;
-const c = e.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ o(
-  m,
-  {
-    ref: s,
-    className: t("scl-radio-group__item", r),
-    ...a,
-    children: /* @__PURE__ */ o(d, { className: "scl-radio-group__indicator", children: /* @__PURE__ */ o("span", { className: "scl-radio-group__dot" }) })
-  }
-));
-c.displayName = m.displayName;
+const n = m.forwardRef(
+  ({ className: i, value: e = 0, showPercentage: a = !1, label: r, ...c }, t) => /* @__PURE__ */ s("div", { className: "scl-progress-wrapper", children: [
+    (r || a) && /* @__PURE__ */ s("div", { className: "scl-progress-label", role: "status", "aria-live": "polite", children: [
+      r && /* @__PURE__ */ o("span", { children: r }),
+      a && /* @__PURE__ */ s("span", { children: [
+        Math.round(e),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ o(
+      l,
+      {
+        ref: t,
+        className: d("scl-progress", i),
+        ...c,
+        children: /* @__PURE__ */ o(
+          p,
+          {
+            className: "scl-progress__indicator",
+            style: { width: `${e}%` }
+          }
+        )
+      }
+    )
+  ] })
+);
+n.displayName = "Progress";
 export {
-  p as RadioGroup,
-  c as RadioGroupItem
+  n as Progress
 };

package/dist/index18.js

@@ -1,40 +1,28 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { Root as e, Viewport as _, Corner as d, ScrollAreaScrollbar as i, ScrollAreaThumb as f } from "./index61.js";
-import * as t from "react";
-import { cx as m } from "./index2.js";
+import { jsx as o } from "react/jsx-runtime";
+import { Root as i, Item as m, Indicator as d } from "./index70.js";
+import * as e from "react";
+import { cx as t } from "./index2.js";
 /* empty css        */
-const n = t.forwardRef(({ className: a, children: l, ...o }, c) => /* @__PURE__ */ p(
-  e,
+const p = e.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ o(
+  i,
   {
-    ref: c,
-    className: m("scl-scroll-area", a),
-    ...o,
-    children: [
-      /* @__PURE__ */ r(_, { className: "scl-scroll-area__viewport", children: l }),
-      /* @__PURE__ */ r(s, { orientation: "vertical" }),
-      /* @__PURE__ */ r(s, { orientation: "horizontal" }),
-      /* @__PURE__ */ r(d, {})
-    ]
+    className: t("scl-radio-group", r),
+    ...a,
+    ref: s
   }
 ));
-n.displayName = e.displayName;
-const s = t.forwardRef(({ className: a, orientation: l = "vertical", ...o }, c) => /* @__PURE__ */ r(
-  i,
+p.displayName = i.displayName;
+const c = e.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ o(
+  m,
   {
-    ref: c,
-    orientation: l,
-    className: m(
-      "scl-scroll-area__scrollbar",
-      l === "vertical" && "scl-scroll-area__scrollbar--vertical",
-      l === "horizontal" && "scl-scroll-area__scrollbar--horizontal",
-      a
-    ),
-    ...o,
-    children: /* @__PURE__ */ r(f, { className: "scl-scroll-area__thumb" })
+    ref: s,
+    className: t("scl-radio-group__item", r),
+    ...a,
+    children: /* @__PURE__ */ o(d, { className: "scl-radio-group__indicator", children: /* @__PURE__ */ o("span", { className: "scl-radio-group__dot" }) })
   }
 ));
-s.displayName = i.displayName;
+c.displayName = m.displayName;
 export {
-  n as ScrollArea,
-  s as ScrollBar
+  p as RadioGroup,
+  c as RadioGroupItem
 };