@drjoshcsimmons/scl 0.1.13 → 0.1.15

package/dist/index150.js

@@ -1,30 +1,7 @@
-import { getNonce as o } from "./index151.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 {
-    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);
-    }
-  };
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
 };
 export {
-  c as stylesheetSingleton
+  e as getNonce
 };

package/dist/index151.js

@@ -1,7 +1,25 @@
-var e = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
+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 {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
 };
 export {
-  e as getNonce
+  f as getGapWidth,
+  a as zeroGap
 };

package/dist/index17.js

@@ -1,142 +1,141 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import * as n from "react";
-import { Root as w, Trigger as x, Group as N, Portal as m, Sub as v, RadioGroup as R, Content as l, Item as p, CheckboxItem as c, ItemIndicator as u, RadioItem as f, Label as b, Separator as y, SubContent as g, SubTrigger as h } from "./index54.js";
-import { cn as s } from "./index2.js";
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as w, Trigger as h, Group as N, Portal as d, Sub as v, RadioGroup as R, Content as m, Item as l, CheckboxItem as c, ItemIndicator as u, RadioItem as f, Label as y, Separator as b, SubContent as g, SubTrigger as x } from "./index69.js";
+import { cn as n } from "./index2.js";
 import D from "./index53.js";
-import M from "./index55.js";
-import S from "./index56.js";
-const H = w, J = x, K = N, O = m, Q = v, U = R, I = n.forwardRef(({ className: e, inset: a, children: t, ...r }, i) => /* @__PURE__ */ d(
-  h,
+import M from "./index57.js";
+import S from "./index70.js";
+const H = w, J = h, K = N, O = d, Q = v, U = R, I = s.forwardRef(({ className: e, inset: r, children: o, ...t }, i) => /* @__PURE__ */ p(
+  x,
   {
     ref: i,
-    className: s(
+    className: n(
       "flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none hover:bg-primary/20 focus:bg-primary/20 data-[state=open]:bg-primary/20 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      a && "pl-8",
+      r && "pl-8",
       e
     ),
-    ...r,
+    ...t,
     children: [
-      t,
-      /* @__PURE__ */ o(S, { className: "ml-auto" })
+      o,
+      /* @__PURE__ */ a(S, { className: "ml-auto" })
     ]
   }
 ));
-I.displayName = h.displayName;
-const C = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+I.displayName = x.displayName;
+const C = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
   g,
   {
-    ref: t,
-    className: s(
-      "z-[60] min-w-[8rem] overflow-hidden border-2 border-primary bg-black p-1 text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    ref: o,
+    className: n(
+      "z-[60] min-w-[8rem] overflow-hidden border-2 border-primary bg-black p-1 text-primary",
       e
     ),
-    ...a
+    ...r
   }
 ));
 C.displayName = g.displayName;
-const k = n.forwardRef(({ className: e, sideOffset: a = 4, ...t }, r) => /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
-  l,
+const k = s.forwardRef(({ className: e, sideOffset: r = 4, ...o }, t) => /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(
+  m,
   {
-    ref: r,
-    sideOffset: a,
-    className: s(
+    ref: t,
+    sideOffset: r,
+    className: n(
       "z-[60] min-w-[8rem] overflow-hidden border-2 border-primary bg-black p-1 text-primary",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
-    ...t
+    ...o
   }
 ) }));
-k.displayName = l.displayName;
-const z = n.forwardRef(({ className: e, inset: a, ...t }, r) => /* @__PURE__ */ o(
-  p,
+k.displayName = m.displayName;
+const G = s.forwardRef(({ className: e, inset: r, ...o }, t) => /* @__PURE__ */ a(
+  l,
   {
-    ref: r,
-    className: s(
-      "relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors hover:bg-primary/20 focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      a && "pl-8",
+    ref: t,
+    className: n(
+      "relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      r && "pl-8",
       e
     ),
-    ...t
+    ...o
   }
 ));
-z.displayName = p.displayName;
-const G = n.forwardRef(({ className: e, children: a, checked: t, ...r }, i) => /* @__PURE__ */ d(
+G.displayName = l.displayName;
+const T = s.forwardRef(({ className: e, children: r, checked: o, ...t }, i) => /* @__PURE__ */ p(
   c,
   {
     ref: i,
-    className: s(
-      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:bg-primary/20 focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: n(
+      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
-    checked: t,
-    ...r,
+    checked: o,
+    ...t,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(D, { className: "h-4 w-4" }) }) }),
-      a
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(D, { className: "h-4 w-4" }) }) }),
+      r
     ]
   }
 ));
-G.displayName = c.displayName;
-const T = n.forwardRef(({ className: e, children: a, ...t }, r) => /* @__PURE__ */ d(
+T.displayName = c.displayName;
+const j = s.forwardRef(({ className: e, children: r, ...o }, t) => /* @__PURE__ */ p(
   f,
   {
-    ref: r,
-    className: s(
-      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:bg-primary/20 focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    ref: t,
+    className: n(
+      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
-    ...t,
+    ...o,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(M, { className: "h-4 w-4 fill-current" }) }) }),
-      a
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(M, { className: "h-4 w-4 fill-current" }) }) }),
+      r
     ]
   }
 ));
