@drjoshcsimmons/scl 0.1.3 → 0.1.4

package/dist/index103.js

@@ -1,183 +1,221 @@
-import * as c from "react";
-import { composeEventHandlers as p } from "./index78.js";
-import { createCollection as V } from "./index91.js";
-import { useComposedRefs as j } from "./index77.js";
-import { createContextScope as z } from "./index76.js";
-import { useId as q } from "./index84.js";
-import { Primitive as G } from "./index82.js";
-import { useCallbackRef as J } from "./index86.js";
-import { useControllableState as Q } from "./index80.js";
-import { useDirection as W } from "./index92.js";
-import { jsx as d } from "react/jsx-runtime";
-var y = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [D, N, Z] = V(I), [$, Fe] = z(
-  I,
-  [Z]
-), [ee, oe] = $(I), O = c.forwardRef(
-  (e, r) => /* @__PURE__ */ d(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
+import * as p from "react";
+import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Se } from "./index111.js";
+import { Root as Oe } from "./index112.js";
+import { useComposedRefs as j } from "./index78.js";
+import { createContextScope as Re } from "./index76.js";
+import { Primitive as z } from "./index81.js";
+import { useCallbackRef as Ee } from "./index92.js";
+import { useLayoutEffect as T } from "./index93.js";
+import { useSize as Ne } from "./index86.js";
+import { jsx as f } from "react/jsx-runtime";
+import { autoUpdate as _e } from "./index113.js";
+var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
+  const { __scopePopper: s, children: a } = e, [t, i] = p.useState(null);
+  return /* @__PURE__ */ f($e, { scope: s, anchor: t, onAnchorChange: i, children: a });
+};
+U.displayName = N;
+var q = "PopperAnchor", G = p.forwardRef(
+  (e, s) => {
+    const { __scopePopper: a, virtualRef: t, ...i } = e, r = Z(q, a), o = p.useRef(null), w = j(s, o), n = p.useRef(null);
+    return p.useEffect(() => {
+      const c = n.current;
+      n.current = (t == null ? void 0 : t.current) || o.current, c !== n.current && r.onAnchorChange(n.current);
+    }), t ? null : /* @__PURE__ */ f(z.div, { ...i, ref: w });
+  }
 );
