@still-forest/canopy 0.42.0 → 0.42.1

package/dist/chunks/{SidebarLayout-BhtFQllz.js → SidebarLayout-DBGn2rXK.js}

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-B0GD0xBr.js";
-import { e as h, f as a, B as C, g as w, h as N, i as j, j as x, k as m, l as v, m as z, n as T, o as _, S as q, p as y, q as F, r as $, s as U } from "./sidebar-Dub2Iudi.js";
-import { Fragment as B } from "react";
-import { c as p } from "./index-CRiPKpXj.js";
-import { F as g } from "./Layout-CvVv48kM.js";
+import { e as l, f as a, B as v, g as C, h as N, i as k, j as m, k as j, l as z, m as T, n as _, o as q, S as F, p as g, q as $, r as U, s as B } from "./sidebar-Dub2Iudi.js";
+import { Fragment as H } from "react";
+import { c as h } from "./index-CRiPKpXj.js";
+import { F as S } from "./Layout-CvVv48kM.js";
 import { T as b } from "./Heading-DjVutKs1.js";
 /**
  * @license lucide-react v0.544.0 - ISC
@@ -10,19 +10,19 @@ import { T as b } from "./Heading-DjVutKs1.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const H = [
+const I = [
   ["rect", { width: "14", height: "8", x: "5", y: "2", rx: "2", key: "wc9tft" }],
   ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", key: "w68u3i" }],
   ["path", { d: "M6 18h2", key: "rwmk9e" }],
   ["path", { d: "M12 18h6", key: "aqd8w3" }]
-], I = h("computer", H);
+], L = l("computer", I);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const L = [
+const R = [
   ["path", { d: "M12 17v4", key: "1riwvh" }],
   ["path", { d: "m14.305 7.53.923-.382", key: "1mlnsw" }],
   ["path", { d: "m15.228 4.852-.923-.383", key: "82mpwg" }],
@@ -35,14 +35,14 @@ const L = [
   ["path", { d: "M22 13v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7", key: "1tnzv8" }],
   ["path", { d: "M8 21h8", key: "1ev6f3" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }]
-], R = h("monitor-cog", L);
+], A = l("monitor-cog", R);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const A = [
+const G = [
   [
     "path",
     {
@@ -50,25 +50,25 @@ const A = [
       key: "kfwtm"
     }
   ]
-], S = h("moon", A);
+], f = l("moon", G);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const G = [
+const V = [
   ["path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6", key: "y09zxi" }],
   ["path", { d: "m21 3-9 9", key: "mpx6sq" }],
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }]
-], V = h("square-arrow-out-up-right", G);
+], D = l("square-arrow-out-up-right", V);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const D = [
+const E = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -78,105 +78,121 @@ const D = [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], f = h("sun", D), k = [
+], M = l("sun", E), u = [
   {
     theme: "light",
-    icon: /* @__PURE__ */ e.jsx(f, {}),
+    icon: /* @__PURE__ */ e.jsx(M, {}),
     label: "Light mode"
   },
   {
     theme: "dark",
-    icon: /* @__PURE__ */ e.jsx(S, {}),
+    icon: /* @__PURE__ */ e.jsx(f, {}),
     label: "Dark mode"
   },
   {
     theme: "system",
-    icon: /* @__PURE__ */ e.jsx(I, {}),
+    icon: /* @__PURE__ */ e.jsx(L, {}),
     label: "System theme"
   }
