@still-forest/canopy 0.29.1 → 0.30.0

package/dist/chunks/{SidebarLayout-CunUyuBL.js → SidebarLayout-Bm8SlspC.js}

@@ -1,9 +1,9 @@
 import { j as o } from "./jsx-runtime-B0GD0xBr.js";
 import { c as D, u as I, f as Rt, g as At, B as kt, h as Et, S as Dt, b as Pt } from "./calendar-D21xByT8.js";
 import * as l from "react";
-import w, { Fragment as It } from "react";
+import T, { Fragment as It } from "react";
 import { c as h } from "./index-CRiPKpXj.js";
-import { a as F, c as K, b as O, P as _, e as j, d as $, f as St, g as Ot, u as Mt, h as _e, i as $t, R as Lt, j as zt, F as Ft, D as Ne, k as Ht, l as Re, m as Bt, A as Gt, n as Vt, C as Wt, o as qt, p as Kt, q as Ut, r as Yt, s as Xt } from "./popover-BhBG-w7n.js";
+import { a as F, c as K, b as O, P as N, e as w, d as $, f as St, g as Ot, u as Mt, h as _e, i as $t, R as Lt, j as zt, F as Ft, D as Ne, k as Ht, l as Re, m as Bt, A as Gt, n as Vt, C as Wt, o as qt, p as Kt, q as Ut, r as Yt, s as Xt } from "./popover-BhBG-w7n.js";
 import { F as Ae } from "./Layout-DAdzkAxW.js";
 import { T as ke } from "./Heading-Bpvbpnw2.js";
 /**
@@ -137,7 +137,7 @@ var U = "Collapsible", [po, Pe] = K(U), [fo, ie] = po(U), Ie = l.forwardRef(
         open: d,
         onOpenToggle: l.useCallback(() => p((u) => !u), [p]),
         children: /* @__PURE__ */ o.jsx(
-          _.div,
+          N.div,
           {
             "data-state": ue(d),
             "data-disabled": s ? "" : void 0,
@@ -154,7 +154,7 @@ var Se = "CollapsibleTrigger", le = l.forwardRef(
   (e, t) => {
     const { __scopeCollapsible: r, ...n } = e, a = ie(Se, r);
     return /* @__PURE__ */ o.jsx(
-      _.button,
+      N.button,
       {
         type: "button",
         "aria-controls": a.contentId,
@@ -164,7 +164,7 @@ var Se = "CollapsibleTrigger", le = l.forwardRef(
         disabled: a.disabled,
         ...n,
         ref: t,
-        onClick: j(e.onClick, a.onOpenToggle)
+        onClick: w(e.onClick, a.onOpenToggle)
       }
     );
   }
@@ -189,11 +189,11 @@ var ho = l.forwardRef((e, t) => {
         transitionDuration: f.style.transitionDuration,
         animationName: f.style.animationName
       }, f.style.transitionDuration = "0s", f.style.animationName = "none";
-      const T = f.getBoundingClientRect();
-      g.current = T.height, x.current = T.width, y.current || (f.style.transitionDuration = m.current.transitionDuration, f.style.animationName = m.current.animationName), d(n);
+      const _ = f.getBoundingClientRect();
+      g.current = _.height, x.current = _.width, y.current || (f.style.transitionDuration = m.current.transitionDuration, f.style.animationName = m.current.animationName), d(n);
     }
   }, [i.open, n]), /* @__PURE__ */ o.jsx(
-    _.div,
+    N.div,
     {
       "data-state": ue(i.open),
       "data-disabled": i.disabled ? "" : void 0,
@@ -216,7 +216,7 @@ function ue(e) {
 var Oe = Ie, go = le, xo = de, R = "Accordion", bo = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [pe, mo, vo] = Ot(R), [Y, mn] = K(R, [
   vo,
   Pe
-]), fe = Pe(), Me = w.forwardRef(
+]), fe = Pe(), Me = T.forwardRef(
   (e, t) => {
     const { type: r, ...n } = e, a = n, s = n;
     return /* @__PURE__ */ o.jsx(pe.Provider, { scope: e.__scopeAccordion, children: r === "multiple" ? /* @__PURE__ */ o.jsx(wo, { ...s, ref: t }) : /* @__PURE__ */ o.jsx(jo, { ...a, ref: t }) });
@@ -226,7 +226,7 @@ Me.displayName = R;
 var [$e, Co] = Y(R), [Le, yo] = Y(
   R,
   { collapsible: !1 }
-), jo = w.forwardRef(
+), jo = T.forwardRef(
   (e, t) => {
     const {
       value: r,
@@ -245,14 +245,14 @@ var [$e, Co] = Y(R), [Le, yo] = Y(
       $e,
       {
         scope: e.__scopeAccordion,
-        value: w.useMemo(() => c ? [c] : [], [c]),
+        value: T.useMemo(() => c ? [c] : [], [c]),
         onItemOpen: d,
-        onItemClose: w.useCallback(() => s && d(""), [s, d]),
+        onItemClose: T.useCallback(() => s && d(""), [s, d]),
         children: /* @__PURE__ */ o.jsx(Le, { scope: e.__scopeAccordion, collapsible: s, children: /* @__PURE__ */ o.jsx(ze, { ...i, ref: t }) })
       }
     );
   }
-), wo = w.forwardRef((e, t) => {
+), wo = T.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: n,
@@ -264,10 +264,10 @@ var [$e, Co] = Y(R), [Le, yo] = Y(
     defaultProp: n ?? [],
     onChange: a,
     caller: R
-  }), d = w.useCallback(
+  }), d = T.useCallback(
     (u) => c((g = []) => [...g, u]),
     [c]
-  ), p = w.useCallback(
+  ), p = T.useCallback(
     (u) => c((g = []) => g.filter((b) => b !== u)),
     [c]
   );
@@ -281,22 +281,22 @@ var [$e, Co] = Y(R), [Le, yo] = Y(
       children: /* @__PURE__ */ o.jsx(Le, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ o.jsx(ze, { ...s, ref: t }) })
     }
   );
-}), [To, X] = Y(R), ze = w.forwardRef(
+}), [To, X] = Y(R), ze = T.forwardRef(
   (e, t) => {
-    const { __scopeAccordion: r, disabled: n, dir: a, orientation: s = "vertical", ...i } = e, c = w.useRef(null), d = I(c, t), p = mo(r), g = Mt(a) === "ltr", b = j(e.onKeyDown, (x) => {
+    const { __scopeAccordion: r, disabled: n, dir: a, orientation: s = "vertical", ...i } = e, c = T.useRef(null), d = I(c, t), p = mo(r), g = Mt(a) === "ltr", b = w(e.onKeyDown, (x) => {
       if (!bo.includes(x.key)) return;
       const v = x.target, C = p().filter((te) => !te.ref.current?.disabled), y = C.findIndex((te) => te.ref.current === v), m = C.length;
       if (y === -1) return;
       x.preventDefault();
       let f = y;
-      const T = 0, k = m - 1, E = () => {
-        f = y + 1, f > k && (f = T);
+      const _ = 0, k = m - 1, E = () => {
+        f = y + 1, f > k && (f = _);
       }, S = () => {
-        f = y - 1, f < T && (f = k);
+        f = y - 1, f < _ && (f = k);
       };
       switch (x.key) {
         case "Home":
-          f = T;
+          f = _;
           break;
         case "End":
           f = k;
@@ -325,7 +325,7 @@ var [$e, Co] = Y(R), [Le, yo] = Y(
         direction: a,
         orientation: s,
         children: /* @__PURE__ */ o.jsx(pe.Slot, { scope: r, children: /* @__PURE__ */ o.jsx(
-          _.div,
+          N.div,
           {
             ...i,
             "data-orientation": s,
@@ -336,7 +336,7 @@ var [$e, Co] = Y(R), [Le, yo] = Y(
       }
     );
   }
-), W = "AccordionItem", [_o, he] = Y(W), Fe = w.forwardRef(
+), W = "AccordionItem", [_o, he] = Y(W), Fe = T.forwardRef(
   (e, t) => {
     const { __scopeAccordion: r, value: n, ...a } = e, s = X(W, r), i = Co(W, r), c = fe(r), d = O(), p = n && i.value.includes(n) || !1, u = s.disabled || e.disabled;
     return /* @__PURE__ */ o.jsx(
@@ -366,11 +366,11 @@ var [$e, Co] = Y(R), [Le, yo] = Y(
   }
 );
 Fe.displayName = W;
-var He = "AccordionHeader", Be = w.forwardRef(
+var He = "AccordionHeader", Be = T.forwardRef(
   (e, t) => {
     const { __scopeAccordion: r, ...n } = e, a = X(R, r), s = he(He, r);
     return /* @__PURE__ */ o.jsx(
-      _.h3,
+      N.h3,
       {
         "data-orientation": a.orientation,
         "data-state": qe(s.open),
@@ -382,7 +382,7 @@ var He = "AccordionHeader", Be = w.forwardRef(
   }
 );
 Be.displayName = He;
-var re = "AccordionTrigger", Ge = w.forwardRef(
+var re = "AccordionTrigger", Ge = T.forwardRef(
   (e, t) => {
     const { __scopeAccordion: r, ...n } = e, a = X(R, r), s = he(re, r), i = yo(re, r), c = fe(r);
     return /* @__PURE__ */ o.jsx(pe.ItemSlot, { scope: r, children: /* @__PURE__ */ o.jsx(
@@ -399,7 +399,7 @@ var re = "AccordionTrigger", Ge = w.forwardRef(
   }
 );
 Ge.displayName = re;
-var Ve = "AccordionContent", We = w.forwardRef(
+var Ve = "AccordionContent", We = T.forwardRef(
   (e, t) => {
     const { __scopeAccordion: r, ...n } = e, a = X(R, r), s = he(Ve, r), i = fe(r);
     return /* @__PURE__ */ o.jsx(
@@ -460,7 +460,7 @@ var Ye = "DialogTrigger", Xe = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, a = A(Ye, r), s = I(t, a.triggerRef);
     return /* @__PURE__ */ o.jsx(
-      _.button,
+      N.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -469,7 +469,7 @@ var Ye = "DialogTrigger", Xe = l.forwardRef(
         "data-state": be(a.open),
         ...n,
         ref: s,
-        onClick: j(e.onClick, a.onOpenToggle)
+        onClick: w(e.onClick, a.onOpenToggle)
       }
     );
   }
@@ -496,7 +496,7 @@ var Io = Rt("DialogOverlay.RemoveScroll"), So = l.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ o.jsx(Lt, { as: Io, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ o.jsx(
-        _.div,
+        N.div,
         {
           "data-state": be(a.open),
           ...n,
@@ -526,14 +526,14 @@ var Oo = l.forwardRef(
         ref: a,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: j(e.onCloseAutoFocus, (s) => {
+        onCloseAutoFocus: w(e.onCloseAutoFocus, (s) => {
           s.preventDefault(), r.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: j(e.onPointerDownOutside, (s) => {
+        onPointerDownOutside: w(e.onPointerDownOutside, (s) => {
           const i = s.detail.originalEvent, c = i.button === 0 && i.ctrlKey === !0;
           (i.button === 2 || c) && s.preventDefault();
         }),
-        onFocusOutside: j(
+        onFocusOutside: w(
           e.onFocusOutside,
           (s) => s.preventDefault()
         )
@@ -597,14 +597,14 @@ var Oo = l.forwardRef(
 ), xe = "DialogTitle", ot = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, a = A(xe, r);
-    return /* @__PURE__ */ o.jsx(_.h2, { id: a.titleId, ...n, ref: t });
+    return /* @__PURE__ */ o.jsx(N.h2, { id: a.titleId, ...n, ref: t });
   }
 );
 ot.displayName = xe;
 var rt = "DialogDescription", nt = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, a = A(rt, r);
-    return /* @__PURE__ */ o.jsx(_.p, { id: a.descriptionId, ...n, ref: t });
+    return /* @__PURE__ */ o.jsx(N.p, { id: a.descriptionId, ...n, ref: t });
   }
 );
 nt.displayName = rt;
@@ -612,12 +612,12 @@ var at = "DialogClose", st = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, a = A(at, r);
     return /* @__PURE__ */ o.jsx(
-      _.button,
+      N.button,
       {
         type: "button",
         ...n,
         ref: t,
-        onClick: j(e.onClick, () => a.onOpenChange(!1))
+        onClick: w(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
@@ -648,7 +648,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 }, Fo = Ue, yn = Xe, Ho = Je, Bo = Qe, Go = et, Vo = ot, Wo = nt, qo = st, Ko = "Separator", je = "horizontal", Uo = ["horizontal", "vertical"], ct = l.forwardRef((e, t) => {
   const { decorative: r, orientation: n = je, ...a } = e, s = Yo(n) ? n : je, c = r ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
   return /* @__PURE__ */ o.jsx(
-    _.div,
+    N.div,
     {
       "data-orientation": s,
       ...c,
@@ -715,7 +715,7 @@ var z = "Tooltip", [Qo, H] = J(z), pt = (e) => {
       B ? (d.onOpen(), document.dispatchEvent(new CustomEvent(ne))) : d.onClose(), s?.(B);
     },
     caller: z
-  }), T = l.useMemo(() => m ? y.current ? "delayed-open" : "instant-open" : "closed", [m]), k = l.useCallback(() => {
+  }), _ = l.useMemo(() => m ? y.current ? "delayed-open" : "instant-open" : "closed", [m]), k = l.useCallback(() => {
     window.clearTimeout(x.current), x.current = 0, y.current = !1, f(!0);
   }, [f]), E = l.useCallback(() => {
     window.clearTimeout(x.current), x.current = 0, f(!1);
@@ -732,7 +732,7 @@ var z = "Tooltip", [Qo, H] = J(z), pt = (e) => {
       scope: t,
       contentId: b,
       open: m,
-      stateAttribute: T,
+      stateAttribute: _,
       trigger: u,
       onTriggerChange: g,
       onTriggerEnter: l.useCallback(() => {
@@ -753,26 +753,26 @@ var ae = "TooltipTrigger", ft = l.forwardRef(
   (e, t) => {
     const { __scopeTooltip: r, ...n } = e, a = H(ae, r), s = me(ae, r), i = Q(r), c = l.useRef(null), d = I(t, c, a.onTriggerChange), p = l.useRef(!1), u = l.useRef(!1), g = l.useCallback(() => p.current = !1, []);
     return l.useEffect(() => () => document.removeEventListener("pointerup", g), [g]), /* @__PURE__ */ o.jsx(Gt, { asChild: !0, ...i, children: /* @__PURE__ */ o.jsx(
-      _.button,
+      N.button,
       {
         "aria-describedby": a.open ? a.contentId : void 0,
         "data-state": a.stateAttribute,
         ...n,
         ref: d,
-        onPointerMove: j(e.onPointerMove, (b) => {
+        onPointerMove: w(e.onPointerMove, (b) => {
           b.pointerType !== "touch" && !u.current && !s.isPointerInTransitRef.current && (a.onTriggerEnter(), u.current = !0);
         }),
-        onPointerLeave: j(e.onPointerLeave, () => {
+        onPointerLeave: w(e.onPointerLeave, () => {
           a.onTriggerLeave(), u.current = !1;
         }),
-        onPointerDown: j(e.onPointerDown, () => {
+        onPointerDown: w(e.onPointerDown, () => {
           a.open && a.onClose(), p.current = !0, document.addEventListener("pointerup", g, { once: !0 });
         }),
-        onFocus: j(e.onFocus, () => {
+        onFocus: w(e.onFocus, () => {
           p.current || a.onOpen();
         }),
-        onBlur: j(e.onBlur, a.onClose),
-        onClick: j(e.onClick, a.onClose)
+        onBlur: w(e.onBlur, a.onClose),
+        onClick: w(e.onClick, a.onClose)
       }
     ) });
   }
@@ -795,7 +795,7 @@ var M = "TooltipContent", gt = l.forwardRef(
     c(null), g(!1);
   }, [g]), x = l.useCallback(
     (v, C) => {
-      const y = v.currentTarget, m = { x: v.clientX, y: v.clientY }, f = sr(m, y.getBoundingClientRect()), T = ir(m, f), k = lr(C.getBoundingClientRect()), E = dr([...T, ...k]);
+      const y = v.currentTarget, m = { x: v.clientX, y: v.clientY }, f = sr(m, y.getBoundingClientRect()), _ = ir(m, f), k = lr(C.getBoundingClientRect()), E = dr([..._, ...k]);
       c(E), g(!0);
     },
     [g]
@@ -810,8 +810,8 @@ var M = "TooltipContent", gt = l.forwardRef(
   }, [d, u, x, b]), l.useEffect(() => {
     if (i) {
       const v = (C) => {
-        const y = C.target, m = { x: C.clientX, y: C.clientY }, f = d?.contains(y) || u?.contains(y), T = !cr(m, i);
-        f ? b() : T && (b(), p());
+        const y = C.target, m = { x: C.clientX, y: C.clientY }, f = d?.contains(y) || u?.contains(y), _ = !cr(m, i);
+        f ? b() : _ && (b(), p());
       };
       return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
     }
@@ -1149,17 +1149,17 @@ const we = [
       ...s
     }
   ) : /* @__PURE__ */ o.jsxs(Ae, { gap: "4", children: [
-    /* @__PURE__ */ o.jsxs(N, { children: [
-      /* @__PURE__ */ o.jsx(N.Trigger, { children: /* @__PURE__ */ o.jsx(eo, { className: i("system"), onClick: () => r("system"), size: 32 }) }),
-      /* @__PURE__ */ o.jsx(N.Content, { children: "Use system theme" })
+    /* @__PURE__ */ o.jsxs(j, { children: [
+      /* @__PURE__ */ o.jsx(j.Trigger, { children: /* @__PURE__ */ o.jsx(eo, { className: i("system"), onClick: () => r("system"), size: 32 }) }),
+      /* @__PURE__ */ o.jsx(j.Content, { children: "Use system theme" })
     ] }),
-    /* @__PURE__ */ o.jsxs(N, { children: [
-      /* @__PURE__ */ o.jsx(N.Trigger, { children: /* @__PURE__ */ o.jsx(De, { className: i("light"), onClick: () => r("light"), size: 32 }) }),
-      /* @__PURE__ */ o.jsx(N.Content, { children: "Use light theme" })
+    /* @__PURE__ */ o.jsxs(j, { children: [
+      /* @__PURE__ */ o.jsx(j.Trigger, { children: /* @__PURE__ */ o.jsx(De, { className: i("light"), onClick: () => r("light"), size: 32 }) }),
+      /* @__PURE__ */ o.jsx(j.Content, { children: "Use light theme" })
     ] }),
-    /* @__PURE__ */ o.jsxs(N, { children: [
-      /* @__PURE__ */ o.jsx(N.Trigger, { children: /* @__PURE__ */ o.jsx(Ee, { className: i("dark"), onClick: () => r("dark"), size: 32 }) }),
-      /* @__PURE__ */ o.jsx(N.Content, { children: "Use dark theme" })
+    /* @__PURE__ */ o.jsxs(j, { children: [
+      /* @__PURE__ */ o.jsx(j.Trigger, { children: /* @__PURE__ */ o.jsx(Ee, { className: i("dark"), onClick: () => r("dark"), size: 32 }) }),
+      /* @__PURE__ */ o.jsx(j.Content, { children: "Use dark theme" })
     ] })
   ] });
 };
@@ -1195,7 +1195,7 @@ function wt({
     }
   ) });
 }
-const N = ({ children: e, open: t, onOpenChange: r }) => /* @__PURE__ */ o.jsx(ye, { children: /* @__PURE__ */ o.jsx(yt, { onOpenChange: r, open: t, children: e }) }), Or = ({ children: e, cursor: t = "pointer", className: r }) => /* @__PURE__ */ o.jsx(
+const j = ({ children: e, open: t, onOpenChange: r }) => /* @__PURE__ */ o.jsx(ye, { children: /* @__PURE__ */ o.jsx(yt, { onOpenChange: r, open: t, children: e }) }), Or = ({ children: e, cursor: t = "pointer", className: r }) => /* @__PURE__ */ o.jsx(
   jt,
   {
     asChild: !0,
@@ -1208,9 +1208,13 @@ const N = ({ children: e, open: t, onOpenChange: r }) => /* @__PURE__ */ o.jsx(y
     ),
     children: e
   }
-), Mr = ({ children: e }) => /* @__PURE__ */ o.jsx(wt, { children: e });
-N.Trigger = Or;
-N.Content = Mr;
+), Mr = ({ className: e, children: t }) => /* @__PURE__ */ o.jsx(wt, { className: e, children: t });
+j.Trigger = Or;
+j.Content = Mr;
+const wn = ({ children: e, content: t }) => /* @__PURE__ */ o.jsxs(j, { children: [
+  /* @__PURE__ */ o.jsx(j.Trigger, { children: typeof e == "string" ? /* @__PURE__ */ o.jsx("span", { children: e }) : e }),
+  /* @__PURE__ */ o.jsx(j.Content, { children: t })
+] });
 function $r({ ...e }) {
   return /* @__PURE__ */ o.jsx(Fo, { "data-slot": "sheet", ...e });
 }
@@ -1670,7 +1674,7 @@ const Nt = ({ children: e }) => /* @__PURE__ */ o.jsx(ke, { size: "base", trunca
     ] })
   ] }) }),
   /* @__PURE__ */ o.jsx(en, {})
-] }), wn = ({ children: e, ...t }) => /* @__PURE__ */ o.jsxs(Zr, { children: [
+] }), Tn = ({ children: e, ...t }) => /* @__PURE__ */ o.jsxs(Zr, { children: [
   /* @__PURE__ */ o.jsx(dn, { ...t }),
   /* @__PURE__ */ o.jsx(tn, { className: "max-w-screen-xl", children: e })
 ] });
@@ -1686,7 +1690,7 @@ export {
   yn as T,
   uo as X,
   dn as a,
-  wn as b,
+  Tn as b,
   qo as c,
   Vo as d,
   _r as e,
@@ -1700,5 +1704,6 @@ export {
   Rr as m,
   kr as n,
   Sr as o,
-  N as p
+  j as p,
+  wn as q
 };

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import { Popover as Popover_3 } from 'radix-ui';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { Tabs as Tabs_2 } from 'radix-ui';
+import { Tooltip as Tooltip_3 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: AccordionComponent;
@@ -153,10 +154,6 @@ export declare interface CheckboxProps {
     onCheckedChange?: (checked: boolean) => void;
 }
 
-declare interface ChildProps {
-    children: React.ReactNode;
-}
-
 export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
@@ -592,6 +589,13 @@ declare interface SideLinkSet {
     links: SideLink[];
 }
 
+export declare const SimpleTooltip: ({ children, content }: SimpleTooltipProps) => JSX.Element;
+
+declare interface SimpleTooltipProps {
+    children: string | React.ReactNode;
+    content: string | React.ReactNode;
+}
+
 declare type Size = (typeof SIZES)[number];
 
 declare const SIZES: readonly [...string[], "auto", "full", "min", "max", "fit", "px"];
@@ -718,22 +722,24 @@ export declare interface ThemeSelectorProps {
 
 export declare const Tooltip: TooltipComponent;
 
+declare function Tooltip_2({ ...props }: React_2.ComponentProps<typeof Tooltip_3.Root>): JSX.Element;
+
 declare type TooltipComponent = React.FC<TooltipProps> & {
-    Trigger: React.FC<TriggerProps>;
-    Content: React.FC<ChildProps>;
+    Trigger: React.FC<TooltipTriggerProps>;
+    Content: React.FC<TooltipContentProps>;
 };
 
-declare interface TooltipProps {
-    children: React.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
+declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof Tooltip_3.Content>): JSX.Element;
 
-declare interface TriggerProps {
-    children: React.ReactNode;
+declare type TooltipContentProps = React.ComponentProps<typeof TooltipContent>;
+
+declare type TooltipProps = React.ComponentProps<typeof Tooltip_2>;
+
+declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof Tooltip_3.Trigger>): JSX.Element;
+
+declare type TooltipTriggerProps = React.ComponentProps<typeof TooltipTrigger> & {
     cursor?: CursorType;
-    className?: string;
-}
+};
 
 declare const TYPOGRAPHY_ELEMENTS: readonly ["p", "span", "label", "div", "h1", "h2", "h3", "h4", "h5", "h6"];
 

package/dist/index.js

@@ -1,19 +1,19 @@
-import { R, T as F, C as P, c as V, X as O, d as H, D as q, P as K, O as X, e as J } from "./chunks/SidebarLayout-CunUyuBL.js";
-import { A as Ma, f as za, M as Sa, g as Aa, a as $a, b as Da, S as Ea, h as Ba, i as La, j as Ga, k as Ra, l as Fa, m as Pa, n as Va, o as Oa, p as Ha } from "./chunks/SidebarLayout-CunUyuBL.js";
+import { R, T as F, C as P, c as V, X as O, d as H, D as q, P as K, O as X, e as J } from "./chunks/SidebarLayout-Bm8SlspC.js";
+import { A as Ma, f as Sa, M as za, g as Aa, a as $a, b as Da, S as Ea, q as Ba, h as La, i as Ga, j as Ra, k as Fa, l as Pa, m as Va, n as Oa, o as Ha, p as qa } from "./chunks/SidebarLayout-Bm8SlspC.js";
 import { j as t } from "./chunks/jsx-runtime-B0GD0xBr.js";
 import { c as b, b as N, S as T, C, d as Q, e as U } from "./chunks/calendar-D21xByT8.js";
-import { B as Ka, a as Xa } from "./chunks/calendar-D21xByT8.js";
+import { B as Xa, a as Ja } from "./chunks/calendar-D21xByT8.js";
 import { c as i } from "./chunks/index-CRiPKpXj.js";
 import * as x from "react";
 import { Fragment as W, useState as Y, useEffect as Z, useMemo as ee } from "react";
 import { u as ae, a as te, c as re, b as se, P as h, d as ne, e as j } from "./chunks/popover-BhBG-w7n.js";
 import { g as _, h as oe, i as ie } from "./chunks/Textarea-Doc1h--A.js";
-import { C as Qa, a as Ua, b as Wa, D as Ya, I as Za, c as et, L as at, N as tt, R as rt, d as st, e as nt, S as ot, f as it, T as lt } from "./chunks/Textarea-Doc1h--A.js";
-import { E as dt, a as ut, I as mt, P as gt, b as bt } from "./chunks/PageNotFound-BqoSSvCP.js";
-import { B as xt, C as ft, F as vt, a as ht, G as yt, H as jt, L as Nt } from "./chunks/Layout-DAdzkAxW.js";
-import { C as wt } from "./chunks/Code-DSfz_jrJ.js";
-import { H as Ct, T as _t } from "./chunks/Heading-Bpvbpnw2.js";
-import { P as Mt } from "./chunks/Paragraph-Lcw42_Mz.js";
+import { C as Ua, a as Wa, b as Ya, D as Za, I as et, c as at, L as tt, N as rt, R as st, d as nt, e as ot, S as it, f as lt, T as ct } from "./chunks/Textarea-Doc1h--A.js";
+import { E as ut, a as mt, I as gt, P as bt, b as pt } from "./chunks/PageNotFound-BqoSSvCP.js";
+import { B as ft, C as vt, F as ht, a as yt, G as jt, H as Nt, L as kt } from "./chunks/Layout-DAdzkAxW.js";
+import { C as Tt } from "./chunks/Code-DSfz_jrJ.js";
+import { H as _t, T as It } from "./chunks/Heading-Bpvbpnw2.js";
+import { P as St } from "./chunks/Paragraph-Lcw42_Mz.js";
 /**
  * @license lucide-react v0.543.0 - ISC
  *
@@ -143,9 +143,9 @@ var y = "Tabs", [Ne, la] = re(y, [
   }
 );
 M.displayName = y;
-var z = "TabsList", S = x.forwardRef(
+var S = "TabsList", z = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: o, loop: s = !0, ...n } = e, l = k(z, o), r = I(o);
+    const { __scopeTabs: o, loop: s = !0, ...n } = e, l = k(S, o), r = I(o);
     return /* @__PURE__ */ t.jsx(
       oe,
       {
@@ -167,7 +167,7 @@ var z = "TabsList", S = x.forwardRef(
     );
   }
 );
-S.displayName = z;
+z.displayName = S;
 var A = "TabsTrigger", $ = x.forwardRef(
   (e, a) => {
     const { __scopeTabs: o, value: s, disabled: n = !1, ...l } = e, r = k(A, o), c = I(o), m = B(r.baseId, s), g = L(r.baseId, s), d = s === r.value;
@@ -242,7 +242,7 @@ function B(e, a) {
 function L(e, a) {
   return `${e}-content-${a}`;
 }
-var we = M, Te = S, Ce = $, _e = E;
+var we = M, Te = z, Ce = $, _e = E;
 const Ie = N(
   "relative w-full rounded-lg border px-3 py-2 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
@@ -262,7 +262,7 @@ const Ie = N(
 function Me({ className: e, variant: a, ...o }) {
   return /* @__PURE__ */ t.jsx("div", { className: i(Ie({ variant: a }), e), "data-slot": "alert", role: "alert", ...o });
 }
-function ze({ className: e, ...a }) {
+function Se({ className: e, ...a }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -272,7 +272,7 @@ function ze({ className: e, ...a }) {
     }
   );
 }
-function Se({ className: e, ...a }) {
+function ze({ className: e, ...a }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -291,8 +291,8 @@ const Ae = {
   const n = Ae[e];
   return /* @__PURE__ */ t.jsxs(Me, { className: s, variant: e, children: [
     /* @__PURE__ */ t.jsx(n, { className: "h-4 w-4", "data-testid": `alert-icon-${e}` }),
-    a ? /* @__PURE__ */ t.jsx(ze, { children: a }) : null,
-    /* @__PURE__ */ t.jsx(Se, { children: o })
+    a ? /* @__PURE__ */ t.jsx(Se, { children: a }) : null,
+    /* @__PURE__ */ t.jsx(ze, { children: o })
   ] });
 }, $e = N(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
@@ -953,10 +953,10 @@ export {
   Ma as Accordion,
   ca as Alert,
   da as Badge,
-  xt as Box,
+  ft as Box,
   ua as Breadcrumbs,
-  Ka as Button,
-  Xa as ButtonGroup,
+  Xa as Button,
+  Ja as ButtonGroup,
   ma as Card,
   xa as CardAction,
   fa as CardContent,
@@ -964,57 +964,58 @@ export {
   va as CardFooter,
   ga as CardHeader,
   ba as CardTitle,
-  Qa as Checkbox,
-  wt as Code,
-  za as Collapsible,
-  ft as Container,
-  Ua as DateInput,
-  Wa as DatePicker,
-  Ya as DeleteButton,
-  dt as ErrorFallback,
-  ut as ErrorOverlay,
-  vt as Flex,
-  ht as Footer,
-  yt as Grid,
-  jt as Header,
-  Ct as Heading,
-  Za as InputError,
-  et as InputGroup,
-  mt as Interstitial,
-  at as Label,
-  Nt as Layout,
-  Sa as MenuItemText,
+  Ua as Checkbox,
+  Tt as Code,
+  Sa as Collapsible,
+  vt as Container,
+  Wa as DateInput,
+  Ya as DatePicker,
+  Za as DeleteButton,
+  ut as ErrorFallback,
+  mt as ErrorOverlay,
+  ht as Flex,
+  yt as Footer,
+  jt as Grid,
+  Nt as Header,
+  _t as Heading,
+  et as InputError,
+  at as InputGroup,
+  gt as Interstitial,
+  tt as Label,
+  kt as Layout,
+  za as MenuItemText,
   ha as Modal,
-  tt as NumberInput,
-  gt as PageLoader,
-  bt as PageNotFound,
+  rt as NumberInput,
+  bt as PageLoader,
+  pt as PageNotFound,
   ya as Pagination,
-  Mt as Paragraph,
+  St as Paragraph,
   Aa as Popover,
-  rt as RadioSelect,
-  st as SelectInput,
-  nt as SelectPicker,
+  st as RadioSelect,
+  nt as SelectInput,
+  ot as SelectPicker,
   ja as Separator,
   $a as Sidebar,
   Da as SidebarLayout,
   Ea as SidebarTrigger,
+  Ba as SimpleTooltip,
   Na as Skeleton,
-  ot as SubmitButton,
-  Ba as Table,
-  La as TableBody,
-  Ga as TableCaption,
-  Ra as TableCell,
-  Fa as TableHead,
-  Pa as TableHeader,
-  Va as TableRow,
+  it as SubmitButton,
+  La as Table,
+  Ga as TableBody,
+  Ra as TableCaption,
+  Fa as TableCell,
+  Pa as TableHead,
+  Va as TableHeader,
+  Oa as TableRow,
   ka as Tabs,
   Ca as TabsContent,
   wa as TabsList,
   Ta as TabsTrigger,
-  _t as Text,
-  it as TextInput,
-  lt as Textarea,
-  Oa as ThemeSelector,
-  Ha as Tooltip,
+  It as Text,
+  lt as TextInput,
+  ct as Textarea,
+  Ha as ThemeSelector,
+  qa as Tooltip,
   i as cn
 };

package/dist/navigation.js

@@ -1,4 +1,4 @@
-import { M as r, a as b, b as i, S as s } from "./chunks/SidebarLayout-CunUyuBL.js";
+import { M as r, a as b, b as i, S as s } from "./chunks/SidebarLayout-Bm8SlspC.js";
 export {
   r as MenuItemText,
   b as Sidebar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@still-forest/canopy",
-  "version": "0.29.1",
+  "version": "0.30.0",
   "author": "John Szymanowski",
   "license": "MIT",
   "description": "React components, built with Tailwind CSS, Shadcn, and VisX",