@still-forest/canopy 0.30.0 → 0.32.0

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

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-B0GD0xBr.js";
-import { T as s } from "./Heading-Bpvbpnw2.js";
+import { T as s } from "./Heading-DpEVkX3a.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-Bpvbpnw2.js → Heading-DpEVkX3a.js}

@@ -1,28 +1,28 @@
-import { j as b } from "./jsx-runtime-B0GD0xBr.js";
-import p from "react";
-import { c as h } from "./index-CRiPKpXj.js";
-const y = p.forwardRef(
+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: o,
     size: e,
-    weight: d,
+    weight: f,
     variant: t = "default",
-    align: n,
+    align: d,
     leading: s,
     // No default: Tailwind applies a default from text size classes
     tracking: r,
-    family: f = "display",
+    family: n = "body",
     asForeground: x = !1,
-    truncate: m = !1,
-    numeric: u = !1,
+    truncate: u = !1,
+    numeric: m = !1,
     ...i
-  }, a) => {
+  }, b) => {
     const g = o || "p";
-    return /* @__PURE__ */ b.jsx(
+    return /* @__PURE__ */ a.jsx(
       g,
       {
-        className: h(
+        className: p(
           // Font sizes
           {
             "text-xs": e === "xs",
@@ -41,15 +41,15 @@ const y = p.forwardRef(
           },
           // Font weights
           {
-            "font-thin": d === "thin",
-            "font-extralight": d === "extralight",
-            "font-light": d === "light",
-            "font-normal": d === "normal",
-            "font-medium": d === "medium",
-            "font-semibold": d === "semibold",
-            "font-bold": d === "bold",
-            "font-extrabold": d === "extrabold",
-            "font-black": d === "black"
+            "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)
           {
@@ -73,12 +73,12 @@ const y = p.forwardRef(
           },
           // Text alignment
           {
-            "text-left": n === "left",
-            "text-center": n === "center",
-            "text-right": n === "right",
-            "text-justify": n === "justify",
-            "text-start": n === "start",
-            "text-end": n === "end"
+            "text-left": d === "left",
+            "text-center": d === "center",
+            "text-right": d === "right",
+            "text-justify": d === "justify",
+            "text-start": d === "start",
+            "text-end": d === "end"
           },
           // Leading (line height)
           {
@@ -100,43 +100,46 @@ const y = p.forwardRef(
           },
           // Font family
           {
-            "font-display": f === "display",
-            "font-sans": f === "sans",
-            "font-serif": f === "serif",
-            "font-mono": f === "mono"
+            "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
-          m && "truncate",
+          u && "truncate",
           // Tabular numerals
-          u && "tabular-nums",
+          m && "tabular-nums",
           c
         ),
-        ref: a,
+        ref: b,
         ...i
       }
     );
   }
 );
 y.displayName = "Text";
-const j = p.forwardRef(
+const j = h.forwardRef(
   ({
     className: c,
     variant: o = "default",
     level: e = "2",
-    size: d,
+    size: f,
     weight: t = "bold",
     // Typical default browser style for headings
-    align: n,
+    align: d,
     leading: s,
     // No default: Tailwind applies a default from text size classes
     tracking: r,
-    family: f = "display",
+    family: n = "heading",
     asForeground: x = !1,
-    truncate: m = !1,
-    numeric: u = !1,
+    truncate: u = !1,
+    numeric: m = !1,
     ...i
-  }, a) => {
-    const g = `h${e}`, l = d || {
+  }, b) => {
+    const g = `h${e}`, l = f || {
       1: "4xl",
       2: "3xl",
       3: "2xl",
@@ -144,10 +147,10 @@ const j = p.forwardRef(
       5: "lg",
       6: "base"
     }[e];
-    return /* @__PURE__ */ b.jsx(
+    return /* @__PURE__ */ a.jsx(
       g,
       {
-        className: h(
+        className: p(
           // Size scales
           {
             "text-xs": l === "xs",
@@ -198,12 +201,12 @@ const j = p.forwardRef(
           },
           // Text alignment
           {
-            "text-left": n === "left",
-            "text-center": n === "center",
-            "text-right": n === "right",
-            "text-justify": n === "justify",
-            "text-start": n === "start",
-            "text-end": n === "end"
+            "text-left": d === "left",
+            "text-center": d === "center",
+            "text-right": d === "right",
+            "text-justify": d === "justify",
+            "text-start": d === "start",
+            "text-end": d === "end"
           },
           // Leading (line height)
           {
@@ -225,20 +228,23 @@ const j = p.forwardRef(
           },
           // Font family
           {
-            "font-display": f === "display",
-            "font-sans": f === "sans",
-            "font-serif": f === "serif",
-            "font-mono": f === "mono"
+            "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
-          m && "truncate",
+          u && "truncate",
           // Tabular numerals
-          u && "tabular-nums",
+          m && "tabular-nums",
           // Add some scroll margin for better anchor navigation
           "scroll-m-20",
           c
         ),
-        ref: a,
+        ref: b,
         ...i
       }
     );

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

@@ -1,9 +1,9 @@
-import { j as u } from "./jsx-runtime-B0GD0xBr.js";
-import g from "react";
-import { c as m } from "./index-CRiPKpXj.js";
-const w = g.forwardRef(
+import { j as m } from "./jsx-runtime-B0GD0xBr.js";
+import y from "react";
+import { c as f } from "./index-CRiPKpXj.js";
+const i = y.forwardRef(
   ({
-    className: c,
+    className: a,
     as: t = "div",
     variant: n,
     size: r,
@@ -12,15 +12,15 @@ const w = g.forwardRef(
     display: l,
     sizing: s,
     position: x,
-    overflow: a,
+    overflow: c,
     overflowX: b,
     overflowY: d,
-    rounded: f,
+    rounded: u,
     ...p
-  }, v) => /* @__PURE__ */ u.jsx(
+  }, v) => /* @__PURE__ */ m.jsx(
     t,
     {
-      className: m(
+      className: f(
         // Variant
         {
           "bg-primary text-primary-foreground": n === "primary",
@@ -202,11 +202,11 @@ const w = g.forwardRef(
         },
         // Overflow
         {
-          "overflow-auto": a === "auto",
-          "overflow-hidden": a === "hidden",
-          "overflow-clip": a === "clip",
-          "overflow-visible": a === "visible",
-          "overflow-scroll": a === "scroll"
+          "overflow-auto": c === "auto",
+          "overflow-hidden": c === "hidden",
+          "overflow-clip": c === "clip",
+          "overflow-visible": c === "visible",
+          "overflow-scroll": c === "scroll"
         },
         // Overflow X
         {
@@ -226,39 +226,46 @@ const w = g.forwardRef(
         },
         // Rounded
         {
-          rounded: f === !0,
-          "rounded-none": f === "none",
-          "rounded-xs": f === "xs",
-          "rounded-sm": f === "sm",
-          "rounded-md": f === "md",
-          "rounded-lg": f === "lg",
-          "rounded-xl": f === "xl",
-          "rounded-2xl": f === "2xl",
-          "rounded-3xl": f === "3xl",
-          "rounded-full": f === "full"
+          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"
         },
-        c
+        a
       ),
       ref: v,
       ...p
     }
   )
 );
-w.displayName = "Box";
-const y = ({ children: c, className: t, direction: n = "col", ...r }) => {
-  const { display: e = "flex", ...o } = r, l = m("w-full px-4 py-2 md:px-8 md:py-4 lg:px-12 lg:py-6", t);
-  return e === "block" ? /* @__PURE__ */ u.jsx(w, { className: l, ...o, children: c }) : /* @__PURE__ */ u.jsx(i, { className: l, direction: n, ...o, children: c });
-}, j = ({ flex: c, className: t, as: n, children: r, ...e }) => {
+i.displayName = "Box";
+const g = ({ children: a, className: t, direction: n = "col", separation: r = "md", ...e }) => {
+  const { display: o = "flex", ...l } = e, s = f("w-full px-4 md:px-8 lg:px-12", t, {
+    "py-0": r === "none",
+    "py-0.5 md:py-1": r === "xs",
+    "py-1 md:py-2 ": r === "sm",
+    "py-2 md:py-4": r === "md",
+    "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 }) => {
   const o = n || "div";
-  return /* @__PURE__ */ u.jsx(
+  return /* @__PURE__ */ m.jsx(
     o,
     {
-      className: m(
+      className: f(
         {
-          "flex-1": c === "1",
-          "flex-auto": c === "auto",
-          "flex-initial": c === "initial",
-          "flex-none": c === "none"
+          "flex-1": a === "1",
+          "flex-auto": a === "auto",
+          "flex-initial": a === "initial",
+          "flex-none": a === "none"
         },
         t
       ),
@@ -266,11 +273,11 @@ const y = ({ children: c, className: t, direction: n = "col", ...r }) => {
       children: r
     }
   );
-}, N = g.forwardRef(
-  ({ className: c, as: t = "div", direction: n, align: r, justify: e, grow: o, wrap: l, gap: s, gapX: x, gapY: a, ...b }, d) => /* @__PURE__ */ u.jsx(
+}, 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(
     t,
     {
-      className: m(
+      className: f(
         "flex",
         // Flex direction
         {
@@ -361,35 +368,35 @@ const y = ({ children: c, className: t, direction: n = "col", ...r }) => {
           "gap-x-16": x === "16"
         },
         {
-          "gap-y-0": a === "0",
-          "gap-y-1": a === "1",
-          "gap-y-2": a === "2",
-          "gap-y-3": a === "3",
-          "gap-y-4": a === "4",
-          "gap-y-5": a === "5",
-          "gap-y-6": a === "6",
-          "gap-y-7": a === "7",
-          "gap-y-8": a === "8",
-          "gap-y-9": a === "9",
-          "gap-y-10": a === "10",
-          "gap-y-11": a === "11",
-          "gap-y-12": a === "12",
-          "gap-y-13": a === "13",
-          "gap-y-14": a === "14",
-          "gap-y-15": a === "15",
-          "gap-y-16": a === "16"
+          "gap-y-0": c === "0",
+          "gap-y-1": c === "1",
+          "gap-y-2": c === "2",
+          "gap-y-3": c === "3",
+          "gap-y-4": c === "4",
+          "gap-y-5": c === "5",
+          "gap-y-6": c === "6",
+          "gap-y-7": c === "7",
+          "gap-y-8": c === "8",
+          "gap-y-9": c === "9",
+          "gap-y-10": c === "10",
+          "gap-y-11": c === "11",
+          "gap-y-12": c === "12",
+          "gap-y-13": c === "13",
+          "gap-y-14": c === "14",
+          "gap-y-15": c === "15",
+          "gap-y-16": c === "16"
         },
-        c
+        a
       ),
       ref: d,
       ...b
     }
   )
-), i = Object.assign(N, { Item: j }), k = ({ children: c, className: t, ...n }) => /* @__PURE__ */ u.jsx(y, { as: "footer", className: m("bottom-0 mt-auto pb-2", t), justify: "between", ...n, children: c }), R = g.forwardRef(
-  ({ className: c, as: t = "div", cols: n, rows: r, gap: e, gapX: o, gapY: l, flow: s, ...x }, a) => /* @__PURE__ */ u.jsx(
+), 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(
     t,
     {
-      className: m(
+      className: f(
         "grid",
         {
           "grid-cols-1": n === "1",
@@ -498,31 +505,31 @@ const y = ({ children: c, className: t, direction: n = "col", ...r }) => {
           "grid-flow-row-dense": s === "row-dense",
           "grid-flow-col-dense": s === "col-dense"
         },
-        c
+        a
       ),
-      ref: a,
+      ref: c,
       ...x
     }
   )
 );
 R.displayName = "Grid";
-const C = ({ children: c, sticky: t = !1, className: n, ...r }) => /* @__PURE__ */ u.jsx(y, { as: "header", className: m("top-0 ", t && "z-50 sticky", n), justify: "between", ...r, children: c }), F = ({ children: c, className: t, withContainer: n = !1, ...r }) => {
-  const e = m("flex-1 grow", t);
-  return n ? /* @__PURE__ */ u.jsx(y, { as: "main", className: e, display: "block", ...r, children: c }) : /* @__PURE__ */ u.jsx(i.Item, { as: "main", className: e, ...r, children: c });
-}, B = g.forwardRef(({ children: c, className: t, ...n }, r) => /* @__PURE__ */ u.jsx(
-  i,
+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 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(
+  w,
   {
-    className: m("mx-auto w-full max-w-screen-xl h-screen flex-1", t),
+    className: f("mx-auto w-full max-w-screen-xl h-screen flex-1", t),
     direction: "col",
     ref: r,
     ...n,
-    children: c
+    children: a
   }
 )), H = Object.assign(B, { Header: C, Body: F, Footer: k });
 export {
-  w as B,
-  y as C,
-  i as F,
+  i as B,
+  g as C,
+  w as F,
   R as G,
   C as H,
   H as L,

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

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-B0GD0xBr.js";
-import { c, B as l } from "./calendar-D21xByT8.js";
+import { c, B as l } from "./calendar-DfVsywp-.js";
 import "react";
-import { F as o, B as d } from "./Layout-DAdzkAxW.js";
-import { C as m } from "./Code-DSfz_jrJ.js";
-import { H as h } from "./Heading-Bpvbpnw2.js";
+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 { c as x } from "./index-CRiPKpXj.js";
 /**
  * @license lucide-react v0.543.0 - ISC

package/dist/chunks/{Paragraph-Lcw42_Mz.js → Paragraph-DiAQlGea.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-Bpvbpnw2.js";
+import { T as p } from "./Heading-DpEVkX3a.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