-], E = ({ theme: t, setTheme: r, className: s, buttonClassName: n, ...c }) => {
+], P = ({
+  theme: r,
+  setTheme: t,
+  className: s,
+  containerClassName: n,
+  buttonClassName: c,
+  ...i
+}) => {
   const o = () => {
-    r(t === "light" ? "dark" : t === "dark" ? "system" : "light");
-  }, i = k.find((l) => l.theme === t)?.icon, d = k.find((l) => l.theme === t)?.label;
-  return /* @__PURE__ */ e.jsx("span", { className: p(s), ...c, children: /* @__PURE__ */ e.jsxs(C, { className: p("p-1 w-full", n), onClick: o, variant: "unstyled", children: [
-    i,
-    /* @__PURE__ */ e.jsx(b, { size: "base", truncate: !0, children: d })
+    t(r === "light" ? "dark" : r === "dark" ? "system" : "light");
+  }, d = u.find((x) => x.theme === r)?.icon, p = u.find((x) => x.theme === r)?.label;
+  return /* @__PURE__ */ e.jsx("span", { className: h(n), ...i, children: /* @__PURE__ */ e.jsxs(v, { className: h("p-1 w-full", c), onClick: o, variant: "unstyled", children: [
+    d,
+    /* @__PURE__ */ e.jsx(b, { className: s, size: "base", truncate: !0, children: p })
   ] }) });
-}, P = ({
-  variant: t = "horizontal",
-  theme: r,
+}, W = ({
+  variant: r = "horizontal",
+  theme: t,
   setTheme: s,
   className: n,
-  buttonClassName: c,
+  containerClassName: c,
+  buttonClassName: i,
   ...o
 }) => {
-  const i = (d) => r === d ? "text-primary/75" : "text-primary/25 hover:text-primary";
-  return t === "stacked" ? /* @__PURE__ */ e.jsx(
-    E,
+  const d = (p) => t === p ? "text-primary/75" : "text-primary/25 hover:text-primary";
+  return r === "stacked" ? /* @__PURE__ */ e.jsx(
+    P,
     {
-      buttonClassName: c,
+      buttonClassName: i,
       className: n,
+      containerClassName: c,
       setTheme: s,
-      theme: r,
+      theme: t,
       ...o
     }
-  ) : /* @__PURE__ */ e.jsxs(g, { gap: "4", children: [
+  ) : /* @__PURE__ */ e.jsxs(S, { className: c, gap: "4", children: [
     /* @__PURE__ */ e.jsxs(a, { children: [
-      /* @__PURE__ */ e.jsx(a.Trigger, { children: /* @__PURE__ */ e.jsx(R, { className: i("system"), onClick: () => s("system"), size: 32 }) }),
+      /* @__PURE__ */ e.jsx(a.Trigger, { children: /* @__PURE__ */ e.jsx(
+        A,
+        {
+          className: h(d("system"), i),
+          onClick: () => s("system"),
+          size: 32
+        }
+      ) }),
       /* @__PURE__ */ e.jsx(a.Content, { children: "Use system theme" })
     ] }),
     /* @__PURE__ */ e.jsxs(a, { children: [
-      /* @__PURE__ */ e.jsx(a.Trigger, { children: /* @__PURE__ */ e.jsx(f, { className: i("light"), onClick: () => s("light"), size: 32 }) }),
+      /* @__PURE__ */ e.jsx(a.Trigger, { children: /* @__PURE__ */ e.jsx(M, { className: h(d("light"), i), onClick: () => s("light"), size: 32 }) }),
       /* @__PURE__ */ e.jsx(a.Content, { children: "Use light theme" })
     ] }),
     /* @__PURE__ */ e.jsxs(a, { children: [
-      /* @__PURE__ */ e.jsx(a.Trigger, { children: /* @__PURE__ */ e.jsx(S, { className: i("dark"), onClick: () => s("dark"), size: 32 }) }),
+      /* @__PURE__ */ e.jsx(a.Trigger, { children: /* @__PURE__ */ e.jsx(f, { className: h(d("dark"), i), onClick: () => s("dark"), size: 32 }) }),
       /* @__PURE__ */ e.jsx(a.Content, { children: "Use dark theme" })
     ] })
   ] });
-}, M = ({ children: t }) => /* @__PURE__ */ e.jsx(b, { size: "base", truncate: !0, children: t }), W = ({ itemSet: t, activeSlug: r }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: t.links.map((s) => /* @__PURE__ */ e.jsx(x, { className: "hover:cursor-pointer", onClick: s.onClick, children: /* @__PURE__ */ e.jsx(m, { asChild: !0, isActive: r === s.slug, children: /* @__PURE__ */ e.jsxs("span", { children: [
+}, w = ({ children: r }) => /* @__PURE__ */ e.jsx(b, { size: "base", truncate: !0, children: r }), J = ({ itemSet: r, activeSlug: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: r.links.map((s) => /* @__PURE__ */ e.jsx(m, { className: "hover:cursor-pointer", onClick: s.onClick, children: /* @__PURE__ */ e.jsx(j, { asChild: !0, isActive: t === s.slug, children: /* @__PURE__ */ e.jsxs("span", { children: [
   /* @__PURE__ */ e.jsx(s.icon, {}),
-  /* @__PURE__ */ e.jsx(M, { children: s.title }),
-  s.external && /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(V, { size: 12, strokeWidth: 1.5 }) })
-] }) }) }, s.slug)) }), u = ({ itemSets: t, activeSlug: r }) => /* @__PURE__ */ e.jsx(j, { children: t.map((s, n) => /* @__PURE__ */ e.jsxs(B, { children: [
-  /* @__PURE__ */ e.jsx(W, { activeSlug: r, itemSet: s }),
-  n < t.length - 1 && /* @__PURE__ */ e.jsx(y, {})
-] }, `item-set-${n}`)) }), J = ({
-  brandContent: t,
-  brandOnClick: r,
+  /* @__PURE__ */ e.jsx(w, { children: s.title }),
+  s.external && /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(D, { size: 12, strokeWidth: 1.5 }) })
+] }) }) }, s.slug)) }), y = ({ itemSets: r, activeSlug: t }) => /* @__PURE__ */ e.jsx(k, { children: r.map((s, n) => /* @__PURE__ */ e.jsxs(H, { children: [
+  /* @__PURE__ */ e.jsx(J, { activeSlug: t, itemSet: s }),
+  n < r.length - 1 && /* @__PURE__ */ e.jsx(g, {})
+] }, `item-set-${n}`)) }), K = ({
+  brandContent: r,
+  brandOnClick: t,
   activeSlug: s,
   itemSets: n,
   bottomItemSets: c = [],
-  theme: o,
-  setTheme: i,
+  theme: i,
+  setTheme: o,
   ...d
-}) => /* @__PURE__ */ e.jsxs(w, { collapsible: "icon", ...d, children: [
-  /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(j, { children: /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(
-    m,
+}) => /* @__PURE__ */ e.jsxs(C, { collapsible: "icon", ...d, children: [
+  /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
+    j,
     {
-      className: r ? "cursor-pointer" : "cursor-default",
-      onClick: r,
+      className: t ? "cursor-pointer" : "cursor-default",
+      onClick: t,
       size: "lg",
-      children: t
+      children: r
     }
   ) }) }) }),
-  /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(u, { activeSlug: s, itemSets: n }) }) }) }),
-  /* @__PURE__ */ e.jsx(_, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(j, { children: [
-    /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(m, { asChild: !0, children: /* @__PURE__ */ e.jsx(q, { className: "justify-start font-normal", children: /* @__PURE__ */ e.jsx(M, { children: "Collapse menu" }) }) }) }),
-    /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(m, { asChild: !0, children: /* @__PURE__ */ e.jsx(P, { buttonClassName: "p-0", setTheme: i, theme: o, variant: "stacked" }) }) }),
+  /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(_, { children: /* @__PURE__ */ e.jsx(y, { activeSlug: s, itemSets: n }) }) }) }),
+  /* @__PURE__ */ e.jsx(q, { className: "mb-4", children: /* @__PURE__ */ e.jsxs(k, { children: [
+    /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(j, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { className: "justify-start font-normal", children: /* @__PURE__ */ e.jsx(w, { children: "Collapse menu" }) }) }) }),
+    /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(j, { asChild: !0, children: /* @__PURE__ */ e.jsx(W, { buttonClassName: "p-0", setTheme: o, theme: i, variant: "stacked" }) }) }),
     c.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(y, {}),