-O.displayName = I;
-var te = c.forwardRef((e, r) => {
-  const {
-    __scopeRovingFocusGroup: s,
-    orientation: o,
-    loop: T = !1,
-    dir: w,
-    currentTabStopId: v,
-    defaultCurrentTabStopId: C,
-    onCurrentTabStopIdChange: S,
-    onEntryFocus: m,
-    preventScrollOnEntryFocus: u = !1,
-    ...b
-  } = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
-    prop: v,
-    defaultProp: C ?? null,
-    onChange: S,
-    caller: I
-  }), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
-  return c.useEffect(() => {
-    const n = F.current;
-    if (n)
-      return n.addEventListener(y, a), () => n.removeEventListener(y, a);
-  }, [a]), /* @__PURE__ */ d(
-    ee,
-    {
-      scope: s,
-      orientation: o,
-      dir: R,
-      loop: T,
-      currentTabStopId: E,
-      onItemFocus: c.useCallback(
-        (n) => t(n),
-        [t]
-      ),
-      onItemShiftTab: c.useCallback(() => h(!0), []),
-      onFocusableItemAdd: c.useCallback(
-        () => P((n) => n + 1),
-        []
-      ),
-      onFocusableItemRemove: c.useCallback(
-        () => P((n) => n - 1),
-        []
-      ),
-      children: /* @__PURE__ */ d(
-        G.div,
-        {
-          tabIndex: i || L === 0 ? -1 : 0,
-          "data-orientation": o,
-          ...b,
-          ref: g,
-          style: { outline: "none", ...e.style },
-          onMouseDown: p(e.onMouseDown, () => {
-            A.current = !0;
-          }),
-          onFocus: p(e.onFocus, (n) => {
-            const U = !A.current;
-            if (n.target === n.currentTarget && U && !i) {
-              const x = new CustomEvent(y, X);
-              if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
-                const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
-                  Boolean
-                ).map((f) => f.ref.current);
-                k(H, u);
-              }
-            }
-            A.current = !1;
-          }),
-          onBlur: p(e.onBlur, () => h(!1))
-        }
-      )
-    }
-  );
-}), K = "RovingFocusGroupItem", M = c.forwardRef(
-  (e, r) => {
+G.displayName = q;
+var _ = "PopperContent", [He, We] = L(_), J = p.forwardRef(
+  (e, s) => {
+    var Y, M, X, D, F, k;
     const {
-      __scopeRovingFocusGroup: s,
-      focusable: o = !0,
-      active: T = !1,
-      tabStopId: w,
-      children: v,
-      ...C
-    } = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
-    return c.useEffect(() => {
-      if (o)
-        return g(), () => R();
-    }, [o, g, R]), /* @__PURE__ */ d(
-      D.ItemSlot,
+      __scopePopper: a,
+      side: t = "bottom",
+      sideOffset: i = 0,
+      align: r = "center",
+      alignOffset: o = 0,
+      arrowPadding: w = 0,
+      avoidCollisions: n = !0,
+      collisionBoundary: c = [],
+      collisionPadding: x = 0,
+      sticky: m = "partial",
+      hideWhenDetached: y = !1,
+      updatePositionStrategy: A = "optimized",
+      onPlaced: l,
+      ...d
+    } = e, v = Z(_, a), [h, C] = p.useState(null), ee = j(s, (P) => C(P)), [E, te] = p.useState(null), u = Ne(E), re = (u == null ? void 0 : u.width) ?? 0, $ = (u == null ? void 0 : u.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, H = Array.isArray(c) ? c : [c], ae = H.length > 0, b = {
+      padding: ne,
+      boundary: H.filter(Ye),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: ae
+    }, { refs: ie, floatingStyles: W, placement: se, isPositioned: S, middlewareData: g } = xe({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: oe,
+      whileElementsMounted: (...P) => _e(...P, {
+        animationFrame: A === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        Pe({ mainAxis: i + $, alignmentAxis: o }),
+        n && ye({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: m === "partial" ? Se() : void 0,
+          ...b
+        }),
+        n && Ae({ ...b }),
+        ve({
+          ...b,
+          apply: ({ elements: P, rects: B, availableWidth: he, availableHeight: ue }) => {
+            const { width: ge, height: we } = B.reference, R = P.floating.style;
+            R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ue}px`), R.setProperty("--radix-popper-anchor-width", `${ge}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
+          }
+        }),
+        E && Ce({ element: E, padding: w }),
+        Me({ arrowWidth: re, arrowHeight: $ }),
+        y && be({ strategy: "referenceHidden", ...b })
+      ]
+    }), [I, ce] = V(se), O = Ee(l);
+    T(() => {
+      S && (O == null || O());
+    }, [S, O]);
+    const pe = (Y = g.arrow) == null ? void 0 : Y.x, de = (M = g.arrow) == null ? void 0 : M.y, le = ((X = g.arrow) == null ? void 0 : X.centerOffset) !== 0, [fe, me] = p.useState();
+    return T(() => {
+      h && me(window.getComputedStyle(h).zIndex);
+    }, [h]), /* @__PURE__ */ f(
+      "div",
       {
-        scope: s,
-        id: m,
-        focusable: o,
-        active: T,
-        children: /* @__PURE__ */ d(
-          G.span,
+        ref: ie.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...W,
+          transform: S ? W.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: fe,
+          "--radix-popper-transform-origin": [
+            (D = g.transformOrigin) == null ? void 0 : D.x,
+            (F = g.transformOrigin) == null ? void 0 : F.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...((k = g.hide) == null ? void 0 : k.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ f(
+          He,
           {
-            tabIndex: b ? 0 : -1,
-            "data-orientation": u.orientation,
-            ...C,
-            ref: r,
-            onMouseDown: p(e.onMouseDown, (t) => {
-              o ? u.onItemFocus(m) : t.preventDefault();
-            }),
-            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
-            onKeyDown: p(e.onKeyDown, (t) => {
-              if (t.key === "Tab" && t.shiftKey) {
-                u.onItemShiftTab();
-                return;
-              }
-              if (t.target !== t.currentTarget) return;
-              const i = ce(t, u.orientation, u.dir);
-              if (i !== void 0) {
-                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
-                t.preventDefault();
-                let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
-                if (i === "last") a.reverse();
-                else if (i === "prev" || i === "next") {
-                  i === "prev" && a.reverse();
-                  const l = a.indexOf(t.currentTarget);
-                  a = u.loop ? se(a, l + 1) : a.slice(l + 1);
+            scope: a,
+            placedSide: I,
+            onArrowChange: te,
+            arrowX: pe,
+            arrowY: de,
+            shouldHideArrow: le,
+            children: /* @__PURE__ */ f(
+              z.div,
+              {
+                "data-side": I,
+                "data-align": ce,
+                ...d,
+                ref: ee,
+                style: {
+                  ...d.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: S ? void 0 : "none"
                 }
-                setTimeout(() => k(a));
               }
-            }),
-            children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
+            )
           }
         )
       }
     );
   }
 );
-M.displayName = K;
-var re = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function ne(e, r) {
-  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function ce(e, r, s) {
-  const o = ne(e.key, s);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return re[o];
-}
-function k(e, r = !1) {
-  const s = document.activeElement;
-  for (const o of e)
-    if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
+J.displayName = _;
+var K = "PopperArrow", Ie = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Q = p.forwardRef(function(s, a) {
+  const { __scopePopper: t, ...i } = s, r = We(K, t), o = Ie[r.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ f(
+      "span",
+      {
+        ref: r.onArrowChange,
+        style: {
+          position: "absolute",
+          left: r.arrowX,
+          top: r.arrowY,
+          [o]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[r.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[r.placedSide],
+          visibility: r.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ f(
+          Oe,
+          {
+            ...i,
+            ref: a,
+            style: {
+              ...i.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Q.displayName = K;
+function Ye(e) {
+  return e !== null;
 }
-function se(e, r) {
-  return e.map((s, o) => e[(r + o) % e.length]);
+var Me = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(s) {
+    var v, h, C;
+    const { placement: a, rects: t, middlewareData: i } = s, o = ((v = i.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, n = o ? 0 : e.arrowHeight, [c, x] = V(a), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = i.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = i.arrow) == null ? void 0 : C.y) ?? 0) + n / 2;
+    let l = "", d = "";
+    return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-n}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + n}px`) : c === "right" ? (l = `${-n}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + n}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
+  }
+});
+function V(e) {
+  const [s, a = "center"] = e.split("-");
+  return [s, a];
 }
-var ge = O, Re = M;
+var qe = U, Ge = G, Je = J, Ke = Q;
 export {
-  Re as Item,
-  ge as Root,
-  O as RovingFocusGroup,
-  M as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  Ge as Anchor,
+  Ke as Arrow,
+  Je as Content,
+  U as Popper,
+  G as PopperAnchor,
+  Q as PopperArrow,
+  J as PopperContent,
+  qe as Root,
+  Ue as createPopperScope
 };

package/dist/index104.js

@@ -1,17 +1,32 @@
-var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
-function $(t, o, e, i, n, h, u) {
-  if (h === o.length) return n === t.length ? m : G;
-  var s = `${n},${h}`;
-  if (u[s] !== void 0) return u[s];
-  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
-  return u[s] = l, l;
-}
-function x(t) {
-  return t.toLowerCase().replace(A, " ");
-}
-function M(t, o, e) {
-  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
-}
+import * as a from "react";
+import { Primitive as o } from "./index81.js";
+import { jsx as t } from "react/jsx-runtime";
+var d = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), l = "VisuallyHidden", e = a.forwardRef(
+  (r, i) => /* @__PURE__ */ t(
+    o.span,
+    {
+      ...r,
+      ref: i,
+      style: { ...d, ...r.style }
+    }
+  )
+);
+e.displayName = l;
+var p = e;
 export {
-  M as a
+  p as Root,
+  d as VISUALLY_HIDDEN_STYLES,
+  e as VisuallyHidden
 };

package/dist/index11.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as c from "react";
-import { Checkbox as o, CheckboxIndicator as s } from "./index49.js";
+import { Checkbox as o, CheckboxIndicator as s } from "./index56.js";
 import { cn as r } from "./index2.js";
-import m from "./index50.js";
+import m from "./index55.js";
 const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
   o,
   {

package/dist/index110.js

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { useCallbackRef as s } from "./index86.js";
+import { useCallbackRef as s } from "./index92.js";
 function p(n, e = globalThis == null ? void 0 : globalThis.document) {
   const t = s(n);
   r.useEffect(() => {

package/dist/index112.js

@@ -1,5 +1,5 @@
 import * as n from "react";
-import { Primitive as p } from "./index82.js";
+import { Primitive as p } from "./index81.js";
 import { jsx as o } from "react/jsx-runtime";
 var v = "Arrow", e = n.forwardRef((r, i) => {
   const { children: t, width: a = 10, height: s = 5, ...m } = r;

package/dist/index12.js

@@ -1,4 +1,4 @@
-import { Root as l, CollapsibleTrigger as o, CollapsibleContent as e } from "./index47.js";
+import { Root as l, CollapsibleTrigger as o, CollapsibleContent as e } from "./index52.js";
 const t = l, i = o, C = e;
 export {
   t as Collapsible,

package/dist/index13.js

@@ -3,9 +3,9 @@ import * as h from "react";
 import { cn as f } from "./index2.js";
 import { Popover as v, PopoverTrigger as C, PopoverContent as S } from "./index21.js";
 import { Button as O } from "./index9.js";
-import j from "./index65.js";
+import j from "./index54.js";
 import { Command as k, CommandInput as P, CommandList as R, CommandEmpty as B, CommandGroup as I, CommandItem as L } from "./index14.js";
-import M from "./index50.js";
+import M from "./index55.js";
 const D = h.forwardRef(
   ({
     options: s,

package/dist/index14.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as o from "react";
-import { Command as r } from "./index70.js";
+import { Command as r } from "./index49.js";
 import { cn as d } from "./index2.js";
 import { Dialog as s, DialogContent as n } from "./index15.js";
-import l from "./index71.js";
+import l from "./index50.js";
 const p = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ t(
   r,
   {

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 "./index63.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 "./index62.js";
 import { cn as s } from "./index2.js";
-import y from "./index64.js";
+import y from "./index63.js";
 const T = g, j = x, N = u, F = n, f = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   d,
   {

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 "./index56.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 "./index58.js";
 import { cn as s } from "./index2.js";
-import D from "./index50.js";
-import M from "./index57.js";
-import S from "./index58.js";
+import D from "./index55.js";
+import M from "./index59.js";
+import S from "./index60.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 "./index59.js";
-import { FormProvider as u, useFormContext as p, Controller as x } from "./index60.js";
+import { Root as F } from "./index57.js";
+import { FormProvider as u, useFormContext as p, Controller as x } from "./index70.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 "./index53.js";
-import { cva as i } from "./index46.js";
+import { Root as o } from "./index74.js";
+import { cva as i } from "./index51.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 "./index62.js";
+import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index73.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 "./index69.js";
+import { Root as d, Indicator as l } from "./index64.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 "./index73.js";
+import { Root as t, Item as s, Indicator as d } from "./index65.js";
 import { cn as m } from "./index2.js";
-import l from "./index57.js";
+import l from "./index59.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 "./index61.js";
+import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index66.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 "./index54.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 "./index68.js";
 import { cn as o } from "./index2.js";
-import u from "./index52.js";
-import I from "./index50.js";
-import B from "./index55.js";
+import u from "./index46.js";
+import I from "./index55.js";
+import B from "./index69.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 "./index72.js";
+import { Root as o } from "./index67.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 "./index63.js";
-import { cva as y } from "./index46.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 "./index62.js";
+import { cva as y } from "./index51.js";
 import { cn as s } from "./index2.js";
-import N from "./index64.js";
+import N from "./index63.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 "./index66.js";
+import { Root as n, Track as l, Range as p, Thumb as d } from "./index47.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;