-T.displayName = f.displayName;
-const j = n.forwardRef(({ className: e, inset: a, ...t }, r) => /* @__PURE__ */ o(
-  b,
+j.displayName = f.displayName;
+const z = s.forwardRef(({ className: e, inset: r, ...o }, t) => /* @__PURE__ */ a(
+  y,
   {
-    ref: r,
-    className: s(
+    ref: t,
+    className: n(
       "px-2 py-1.5 text-sm font-semibold",
-      a && "pl-8",
+      r && "pl-8",
       e
     ),
-    ...t
+    ...o
   }
 ));
-j.displayName = b.displayName;
-const L = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  y,
+z.displayName = y.displayName;
+const L = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
+  b,
   {
-    ref: t,
-    className: s("-mx-1 my-1 h-px bg-muted", e),
-    ...a
+    ref: o,
+    className: n("-mx-1 my-1 h-px bg-muted", e),
+    ...r
   }
 ));
-L.displayName = y.displayName;
+L.displayName = b.displayName;
 const P = ({
   className: e,
-  ...a
-}) => /* @__PURE__ */ o(
+  ...r
+}) => /* @__PURE__ */ a(
   "span",
   {
-    className: s("ml-auto text-xs tracking-widest text-primary border border-primary px-1", e),
-    ...a
+    className: n("ml-auto text-xs tracking-widest text-primary border border-primary px-1", e),
+    ...r
   }
 );
 P.displayName = "DropdownMenuShortcut";
 export {
   H as DropdownMenu,
-  G as DropdownMenuCheckboxItem,
+  T as DropdownMenuCheckboxItem,
   k as DropdownMenuContent,
   K as DropdownMenuGroup,
-  z as DropdownMenuItem,
-  j as DropdownMenuLabel,
+  G as DropdownMenuItem,
+  z as DropdownMenuLabel,
   O as DropdownMenuPortal,
   U as DropdownMenuRadioGroup,
-  T as DropdownMenuRadioItem,
+  j as DropdownMenuRadioItem,
   L as DropdownMenuSeparator,
   P as DropdownMenuShortcut,
   Q as DropdownMenuSub,

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as F } from "./index64.js";
-import { FormProvider as u, useFormContext as p, Controller as x } from "./index73.js";
+import { Root as F } from "./index58.js";
+import { FormProvider as u, useFormContext as p, Controller as x } from "./index59.js";
 import { cn as a } from "./index2.js";
 import { Label as I } from "./index20.js";
 const D = u, f = s.createContext(

package/dist/index19.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as t from "react";
 import { cn as f } from "./index2.js";
-const a = t.forwardRef(
+const m = t.forwardRef(
   ({ className: r, type: e, ...i }, l) => /* @__PURE__ */ o(
     "input",
     {
       type: e,
       className: f(
-        "flex h-10 w-full border-2 border-primary bg-black px-3 py-1 text-base text-primary transition-colors file:-ml-3 file:-my-1 file:mr-4 file:h-10 file:px-3 file:border-0 file:border-r file:border-primary file:bg-primary file:text-primary-foreground file:text-sm file:font-medium file:cursor-pointer hover:file:bg-black hover:file:text-primary placeholder:text-primary/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "flex h-10 w-full border-2 border-primary bg-black px-3 py-1 text-base text-primary file:-ml-3 file:-my-1 file:mr-4 file:h-10 file:px-3 file:border-0 file:border-r file:border-primary file:bg-primary file:text-primary-foreground file:text-sm file:font-medium file:cursor-pointer hover:file:bg-black hover:file:text-primary placeholder:text-primary/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         r
       ),
       ref: l,
@@ -15,7 +15,7 @@ const a = t.forwardRef(
     }
   )
 );
-a.displayName = "Input";
+m.displayName = "Input";
 export {
-  a as Input
+  m as Input
 };

package/dist/index21.js

@@ -1,24 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index65.js";
-import { cn as l } from "./index2.js";
-const P = d, u = m, v = p, f = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...i }, n) => /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(
-  t,
+import * as c from "react";
+import { Root as m, Trigger as s, Anchor as i, Portal as l, Content as r } from "./index49.js";
+import { cn as d } from "./index2.js";
+const h = m, v = s, y = i, f = c.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, ...a }, p) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
+  r,
   {
-    ref: n,
-    align: a,
-    sideOffset: r,
-    className: l(
-      "z-50 w-72 border-2 border-primary bg-black p-4 text-primary outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    ref: p,
+    align: t,
+    sideOffset: n,
+    className: d(
+      "z-50 w-72 border-2 border-primary bg-black p-4 text-primary outline-none",
       e
     ),
-    ...i
+    ...a
   }
 ) }));