-      /* @__PURE__ */ e.jsx(u, { activeSlug: s, itemSets: c })
+      /* @__PURE__ */ e.jsx(g, {}),
+      /* @__PURE__ */ e.jsx(y, { activeSlug: s, itemSets: c })
     ] })
   ] }) }),
-  /* @__PURE__ */ e.jsx(F, {})
-] }), ee = ({ children: t, ...r }) => /* @__PURE__ */ e.jsxs($, { children: [
-  /* @__PURE__ */ e.jsx(J, { ...r }),
-  /* @__PURE__ */ e.jsx(U, { className: "max-w-screen-xl", children: t })
+  /* @__PURE__ */ e.jsx($, {})
+] }), se = ({ children: r, ...t }) => /* @__PURE__ */ e.jsxs(U, { children: [
+  /* @__PURE__ */ e.jsx(K, { ...t }),
+  /* @__PURE__ */ e.jsx(B, { className: "max-w-screen-xl", children: r })
 ] });
 export {
-  M,
-  J as S,
-  P as T,
-  ee as a
+  w as M,
+  K as S,
+  W as T,
+  se as a
 };

package/dist/index.d.ts

@@ -969,13 +969,14 @@ declare type TextTracking = (typeof TEXT_TRACKINGS)[number];
 
 export declare type Theme = "system" | "light" | "dark";
 
