@drjoshcsimmons/scl 0.1.6 → 0.1.8

package/dist/index140.js

@@ -1,7 +1,136 @@
-var e = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
-};
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  e as getNonce
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

package/dist/index141.js

@@ -0,0 +1,67 @@
+import { __assign as d } from "./index128.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
+export {
+  v as createSidecarMedium
+};

package/dist/index142.js

@@ -0,0 +1,71 @@
+import * as d from "react";
+import { styleSingleton as f } from "./index143.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index133.js";
+import { getGapWidth as m } from "./index148.js";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
+`);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
+    };
+  }, []);
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+};
+export {
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
+};

package/dist/index143.js

@@ -0,0 +1,11 @@
+import { styleHookSingleton as o } from "./index149.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 {
+  s as styleSingleton
+};

package/dist/index144.js

@@ -0,0 +1,16 @@
+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 {
+  a as nonPassive
+};

package/dist/index145.js

@@ -0,0 +1,68 @@
+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 {
+  V as handleScroll,
+  T as locationCouldBeScrolled
+};

package/dist/index146.js

@@ -0,0 +1,6 @@
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
+export {
+  i as assignRef
+};

package/dist/index147.js

@@ -0,0 +1,25 @@
+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 {
+  n as useCallbackRef
+};

package/dist/index148.js

@@ -0,0 +1,25 @@
+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 {
+  f as getGapWidth,
+  a as zeroGap
+};

package/dist/index149.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import { stylesheetSingleton as r } from "./index150.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
+};
+export {
+  i as styleHookSingleton
+};

package/dist/index15.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as r, Title as c, Description as m } from "./index50.js";
+import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as r, Title as c, Description as m } from "./index58.js";
 import { cn as s } from "./index2.js";
-import y from "./index51.js";
+import y from "./index59.js";
 const T = g, j = x, N = u, F = n, f = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   d,
   {

package/dist/index150.js

@@ -0,0 +1,30 @@
+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);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};

package/dist/index151.js

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

package/dist/index17.js

@@ -1,10 +1,10 @@
 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 "./index71.js";
+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 "./index66.js";
 import { cn as s } from "./index2.js";
-import D from "./index48.js";
-import M from "./index68.js";
-import S from "./index72.js";
+import D from "./index61.js";
+import M from "./index51.js";
+import S from "./index67.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,
   {

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 "./index60.js";
-import { FormProvider as u, useFormContext as p, Controller as x } from "./index61.js";
+import { Root as F } from "./index55.js";
+import { FormProvider as u, useFormContext as p, Controller as x } from "./index56.js";
 import { cn as a } from "./index2.js";
 import { Label as I } from "./index20.js";
 const D = u, f = s.createContext(

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as t from "react";
-import { Root as o } from "./index66.js";
-import { cva as i } from "./index45.js";
+import { Root as o } from "./index69.js";
+import { cva as i } from "./index49.js";
 import { cn as s } from "./index2.js";
 const l = i(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"

package/dist/index21.js

@@ -1,6 +1,6 @@
 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 "./index46.js";
+import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index48.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,

package/dist/index22.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import * as m from "react";
-import { Root as d, Indicator as l } from "./index63.js";
+import { Root as d, Indicator as l } from "./index57.js";
 import { cn as c } from "./index2.js";
 const f = m.forwardRef(
   ({

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 "./index67.js";
+import { Root as t, Item as s, Indicator as d } from "./index50.js";
 import { cn as m } from "./index2.js";
-import l from "./index68.js";
+import l from "./index51.js";
 const c = i.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(
   t,
   {

package/dist/index24.js

@@ -1,6 +1,6 @@
 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 "./index55.js";
+import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index47.js";
 import { cn as n } from "./index2.js";
 const h = i.forwardRef(({ className: l, children: e, ...o }, a) => /* @__PURE__ */ m(
   s,

package/dist/index25.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as N, Group as b, Value as g, Trigger as d, Icon as S, Portal as v, Content as m, Viewport as R, Label as n, Item as c, ItemIndicator as C, ItemText as j, Separator as p, ScrollUpButton as f, ScrollDownButton as y } from "./index73.js";
+import { Root as N, Group as b, Value as g, Trigger as d, Icon as S, Portal as v, Content as m, Viewport as R, Label as n, Item as c, ItemIndicator as C, ItemText as j, Separator as p, ScrollUpButton as f, ScrollDownButton as y } from "./index60.js";
 import { cn as o } from "./index2.js";
-import u from "./index54.js";
-import I from "./index48.js";
-import B from "./index74.js";
+import u from "./index46.js";
+import I from "./index61.js";
+import B from "./index62.js";
 const E = N, F = b, H = g, k = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
   d,
   {

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import * as f from "react";
-import { Root as o } from "./index64.js";
+import { Root as o } from "./index70.js";
 import { cn as i } from "./index2.js";
 const s = f.forwardRef(
   ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, t) => /* @__PURE__ */ l(

package/dist/index27.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as l, Title as m, Description as c } from "./index50.js";
-import { cva as y } from "./index45.js";
+import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as l, Title as m, Description as c } from "./index58.js";
+import { cva as y } from "./index49.js";
 import { cn as s } from "./index2.js";
-import N from "./index51.js";
+import N from "./index59.js";
 const H = g, O = x, P = n, b = u, f = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   d,
   {

package/dist/index29.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as b from "react";
-import { Root as n, Track as l, Range as p, Thumb as d } from "./index59.js";
+import { Root as n, Track as l, Range as p, Thumb as d } from "./index73.js";
 import { cn as h } from "./index2.js";
 const g = b.forwardRef(({ className: i, defaultValue: r, value: o, ...s }, m) => {
   const t = (o == null ? void 0 : o.length) ?? (r == null ? void 0 : r.length) ?? 1;

package/dist/index31.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as a from "react";
-import { Root as o, Thumb as n } from "./index62.js";
+import { Root as o, Thumb as n } from "./index53.js";
 import { cn as e } from "./index2.js";
 const c = a.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ r(
   o,

package/dist/index33.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as d, List as o, Trigger as n, Content as c } from "./index69.js";
+import { Root as d, List as o, Trigger as n, Content as c } from "./index71.js";
 import { cn as r } from "./index2.js";
 const u = d, f = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
   o,

package/dist/index36.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as t } from "./index65.js";
-import { cva as m } from "./index45.js";
+import { Root as t } from "./index74.js";
+import { cva as m } from "./index49.js";
 import { cn as p } from "./index2.js";
 const f = m(
   "inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-primary/20 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50 border-2 border-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground data-[state=off]:bg-transparent data-[state=off]:text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",