@drjoshcsimmons/scl 0.1.3 → 0.1.4

package/README.md

@@ -1,9 +1,9 @@
 ```
-   _____ __________
-  / ___// ____/ __ \
-  \__ \/ /   / / / /
- ___/ / /___/ /_/ /
-/____/\____/_____/
+  ____   ____  _
+ / ___| / ___|| |
+ \___ \| |    | |
+  ___) | |___ | |___
+ |____/ \____||_____|
 
 SIMSIES COMPONENT LIBRARY
 "because copy-pasting is for normies"
@@ -90,34 +90,34 @@ function App() {
 ## Components
 
 ```
-┌──────────────────────────────────────────────────────────────────┐
-│                        COMPONENT ARSENAL                         │
-├──────────────────────────────────────────────────────────────────┤
-│                                                                  │
-│  ┌─ LAYOUT ─────────────────────────────────────────────────┐   │
-│  │ Accordion • Card • Collapsible • Scroll Area            │   │
-│  │ Separator • Sheet • Tabs • Resizable                    │   │
-│  └──────────────────────────────────────────────────────────┘   │
-│                                                                  │
-│  ┌─ FORMS ──────────────────────────────────────────────────┐   │
-│  │ Button • Checkbox • Input • Label • Radio Group         │   │
-│  │ Select • Slider • Switch • Textarea • Toggle            │   │
-│  └──────────────────────────────────────────────────────────┘   │
-│                                                                  │
-│  ┌─ DATA DISPLAY ───────────────────────────────────────────┐   │
-│  │ Avatar • Badge • Progress • Skeleton • Table • Tooltip  │   │
-│  └──────────────────────────────────────────────────────────┘   │
-│                                                                  │
-│  ┌─ FEEDBACK ───────────────────────────────────────────────┐   │
-│  │ Alert • Alert Dialog • Dialog • Popover • Dropdown Menu │   │
-│  └──────────────────────────────────────────────────────────┘   │
-│                                                                  │
-│  ┌─ WEIRD CUSTOM SHIT ──────────────────────────────────────┐   │
-│  │ Dithered Image • Statusline • Terminal Textarea         │   │
-│  │ Code Editor (with VIM MODE because we're not animals)   │   │
-│  └──────────────────────────────────────────────────────────┘   │
-│                                                                  │
-└──────────────────────────────────────────────────────────────────┘
+┌────────────────────────────────────────────────────────────────┐
+│                       COMPONENT ARSENAL                        │
+├────────────────────────────────────────────────────────────────┤
+│                                                                │
+│  ┌─ LAYOUT ─────────────────────────────────────────────────┐  │
+│  │ Accordion • Card • Collapsible • Scroll Area             │  │
+│  │ Separator • Sheet • Tabs • Resizable                     │  │
+│  └──────────────────────────────────────────────────────────┘  │
+│                                                                │
+│  ┌─ FORMS ──────────────────────────────────────────────────┐  │
+│  │ Button • Checkbox • Input • Label • Radio Group          │  │
+│  │ Select • Slider • Switch • Textarea • Toggle             │  │
+│  └──────────────────────────────────────────────────────────┘  │
+│                                                                │
+│  ┌─ DATA DISPLAY ───────────────────────────────────────────┐  │
+│  │ Avatar • Badge • Progress • Skeleton • Table • Tooltip   │  │
+│  └──────────────────────────────────────────────────────────┘  │
+│                                                                │
+│  ┌─ FEEDBACK ───────────────────────────────────────────────┐  │
+│  │ Alert • Alert Dialog • Dialog • Popover • Dropdown Menu  │  │
+│  └──────────────────────────────────────────────────────────┘  │
+│                                                                │
+│  ┌─ WEIRD CUSTOM SHIT ──────────────────────────────────────┐  │
+│  │ Dithered Image • Statusline • Terminal Textarea          │  │
+│  │ Code Editor (with VIM MODE because we're not animals)    │  │
+│  └──────────────────────────────────────────────────────────┘  │
+│                                                                │
+└────────────────────────────────────────────────────────────────┘
 ```
 
 ## Development
@@ -173,7 +173,7 @@ Check out the components at [jcpsimmons.github.io/scl](https://jcpsimmons.github
 ║   • No shadows (we live in FLATLAND)                               ║
 ║   • BigBlueTerm437 monospace font (embrace the CRT vibes)          ║
 ║   • CSS variables for theming (HSL colors because we're not        ║
-║     savages who use hex in 2024)                                   ║
+║     savages who use hex in 2099)                                   ║
 ║   • Dark mode (obviously)                                          ║
 ║                                                                    ║
 ║   If you want rounded corners and drop shadows, Material UI is     ║
@@ -202,7 +202,7 @@ It's my name. Well, part of it. Don't overthink it.
 ```
     ┌────────────────────────────────────────────────────────┐
     │                                                        │
-    │   React ──────────────► Because it's 2024              │
+    │   React ──────────────► Because it's 2099              │
     │      │                                                 │
     │      ▼                                                 │
     │   Radix UI ──────────► Accessibility handled           │

package/dist/index100.js

@@ -1,52 +1,17 @@
-var S = function(r) {
-  if (typeof document > "u")
-    return null;
-  var u = Array.isArray(r) ? r[0] : r;
-  return u.ownerDocument.body;
-}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
-  return r && (r.host || W(r.parentNode));
-}, D = function(r, u) {
-  return u.map(function(e) {
-    if (r.contains(e))
-      return e;
-    var n = W(e);
-    return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
-  }).filter(function(e) {
-    return !!e;
-  });
-}, E = function(r, u, e, n) {
-  var i = D(u, Array.isArray(r) ? r : [r]);
-  p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
-  var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
-    !t || o.has(t) || (o.add(t), y(t.parentNode));
-  };
-  i.forEach(y);
-  var A = function(t) {
-    !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
-      if (o.has(a))
-        A(a);
-      else
-        try {
-          var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
-          f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
-        } catch (k) {
-          console.error("aria-hidden: cannot operate on ", a, k);
-        }
-    });
-  };
-  return A(u), o.clear(), h++, function() {
-    l.forEach(function(t) {
-      var a = f.get(t) - 1, c = s.get(t) - 1;
-      f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
-    }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
-  };
-}, C = function(r, u, e) {
-  e === void 0 && (e = "data-aria-hidden");
-  var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
-  return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
-    return null;
-  };
-};
+import * as r from "react";
+var t = 0;
+function a() {
+  r.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
+      t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
+    };
+  }, []);
+}
+function n() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
 export {
-  C as hideOthers
+  a as useFocusGuards
 };