@still-forest/canopy 0.50.0 → 0.51.0

package/dist/index.d.ts

@@ -53,9 +53,13 @@ export declare interface AlertProps {
 
 declare type AlertVariant = "info" | "success" | "warning" | "error";
 
-export declare const Badge: ({ label, onClick, className, variant, color, children }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ label, onClick, className, variant, color, children, ...props }: BadgeProps) => JSX.Element;
 
-export declare interface BadgeProps {
+declare function Badge_2({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare interface BadgeProps extends React.ComponentProps<typeof Badge_2> {
     variant?: BadgeVariant;
     color?: TailwindColor;
     label?: string;
@@ -66,6 +70,10 @@ export declare interface BadgeProps {
 
 declare type BadgeVariant = AlertVariant | "default" | "secondary" | "destructive" | "outline";
 
+declare const badgeVariants: (props?: ({
+    variant?: "info" | "success" | "warning" | "error" | "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare type BaseButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "unstyled";
 
 export declare type BaseButtonVariant = "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "unstyled" | "error" | "info" | "success" | "warning";
@@ -265,7 +273,9 @@ declare interface CopyButtonProps extends Omit<ButtonProps, "onClick" | "disable
     content: string;
 }
 
-export declare type CursorType = "arrow" | "pointer" | "text" | "not-allowed";
+export declare const CURSOR_TYPES: readonly ["arrow", "pointer", "text", "not-allowed", "help", "wait", "context-menu", "none", "copy", "move", "progress", "cell", "crosshair", "vertical-text", "alias", "zoom-in", "zoom-out", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "s-resize", "e-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "nesw-resize", "nwse-resize"];
+
+export declare type CursorType = (typeof CURSOR_TYPES)[number];
 
 export declare const DateInput: ({ name, label, placeholder, note, className, size, ...props }: DateInputProps) => JSX.Element;
 
@@ -871,10 +881,11 @@ declare interface SideLinkSet {
     links: SideLink[];
 }
 
-export declare const SimpleTooltip: ({ children, content }: SimpleTooltipProps) => JSX.Element;
+export declare const SimpleTooltip: ({ children, cursor, content }: SimpleTooltipProps) => JSX.Element;
 
 declare interface SimpleTooltipProps {
     children: string | React.ReactNode;
+    cursor?: CursorType;
     content: string | React.ReactNode;
 }
 

package/dist/index.js

@@ -4126,15 +4126,15 @@ const Vp = mt(
       }
     ]
   }
-), eS = ({ label: e, onClick: t, className: n, variant: r = "default", color: o, children: a }) => {
-  const s = e || a;
-  if (!s)
+), eS = ({ label: e, onClick: t, className: n, variant: r = "default", color: o, children: a, ...s }) => {
+  const i = e || a;
+  if (!i)
     throw new Error("Badge must have either a label or children");
   if (o && !(r === "default" || r === "outline"))
     throw new Error(
       `Color ${o} is not allowed for variant '${r}'. Only default and outline variants support color.`
     );
-  const i = S(
+  const c = S(
     "cursor-default",
     !!t && "cursor-pointer",
     Vp({ color: o, variant: r }),
@@ -4147,7 +4147,7 @@ const Vp = mt(
     },
     n
   );
-  return /* @__PURE__ */ l.jsx(Hp, { className: i, onClick: t, variant: r, children: s });
+  return /* @__PURE__ */ l.jsx(Hp, { className: c, onClick: t, variant: r, ...s, children: i });
 };
 function Gp({ ...e }) {
   return /* @__PURE__ */ l.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
@@ -6668,7 +6668,41 @@ function Rl({
     }
   ) });
 }
-const Me = ({ children: e, open: t, onOpenChange: n }) => /* @__PURE__ */ l.jsx(Ra, { children: /* @__PURE__ */ l.jsx(Dl, { onOpenChange: n, open: t, children: e }) }), hv = ({ children: e, cursor: t = "pointer", className: n }) => /* @__PURE__ */ l.jsx(
+const oS = [
+  "arrow",
+  "pointer",
+  "text",
+  "not-allowed",
+  "help",
+  "wait",
+  "context-menu",
+  "none",
+  "copy",
+  "move",
+  "progress",
+  "cell",
+  "crosshair",
+  "vertical-text",
+  "alias",
+  "zoom-in",
+  "zoom-out",
+  "no-drop",
+  "grab",
+  "grabbing",
+  "all-scroll",
+  "col-resize",
+  "row-resize",
+  "n-resize",
+  "s-resize",
+  "e-resize",
+  "w-resize",
+  "ne-resize",
+  "nw-resize",
+  "se-resize",
+  "sw-resize",
+  "nesw-resize",
+  "nwse-resize"
+], Me = ({ children: e, open: t, onOpenChange: n }) => /* @__PURE__ */ l.jsx(Ra, { children: /* @__PURE__ */ l.jsx(Dl, { onOpenChange: n, open: t, children: e }) }), hv = ({ children: e, cursor: t = "pointer", className: n }) => /* @__PURE__ */ l.jsx(
   Ol,
   {
     asChild: !0,
@@ -6677,6 +6711,35 @@ const Me = ({ children: e, open: t, onOpenChange: n }) => /* @__PURE__ */ l.jsx(
       t === "pointer" && "cursor-pointer",
       t === "text" && "cursor-text",
       t === "not-allowed" && "cursor-not-allowed",
+      t === "help" && "cursor-help",
+      t === "wait" && "cursor-wait",
+      t === "context-menu" && "cursor-context-menu",
+      t === "none" && "cursor-none",
+      t === "copy" && "cursor-copy",
+      t === "move" && "cursor-move",
+      t === "progress" && "cursor-progress",
+      t === "cell" && "cursor-cell",
+      t === "crosshair" && "cursor-crosshair",
+      t === "vertical-text" && "cursor-vertical-text",
+      t === "alias" && "cursor-alias",
+      t === "zoom-in" && "cursor-zoom-in",
+      t === "zoom-out" && "cursor-zoom-out",
+      t === "no-drop" && "cursor-no-drop",
+      t === "grab" && "cursor-grab",
+      t === "grabbing" && "cursor-grabbing",
+      t === "all-scroll" && "cursor-all-scroll",
+      t === "col-resize" && "cursor-col-resize",
+      t === "row-resize" && "cursor-row-resize",
+      t === "n-resize" && "cursor-n-resize",
+      t === "s-resize" && "cursor-s-resize",
+      t === "e-resize" && "cursor-e-resize",
+      t === "w-resize" && "cursor-w-resize",
+      t === "ne-resize" && "cursor-ne-resize",
+      t === "nw-resize" && "cursor-nw-resize",
+      t === "se-resize" && "cursor-se-resize",
+      t === "sw-resize" && "cursor-sw-resize",
+      t === "nesw-resize" && "cursor-nesw-resize",
+      t === "nwse-resize" && "cursor-nwse-resize",
       n
     ),
     children: e
@@ -6684,9 +6747,9 @@ const Me = ({ children: e, open: t, onOpenChange: n }) => /* @__PURE__ */ l.jsx(
 ), gv = ({ className: e, children: t }) => /* @__PURE__ */ l.jsx(Rl, { className: e, children: t });
 Me.Trigger = hv;
 Me.Content = gv;
-const vv = ({ children: e, content: t }) => /* @__PURE__ */ l.jsxs(Me, { children: [
-  /* @__PURE__ */ l.jsx(Me.Trigger, { children: typeof e == "string" ? /* @__PURE__ */ l.jsx("span", { children: e }) : e }),
-  /* @__PURE__ */ l.jsx(Me.Content, { children: t })
+const vv = ({ children: e, cursor: t = "pointer", content: n }) => /* @__PURE__ */ l.jsxs(Me, { children: [
+  /* @__PURE__ */ l.jsx(Me.Trigger, { cursor: t, children: typeof e == "string" ? /* @__PURE__ */ l.jsx("span", { children: e }) : e }),
+  /* @__PURE__ */ l.jsx(Me.Content, { children: n })
 ] }), Nt = ({ content: e, className: t }) => /* @__PURE__ */ l.jsx(vv, { content: e, children: /* @__PURE__ */ l.jsx(Hf, { className: S("size-4 text-muted-foreground stroke-1", t) }) });
 var bv = [
   "a",
@@ -6749,7 +6812,7 @@ function Al({
     }
   );
 }
-function oS({ className: e, ...t }) {
+function aS({ className: e, ...t }) {
   return /* @__PURE__ */ l.jsx("div", { className: S("group/item-group flex flex-col", e), "data-slot": "item-group", role: "list", ...t });
 }
 const Cv = mt(
@@ -7576,7 +7639,7 @@ var kb = function(e) {
   return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live], script"))), Sb(r, o, n, "aria-hidden")) : function() {
     return null;
   };
-}, Wr = "Dialog", [Ul, aS] = De(Wr), [Nb, Ge] = Ul(Wr), ql = (e) => {
+}, Wr = "Dialog", [Ul, sS] = De(Wr), [Nb, Ge] = Ul(Wr), ql = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -7778,7 +7841,7 @@ sc.displayName = ac;
 function Ia(e) {
   return e ? "open" : "closed";
 }
-var ic = "DialogTitleWarning", [sS, lc] = $u(ic, {
+var ic = "DialogTitleWarning", [iS, lc] = $u(ic, {
   contentName: _t,
   titleName: _a,
   docsSlug: "dialog"
@@ -7885,7 +7948,7 @@ function _s({ className: e, ...t }) {
     }
   );
 }
-const iS = ({ trigger: e, children: t, title: n, description: r, open: o, onOpenChange: a, ariaDescription: s }) => {
+const lS = ({ trigger: e, children: t, title: n, description: r, open: o, onOpenChange: a, ariaDescription: s }) => {
   const i = o !== void 0, [c, d] = Be(i ? o : !1);
   if (Jt(() => {
     !s && !r && console.warn("Warning: Missing aria description. Please provide either an ariaDescription or description prop.");
@@ -8031,7 +8094,7 @@ function Is({ className: e, ...t }) {
     }
   );
 }
-const lS = ({ pageCount: e, currentPage: t, onChange: n }) => {
+const cS = ({ pageCount: e, currentPage: t, onChange: n }) => {
   const r = Math.max(1, e), o = Math.max(1, Math.min(t, r)), a = Tt(() => r === 1 ? [1] : o <= 3 ? Array.from({ length: Math.min(3, r) }, (s, i) => i + 1) : o >= r - 2 ? Array.from(
     { length: Math.min(3, r) },
     (s, i) => r - Math.min(3, r) + i + 1
@@ -8113,7 +8176,7 @@ const lS = ({ pageCount: e, currentPage: t, onChange: n }) => {
     ) })
   ] }) });
 };
-var Vr = "Popover", [mc, cS] = De(Vr, [
+var Vr = "Popover", [mc, dS] = De(Vr, [
   Ar
 ]), Fn = Ar(), [Gb, Et] = mc(Vr), pc = (e) => {
   const {
@@ -8351,7 +8414,7 @@ function La({
 const Cc = ({ children: e, ...t }) => /* @__PURE__ */ l.jsx(Fa, { ...t, children: e });
 Cc.Trigger = Wa;
 Cc.Content = La;
-const dS = ({ className: e, orientation: t = "horizontal", gap: n, ...r }) => {
+const uS = ({ className: e, orientation: t = "horizontal", gap: n, ...r }) => {
   const o = t === "vertical", s = n ?? (o ? "2" : "4");
   return /* @__PURE__ */ l.jsx(
     Al,
@@ -8403,7 +8466,7 @@ const dS = ({ className: e, orientation: t = "horizontal", gap: n, ...r }) => {
     }
   );
 };
-function uS({ className: e, ...t }) {
+function fS({ className: e, ...t }) {
   return /* @__PURE__ */ l.jsx("div", { className: S("bg-accent animate-pulse rounded-md", e), "data-slot": "skeleton", ...t });
 }
 function ax({ className: e, ...t }) {
@@ -8625,7 +8688,7 @@ function Mc(e, t = !1) {
 function wx(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Dc = Nc, Oc = jc, Yr = "Tabs", [kx, fS] = De(Yr, [
+var Dc = Nc, Oc = jc, Yr = "Tabs", [kx, mS] = De(Yr, [
   Gr
 ]), Rc = Gr(), [Cx, Ba] = kx(Yr), Tc = m.forwardRef(
   (e, t) => {
@@ -8768,10 +8831,10 @@ function Lc(e, t) {
   return `${e}-content-${t}`;
 }
 var Sx = Tc, Nx = Ac, Ex = Ic, jx = Fc;
-function mS({ className: e, ...t }) {
+function pS({ className: e, ...t }) {
   return /* @__PURE__ */ l.jsx(Sx, { className: S("flex flex-col gap-2", e), "data-slot": "tabs", ...t });
 }
-function pS({ className: e, ...t }) {
+function hS({ className: e, ...t }) {
   return /* @__PURE__ */ l.jsx(
     Nx,
     {
@@ -8784,7 +8847,7 @@ function pS({ className: e, ...t }) {
     }
   );
 }
-function hS({ className: e, ...t }) {
+function gS({ className: e, ...t }) {
   return /* @__PURE__ */ l.jsx(
     Ex,
     {
@@ -8797,7 +8860,7 @@ function hS({ className: e, ...t }) {
     }
   );
 }
-function gS({ className: e, ...t }) {
+function vS({ className: e, ...t }) {
   return /* @__PURE__ */ l.jsx(jx, { className: S("flex-1 outline-none", e), "data-slot": "tabs-content", ...t });
 }
 const Mx = ({
@@ -9375,7 +9438,7 @@ const Px = ({ children: e, sticky: t = !1, className: n, ...r }) => /* @__PURE__
     ...n,
     children: e
   }
-)), vS = Object.assign(_x, { Header: Px, Body: Ax, Footer: Tx }), tt = ({
+)), bS = Object.assign(_x, { Header: Px, Body: Ax, Footer: Tx }), tt = ({
   label: e,
   children: t,
   onClick: n,
@@ -9436,7 +9499,7 @@ En.Button = sa(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ l.jsx
   }
 ));
 En.Button.displayName = "ButtonGroupButton";
-const bS = ({ icon: e, disabled: t = !1, handleDelete: n, ...r }) => {
+const xS = ({ icon: e, disabled: t = !1, handleDelete: n, ...r }) => {
   const o = e ? () => e : Am;
   return /* @__PURE__ */ l.jsx(
     tt,
@@ -9455,7 +9518,7 @@ const bS = ({ icon: e, disabled: t = !1, handleDelete: n, ...r }) => {
   submit: { label: "Submit", submittingLabel: "Submitting", IconComponent: fo },
   save: { label: "Save", submittingLabel: "Saving", IconComponent: Em },
   send: { label: "Send", submittingLabel: "Sending", IconComponent: fo }
-}, xS = ({
+}, yS = ({
   submitting: e = !1,
   disabled: t = !1,
   submittingIcon: n,
@@ -9939,7 +10002,7 @@ const hy = ({ label: e, options: t, onSelect: n, selectedValue: r }) => /* @__PU
     /* @__PURE__ */ l.jsx(fy, { children: n ? "No options found." : "No results found." }),
     e.map(({ label: o, options: a }, s) => /* @__PURE__ */ l.jsx(hy, { label: o, options: a, ...r }, o || `option-list-${s}`))
   ] })
-] }), yS = ({
+] }), wS = ({
   name: e,
   label: t,
   hint: n,
@@ -10070,7 +10133,7 @@ function qr(e) {
   const t = m.useRef({ value: e, previous: e });
   return m.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var Kr = "Checkbox", [gy, wS] = De(Kr), [vy, Ga] = gy(Kr);
+var Kr = "Checkbox", [gy, kS] = De(Kr), [vy, Ga] = gy(Kr);
 function by(e) {
   const {
     __scopeCheckbox: t,
@@ -10320,7 +10383,7 @@ function yy({ className: e, ...t }) {
     }
   );
 }
-const kS = ({
+const CS = ({
   label: e,
   name: t,
   value: n,
@@ -10362,7 +10425,7 @@ const kS = ({
       s && /* @__PURE__ */ l.jsx(nt, { message: s })
     ] })
   ] });
-}, CS = ({ content: e, className: t, size: n = "md", ...r }) => {
+}, SS = ({ content: e, className: t, size: n = "md", ...r }) => {
   const [o, a] = Be(!1), s = Zt(null);
   Jt(() => () => {
     s.current && clearTimeout(s.current);
@@ -13342,7 +13405,7 @@ function E1({
     );
   }) });
 }
-const SS = ({ onDateSelection: e, initialValue: t, className: n, size: r = "default", error: o }) => {
+const NS = ({ onDateSelection: e, initialValue: t, className: n, size: r = "default", error: o }) => {
   const [a, s] = Be(t), i = (c) => {
     s(c), c && e(c);
   };
@@ -13582,7 +13645,7 @@ const $1 = ({
     type: "number",
     ...s
   }
-), NS = ({
+), ES = ({
   name: e,
   size: t = "md",
   label: n,
@@ -13723,7 +13786,7 @@ Wd.displayName = z1;
 function Ld(e) {
   return e ? "checked" : "unchecked";
 }
-var H1 = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Xr = "RadioGroup", [V1, ES] = De(Xr, [
+var H1 = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Xr = "RadioGroup", [V1, jS] = De(Xr, [
   Gr,
   _d
 ]), Bd = Gr(), zd = _d(), [G1, Y1] = V1(Xr), Hd = m.forwardRef(
@@ -13855,7 +13918,7 @@ function Q1({ className: e, ...t }) {
     }
   );
 }
-const jS = ({ label: e, name: t, options: n, value: r, onChange: o, error: a, labelClassName: s }) => /* @__PURE__ */ l.jsxs($1, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: t, children: [
+const MS = ({ label: e, name: t, options: n, value: r, onChange: o, error: a, labelClassName: s }) => /* @__PURE__ */ l.jsxs($1, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: t, children: [
   /* @__PURE__ */ l.jsx(X1, { className: "w-full", name: t, onValueChange: o, value: r, children: /* @__PURE__ */ l.jsx(Bc, { cols: "2", children: n.map((i, c) => /* @__PURE__ */ l.jsxs(se, { align: "center", gap: "2", justify: "start", children: [
     /* @__PURE__ */ l.jsx(Q1, { id: i.value, value: i.value }),
     /* @__PURE__ */ l.jsx(_e, { className: s, htmlFor: i.value, children: i.label }),
@@ -13901,7 +13964,7 @@ function To({ ...e }) {
 function ek({ className: e, ...t }) {
   return /* @__PURE__ */ l.jsx("optgroup", { className: S(e), "data-slot": "native-select-optgroup", ...t });
 }
-const MS = ({
+const DS = ({
   name: e,
   defaultValue: t,
   options: n,
@@ -15048,7 +15111,7 @@ const Ak = ({
 }) => /* @__PURE__ */ l.jsxs(Dk, { onOpenChange: n, open: t, children: [
   /* @__PURE__ */ l.jsx(Ok, { asChild: !0, children: /* @__PURE__ */ l.jsx(It, { className: S("w-full justify-start", a), id: o, variant: "outline", children: e }) }),
   /* @__PURE__ */ l.jsx(Pk, { children: r })
-] }), DS = ({
+] }), OS = ({
   options: e,
   value: t,
   placeholder: n = "Select an option",
@@ -15130,7 +15193,7 @@ var su = ["PageUp", "PageDown"], iu = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, mn = "Slider", [na, _k, Ik] = la(mn), [cu, OS] = De(mn, [
+}, mn = "Slider", [na, _k, Ik] = la(mn), [cu, RS] = De(mn, [
   Ik
 ]), [$k, Qr] = cu(mn), du = m.forwardRef(
   (e, t) => {
@@ -15599,7 +15662,7 @@ function eC({
     }
   );
 }
-const RS = ({
+const TS = ({
   name: e,
   size: t = "md",
   label: n,
@@ -15665,7 +15728,7 @@ const RS = ({
     i && /* @__PURE__ */ l.jsx(nt, { id: g, message: i })
   ] });
 };
-var Jr = "Switch", [tC, TS] = De(Jr), [nC, rC] = tC(Jr), yu = m.forwardRef(
+var Jr = "Switch", [tC, PS] = De(Jr), [nC, rC] = tC(Jr), yu = m.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: n,
@@ -15809,7 +15872,7 @@ function iC({
     }
   );
 }
-const PS = ({
+const AS = ({
   id: e,
   label: t,
   className: n,
@@ -16127,10 +16190,10 @@ const Qa = ({
   } catch {
     console.warn("Page reload prevented in test environment");
   }
-}, AS = ({ error: e, onRetry: t = wC, ...n }) => /* @__PURE__ */ l.jsx(yC, { ...n, children: /* @__PURE__ */ l.jsxs(se, { align: "center", direction: "col", gap: "8", children: [
+}, _S = ({ error: e, onRetry: t = wC, ...n }) => /* @__PURE__ */ l.jsx(yC, { ...n, children: /* @__PURE__ */ l.jsxs(se, { align: "center", direction: "col", gap: "8", children: [
   /* @__PURE__ */ l.jsx(za, { className: "p-4", variant: "muted", width: "full", children: /* @__PURE__ */ l.jsx(Qp, { align: "center", size: "xs", variant: "inherit", children: e.message || "Unknown error occurred" }) }),
   /* @__PURE__ */ l.jsx(tt, { icon: /* @__PURE__ */ l.jsx(Sm, {}), onClick: t, variant: "primary", children: "Reload" })
-] }) }), kC = (e) => /* @__PURE__ */ l.jsx(_l, { className: "text-info", "data-testid": "icon", ...e }), _S = ({ iconComponent: e, message: t, iconSize: n = "5xl", iconClassName: r, ...o }) => {
+] }) }), kC = (e) => /* @__PURE__ */ l.jsx(_l, { className: "text-info", "data-testid": "icon", ...e }), IS = ({ iconComponent: e, message: t, iconSize: n = "5xl", iconClassName: r, ...o }) => {
   const a = e || kC;
   return /* @__PURE__ */ l.jsx(
     Qa,
@@ -16144,7 +16207,7 @@ const Qa = ({
       ...o
     }
   );
-}, IS = ({
+}, $S = ({
   onBack: e,
   headline: t = "Page not found",
   message: n = "The page you are looking for does not exist.",
@@ -16604,7 +16667,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
     ] })
   ] }) }),
   /* @__PURE__ */ l.jsx(WC, {})
-] }), $S = ({ children: e, ...t }) => /* @__PURE__ */ l.jsxs(IC, { children: [
+] }), FS = ({ children: e, ...t }) => /* @__PURE__ */ l.jsxs(IC, { children: [
   /* @__PURE__ */ l.jsx(qC, { ...t }),
   /* @__PURE__ */ l.jsx(LC, { className: "max-w-screen-xl", children: e })
 ] }), Du = [
@@ -16617,7 +16680,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "warning",
   "destructive",
   "brand"
-], FS = [
+], WS = [
   "red",
   "orange",
   "amber",
@@ -16642,7 +16705,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "stone",
   "white",
   "black"
-], WS = [
+], LS = [
   "div",
   "span",
   "section",
@@ -16652,7 +16715,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "aside",
   "nav",
   "article"
-], LS = ["p", "span", "label", "div", "h1", "h2", "h3", "h4", "h5", "h6"], BS = ["default", ...Du], KC = [
+], BS = ["p", "span", "label", "div", "h1", "h2", "h3", "h4", "h5", "h6"], zS = ["default", ...Du], KC = [
   "0",
   "1",
   "2",
@@ -16682,7 +16745,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "72",
   "84",
   "96"
-], Ou = [...KC, "auto", "full", "min", "max", "fit", "px"], zS = [
+], Ou = [...KC, "auto", "full", "min", "max", "fit", "px"], HS = [
   ...Ou,
   "3xs",
   "2xs",
@@ -16698,7 +16761,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "6xl",
   "7xl",
   "screen"
-], HS = [...Ou, "screen"], VS = [
+], VS = [...Ou, "screen"], GS = [
   "block",
   "flex",
   "grid",
@@ -16722,7 +16785,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "hidden",
   "sr-only",
   "not-sr-only"
-], GS = ["content", "border"], YS = ["static", "fixed", "absolute", "relative", "sticky"], US = ["auto", "scroll", "hidden", "clip", "visible"], qS = ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "full", !0, !1], KS = ["row", "col", "row-reverse", "col-reverse"], ZS = ["start", "center", "end", "stretch", "baseline"], XS = [
+], YS = ["content", "border"], US = ["static", "fixed", "absolute", "relative", "sticky"], qS = ["auto", "scroll", "hidden", "clip", "visible"], KS = ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "full", !0, !1], ZS = ["row", "col", "row-reverse", "col-reverse"], XS = ["start", "center", "end", "stretch", "baseline"], QS = [
   "start",
   "center",
   "end",
@@ -16732,7 +16795,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "stretch",
   "baseline",
   "normal"
-], QS = ["nowrap", "wrap", "wrap-reverse"], JS = [
+], JS = ["nowrap", "wrap", "wrap-reverse"], eN = [
   null,
   !0,
   !1,
@@ -16749,7 +16812,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "10",
   "11",
   "12"
-], eN = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], tN = [
+], tN = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], nN = [
   "1",
   "2",
   "3",
@@ -16775,7 +16838,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "23",
   "24",
   "none"
-], nN = ["row", "col", "dense", "row-dense", "col-dense"], rN = [
+], rN = ["row", "col", "dense", "row-dense", "col-dense"], oN = [
   "0",
   "1",
   "2",
@@ -16793,7 +16856,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "14",
   "15",
   "16"
-], oN = ["1", "2", "3", "4", "5", "6"], aN = [
+], aN = ["1", "2", "3", "4", "5", "6"], sN = [
   "xs",
   "sm",
   "base",
@@ -16808,7 +16871,7 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "7xl",
   "8xl",
   "9xl"
-], sN = ["display", "serif", "sans", "mono", "heading", "body", "brand"], iN = ["default", "inherit", ...Du], lN = [
+], iN = ["display", "serif", "sans", "mono", "heading", "body", "brand"], lN = ["default", "inherit", ...Du], cN = [
   "thin",
   "extralight",
   "light",
@@ -16818,49 +16881,50 @@ const Mu = ({ children: e }) => /* @__PURE__ */ l.jsx(we, { size: "base", trunca
   "bold",
   "extrabold",
   "black"
-], cN = ["left", "center", "right", "justify", "start", "end"], dN = ["none", "tight", "snug", "normal", "relaxed", "loose"], uN = ["tighter", "tight", "normal", "wide", "wider", "widest"];
+], dN = ["left", "center", "right", "justify", "start", "end"], uN = ["none", "tight", "snug", "normal", "relaxed", "loose"], fN = ["tighter", "tight", "normal", "wide", "wider", "widest"];
 export {
   xa as Accordion,
   JC as Alert,
-  GS as BOX_SIZINGS,
+  YS as BOX_SIZINGS,
   eS as Badge,
   za as Box,
   tS as Breadcrumbs,
   Jp as BulletList,
   tt as Button,
   En as ButtonGroup,
-  yS as ButtonSelectInput,
+  wS as ButtonSelectInput,
   Du as COLOR_VARIANTS,
+  oS as CURSOR_TYPES,
   sn as Card,
-  kS as Checkbox,
+  CS as Checkbox,
   Qp as Code,
   Yi as Collapsible,
   Ha as Container,
-  CS as CopyButton,
-  VS as DISPLAYS,
+  SS as CopyButton,
+  GS as DISPLAYS,
   wy as DateInput,
-  SS as DatePicker,
-  bS as DeleteButton,
+  NS as DatePicker,
+  xS as DeleteButton,
   An as Empty,
-  AS as ErrorFallback,
+  _S as ErrorFallback,
   yC as ErrorOverlay,
-  ZS as FLEX_ALIGNS,
-  KS as FLEX_DIRECTIONS,
-  JS as FLEX_GROWS,
-  XS as FLEX_JUSTIFIES,
-  QS as FLEX_WRAPS,
-  sN as FONT_FAMILIES,
-  aN as FONT_SIZES,
-  lN as FONT_WEIGHTS,
+  XS as FLEX_ALIGNS,
+  ZS as FLEX_DIRECTIONS,
+  eN as FLEX_GROWS,
+  QS as FLEX_JUSTIFIES,
+  JS as FLEX_WRAPS,
+  iN as FONT_FAMILIES,
+  sN as FONT_SIZES,
+  cN as FONT_WEIGHTS,
   se as Flex,
   Tx as Footer,
-  rN as GAPS,
-  eN as GRID_COLS,
-  nN as GRID_FLOWS,
-  tN as GRID_ROWS,
+  oN as GAPS,
+  tN as GRID_COLS,
+  rN as GRID_FLOWS,
+  nN as GRID_ROWS,
   Bc as Grid,
-  oN as HEADING_LEVELS,
-  HS as HEIGHTS,
+  aN as HEADING_LEVELS,
+  VS as HEIGHTS,
   Px as Header,
   Mr as Heading,
   Nt as Hint,
@@ -16869,44 +16933,44 @@ export {
   ct as InputGroup,
   Qa as Interstitial,
   Wt as Item,
-  oS as ItemGroup,
-  WS as LAYOUT_ELEMENTS,
-  BS as LAYOUT_VARIANTS,
+  aS as ItemGroup,
+  LS as LAYOUT_ELEMENTS,
+  zS as LAYOUT_VARIANTS,
   _e as Label,
-  vS as Layout,
+  bS as Layout,
   $1 as LegacyInputGroup,
   _l as Loader,
   Mu as MenuItemText,
-  iS as Modal,
+  lS as Modal,
   F1 as NumberInput,
-  US as OVERFLOWS,
-  YS as POSITIONS,
-  _S as PageLoader,
-  IS as PageNotFound,
-  lS as Pagination,
+  qS as OVERFLOWS,
+  US as POSITIONS,
+  IS as PageLoader,
+  $S as PageNotFound,
+  cS as Pagination,
   nS as Paragraph,
-  NS as PasswordInput,
+  ES as PasswordInput,
   Cc as Popover,
-  qS as ROUNDED_SIZES,
-  jS as RadioSelect,
+  KS as ROUNDED_SIZES,
+  MS as RadioSelect,
   Ou as SIZES,
-  MS as SelectInput,
-  DS as SelectPicker,
-  dS as Separator,
+  DS as SelectInput,
+  OS as SelectPicker,
+  uS as Separator,
   qC as Sidebar,
-  $S as SidebarLayout,
+  FS as SidebarLayout,
   FC as SidebarTrigger,
   vv as SimpleTooltip,
-  uS as Skeleton,
-  RS as Slider,
-  xS as SubmitButton,
-  PS as Switch,
-  FS as TAILWIND_COLORS,
-  cN as TEXT_ALIGNS,
-  dN as TEXT_LEADINGS,
-  uN as TEXT_TRACKINGS,
-  LS as TYPOGRAPHY_ELEMENTS,
-  iN as TYPOGRAPHY_VARIANTS,
+  fS as Skeleton,
+  TS as Slider,
+  yS as SubmitButton,
+  AS as Switch,
+  WS as TAILWIND_COLORS,
+  dN as TEXT_ALIGNS,
+  uN as TEXT_LEADINGS,
+  fN as TEXT_TRACKINGS,
+  BS as TYPOGRAPHY_ELEMENTS,
+  lN as TYPOGRAPHY_VARIANTS,
   dn as Table,
   ix as TableBody,
   ux as TableCaption,
@@ -16914,10 +16978,10 @@ export {
   cx as TableHead,
   sx as TableHeader,
   lx as TableRow,
-  mS as Tabs,
-  gS as TabsContent,
-  pS as TabsList,
-  hS as TabsTrigger,
+  pS as Tabs,
+  vS as TabsContent,
+  hS as TabsList,
+  gS as TabsTrigger,
   we as Text,
   qa as TextInput,
   Mx as TextList,
@@ -16925,6 +16989,6 @@ export {
   dC as ThemeSelector,
   Bt as Timeline,
   Me as Tooltip,
-  zS as WIDTHS,
+  HS as WIDTHS,
   S as cn
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@still-forest/canopy",
-  "version": "0.50.0",
+  "version": "0.51.0",
   "author": "John Szymanowski",
   "license": "MIT",
   "description": "React components, built with Tailwind CSS, Shadcn, and VisX",
@@ -73,7 +73,7 @@
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@types/node": "22.19.1",
+    "@types/node": "24.10.1",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.0",
@@ -101,5 +101,10 @@
     "tailwindcss": "^4.0.0",
     "tw-animate-css": "^1.0.0"
   },
-  "packageManager": "pnpm@10.23.0"
+  "packageManager": "pnpm@10.23.0",
+  "pnpm": {
+    "overrides": {
+      "rollup": "4.44.1"
+    }
+  }
 }