@spear-ai/spectral 1.3.40 → 1.3.42

package/dist/Drawer.d.ts

@@ -8,6 +8,7 @@ export type DrawerProps = {
     trigger: ReactNode;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    asChild?: boolean;
 };
-export declare const Drawer: ({ trigger, title, description, children, direction, size }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ trigger, title, description, children, direction, size, asChild, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer.js

@@ -12,8 +12,8 @@ var Tt = "Dialog", [oe, er] = Ge(Tt), [on, q] = oe(Tt), ie = (t) => {
     open: a,
     defaultOpen: o,
     onOpenChange: r,
-    modal: l = !0
-  } = t, s = O.useRef(null), v = O.useRef(null), [D, g] = Qe({
+    modal: u = !0
+  } = t, s = O.useRef(null), v = O.useRef(null), [D, f] = Qe({
     prop: a,
     defaultProp: o ?? !1,
     onChange: r,
@@ -29,9 +29,9 @@ var Tt = "Dialog", [oe, er] = Ge(Tt), [on, q] = oe(Tt), ie = (t) => {
       titleId: Pt(),
       descriptionId: Pt(),
       open: D,
-      onOpenChange: g,
-      onOpenToggle: O.useCallback(() => g((m) => !m), [g]),
-      modal: l,
+      onOpenChange: f,
+      onOpenToggle: O.useCallback(() => f((g) => !g), [f]),
+      modal: u,
       children: e
     }
   );
@@ -60,7 +60,7 @@ var Bt = "DialogPortal", [sn, ue] = oe(Bt, {
   forceMount: void 0
 }), ce = (t) => {
   const { __scopeDialog: n, forceMount: e, children: a, container: o } = t, r = q(Bt, n);
-  return /* @__PURE__ */ S(sn, { scope: n, forceMount: e, children: O.Children.map(a, (l) => /* @__PURE__ */ S(kt, { present: e || r.open, children: /* @__PURE__ */ S(tn, { asChild: !0, container: o, children: l }) })) });
+  return /* @__PURE__ */ S(sn, { scope: n, forceMount: e, children: O.Children.map(a, (u) => /* @__PURE__ */ S(kt, { present: e || r.open, children: /* @__PURE__ */ S(tn, { asChild: !0, container: o, children: u }) })) });
 };
 ce.displayName = Bt;
 var St = "DialogOverlay", de = O.forwardRef(
@@ -111,8 +111,8 @@ var cn = O.forwardRef(
           r.preventDefault(), e.triggerRef.current?.focus();
         }),
         onPointerDownOutside: ht(t.onPointerDownOutside, (r) => {
-          const l = r.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
-          (l.button === 2 || s) && r.preventDefault();
+          const u = r.detail.originalEvent, s = u.button === 0 && u.ctrlKey === !0;
+          (u.button === 2 || s) && r.preventDefault();
         }),
         onFocusOutside: ht(
           t.onFocusOutside,
@@ -136,15 +136,15 @@ var cn = O.forwardRef(
         },
         onInteractOutside: (r) => {
           t.onInteractOutside?.(r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
-          const l = r.target;
-          e.triggerRef.current?.contains(l) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && o.current && r.preventDefault();
+          const u = r.target;
+          e.triggerRef.current?.contains(u) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && o.current && r.preventDefault();
         }
       }
     );
   }
 ), pe = O.forwardRef(
   (t, n) => {
-    const { __scopeDialog: e, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: r, ...l } = t, s = q(at, e), v = O.useRef(null), D = Ht(n, v);
+    const { __scopeDialog: e, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: r, ...u } = t, s = q(at, e), v = O.useRef(null), D = Ht(n, v);
     return rn(), /* @__PURE__ */ gt(te, { children: [
       /* @__PURE__ */ S(
         an,
@@ -162,7 +162,7 @@ var cn = O.forwardRef(
               "aria-describedby": s.descriptionId,
               "aria-labelledby": s.titleId,
               "data-state": Ut(s.open),
-              ...l,
+              ...u,
               ref: D,
               onDismiss: () => s.onOpenChange(!1)
             }
@@ -353,22 +353,22 @@ function Pn(t = {}) {
   ]);
 }
 function Nn() {
-  let t, n = 0, e = (m) => {
-    t = Ee(m.target), !(t === document.documentElement && t === document.body) && (n = m.changedTouches[0].pageY);
-  }, a = (m) => {
+  let t, n = 0, e = (g) => {
+    t = Ee(g.target), !(t === document.documentElement && t === document.body) && (n = g.changedTouches[0].pageY);
+  }, a = (g) => {
     if (!t || t === document.documentElement || t === document.body) {
-      m.preventDefault();
+      g.preventDefault();
       return;
     }
-    let h = m.changedTouches[0].pageY, W = t.scrollTop, H = t.scrollHeight - t.clientHeight;
-    H !== 0 && ((W <= 0 && h > n || W >= H && h < n) && m.preventDefault(), n = h);
-  }, o = (m) => {
-    let h = m.target;
-    Lt(h) && h !== document.activeElement && (m.preventDefault(), h.style.transform = "translateY(-2000px)", h.focus(), requestAnimationFrame(() => {
+    let h = g.changedTouches[0].pageY, W = t.scrollTop, H = t.scrollHeight - t.clientHeight;
+    H !== 0 && ((W <= 0 && h > n || W >= H && h < n) && g.preventDefault(), n = h);
+  }, o = (g) => {
+    let h = g.target;
+    Lt(h) && h !== document.activeElement && (g.preventDefault(), h.style.transform = "translateY(-2000px)", h.focus(), requestAnimationFrame(() => {
       h.style.transform = "";
     }));
-  }, r = (m) => {
-    let h = m.target;
+  }, r = (g) => {
+    let h = g.target;
     Lt(h) && (h.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
       h.style.transform = "", Nt && (Nt.height < window.innerHeight ? requestAnimationFrame(() => {
         ae(h);
@@ -376,11 +376,11 @@ function Nn() {
         once: !0
       }));
     }));
-  }, l = () => {
+  }, u = () => {
     window.scrollTo(0, 0);
   }, s = window.pageXOffset, v = window.pageYOffset, D = ne($n(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
   window.scrollTo(0, 0);
-  let g = ne(pt(document, "touchstart", e, {
+  let f = ne(pt(document, "touchstart", e, {
     passive: !1,
     capture: !0
   }), pt(document, "touchmove", a, {
@@ -389,9 +389,9 @@ function Nn() {
   }), pt(document, "touchend", o, {
     passive: !1,
     capture: !0
-  }), pt(document, "focus", r, !0), pt(window, "scroll", l));
+  }), pt(document, "focus", r, !0), pt(window, "scroll", u));
   return () => {
-    D(), g(), window.scrollTo(s, v);
+    D(), f(), window.scrollTo(s, v);
   };
 }
 function $n(t, n, e) {
@@ -411,8 +411,8 @@ function ae(t) {
     let e = Ee(t);
     if (e !== document.documentElement && e !== document.body && e !== t) {
       let a = e.getBoundingClientRect().top, o = t.getBoundingClientRect().top, r = t.getBoundingClientRect().bottom;
-      const l = e.getBoundingClientRect().bottom + On;
-      r > l && (e.scrollTop += o - a);
+      const u = e.getBoundingClientRect().bottom + On;
+      r > u && (e.scrollTop += o - a);
     }
     t = e.parentElement;
   }
@@ -515,10 +515,10 @@ function _e({ prop: t, defaultProp: n, onChange: e = () => {
   const [a, o] = Wn({
     defaultProp: n,
     onChange: e
-  }), r = t !== void 0, l = r ? t : a, s = Oe(e), v = i.useCallback((D) => {
+  }), r = t !== void 0, u = r ? t : a, s = Oe(e), v = i.useCallback((D) => {
     if (r) {
-      const m = typeof D == "function" ? D(t) : D;
-      m !== t && s(m);
+      const g = typeof D == "function" ? D(t) : D;
+      g !== t && s(g);
     } else
       o(D);
   }, [
@@ -528,12 +528,12 @@ function _e({ prop: t, defaultProp: n, onChange: e = () => {
     s
   ]);
   return [
-    l,
+    u,
     v
   ];
 }
-function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e, drawerRef: a, overlayRef: o, fadeFromIndex: r, onSnapPointChange: l, direction: s = "bottom", container: v, snapToSequentialPoint: D }) {
-  const [g, m] = _e({
+function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e, drawerRef: a, overlayRef: o, fadeFromIndex: r, onSnapPointChange: u, direction: s = "bottom", container: v, snapToSequentialPoint: D }) {
+  const [f, g] = _e({
     prop: t,
     defaultProp: e?.[0],
     onChange: n
@@ -550,16 +550,16 @@ function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     }
     return window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
   }, []);
-  const H = i.useMemo(() => g === e?.[e.length - 1] || null, [
+  const H = i.useMemo(() => f === e?.[e.length - 1] || null, [
     e,
-    g
+    f
   ]), x = i.useMemo(() => {
     var d;
-    return (d = e?.findIndex((R) => R === g)) != null ? d : null;
+    return (d = e?.findIndex((R) => R === f)) != null ? d : null;
   }, [
     e,
-    g
-  ]), U = e && e.length > 0 && (r || r === 0) && !Number.isNaN(r) && e[r] === g || !e, w = i.useMemo(() => {
+    f
+  ]), U = e && e.length > 0 && (r || r === 0) && !Number.isNaN(r) && e[r] === f || !e, w = i.useMemo(() => {
     const d = v ? {
       width: v.getBoundingClientRect().width,
       height: v.getBoundingClientRect().height
@@ -591,7 +591,7 @@ function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
   ]), N = i.useCallback((d) => {
     var R;
     const b = (R = w?.findIndex((L) => L === d)) != null ? R : null;
-    l(b), P(a.current, {
+    u(b), P(a.current, {
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
       transform: A(s) ? `translate3d(0, ${d}px, 0)` : `translate3d(${d}px, 0, 0)`
     }), w && b !== w.length - 1 && r !== void 0 && b !== r && b < r ? P(o.current, {
@@ -600,29 +600,29 @@ function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     }) : P(o.current, {
       transition: `opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
       opacity: "1"
-    }), m(e?.[Math.max(b, 0)]);
+    }), g(e?.[Math.max(b, 0)]);
   }, [
     a.current,
     e,
     w,
     r,
     o,
-    m
+    g
   ]);
   i.useEffect(() => {
-    if (g || t) {
+    if (f || t) {
       var d;
-      const R = (d = e?.findIndex((b) => b === t || b === g)) != null ? d : -1;
+      const R = (d = e?.findIndex((b) => b === t || b === f)) != null ? d : -1;
       w && R !== -1 && typeof w[R] == "number" && N(w[R]);
     }
   }, [
-    g,
+    f,
     t,
     e,
     w,
     N
   ]);
-  function f({ draggedDistance: d, closeDrawer: R, velocity: b, dismissible: L }) {
+  function p({ draggedDistance: d, closeDrawer: R, velocity: b, dismissible: L }) {
     if (r === void 0) return;
     const M = s === "bottom" || s === "right" ? ($ ?? 0) - d : ($ ?? 0) + d, z = x === r - 1, c = x === 0, V = d > 0;
     if (z && P(o.current, {
@@ -667,12 +667,12 @@ function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
   }
   return {
     isLastSnapPoint: H,
-    activeSnapPoint: g,
+    activeSnapPoint: f,
     shouldFade: U,
     getPercentageDragged: et,
-    setActiveSnapPoint: m,
+    setActiveSnapPoint: g,
     activeSnapPointIndex: x,
-    onRelease: f,
+    onRelease: p,
     onDrag: X,
     snapPointsOffset: w
   };
@@ -680,7 +680,7 @@ function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
 const Vn = () => () => {
 };
 function zn() {
-  const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: a, noBodyStyles: o } = vt(), r = i.useRef(null), l = je(() => document.body.style.backgroundColor, []);
+  const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: a, noBodyStyles: o } = vt(), r = i.useRef(null), u = je(() => document.body.style.backgroundColor, []);
   function s() {
     return (window.innerWidth - Ft) / window.innerWidth;
   }
@@ -708,19 +708,19 @@ function zn() {
       });
       return () => {
         D(), r.current = window.setTimeout(() => {
-          l ? document.body.style.background = l : document.body.style.removeProperty("background");
+          u ? document.body.style.background = u : document.body.style.removeProperty("background");
         }, C.DURATION * 1e3);
       };
     }
   }, [
     n,
     e,
-    l
+    u
   ]);
 }
 let mt = null;
 function Yn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRestoration: o, noBodyStyles: r }) {
-  const [l, s] = i.useState(() => typeof window < "u" ? window.location.href : ""), v = i.useRef(0), D = i.useCallback(() => {
+  const [u, s] = i.useState(() => typeof window < "u" ? window.location.href : ""), v = i.useRef(0), D = i.useCallback(() => {
     if (ee() && mt === null && t && !r) {
       mt = {
         position: document.body.style.position,
@@ -729,10 +729,10 @@ function Yn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRes
         height: document.body.style.height,
         right: "unset"
       };
-      const { scrollX: m, innerHeight: h } = window;
+      const { scrollX: g, innerHeight: h } = window;
       document.body.style.setProperty("position", "fixed", "important"), Object.assign(document.body.style, {
         top: `${-v.current}px`,
-        left: `${-m}px`,
+        left: `${-g}px`,
         right: "0px",
         height: "auto"
       }), window.setTimeout(() => window.requestAnimationFrame(() => {
@@ -742,74 +742,74 @@ function Yn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRes
     }
   }, [
     t
-  ]), g = i.useCallback(() => {
+  ]), f = i.useCallback(() => {
     if (ee() && mt !== null && !r) {
-      const m = -parseInt(document.body.style.top, 10), h = -parseInt(document.body.style.left, 10);
+      const g = -parseInt(document.body.style.top, 10), h = -parseInt(document.body.style.left, 10);
       Object.assign(document.body.style, mt), window.requestAnimationFrame(() => {
-        if (o && l !== window.location.href) {
+        if (o && u !== window.location.href) {
           s(window.location.href);
           return;
         }
-        window.scrollTo(h, m);
+        window.scrollTo(h, g);
       }), mt = null;
     }
   }, [
-    l
+    u
   ]);
   return i.useEffect(() => {
-    function m() {
+    function g() {
       v.current = window.scrollY;
     }
-    return m(), window.addEventListener("scroll", m), () => {
-      window.removeEventListener("scroll", m);
+    return g(), window.addEventListener("scroll", g), () => {
+      window.removeEventListener("scroll", g);
     };
   }, []), i.useEffect(() => {
     if (n)
       return () => {
-        typeof document > "u" || document.querySelector("[data-vaul-drawer]") || g();
+        typeof document > "u" || document.querySelector("[data-vaul-drawer]") || f();
       };
   }, [
     n,
-    g
+    f
   ]), i.useEffect(() => {
     e || !a || (t ? (!window.matchMedia("(display-mode: standalone)").matches && D(), n || window.setTimeout(() => {
-      g();
-    }, 500)) : g());
+      f();
+    }, 500)) : f());
   }, [
     t,
     a,
-    l,
+    u,
     n,
     e,
     D,
-    g
+    f
   ]), {
-    restorePositionSetting: g
+    restorePositionSetting: f
   };
 }
-function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, snapPoints: r, shouldScaleBackground: l = !1, setBackgroundColorOnScale: s = !0, closeThreshold: v = Hn, scrollLockTimeout: D = Bn, dismissible: g = !0, handleOnly: m = !1, fadeFromIndex: h = r && r.length - 1, activeSnapPoint: W, setActiveSnapPoint: H, fixed: x, modal: U = !0, onClose: w, nested: $, noBodyStyles: N = !1, direction: f = "bottom", defaultOpen: X = !1, disablePreventScroll: et = !0, snapToSequentialPoint: d = !1, preventScrollRestoration: R = !1, repositionInputs: b = !0, onAnimationEnd: L, container: M, autoFocus: z = !1 }) {
+function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, snapPoints: r, shouldScaleBackground: u = !1, setBackgroundColorOnScale: s = !0, closeThreshold: v = Hn, scrollLockTimeout: D = Bn, dismissible: f = !0, handleOnly: g = !1, fadeFromIndex: h = r && r.length - 1, activeSnapPoint: W, setActiveSnapPoint: H, fixed: x, modal: U = !0, onClose: w, nested: $, noBodyStyles: N = !1, direction: p = "bottom", defaultOpen: X = !1, disablePreventScroll: et = !0, snapToSequentialPoint: d = !1, preventScrollRestoration: R = !1, repositionInputs: b = !0, onAnimationEnd: L, container: M, autoFocus: z = !1 }) {
   var c, V;
   const [F = !1, Y] = _e({
     defaultProp: X,
     prop: t,
-    onChange: (u) => {
-      n?.(u), !u && !$ && ke(), setTimeout(() => {
-        L?.(u);
-      }, C.DURATION * 1e3), u && !U && typeof window < "u" && window.requestAnimationFrame(() => {
+    onChange: (l) => {
+      n?.(l), !l && !$ && ke(), setTimeout(() => {
+        L?.(l);
+      }, C.DURATION * 1e3), l && !U && typeof window < "u" && window.requestAnimationFrame(() => {
         document.body.style.pointerEvents = "auto";
-      }), u || (document.body.style.pointerEvents = "auto");
+      }), l || (document.body.style.pointerEvents = "auto");
     }
-  }), [I, K] = i.useState(!1), [J, lt] = i.useState(!1), [Ne, zt] = i.useState(!1), ot = i.useRef(null), yt = i.useRef(null), xt = i.useRef(null), Ct = i.useRef(null), ut = i.useRef(null), ct = i.useRef(!1), Ot = i.useRef(null), _t = i.useRef(0), it = i.useRef(!1), Yt = i.useRef(!X), jt = i.useRef(0), p = i.useRef(null), qt = i.useRef(((c = p.current) == null ? void 0 : c.getBoundingClientRect().height) || 0), Xt = i.useRef(((V = p.current) == null ? void 0 : V.getBoundingClientRect().width) || 0), At = i.useRef(0), $e = i.useCallback((u) => {
-    r && u === dt.length - 1 && (yt.current = /* @__PURE__ */ new Date());
+  }), [I, K] = i.useState(!1), [J, lt] = i.useState(!1), [Ne, zt] = i.useState(!1), ot = i.useRef(null), yt = i.useRef(null), xt = i.useRef(null), Ct = i.useRef(null), ut = i.useRef(null), ct = i.useRef(!1), Ot = i.useRef(null), _t = i.useRef(0), it = i.useRef(!1), Yt = i.useRef(!X), jt = i.useRef(0), m = i.useRef(null), qt = i.useRef(((c = m.current) == null ? void 0 : c.getBoundingClientRect().height) || 0), Xt = i.useRef(((V = m.current) == null ? void 0 : V.getBoundingClientRect().width) || 0), At = i.useRef(0), $e = i.useCallback((l) => {
+    r && l === dt.length - 1 && (yt.current = /* @__PURE__ */ new Date());
   }, []), { activeSnapPoint: Me, activeSnapPointIndex: st, setActiveSnapPoint: Gt, onRelease: Ie, snapPointsOffset: dt, onDrag: Le, shouldFade: Kt, getPercentageDragged: Fe } = Un({
     snapPoints: r,
     activeSnapPointProp: W,
     setActiveSnapPointProp: H,
-    drawerRef: p,
+    drawerRef: m,
     fadeFromIndex: h,
     overlayRef: ot,
     onSnapPointChange: $e,
-    direction: f,
+    direction: p,
     container: M,
     snapToSequentialPoint: d
   });
@@ -827,23 +827,23 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
   function bt() {
     return (window.innerWidth - Ft) / window.innerWidth;
   }
-  function He(u) {
+  function He(l) {
     var E, T;
-    !g && !r || p.current && !p.current.contains(u.target) || (qt.current = ((E = p.current) == null ? void 0 : E.getBoundingClientRect().height) || 0, Xt.current = ((T = p.current) == null ? void 0 : T.getBoundingClientRect().width) || 0, lt(!0), xt.current = /* @__PURE__ */ new Date(), Re() && window.addEventListener("touchend", () => ct.current = !1, {
+    !f && !r || m.current && !m.current.contains(l.target) || (qt.current = ((E = m.current) == null ? void 0 : E.getBoundingClientRect().height) || 0, Xt.current = ((T = m.current) == null ? void 0 : T.getBoundingClientRect().width) || 0, lt(!0), xt.current = /* @__PURE__ */ new Date(), Re() && window.addEventListener("touchend", () => ct.current = !1, {
       once: !0
-    }), u.target.setPointerCapture(u.pointerId), _t.current = A(f) ? u.pageY : u.pageX);
+    }), l.target.setPointerCapture(l.pointerId), _t.current = A(p) ? l.pageY : l.pageX);
   }
-  function Jt(u, E) {
+  function Jt(l, E) {
     var T;
-    let y = u;
-    const _ = (T = window.getSelection()) == null ? void 0 : T.toString(), B = p.current ? Et(p.current, f) : null, k = /* @__PURE__ */ new Date();
+    let y = l;
+    const _ = (T = window.getSelection()) == null ? void 0 : T.toString(), B = m.current ? Et(m.current, p) : null, k = /* @__PURE__ */ new Date();
     if (y.tagName === "SELECT" || y.hasAttribute("data-vaul-no-drag") || y.closest("[data-vaul-no-drag]"))
       return !1;
-    if (f === "right" || f === "left")
+    if (p === "right" || p === "left")
       return !0;
     if (yt.current && k.getTime() - yt.current.getTime() < 500)
       return !1;
-    if (B !== null && (f === "bottom" ? B > 0 : B < 0))
+    if (B !== null && (p === "bottom" ? B > 0 : B < 0))
       return !0;
     if (_ && _.length > 0)
       return !1;
@@ -860,15 +860,15 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
     }
     return !0;
   }
-  function Be(u) {
-    if (p.current && J) {
-      const E = f === "bottom" || f === "right" ? 1 : -1, T = (_t.current - (A(f) ? u.pageY : u.pageX)) * E, y = T > 0, _ = r && !g && !y;
+  function Be(l) {
+    if (m.current && J) {
+      const E = p === "bottom" || p === "right" ? 1 : -1, T = (_t.current - (A(p) ? l.pageY : l.pageX)) * E, y = T > 0, _ = r && !f && !y;
       if (_ && st === 0) return;
-      const B = Math.abs(T), k = document.querySelector("[data-vaul-drawer-wrapper]"), Z = f === "bottom" || f === "top" ? qt.current : Xt.current;
+      const B = Math.abs(T), k = document.querySelector("[data-vaul-drawer-wrapper]"), Z = p === "bottom" || p === "top" ? qt.current : Xt.current;
       let j = B / Z;
       const nt = Fe(B, y);
-      if (nt !== null && (j = nt), _ && j >= 1 || !ct.current && !Jt(u.target, y)) return;
-      if (p.current.classList.add(It), ct.current = !0, P(p.current, {
+      if (nt !== null && (j = nt), _ && j >= 1 || !ct.current && !Jt(l.target, y)) return;
+      if (m.current.classList.add(It), ct.current = !0, P(m.current, {
         transition: "none"
       }), P(ot.current, {
         transition: "none"
@@ -876,27 +876,27 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
         draggedDistance: T
       }), y && !r) {
         const G = Fn(T), Dt = Math.min(G * -1, 0) * E;
-        P(p.current, {
-          transform: A(f) ? `translate3d(0, ${Dt}px, 0)` : `translate3d(${Dt}px, 0, 0)`
+        P(m.current, {
+          transform: A(p) ? `translate3d(0, ${Dt}px, 0)` : `translate3d(${Dt}px, 0, 0)`
         });
         return;
       }
       const Q = 1 - j;
-      if ((Kt || h && st === h - 1) && (a?.(u, j), P(ot.current, {
+      if ((Kt || h && st === h - 1) && (a?.(l, j), P(ot.current, {
         opacity: `${Q}`,
         transition: "none"
-      }, !0)), k && ot.current && l) {
+      }, !0)), k && ot.current && u) {
         const G = Math.min(bt() + j * (1 - bt()), 1), Dt = 8 - j * 8, Qt = Math.max(0, 14 - j * 14);
         P(k, {
           borderRadius: `${Dt}px`,
-          transform: A(f) ? `scale(${G}) translate3d(0, ${Qt}px, 0)` : `scale(${G}) translate3d(${Qt}px, 0, 0)`,
+          transform: A(p) ? `scale(${G}) translate3d(0, ${Qt}px, 0)` : `scale(${G}) translate3d(${Qt}px, 0, 0)`,
           transition: "none"
         }, !0);
       }
       if (!r) {
         const G = B * E;
-        P(p.current, {
-          transform: A(f) ? `translate3d(0, ${G}px, 0)` : `translate3d(${G}px, 0, 0)`
+        P(m.current, {
+          transform: A(p) ? `translate3d(0, ${G}px, 0)` : `translate3d(${G}px, 0, 0)`
         });
       }
     }
@@ -906,30 +906,30 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
       Yt.current = !0;
     });
   }, []), i.useEffect(() => {
-    var u;
+    var l;
     function E() {
-      if (!p.current || !b) return;
+      if (!m.current || !b) return;
       const T = document.activeElement;
       if (Lt(T) || it.current) {
         var y;
         const _ = ((y = window.visualViewport) == null ? void 0 : y.height) || 0, B = window.innerHeight;
         let k = B - _;
-        const Z = p.current.getBoundingClientRect().height || 0, j = Z > B * 0.8;
+        const Z = m.current.getBoundingClientRect().height || 0, j = Z > B * 0.8;
         At.current || (At.current = Z);
-        const nt = p.current.getBoundingClientRect().top;
+        const nt = m.current.getBoundingClientRect().top;
         if (Math.abs(jt.current - k) > 60 && (it.current = !it.current), r && r.length > 0 && dt && st) {
           const Q = dt[st] || 0;
           k += Q;
         }
         if (jt.current = k, Z > _ || it.current) {
-          const Q = p.current.getBoundingClientRect().height;
+          const Q = m.current.getBoundingClientRect().height;
           let G = Q;
-          Q > _ && (G = _ - (j ? nt : Ft)), x ? p.current.style.height = `${Q - Math.max(k, 0)}px` : p.current.style.height = `${Math.max(G, _ - nt)}px`;
-        } else Sn() || (p.current.style.height = `${At.current}px`);
-        r && r.length > 0 && !it.current ? p.current.style.bottom = "0px" : p.current.style.bottom = `${Math.max(k, 0)}px`;
+          Q > _ && (G = _ - (j ? nt : Ft)), x ? m.current.style.height = `${Q - Math.max(k, 0)}px` : m.current.style.height = `${Math.max(G, _ - nt)}px`;
+        } else Sn() || (m.current.style.height = `${At.current}px`);
+        r && r.length > 0 && !it.current ? m.current.style.bottom = "0px" : m.current.style.bottom = `${Math.max(k, 0)}px`;
       }
     }
-    return (u = window.visualViewport) == null || u.addEventListener("resize", E), () => {
+    return (l = window.visualViewport) == null || l.addEventListener("resize", E), () => {
       var T;
       return (T = window.visualViewport) == null ? void 0 : T.removeEventListener("resize", E);
     };
@@ -938,24 +938,24 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
     r,
     dt
   ]);
-  function ft(u) {
-    We(), w?.(), u || Y(!1), setTimeout(() => {
+  function ft(l) {
+    We(), w?.(), l || Y(!1), setTimeout(() => {
       r && Gt(r[0]);
     }, C.DURATION * 1e3);
   }
   function Zt() {
-    if (!p.current) return;
-    const u = document.querySelector("[data-vaul-drawer-wrapper]"), E = Et(p.current, f);
-    P(p.current, {
+    if (!m.current) return;
+    const l = document.querySelector("[data-vaul-drawer-wrapper]"), E = Et(m.current, p);
+    P(m.current, {
       transform: "translate3d(0, 0, 0)",
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`
     }), P(ot.current, {
       transition: `opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
       opacity: "1"
-    }), l && E && E > 0 && F && P(u, {
+    }), u && E && E > 0 && F && P(l, {
       borderRadius: `${Ce}px`,
       overflow: "hidden",
-      ...A(f) ? {
+      ...A(p) ? {
         transform: `scale(${bt()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
         transformOrigin: "top"
       } : {
@@ -968,42 +968,42 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
     }, !0);
   }
   function We() {
-    !J || !p.current || (p.current.classList.remove(It), ct.current = !1, lt(!1), Ct.current = /* @__PURE__ */ new Date());
+    !J || !m.current || (m.current.classList.remove(It), ct.current = !1, lt(!1), Ct.current = /* @__PURE__ */ new Date());
   }
-  function Ue(u) {
-    if (!J || !p.current) return;
-    p.current.classList.remove(It), ct.current = !1, lt(!1), Ct.current = /* @__PURE__ */ new Date();
-    const E = Et(p.current, f);
-    if (!u || !Jt(u.target, !1) || !E || Number.isNaN(E) || xt.current === null) return;
-    const T = Ct.current.getTime() - xt.current.getTime(), y = _t.current - (A(f) ? u.pageY : u.pageX), _ = Math.abs(y) / T;
+  function Ue(l) {
+    if (!J || !m.current) return;
+    m.current.classList.remove(It), ct.current = !1, lt(!1), Ct.current = /* @__PURE__ */ new Date();
+    const E = Et(m.current, p);
+    if (!l || !Jt(l.target, !1) || !E || Number.isNaN(E) || xt.current === null) return;
+    const T = Ct.current.getTime() - xt.current.getTime(), y = _t.current - (A(p) ? l.pageY : l.pageX), _ = Math.abs(y) / T;
     if (_ > 0.05 && (zt(!0), setTimeout(() => {
       zt(!1);
     }, 200)), r) {
       Ie({
-        draggedDistance: y * (f === "bottom" || f === "right" ? 1 : -1),
+        draggedDistance: y * (p === "bottom" || p === "right" ? 1 : -1),
         closeDrawer: ft,
         velocity: _,
-        dismissible: g
-      }), o?.(u, !0);
+        dismissible: f
+      }), o?.(l, !0);
       return;
     }
-    if (f === "bottom" || f === "right" ? y > 0 : y < 0) {
-      Zt(), o?.(u, !0);
+    if (p === "bottom" || p === "right" ? y > 0 : y < 0) {
+      Zt(), o?.(l, !0);
       return;
     }
     if (_ > xe) {
-      ft(), o?.(u, !1);
+      ft(), o?.(l, !1);
       return;
     }
     var B;
-    const k = Math.min((B = p.current.getBoundingClientRect().height) != null ? B : 0, window.innerHeight);
+    const k = Math.min((B = m.current.getBoundingClientRect().height) != null ? B : 0, window.innerHeight);
     var Z;
-    const j = Math.min((Z = p.current.getBoundingClientRect().width) != null ? Z : 0, window.innerWidth), nt = f === "left" || f === "right";
+    const j = Math.min((Z = m.current.getBoundingClientRect().width) != null ? Z : 0, window.innerWidth), nt = p === "left" || p === "right";
     if (Math.abs(E) >= (nt ? j : k) * v) {
-      ft(), o?.(u, !1);
+      ft(), o?.(l, !1);
       return;
     }
-    o?.(u, !0), Zt();
+    o?.(l, !0), Zt();
   }
   i.useEffect(() => (F && (P(document.documentElement, {
     scrollBehavior: "auto"
@@ -1012,32 +1012,32 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
   }), [
     F
   ]);
-  function Ve(u) {
-    const E = u ? (window.innerWidth - rt) / window.innerWidth : 1, T = u ? -rt : 0;
-    Ot.current && window.clearTimeout(Ot.current), P(p.current, {
+  function Ve(l) {
+    const E = l ? (window.innerWidth - rt) / window.innerWidth : 1, T = l ? -rt : 0;
+    Ot.current && window.clearTimeout(Ot.current), P(m.current, {
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
-      transform: A(f) ? `scale(${E}) translate3d(0, ${T}px, 0)` : `scale(${E}) translate3d(${T}px, 0, 0)`
-    }), !u && p.current && (Ot.current = setTimeout(() => {
-      const y = Et(p.current, f);
-      P(p.current, {
+      transform: A(p) ? `scale(${E}) translate3d(0, ${T}px, 0)` : `scale(${E}) translate3d(${T}px, 0, 0)`
+    }), !l && m.current && (Ot.current = setTimeout(() => {
+      const y = Et(m.current, p);
+      P(m.current, {
         transition: "none",
-        transform: A(f) ? `translate3d(0, ${y}px, 0)` : `translate3d(${y}px, 0, 0)`
+        transform: A(p) ? `translate3d(0, ${y}px, 0)` : `translate3d(${y}px, 0, 0)`
       });
     }, 500));
   }
-  function ze(u, E) {
+  function ze(l, E) {
     if (E < 0) return;
     const T = (window.innerWidth - rt) / window.innerWidth, y = T + E * (1 - T), _ = -rt + E * rt;
-    P(p.current, {
-      transform: A(f) ? `scale(${y}) translate3d(0, ${_}px, 0)` : `scale(${y}) translate3d(${_}px, 0, 0)`,
+    P(m.current, {
+      transform: A(p) ? `scale(${y}) translate3d(0, ${_}px, 0)` : `scale(${y}) translate3d(${_}px, 0, 0)`,
       transition: "none"
     });
   }
-  function Ye(u, E) {
-    const T = A(f) ? window.innerHeight : window.innerWidth, y = E ? (T - rt) / T : 1, _ = E ? -rt : 0;
-    E && P(p.current, {
+  function Ye(l, E) {
+    const T = A(p) ? window.innerHeight : window.innerWidth, y = E ? (T - rt) / T : 1, _ = E ? -rt : 0;
+    E && P(m.current, {
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
-      transform: A(f) ? `scale(${y}) translate3d(0, ${_}px, 0)` : `scale(${y}) translate3d(${_}px, 0, 0)`
+      transform: A(p) ? `scale(${y}) translate3d(0, ${_}px, 0)` : `scale(${y}) translate3d(${_}px, 0, 0)`
     });
   }
   return i.useEffect(() => {
@@ -1048,8 +1048,8 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
     U
   ]), /* @__PURE__ */ i.createElement(gn, {
     defaultOpen: X,
-    onOpenChange: (u) => {
-      !g && !u || (u ? K(!0) : ft(!0), Y(u));
+    onOpenChange: (l) => {
+      !f && !l || (l ? K(!0) : ft(!0), Y(l));
     },
     open: F
   }, /* @__PURE__ */ i.createElement(De.Provider, {
@@ -1057,15 +1057,15 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
       activeSnapPoint: Me,
       snapPoints: r,
       setActiveSnapPoint: Gt,
-      drawerRef: p,
+      drawerRef: m,
       overlayRef: ot,
       onOpenChange: n,
       onPress: He,
       onRelease: Ue,
       onDrag: Be,
-      dismissible: g,
+      dismissible: f,
       shouldAnimate: Yt,
-      handleOnly: m,
+      handleOnly: g,
       isOpen: F,
       isDragging: J,
       shouldFade: Kt,
@@ -1077,8 +1077,8 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
       modal: U,
       snapPointsOffset: dt,
       activeSnapPointIndex: st,
-      direction: f,
-      shouldScaleBackground: l,
+      direction: p,
+      shouldScaleBackground: u,
       setBackgroundColorOnScale: s,
       noBodyStyles: N,
       container: M,
@@ -1087,25 +1087,25 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
   }, e));
 }
 const Ae = /* @__PURE__ */ i.forwardRef(function({ ...t }, n) {
-  const { overlayRef: e, snapPoints: a, onRelease: o, shouldFade: r, isOpen: l, modal: s, shouldAnimate: v } = vt(), D = Se(n, e), g = a && a.length > 0;
+  const { overlayRef: e, snapPoints: a, onRelease: o, shouldFade: r, isOpen: u, modal: s, shouldAnimate: v } = vt(), D = Se(n, e), f = a && a.length > 0;
   if (!s)
     return null;
-  const m = i.useCallback((h) => o(h), [
+  const g = i.useCallback((h) => o(h), [
     o
   ]);
   return /* @__PURE__ */ i.createElement(vn, {
-    onMouseUp: m,
+    onMouseUp: g,
     ref: D,
     "data-vaul-overlay": "",
-    "data-vaul-snap-points": l && g ? "true" : "false",
-    "data-vaul-snap-points-overlay": l && r ? "true" : "false",
+    "data-vaul-snap-points": u && f ? "true" : "false",
+    "data-vaul-snap-points-overlay": u && r ? "true" : "false",
     "data-vaul-animate": v?.current ? "true" : "false",
     ...t
   });
 });
 Ae.displayName = "Drawer.Overlay";
 const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, style: n, onOpenAutoFocus: e, ...a }, o) {
-  const { drawerRef: r, onPress: l, onRelease: s, onDrag: v, keyboardIsOpen: D, snapPointsOffset: g, activeSnapPointIndex: m, modal: h, isOpen: W, direction: H, snapPoints: x, container: U, handleOnly: w, shouldAnimate: $, autoFocus: N } = vt(), [f, X] = i.useState(!1), et = Se(o, r), d = i.useRef(null), R = i.useRef(null), b = i.useRef(!1), L = x && x.length > 0;
+  const { drawerRef: r, onPress: u, onRelease: s, onDrag: v, keyboardIsOpen: D, snapPointsOffset: f, activeSnapPointIndex: g, modal: h, isOpen: W, direction: H, snapPoints: x, container: U, handleOnly: w, shouldAnimate: $, autoFocus: N } = vt(), [p, X] = i.useState(!1), et = Se(o, r), d = i.useRef(null), R = i.useRef(null), b = i.useRef(!1), L = x && x.length > 0;
   zn();
   const M = (c, V, F = 0) => {
     if (b.current) return !0;
@@ -1131,21 +1131,21 @@ const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, styl
   return /* @__PURE__ */ i.createElement(yn, {
     "data-vaul-drawer-direction": H,
     "data-vaul-drawer": "",
-    "data-vaul-delayed-snap-points": f ? "true" : "false",
+    "data-vaul-delayed-snap-points": p ? "true" : "false",
     "data-vaul-snap-points": W && L ? "true" : "false",
     "data-vaul-custom-container": U ? "true" : "false",
     "data-vaul-animate": $?.current ? "true" : "false",
     ...a,
     ref: et,
-    style: g && g.length > 0 ? {
-      "--snap-point-height": `${g[m ?? 0]}px`,
+    style: f && f.length > 0 ? {
+      "--snap-point-height": `${f[g ?? 0]}px`,
       ...n
     } : n,
     onPointerDown: (c) => {
       w || (a.onPointerDown == null || a.onPointerDown.call(a, c), d.current = {
         x: c.pageX,
         y: c.pageY
-      }, l(c));
+      }, u(c));
     },
     onOpenAutoFocus: (c) => {
       e?.(c), N || c.preventDefault();
@@ -1184,7 +1184,7 @@ const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, styl
 });
 Pe.displayName = "Drawer.Content";
 const qn = 250, Xn = 120, Gn = /* @__PURE__ */ i.forwardRef(function({ preventCycle: t = !1, children: n, ...e }, a) {
-  const { closeDrawer: o, isDragging: r, snapPoints: l, activeSnapPoint: s, setActiveSnapPoint: v, dismissible: D, handleOnly: g, isOpen: m, onPress: h, onDrag: W } = vt(), H = i.useRef(null), x = i.useRef(!1);
+  const { closeDrawer: o, isDragging: r, snapPoints: u, activeSnapPoint: s, setActiveSnapPoint: v, dismissible: D, handleOnly: f, isOpen: g, onPress: h, onDrag: W } = vt(), H = i.useRef(null), x = i.useRef(!1);
   function U() {
     if (x.current) {
       N();
@@ -1199,17 +1199,17 @@ const qn = 250, Xn = 120, Gn = /* @__PURE__ */ i.forwardRef(function({ preventCy
       N();
       return;
     }
-    if (N(), !l || l.length === 0) {
+    if (N(), !u || u.length === 0) {
       D || o();
       return;
     }
-    if (s === l[l.length - 1] && D) {
+    if (s === u[u.length - 1] && D) {
       o();
       return;
     }
-    const X = l.findIndex((d) => d === s);
+    const X = u.findIndex((d) => d === s);
     if (X === -1) return;
-    const et = l[X + 1];
+    const et = u[X + 1];
     v(et);
   }
   function $() {
@@ -1223,15 +1223,15 @@ const qn = 250, Xn = 120, Gn = /* @__PURE__ */ i.forwardRef(function({ preventCy
   return /* @__PURE__ */ i.createElement("div", {
     onClick: U,
     onPointerCancel: N,
-    onPointerDown: (f) => {
-      g && h(f), $();
+    onPointerDown: (p) => {
+      f && h(p), $();
     },
-    onPointerMove: (f) => {
-      g && W(f);
+    onPointerMove: (p) => {
+      f && W(p);
     },
     // onPointerUp is already handled by the content component
     ref: a,
-    "data-vaul-drawer-visible": m ? "true" : "false",
+    "data-vaul-drawer-visible": g ? "true" : "false",
     "data-vaul-handle": "",
     "aria-hidden": "true",
     ...e
@@ -1257,34 +1257,42 @@ const tt = {
   Close: Rn,
   Title: bn,
   Description: Dn
-}, rr = ({ trigger: t, title: n, description: e, children: a, direction: o = "right", size: r = "380px" }) => {
-  const l = "!font-sans fixed", s = {
+}, rr = ({
+  trigger: t,
+  title: n,
+  description: e,
+  children: a,
+  direction: o = "right",
+  size: r = "380px",
+  asChild: u = !1
+}) => {
+  const s = "!font-sans fixed", v = {
     left: {
-      className: `${l} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
+      className: `${s} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
       style: { width: r }
     },
     right: {
-      className: `${l} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,
+      className: `${s} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,
       style: { width: r }
     },
     top: {
-      className: `${l} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,
+      className: `${s} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,
       style: { height: r }
     },
     bottom: {
-      className: `${l} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
+      className: `${s} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
       style: { height: r }
     }
-  }, { className: v, style: D } = s[o];
+  }, { className: D, style: f } = v[o];
   return /* @__PURE__ */ gt(tt.Root, { direction: o, children: [
-    /* @__PURE__ */ S(tt.Trigger, { children: t }),
+    /* @__PURE__ */ S(tt.Trigger, { ...u && { asChild: u }, children: t }),
     /* @__PURE__ */ gt(tt.Portal, { children: [
       /* @__PURE__ */ S(tt.Overlay, { className: "fixed inset-0 bg-transparent" }),
       /* @__PURE__ */ gt(
         tt.Content,
         {
-          className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${v}`,
-          style: D,
+          className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${D}`,
+          style: f,
           children: [
             /* @__PURE__ */ S(tt.Close, {}),
             /* @__PURE__ */ S(tt.Title, { className: "text-text-primary px-3 text-lg font-medium", children: n }),

package/dist/Icons/ZoomAllIcon.js

@@ -15,7 +15,7 @@ const u = ({ className: e, ariaHidden: n, title: i = "Zoom All", description: d,
       "aria-hidden": n,
       ref: c,
       children: [
-        /* @__PURE__ */ t("g", { "clip-path": `url(#${r}-clip0)`, children: [
+        /* @__PURE__ */ t("g", { clipPath: `url(#${r}-clip0)`, children: [
           /* @__PURE__ */ o("path", { d: "M21 19L10 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
           /* @__PURE__ */ o(
             "path",

package/dist/Tooltip.js

@@ -338,7 +338,7 @@ function Ee(e) {
   return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
 }
 var Re = Y, _e = $, De = B, Oe = U, Ae = q, Le = K;
-const ke = ({ delayDuration: e = 0, ...o }) => /* @__PURE__ */ u(Re, { "data-slot": "tooltip-provider", delayDuration: e, ...o }), je = ({ ...e }) => /* @__PURE__ */ u(ke, { children: /* @__PURE__ */ u(_e, { "data-slot": "tooltip", ...e }) }), Ge = ({ ...e }) => /* @__PURE__ */ u(De, { asChild: !0, "data-slot": "tooltip-trigger", ...e }), ze = ({
+const ke = ({ delayDuration: e = 0, ...o }) => /* @__PURE__ */ u(Re, { "data-slot": "tooltip-provider", delayDuration: e, ...o }), je = ({ ...e }) => /* @__PURE__ */ u(ke, { children: /* @__PURE__ */ u(_e, { "data-slot": "tooltip", ...e }) }), Ge = ({ ...e }) => /* @__PURE__ */ u(De, { "data-slot": "tooltip-trigger", ...e }), ze = ({
   className: e,
   children: o,
   sideOffset: t = 0,

package/dist/components/Drawer/Drawer.d.ts

@@ -8,6 +8,7 @@ export type DrawerProps = {
     trigger: ReactNode;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    asChild?: boolean;
 };
-export declare const Drawer: ({ trigger, title, description, children, direction, size }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ trigger, title, description, children, direction, size, asChild, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,4DAAgF,WAAW,4CA2CjH,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,sEAQpB,WAAW,4CA2Cb,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.3.40",
+  "version": "1.3.42",
   "type": "module",
   "private": false,
   "repository": {