@still-forest/canopy 0.25.1 → 0.27.0

package/dist/Code.js

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

package/dist/Heading.js

@@ -1,6 +1,7 @@
-import { j as b, c as p } from "./utils.js";
-import h from "react";
-const y = h.forwardRef(
+import { j as b } from "./jsx-runtime.js";
+import p from "react";
+import { c as h } from "./index2.js";
+const y = p.forwardRef(
   ({
     className: c,
     as: o,
@@ -13,15 +14,15 @@ const y = h.forwardRef(
     tracking: r,
     family: f = "display",
     asForeground: x = !1,
-    truncate: u = !1,
-    numeric: m = !1,
+    truncate: m = !1,
+    numeric: u = !1,
     ...i
   }, a) => {
     const g = o || "p";
     return /* @__PURE__ */ b.jsx(
       g,
       {
-        className: p(
+        className: h(
           // Font sizes
           {
             "text-xs": e === "xs",
@@ -105,9 +106,9 @@ const y = h.forwardRef(
             "font-mono": f === "mono"
           },
           // Truncation
-          u && "truncate",
+          m && "truncate",
           // Tabular numerals
-          m && "tabular-nums",
+          u && "tabular-nums",
           c
         ),
         ref: a,
@@ -117,7 +118,7 @@ const y = h.forwardRef(
   }
 );
 y.displayName = "Text";
-const j = h.forwardRef(
+const j = p.forwardRef(
   ({
     className: c,
     variant: o = "default",
@@ -131,8 +132,8 @@ const j = h.forwardRef(
     tracking: r,
     family: f = "display",
     asForeground: x = !1,
-    truncate: u = !1,
-    numeric: m = !1,
+    truncate: m = !1,
+    numeric: u = !1,
     ...i
   }, a) => {
     const g = `h${e}`, l = d || {
@@ -146,7 +147,7 @@ const j = h.forwardRef(
     return /* @__PURE__ */ b.jsx(
       g,
       {
-        className: p(
+        className: h(
           // Size scales
           {
             "text-xs": l === "xs",
@@ -230,9 +231,9 @@ const j = h.forwardRef(
             "font-mono": f === "mono"
           },
           // Truncation
-          u && "truncate",
+          m && "truncate",
           // Tabular numerals
-          m && "tabular-nums",
+          u && "tabular-nums",
           // Add some scroll margin for better anchor navigation
           "scroll-m-20",
           c

package/dist/Layout2.js

@@ -1,35 +1,36 @@
-import { j as u, c as m } from "./utils.js";
+import { j as u } from "./jsx-runtime.js";
 import g from "react";
+import { c as m } from "./index2.js";
 const w = g.forwardRef(
   ({
     className: c,
     as: t = "div",
-    variant: s,
+    variant: n,
     size: r,
     width: e,
     height: o,
     display: l,
-    sizing: n,
+    sizing: s,
     position: x,
     overflow: a,
     overflowX: b,
     overflowY: d,
     rounded: f,
-    ...v
-  }, j) => /* @__PURE__ */ u.jsx(
+    ...p
+  }, v) => /* @__PURE__ */ u.jsx(
     t,
     {
       className: m(
         // Variant
         {
-          "bg-primary text-primary-foreground": s === "primary",
-          "bg-secondary text-secondary-foreground": s === "secondary",
-          "bg-muted text-muted-foreground": s === "muted",
-          "bg-accent text-accent-foreground": s === "accent",
-          "bg-info text-info-foreground": s === "info",
-          "bg-success text-success-foreground": s === "success",
-          "bg-warning text-warning-foreground": s === "warning",
-          "bg-destructive text-destructive-foreground": s === "destructive"
+          "bg-primary text-primary-foreground": n === "primary",
+          "bg-secondary text-secondary-foreground": n === "secondary",
+          "bg-muted text-muted-foreground": n === "muted",
+          "bg-accent text-accent-foreground": n === "accent",
+          "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"
         },
         // Size
         {
@@ -188,8 +189,8 @@ const w = g.forwardRef(
         },
         // Box sizing
         {
-          "box-border": n === "border",
-          "box-content": n === "content"
+          "box-border": s === "border",
+          "box-content": s === "content"
         },
         // Position
         {
@@ -238,17 +239,17 @@ const w = g.forwardRef(
         },
         c
       ),
-      ref: j,
-      ...v
+      ref: v,
+      ...p
     }
   )
 );
 w.displayName = "Box";
-const y = ({ children: c, className: t, direction: s = "col", ...r }) => {
-  const { display: e = "flex", ...o } = r, l = m("w-full max-w-6xl 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: s, ...o, children: c });
-}, N = ({ flex: c, className: t, as: s, children: r, ...e }) => {
-  const o = s || "div";
+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 }) => {
+  const o = n || "div";
   return /* @__PURE__ */ u.jsx(
     o,
     {
@@ -265,18 +266,18 @@ const y = ({ children: c, className: t, direction: s = "col", ...r }) => {
       children: r
     }
   );
-}, k = g.forwardRef(
-  ({ className: c, as: t = "div", direction: s, align: r, justify: e, grow: o, wrap: l, gap: n, gapX: x, gapY: a, ...b }, d) => /* @__PURE__ */ u.jsx(
+}, 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(
     t,
     {
       className: m(
         "flex",
         // Flex direction
         {
-          "flex-row": s === "row",
-          "flex-row-reverse": s === "row-reverse",
-          "flex-col": s === "col",
-          "flex-col-reverse": s === "col-reverse"
+          "flex-row": n === "row",
+          "flex-row-reverse": n === "row-reverse",
+          "flex-col": n === "col",
+          "flex-col-reverse": n === "col-reverse"
         },
         // Align items
         {
@@ -322,23 +323,23 @@ const y = ({ children: c, className: t, direction: s = "col", ...r }) => {
         },
         // Gap
         {
-          "gap-0": n === "0",
-          "gap-1": n === "1",
-          "gap-2": n === "2",
-          "gap-3": n === "3",
-          "gap-4": n === "4",
-          "gap-5": n === "5",
-          "gap-6": n === "6",
-          "gap-7": n === "7",
-          "gap-8": n === "8",
-          "gap-9": n === "9",
-          "gap-10": n === "10",
-          "gap-11": n === "11",
-          "gap-12": n === "12",
-          "gap-13": n === "13",
-          "gap-14": n === "14",
-          "gap-15": n === "15",
-          "gap-16": n === "16"
+          "gap-0": s === "0",
+          "gap-1": s === "1",
+          "gap-2": s === "2",
+          "gap-3": s === "3",
+          "gap-4": s === "4",
+          "gap-5": s === "5",
+          "gap-6": s === "6",
+          "gap-7": s === "7",
+          "gap-8": s === "8",
+          "gap-9": s === "9",
+          "gap-10": s === "10",
+          "gap-11": s === "11",
+          "gap-12": s === "12",
+          "gap-13": s === "13",
+          "gap-14": s === "14",
+          "gap-15": s === "15",
+          "gap-16": s === "16"
         },
         {
           "gap-x-0": x === "0",
@@ -384,26 +385,26 @@ const y = ({ children: c, className: t, direction: s = "col", ...r }) => {
       ...b
     }
   )
-), i = Object.assign(k, { Item: N }), C = ({ children: c, ...t }) => /* @__PURE__ */ u.jsx(y, { as: "footer", className: "bottom-0 mt-auto pb-2", justify: "between", ...t, children: c }), R = g.forwardRef(
-  ({ className: c, as: t = "div", cols: s, rows: r, gap: e, gapX: o, gapY: l, flow: n, ...x }, a) => /* @__PURE__ */ u.jsx(
+), 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(
     t,
     {
       className: m(
         "grid",
         {
-          "grid-cols-1": s === "1",
-          "grid-cols-2": s === "2",
-          "grid-cols-3": s === "3",
-          "grid-cols-4": s === "4",
-          "grid-cols-5": s === "5",
-          "grid-cols-6": s === "6",
-          "grid-cols-7": s === "7",
-          "grid-cols-8": s === "8",
-          "grid-cols-9": s === "9",
-          "grid-cols-10": s === "10",
-          "grid-cols-11": s === "11",
-          "grid-cols-12": s === "12",
-          "grid-cols-none": s === "none"
+          "grid-cols-1": n === "1",
+          "grid-cols-2": n === "2",
+          "grid-cols-3": n === "3",
+          "grid-cols-4": n === "4",
+          "grid-cols-5": n === "5",
+          "grid-cols-6": n === "6",
+          "grid-cols-7": n === "7",
+          "grid-cols-8": n === "8",
+          "grid-cols-9": n === "9",
+          "grid-cols-10": n === "10",
+          "grid-cols-11": n === "11",
+          "grid-cols-12": n === "12",
+          "grid-cols-none": n === "none"
         },
         {
           "grid-rows-1": r === "1",
@@ -491,11 +492,11 @@ const y = ({ children: c, className: t, direction: s = "col", ...r }) => {
           "gap-y-16": l === "16"
         },
         {
-          "grid-flow-row": n === "row",
-          "grid-flow-col": n === "col",
-          "grid-flow-dense": n === "dense",
-          "grid-flow-row-dense": n === "row-dense",
-          "grid-flow-col-dense": n === "col-dense"
+          "grid-flow-row": s === "row",
+          "grid-flow-col": s === "col",
+          "grid-flow-dense": s === "dense",
+          "grid-flow-row-dense": s === "row-dense",
+          "grid-flow-col-dense": s === "col-dense"
         },
         c
       ),
@@ -505,16 +506,25 @@ const y = ({ children: c, className: t, direction: s = "col", ...r }) => {
   )
 );
 R.displayName = "Grid";
-const F = ({ children: c, sticky: t = !1, className: s, ...r }) => /* @__PURE__ */ u.jsx(y, { as: "header", className: m("top-0 ", t && "z-50 sticky", s), justify: "between", ...r, children: c }), p = "mx-auto w-full max-w-screen-lg", B = ({ children: c, className: t, withContainer: s = !1, ...r }) => {
-  const e = m("flex-1 grow", p, t);
-  return s ? /* @__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 });
-}, G = g.forwardRef(({ children: c, className: t, ...s }, r) => /* @__PURE__ */ u.jsx(i, { className: m(p, "h-screen flex-1", t), direction: "col", ref: r, ...s, children: c })), H = Object.assign(G, { Header: F, Body: B, Footer: C });
+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,
+  {
+    className: m("mx-auto w-full max-w-screen-xl h-screen flex-1", t),
+    direction: "col",
+    ref: r,
+    ...n,
+    children: c
+  }
+)), H = Object.assign(B, { Header: C, Body: F, Footer: k });
 export {
   w as B,
   y as C,
   i as F,
   R as G,
-  F as H,
+  C as H,
   H as L,
-  C as a
+  k as a
 };

package/dist/PageNotFound.js

@@ -1,9 +1,10 @@
-import { j as e, c as d } from "./utils.js";
+import { j as e } from "./jsx-runtime.js";
 import { c, B as l } from "./calendar.js";
 import "react";
-import { F as o, B as m } from "./Layout2.js";
-import { C as h } from "./Code.js";
-import { H as x } from "./Heading.js";
+import { F as o, B as d } from "./Layout2.js";
+import { C as m } from "./Code.js";
+import { H as h } from "./Heading.js";
+import { c as x } from "./index2.js";
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -21,11 +22,11 @@ const u = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const j = [
+const f = [
   ["path", { d: "M12 17h.01", key: "p32p05" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
   ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
-], f = c("file-question-mark", j);
+], j = c("file-question-mark", f);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -68,7 +69,7 @@ const N = [
       {
         "aria-hidden": !!r,
         "aria-label": r ? void 0 : `${n || "info"} icon`,
-        className: d(
+        className: x(
           n === "error" && "text-destructive",
           n === "success" && "text-success",
           n === "warning" && "text-warning",
@@ -80,7 +81,7 @@ const N = [
       }
     ) }),
     /* @__PURE__ */ e.jsxs(o, { className: "max-w-[500px]", direction: "col", justify: "center", children: [
-      r ? /* @__PURE__ */ e.jsx(x, { align: "center", level: "4", weight: "normal", children: r }) : null,
+      r ? /* @__PURE__ */ e.jsx(h, { align: "center", level: "4", weight: "normal", children: r }) : null,
       i
     ] })
   ] }) });
@@ -90,17 +91,17 @@ const N = [
   } catch {
     console.warn("Page reload prevented in test environment");
   }
-}, B = ({ error: n, onRetry: t = _ }) => /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs(o, { align: "center", className: "mt-8", direction: "col", children: [
-  /* @__PURE__ */ e.jsx(m, { className: "mb-8 p-4", variant: "muted", width: "full", children: /* @__PURE__ */ e.jsx(h, { align: "center", size: "xs", variant: "inherit", children: n.message || "Unknown error occurred" }) }),
+}, E = ({ error: n, onRetry: t = _ }) => /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs(o, { align: "center", className: "mt-8", direction: "col", children: [
+  /* @__PURE__ */ e.jsx(d, { className: "mb-8 p-4", variant: "muted", width: "full", children: /* @__PURE__ */ e.jsx(m, { align: "center", size: "xs", variant: "inherit", children: n.message || "Unknown error occurred" }) }),
   /* @__PURE__ */ e.jsx(l, { icon: /* @__PURE__ */ e.jsx(v, {}), onClick: t, variant: "primary", children: "Reload" })
-] }) }), M = () => /* @__PURE__ */ e.jsx(g, { className: "animate-spin text-info", "data-testid": "icon", size: 64 }), E = ({ iconComponent: n, message: t }) => {
+] }) }), M = () => /* @__PURE__ */ e.jsx(g, { className: "animate-spin text-info", "data-testid": "icon", size: 64 }), L = ({ iconComponent: n, message: t }) => {
   const r = n || M;
   return /* @__PURE__ */ e.jsx(a, { iconComponent: r, message: t });
-}, L = ({ goHome: n, message: t = "404: Not found" }) => /* @__PURE__ */ e.jsx(a, { iconComponent: f, message: t, variant: "warning", children: /* @__PURE__ */ e.jsx(o, { align: "center", className: "mt-8", direction: "col", children: n && /* @__PURE__ */ e.jsx(l, { icon: /* @__PURE__ */ e.jsx(k, {}), onClick: n, variant: "primary", children: "Home" }) }) });
+}, P = ({ goHome: n, message: t = "404: Not found" }) => /* @__PURE__ */ e.jsx(a, { iconComponent: j, message: t, variant: "warning", children: /* @__PURE__ */ e.jsx(o, { align: "center", className: "mt-8", direction: "col", children: n && /* @__PURE__ */ e.jsx(l, { icon: /* @__PURE__ */ e.jsx(k, {}), onClick: n, variant: "primary", children: "Home" }) }) });
 export {
-  B as E,
+  E,
   a as I,
-  E as P,
+  L as P,
   C as a,
-  L as b
+  P as b
 };

package/dist/Paragraph.js

@@ -1,6 +1,7 @@
-import { j as m, c as o } from "./utils.js";
+import { j as o } from "./jsx-runtime.js";
+import { c as t } from "./index2.js";
 import { T as p } from "./Heading.js";
-const c = ({ children: r, className: s, as: a = "p", ...t }) => /* @__PURE__ */ m.jsx(p, { as: a, className: o("mb-4", s), ...t, children: r });
+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 {
-  c as P
+  i as P
 };