@still-forest/canopy 0.32.0 → 0.34.0

package/dist/chunks/{Code-C8KML31r.js → Code-BA5638r9.js}

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-B0GD0xBr.js";
-import { T as s } from "./Heading-DpEVkX3a.js";
+import { T as s } from "./Heading-Bzl2l0K-.js";
 const r = ({ children: o, ...t }) => /* @__PURE__ */ e.jsx(s, { className: "inline-block w-fit rounded bg-accent px-2", family: "mono", size: "sm", variant: "accent", ...t, children: o });
 export {
   r as C

package/dist/chunks/Heading-Bzl2l0K-.js

@@ -0,0 +1,263 @@
+import { j as a } from "./jsx-runtime-B0GD0xBr.js";
+import h from "react";
+import { c as p } from "./index-CRiPKpXj.js";
+const y = h.forwardRef(
+  ({
+    className: c,
+    as: x,
+    size: o,
+    weight: f,
+    variant: t = "default",
+    align: l,
+    leading: r,
+    // No default: Tailwind applies a default from text size classes
+    tracking: s,
+    family: n = "body",
+    asForeground: e = !1,
+    truncate: u = !1,
+    numeric: m = !1,
+    ...b
+  }, i) => {
+    const g = x || "p";
+    return /* @__PURE__ */ a.jsx(
+      g,
+      {
+        className: p(
+          // Font sizes
+          {
+            "text-xs": o === "xs",
+            "text-sm": o === "sm",
+            "text-base": o === "base" || o === "md",
+            "text-lg": o === "lg",
+            "text-xl": o === "xl",
+            "text-2xl": o === "2xl",
+            "text-3xl": o === "3xl",
+            "text-4xl": o === "4xl",
+            "text-5xl": o === "5xl",
+            "text-6xl": o === "6xl",
+            "text-7xl": o === "7xl",
+            "text-8xl": o === "8xl",
+            "text-9xl": o === "9xl"
+          },
+          // Font weights
+          {
+            "font-thin": f === "thin",
+            "font-extralight": f === "extralight",
+            "font-light": f === "light",
+            "font-normal": f === "normal",
+            "font-medium": f === "medium",
+            "font-semibold": f === "semibold",
+            "font-bold": f === "bold",
+            "font-extrabold": f === "extrabold",
+            "font-black": f === "black"
+          },
+          // Text colors (variants)
+          {
+            "text-foreground": t === "default",
+            "text-inherit": t === "inherit",
+            "text-muted-foreground": t === "muted",
+            "text-accent-foreground": t === "accent",
+            // Action colors
+            "text-primary-foreground": t === "primary",
+            "text-secondary-foreground": t === "secondary",
+            // Brand color
+            "text-brand": !e && t === "brand",
+            "text-brand-foreground": e && t === "brand",
+            // Accent colors (rich color variants)
+            "text-info": !e && t === "info",
+            "text-warning": !e && t === "warning",
+            "text-destructive": !e && t === "destructive",
+            "text-success": !e && t === "success",
+            // Accent colors (foreground variants)
+            "text-info-foreground": e && t === "info",
+            "text-warning-foreground": e && t === "warning",
+            "text-destructive-foreground": e && t === "destructive",
+            "text-success-foreground": e && t === "success"
+          },
+          // Text alignment
+          {
+            "text-left": l === "left",
+            "text-center": l === "center",
+            "text-right": l === "right",
+            "text-justify": l === "justify",
+            "text-start": l === "start",
+            "text-end": l === "end"
+          },
+          // Leading (line height)
+          {
+            "leading-none": r === "none",
+            "leading-tight": r === "tight",
+            "leading-snug": r === "snug",
+            "leading-normal": r === "normal",
+            "leading-relaxed": r === "relaxed",
+            "leading-loose": r === "loose"
+          },
+          // Tracking (letter spacing)
+          {
+            "tracking-tighter": s === "tighter",
+            "tracking-tight": s === "tight",
+            "tracking-normal": s === "normal",
+            "tracking-wide": s === "wide",
+            "tracking-wider": s === "wider",
+            "tracking-widest": s === "widest"
+          },
+          // Font family
+          {
+            "font-display": n === "display",
+            "font-heading": n === "heading",
+            "font-body": n === "body",
+            "font-brand": n === "brand",
+            "font-sans": n === "sans",
+            "font-serif": n === "serif",
+            "font-mono": n === "mono"
+          },
+          // Truncation
+          u && "truncate",
+          // Tabular numerals
+          m && "tabular-nums",
+          c
+        ),
+        ref: i,
+        ...b
+      }
+    );
+  }
+);
+y.displayName = "Text";
+const j = h.forwardRef(
+  ({
+    className: c,
+    variant: x = "default",
+    level: o = "2",
+    size: f,
+    weight: t = "bold",
+    // Typical default browser style for headings
+    align: l,
+    leading: r,
+    // No default: Tailwind applies a default from text size classes
+    tracking: s,
+    family: n = "heading",
+    asForeground: e = !1,
+    truncate: u = !1,
+    numeric: m = !1,
+    ...b
+  }, i) => {
+    const g = `h${o}`, d = f || {
+      1: "4xl",
+      2: "3xl",
+      3: "2xl",
+      4: "xl",
+      5: "lg",
+      6: "base"
+    }[o];
+    return /* @__PURE__ */ a.jsx(
+      g,
+      {
+        className: p(
+          // Size scales
+          {
+            "text-xs": d === "xs",
+            "text-sm": d === "sm",
+            "text-base": d === "base" || d === "md",
+            "text-lg": d === "lg",
+            "text-xl": d === "xl",
+            "text-2xl": d === "2xl",
+            "text-3xl": d === "3xl",
+            "text-4xl": d === "4xl",
+            "text-5xl": d === "5xl",
+            "text-6xl": d === "6xl",
+            "text-7xl": d === "7xl",
+            "text-8xl": d === "8xl",
+            "text-9xl": d === "9xl"
+          },
+          // Font weights
+          {
+            "font-thin": t === "thin",
+            "font-extralight": t === "extralight",
+            "font-light": t === "light",
+            "font-normal": t === "normal",
+            "font-medium": t === "medium",
+            "font-semibold": t === "semibold",
+            "font-bold": t === "bold",
+            "font-extrabold": t === "extrabold",
+            "font-black": t === "black"
+          },
+          // Text colors (variants)
+          {
+            "text-foreground": x === "default",
+            "text-inherit": x === "inherit",
+            "text-muted-foreground": x === "muted",
+            "text-accent-foreground": x === "accent",
+            // Action colors
+            "text-primary-foreground": x === "primary",
+            "text-secondary-foreground": x === "secondary",
+            // Brand color
+            "text-brand": x === "brand",
+            "text-brand-foreground": e && x === "brand",
+            // Accent colors (rich color variants)
+            "text-info": !e && x === "info",
+            "text-warning": !e && x === "warning",
+            "text-destructive": !e && x === "destructive",
+            "text-success": !e && x === "success",
+            // Accent colors (foreground variants)
+            "text-info-foreground": e && x === "info",
+            "text-warning-foreground": e && x === "warning",
+            "text-destructive-foreground": e && x === "destructive",
+            "text-success-foreground": e && x === "success"
+          },
+          // Text alignment
+          {
+            "text-left": l === "left",
+            "text-center": l === "center",
+            "text-right": l === "right",
+            "text-justify": l === "justify",
+            "text-start": l === "start",
+            "text-end": l === "end"
+          },
+          // Leading (line height)
+          {
+            "leading-none": r === "none",
+            "leading-tight": r === "tight",
+            "leading-snug": r === "snug",
+            "leading-normal": r === "normal",
+            "leading-relaxed": r === "relaxed",
+            "leading-loose": r === "loose"
+          },
+          // Tracking (letter spacing)
+          {
+            "tracking-tighter": s === "tighter",
+            "tracking-tight": s === "tight",
+            "tracking-normal": s === "normal",
+            "tracking-wide": s === "wide",
+            "tracking-wider": s === "wider",
+            "tracking-widest": s === "widest"
+          },
+          // Font family
+          {
+            "font-brand": n === "brand",
+            "font-heading": n === "heading",
+            "font-body": n === "body",
+            "font-display": n === "display",
+            "font-sans": n === "sans",
+            "font-serif": n === "serif",
+            "font-mono": n === "mono"
+          },
+          // Truncation
+          u && "truncate",
+          // Tabular numerals
+          m && "tabular-nums",
+          // Add some scroll margin for better anchor navigation
+          "scroll-m-20",
+          c
+        ),
+        ref: i,
+        ...b
+      }
+    );
+  }
+);
+j.displayName = "Heading";
+export {
+  j as H,
+  y as T
+};

package/dist/chunks/{Layout-CjE5bQn7.js → Layout-CvVv48kM.js}

@@ -1,4 +1,4 @@
-import { j as m } from "./jsx-runtime-B0GD0xBr.js";
+import { j as u } from "./jsx-runtime-B0GD0xBr.js";
 import y from "react";
 import { c as f } from "./index-CRiPKpXj.js";
 const i = y.forwardRef(
@@ -15,9 +15,9 @@ const i = y.forwardRef(
     overflow: c,
     overflowX: b,
     overflowY: d,
-    rounded: u,
+    rounded: m,
     ...p
-  }, v) => /* @__PURE__ */ m.jsx(
+  }, j) => /* @__PURE__ */ u.jsx(
     t,
     {
       className: f(
@@ -30,7 +30,8 @@ const i = y.forwardRef(
           "bg-info text-info-foreground": n === "info",
           "bg-success text-success-foreground": n === "success",
           "bg-warning text-warning-foreground": n === "warning",
-          "bg-destructive text-destructive-foreground": n === "destructive"
+          "bg-destructive text-destructive-foreground": n === "destructive",
+          "bg-brand text-brand-foreground": n === "brand"
         },
         // Size
         {
@@ -226,20 +227,20 @@ const i = y.forwardRef(
         },
         // Rounded
         {
-          rounded: u === !0,
-          "rounded-none": u === "none",
-          "rounded-xs": u === "xs",
-          "rounded-sm": u === "sm",
-          "rounded-md": u === "md",
-          "rounded-lg": u === "lg",
-          "rounded-xl": u === "xl",
-          "rounded-2xl": u === "2xl",
-          "rounded-3xl": u === "3xl",
-          "rounded-full": u === "full"
+          rounded: m === !0,
+          "rounded-none": m === "none",
+          "rounded-xs": m === "xs",
+          "rounded-sm": m === "sm",
+          "rounded-md": m === "md",
+          "rounded-lg": m === "lg",
+          "rounded-xl": m === "xl",
+          "rounded-2xl": m === "2xl",
+          "rounded-3xl": m === "3xl",
+          "rounded-full": m === "full"
         },
         a
       ),
-      ref: v,
+      ref: j,
       ...p
     }
   )
@@ -254,10 +255,10 @@ const g = ({ children: a, className: t, direction: n = "col", separation: r = "m
     "py-4 md:py-6": r === "lg",
     "py-6 md:py-8": r === "xl"
   });
-  return o === "block" ? /* @__PURE__ */ m.jsx(i, { className: s, ...l, children: a }) : /* @__PURE__ */ m.jsx(w, { className: s, direction: n, ...l, children: a });
-}, j = ({ flex: a, className: t, as: n, children: r, ...e }) => {
+  return o === "block" ? /* @__PURE__ */ u.jsx(i, { className: s, ...l, children: a }) : /* @__PURE__ */ u.jsx(w, { className: s, direction: n, ...l, children: a });
+}, v = ({ flex: a, className: t, as: n, children: r, ...e }) => {
   const o = n || "div";
-  return /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ u.jsx(
     o,
     {
       className: f(
@@ -274,7 +275,7 @@ const g = ({ children: a, className: t, direction: n = "col", separation: r = "m
     }
   );
 }, N = y.forwardRef(
-  ({ className: a, as: t = "div", direction: n, align: r, justify: e, grow: o, wrap: l, gap: s, gapX: x, gapY: c, ...b }, d) => /* @__PURE__ */ m.jsx(
+  ({ className: a, as: t = "div", direction: n, align: r, justify: e, grow: o, wrap: l, gap: s, gapX: x, gapY: c, ...b }, d) => /* @__PURE__ */ u.jsx(
     t,
     {
       className: f(
@@ -392,8 +393,8 @@ const g = ({ children: a, className: t, direction: n = "col", separation: r = "m
       ...b
     }
   )
-), w = Object.assign(N, { Item: j }), k = ({ children: a, className: t, ...n }) => /* @__PURE__ */ m.jsx(g, { as: "footer", className: f("bottom-0 mt-auto pb-2", t), justify: "between", ...n, children: a }), R = y.forwardRef(
-  ({ className: a, as: t = "div", cols: n, rows: r, gap: e, gapX: o, gapY: l, flow: s, ...x }, c) => /* @__PURE__ */ m.jsx(
+), w = Object.assign(N, { Item: v }), k = ({ children: a, className: t, ...n }) => /* @__PURE__ */ u.jsx(g, { as: "footer", className: f("bottom-0 mt-auto pb-2", t), justify: "between", ...n, children: a }), R = y.forwardRef(
+  ({ className: a, as: t = "div", cols: n, rows: r, gap: e, gapX: o, gapY: l, flow: s, ...x }, c) => /* @__PURE__ */ u.jsx(
     t,
     {
       className: f(
@@ -513,10 +514,10 @@ const g = ({ children: a, className: t, direction: n = "col", separation: r = "m
   )
 );
 R.displayName = "Grid";
-const C = ({ children: a, sticky: t = !1, className: n, ...r }) => /* @__PURE__ */ m.jsx(g, { as: "header", className: f("top-0 ", t && "z-50 sticky", n), justify: "between", ...r, children: a }), F = ({ children: a, className: t, withContainer: n = !1, ...r }) => {
+const C = ({ children: a, sticky: t = !1, className: n, ...r }) => /* @__PURE__ */ u.jsx(g, { as: "header", className: f("top-0 ", t && "z-50 sticky", n), justify: "between", ...r, children: a }), F = ({ children: a, className: t, withContainer: n = !1, ...r }) => {
   const e = f("flex-1 grow", t);
-  return n ? /* @__PURE__ */ m.jsx(g, { as: "main", className: e, display: "block", ...r, children: a }) : /* @__PURE__ */ m.jsx(w.Item, { as: "main", className: e, ...r, children: a });
-}, B = y.forwardRef(({ children: a, className: t, ...n }, r) => /* @__PURE__ */ m.jsx(
+  return n ? /* @__PURE__ */ u.jsx(g, { as: "main", className: e, display: "block", ...r, children: a }) : /* @__PURE__ */ u.jsx(w.Item, { as: "main", className: e, ...r, children: a });
+}, B = y.forwardRef(({ children: a, className: t, ...n }, r) => /* @__PURE__ */ u.jsx(
   w,
   {
     className: f("mx-auto w-full max-w-screen-xl h-screen flex-1", t),

package/dist/chunks/{PageNotFound-DxxRBMDz.js → PageNotFound-BqT3XThZ.js}

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-B0GD0xBr.js";
-import { c, B as l } from "./calendar-DfVsywp-.js";
+import { c, B as l } from "./calendar-DKwGFkIw.js";
 import "react";
-import { F as o, B as d } from "./Layout-CjE5bQn7.js";
-import { C as m } from "./Code-C8KML31r.js";
-import { H as h } from "./Heading-DpEVkX3a.js";
+import { F as o, B as d } from "./Layout-CvVv48kM.js";
+import { C as m } from "./Code-BA5638r9.js";
+import { H as h } from "./Heading-Bzl2l0K-.js";
 import { c as x } from "./index-CRiPKpXj.js";
 /**
  * @license lucide-react v0.543.0 - ISC

package/dist/chunks/{Paragraph-DiAQlGea.js → Paragraph-3sal3gja.js}

@@ -1,6 +1,6 @@
 import { j as o } from "./jsx-runtime-B0GD0xBr.js";
 import { c as t } from "./index-CRiPKpXj.js";
-import { T as p } from "./Heading-DpEVkX3a.js";
+import { T as p } from "./Heading-Bzl2l0K-.js";
 const i = ({ children: r, className: s, as: a = "p", ...m }) => /* @__PURE__ */ o.jsx(p, { as: a, className: t("mb-4", s), ...m, children: r });
 export {
   i as P

package/dist/chunks/{SidebarLayout--MNsYxAf.js → SidebarLayout-B4Mz7YXF.js}

@@ -1,11 +1,11 @@
 import { j as o } from "./jsx-runtime-B0GD0xBr.js";
-import { c as E, u as I, f as At, g as kt, B as Dt, h as Et, S as Pt, b as It } from "./calendar-DfVsywp-.js";
+import { c as E, u as I, f as At, g as kt, B as Dt, h as Et, S as Pt, b as It } from "./calendar-DKwGFkIw.js";
 import * as l from "react";
 import T, { Fragment as St } from "react";
 import { c as p } from "./index-CRiPKpXj.js";
-import { a as H, c as U, b as O, P as N, e as w, d as $, f as Ot, g as Mt, u as $t, h as Ne, i as Lt, R as zt, j as Ft, F as Ht, D as Re, k as Bt, l as Ae, m as Gt, A as Vt, n as Wt, C as qt, o as Kt, p as Ut, q as Yt, r as Xt, s as Zt } from "./popover-CP7xkaYK.js";
-import { F as ke } from "./Layout-CjE5bQn7.js";
-import { T as De } from "./Heading-DpEVkX3a.js";
+import { a as H, c as U, b as O, P as N, e as w, d as $, f as Ot, g as Mt, u as $t, h as Ne, i as Lt, R as zt, j as Ft, F as Ht, D as Re, k as Bt, l as Ae, m as Gt, A as Vt, n as Wt, C as qt, o as Kt, p as Ut, q as Yt, r as Xt, s as Zt } from "./popover-ByOImpZC.js";
+import { F as ke } from "./Layout-CvVv48kM.js";
+import { T as De } from "./Heading-Bzl2l0K-.js";
 /**
  * @license lucide-react v0.543.0 - ISC
  *