-f.displayName = t.displayName;
+f.displayName = r.displayName;
 export {
-  P as Popover,
-  v as PopoverAnchor,
+  h as Popover,
+  y as PopoverAnchor,
   f as PopoverContent,
-  u as PopoverTrigger
+  v as PopoverTrigger
 };

package/dist/index22.js

@@ -1,33 +1,33 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { Root as d, Indicator as l } from "./index59.js";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import * as n from "react";
+import { Root as d, Indicator as l } from "./index65.js";
 import { cn as c } from "./index2.js";
-const f = m.forwardRef(
+const f = n.forwardRef(
   ({
-    className: s,
-    value: t = 0,
-    showPercentage: i = !1,
+    className: i,
+    value: s = 0,
+    showPercentage: t = !1,
     label: r,
-    ...a
-  }, n) => /* @__PURE__ */ o("div", { className: "w-full min-w-[200px]", children: [
-    (r || i) && /* @__PURE__ */ o("div", { className: "flex justify-center items-center gap-2 mb-2 font-mono text-sm font-bold text-primary", children: [
-      r && /* @__PURE__ */ e("span", { children: r }),
-      i && /* @__PURE__ */ o("span", { children: [
-        Math.round(t),
+    ...m
+  }, a) => /* @__PURE__ */ e("div", { className: "w-full min-w-[200px]", children: [
+    (r || t) && /* @__PURE__ */ e("div", { className: "flex justify-center items-center gap-2 mb-2 font-mono text-sm font-bold text-primary", children: [
+      r && /* @__PURE__ */ o("span", { children: r }),
+      t && /* @__PURE__ */ e("span", { children: [
+        Math.round(s),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       d,
       {
-        ref: n,
-        className: c("relative h-6 w-full overflow-hidden bg-background border-2 border-primary", s),
-        ...a,
-        children: /* @__PURE__ */ e(
+        ref: a,
+        className: c("relative h-6 w-full overflow-hidden bg-background border-2 border-primary", i),
+        ...m,
+        children: /* @__PURE__ */ o(
           l,
           {
-            className: "h-full bg-primary transition-all duration-200",
-            style: { width: `${t}%` }
+            className: "h-full bg-primary",
+            style: { width: `${s}%` }
           }
         )
       }

package/dist/index23.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as t, Item as s, Indicator as d } from "./index70.js";
+import { Root as t, Item as s, Indicator as d } from "./index56.js";
 import { cn as m } from "./index2.js";
-import l from "./index55.js";
+import l from "./index57.js";
 const c = i.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(
   t,
   {

package/dist/index24.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index74.js";
+import { Root as c, Viewport as p, Corner as d, ScrollAreaScrollbar as s, ScrollAreaThumb as f } from "./index62.js";
 import { cn as n } from "./index2.js";
-const h = i.forwardRef(({ className: l, children: e, ...o }, a) => /* @__PURE__ */ m(
-  s,
+const h = i.forwardRef(({ className: l, children: e, ...a }, o) => /* @__PURE__ */ m(
+  c,
   {
-    ref: a,
+    ref: o,
     className: n("relative overflow-hidden", l),
-    ...o,
+    ...a,
     children: [
       /* @__PURE__ */ r(p, { className: "h-full w-full rounded-[inherit]", children: e }),
       /* @__PURE__ */ r(t, { orientation: "vertical" }),
@@ -16,23 +16,23 @@ const h = i.forwardRef(({ className: l, children: e, ...o }, a) => /* @__PURE__
     ]
   }
 ));
-h.displayName = s.displayName;
-const t = i.forwardRef(({ className: l, orientation: e = "vertical", ...o }, a) => /* @__PURE__ */ r(
-  c,
+h.displayName = c.displayName;
+const t = i.forwardRef(({ className: l, orientation: e = "vertical", ...a }, o) => /* @__PURE__ */ r(
+  s,
   {
-    ref: a,
+    ref: o,
     orientation: e,
     className: n(
-      "flex touch-none select-none transition-colors",
+      "flex touch-none select-none",
       e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       l
     ),
-    ...o,
+    ...a,
     children: /* @__PURE__ */ r(f, { className: "relative flex-1 bg-primary" })
   }
 ));
-t.displayName = c.displayName;
+t.displayName = s.displayName;
 export {
   h as ScrollArea,
   t as ScrollBar