@still-forest/canopy 0.26.0 → 0.28.0

package/dist/ErrorFallback.js

@@ -0,0 +1,29 @@
+import { j as r } from "./jsx-runtime.js";
+import { c as t, B as a } from "./calendar.js";
+import "react";
+import { F as n, B as i } from "./Layout2.js";
+import { C as c } from "./Code.js";
+import "./Heading.js";
+import { E as s } from "./PageNotFound.js";
+/**
+ * @license lucide-react v0.525.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 = [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
+], m = t("rotate-ccw", l), d = () => {
+  try {
+    window.location.reload();
+  } catch {
+    console.warn("Page reload prevented in test environment");
+  }
+}, w = ({ error: e, onRetry: o = d }) => /* @__PURE__ */ r.jsx(s, { children: /* @__PURE__ */ r.jsxs(n, { align: "center", className: "mt-8", direction: "col", children: [
+  /* @__PURE__ */ r.jsx(i, { className: "mb-8 p-4", variant: "muted", width: "full", children: /* @__PURE__ */ r.jsx(c, { align: "center", size: "xs", variant: "inherit", children: e.message || "Unknown error occurred" }) }),
+  /* @__PURE__ */ r.jsx(a, { icon: /* @__PURE__ */ r.jsx(m, {}), onClick: o, variant: "primary", children: "Reload" })
+] }) });
+export {
+  w as E
+};

package/dist/Layout2.js

@@ -5,32 +5,32 @@ 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
         {
@@ -189,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
         {
@@ -239,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,
     {
@@ -266,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
         {
@@ -323,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",
@@ -385,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",
@@ -492,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
       ),
@@ -506,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 })), O = 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,
-  O as L,
-  C as a
+  C as H,
+  H as L,
+  k as a
 };

package/dist/PageNotFound.js

@@ -1,10 +1,9 @@
 import { j as e } from "./jsx-runtime.js";
 import { c, B as l } from "./calendar.js";
 import "react";
-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";
+import { F as r } from "./Layout2.js";
+import { H as d } from "./Heading.js";
+import { c as m } from "./index2.js";
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -15,25 +14,25 @@ const u = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], p = c("circle-x", u);
+], x = c("circle-x", u);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const f = [
+const h = [
   ["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" }]
-], j = c("file-question-mark", f);
+], p = c("file-question-mark", h);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const y = [
+const f = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -42,66 +41,46 @@ const y = [
       key: "1d0kgt"
     }
   ]
-], k = c("house", y);
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], g = c("loader-circle", w);
+], j = c("house", f);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const N = [
-  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
-  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], v = c("rotate-ccw", N), a = ({ variant: n, iconComponent: t, message: r, children: i }) => {
-  if (!t && !r && !i)
-    return /* @__PURE__ */ e.jsx(o, { align: "center", className: "h-full w-full", justify: "center", children: "Content missing" });
+const y = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], k = c("loader-circle", y), i = ({ variant: n, iconComponent: t, message: o, children: a }) => {
+  if (!t && !o && !a)
+    return /* @__PURE__ */ e.jsx(r, { align: "center", className: "h-full w-full", justify: "center", children: "Content missing" });
   const s = t || null;
-  return /* @__PURE__ */ e.jsx(o, { align: "center", className: "h-full w-full", justify: "center", children: /* @__PURE__ */ e.jsxs(o, { direction: "col", justify: "center", children: [
-    s && /* @__PURE__ */ e.jsx(o, { align: "center", className: "my-6", gapX: "4", justify: "center", children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx(r, { align: "center", className: "h-full w-full", justify: "center", children: /* @__PURE__ */ e.jsxs(r, { direction: "col", justify: "center", children: [
+    s && /* @__PURE__ */ e.jsx(r, { align: "center", className: "my-6", gapX: "4", justify: "center", children: /* @__PURE__ */ e.jsx(
       s,
       {
-        "aria-hidden": !!r,
-        "aria-label": r ? void 0 : `${n || "info"} icon`,
-        className: x(
+        "aria-hidden": !!o,
+        "aria-label": o ? void 0 : `${n || "info"} icon`,
+        className: m(
           n === "error" && "text-destructive",
           n === "success" && "text-success",
           n === "warning" && "text-warning",
           n === "info" && "text-info"
         ),
         "data-testid": "icon",
-        role: r ? void 0 : "img",
+        role: o ? void 0 : "img",
         size: 128
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(o, { className: "max-w-[500px]", direction: "col", justify: "center", children: [
-      r ? /* @__PURE__ */ e.jsx(h, { align: "center", level: "4", weight: "normal", children: r }) : null,
-      i
+    /* @__PURE__ */ e.jsxs(r, { className: "max-w-[500px]", direction: "col", justify: "center", children: [
+      o ? /* @__PURE__ */ e.jsx(d, { align: "center", level: "4", weight: "normal", children: o }) : null,
+      a
     ] })
   ] }) });
-}, C = ({ message: n = "Something went wrong.", children: t }) => /* @__PURE__ */ e.jsx(a, { iconComponent: p, message: n, variant: "error", children: t }), _ = () => {
-  try {
-    window.location.reload();
-  } catch {
-    console.warn("Page reload prevented in test environment");
-  }
-}, 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 }), L = ({ iconComponent: n, message: t }) => {
-  const r = n || M;
-  return /* @__PURE__ */ e.jsx(a, { iconComponent: r, message: t });
-}, 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" }) }) });
+}, M = ({ message: n = "Something went wrong.", children: t }) => /* @__PURE__ */ e.jsx(i, { iconComponent: x, message: n, variant: "error", children: t }), g = () => /* @__PURE__ */ e.jsx(k, { className: "animate-spin text-info", "data-testid": "icon", size: 64 }), I = ({ iconComponent: n, message: t }) => {
+  const o = n || g;
+  return /* @__PURE__ */ e.jsx(i, { iconComponent: o, message: t });
+}, H = ({ goHome: n, message: t = "404: Not found" }) => /* @__PURE__ */ e.jsx(i, { iconComponent: p, message: t, variant: "warning", children: /* @__PURE__ */ e.jsx(r, { align: "center", className: "mt-8", direction: "col", children: n && /* @__PURE__ */ e.jsx(l, { icon: /* @__PURE__ */ e.jsx(j, {}), onClick: n, variant: "primary", children: "Home" }) }) });
 export {
-  E,
-  a as I,
-  L as P,
-  C as a,
-  P as b
+  M as E,
+  i as I,
+  I as P,
+  H as a
 };