-export declare const ThemeSelector: ({ variant, theme, setTheme, className, buttonClassName, ...props }: ThemeSelectorProps) => JSX.Element;
+export declare const ThemeSelector: ({ variant, theme, setTheme, className, containerClassName, buttonClassName, ...props }: ThemeSelectorProps) => JSX.Element;
 
 export declare interface ThemeSelectorProps {
     variant?: "horizontal" | "stacked";
     theme: Theme;
     setTheme: (theme: Theme) => void;
     className?: string;
+    containerClassName?: string;
     buttonClassName?: string;
 }
 

package/dist/index.js

@@ -7,7 +7,7 @@ import { Fragment as te, useState as re, useEffect as se, useMemo as ne } from "
 import { L as Qa } from "./chunks/Loader-DDhZhyvW.js";
 import { g as I, h as oe, I as ie } from "./chunks/Switch-B-zrBW1-.js";
 import { C as Wa, a as Ya, b as Za, D as et, L as at, P as tt, R as rt, c as st, d as nt, e as ot, S as it, f as lt } from "./chunks/Switch-B-zrBW1-.js";
-import { M as dt, S as ut, a as bt, T as gt } from "./chunks/SidebarLayout-BhtFQllz.js";
+import { M as dt, S as ut, a as bt, T as gt } from "./chunks/SidebarLayout-DBGn2rXK.js";
 import { E as pt, a as xt, I as ft, P as vt, b as ht } from "./chunks/PageNotFound-CPlMTx3M.js";
 import { B as jt, C as Nt, F as kt, a as wt, G as Tt, H as Ct, L as It } from "./chunks/Layout-CvVv48kM.js";
 import { C as Mt } from "./chunks/Code-BLilg72p.js";

package/dist/navigation.js

@@ -1,4 +1,4 @@
-import { M as r, S as o, a as t } from "./chunks/SidebarLayout-BhtFQllz.js";
+import { M as r, S as o, a as t } from "./chunks/SidebarLayout-DBGn2rXK.js";
 import { S as i } from "./chunks/sidebar-Dub2Iudi.js";
 export {
   r as MenuItemText,

package/package.json

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