@still-forest/canopy 0.24.0 → 0.25.1

package/dist/Layout2.js

@@ -0,0 +1,520 @@
+import { j as u, c as m } from "./utils.js";
+import g from "react";
+const w = g.forwardRef(
+  ({
+    className: c,
+    as: t = "div",
+    variant: s,
+    size: r,
+    width: e,
+    height: o,
+    display: l,
+    sizing: n,
+    position: x,
+    overflow: a,
+    overflowX: b,
+    overflowY: d,
+    rounded: f,
+    ...v
+  }, j) => /* @__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"
+        },
+        // Size
+        {
+          "size-0": r === "0",
+          "size-1": r === "1",
+          "size-2": r === "2",
+          "size-3": r === "3",
+          "size-4": r === "4",
+          "size-5": r === "5",
+          "size-6": r === "6",
+          "size-7": r === "7",
+          "size-8": r === "8",
+          "size-9": r === "9",
+          "size-10": r === "10",
+          "size-11": r === "11",
+          "size-12": r === "12",
+          "size-16": r === "16",
+          "size-20": r === "20",
+          "size-24": r === "24",
+          "size-28": r === "28",
+          "size-32": r === "32",
+          "size-36": r === "36",
+          "size-40": r === "40",
+          "size-44": r === "44",
+          "size-48": r === "48",
+          "size-52": r === "52",
+          "size-56": r === "56",
+          "size-60": r === "60",
+          "size-64": r === "64",
+          "size-72": r === "72",
+          "size-84": r === "84",
+          "size-96": r === "96",
+          "size-auto": r === "auto",
+          "size-full": r === "full",
+          "size-min": r === "min",
+          "size-max": r === "max",
+          "size-fit": r === "fit",
+          "size-px": r === "px"
+        },
+        // Width
+        {
+          "w-0": e === "0",
+          "w-1": e === "1",
+          "w-2": e === "2",
+          "w-3": e === "3",
+          "w-4": e === "4",
+          "w-5": e === "5",
+          "w-6": e === "6",
+          "w-7": e === "7",
+          "w-8": e === "8",
+          "w-9": e === "9",
+          "w-10": e === "10",
+          "w-11": e === "11",
+          "w-12": e === "12",
+          "w-16": e === "16",
+          "w-20": e === "20",
+          "w-24": e === "24",
+          "w-28": e === "28",
+          "w-32": e === "32",
+          "w-36": e === "36",
+          "w-40": e === "40",
+          "w-44": e === "44",
+          "w-48": e === "48",
+          "w-52": e === "52",
+          "w-56": e === "56",
+          "w-60": e === "60",
+          "w-64": e === "64",
+          "w-72": e === "72",
+          "w-84": e === "84",
+          "w-96": e === "96",
+          "w-3xs": e === "3xs",
+          "w-2xs": e === "2xs",
+          "w-xs": e === "xs",
+          "w-sm": e === "sm",
+          "w-md": e === "md",
+          "w-lg": e === "lg",
+          "w-xl": e === "xl",
+          "w-2xl": e === "2xl",
+          "w-3xl": e === "3xl",
+          "w-4xl": e === "4xl",
+          "w-5xl": e === "5xl",
+          "w-6xl": e === "6xl",
+          "w-7xl": e === "7xl",
+          "w-auto": e === "auto",
+          "w-full": e === "full",
+          "w-screen": e === "screen",
+          "w-min": e === "min",
+          "w-max": e === "max",
+          "w-fit": e === "fit",
+          "w-px": e === "px"
+        },
+        // Height
+        {
+          "h-0": o === "0",
+          "h-1": o === "1",
+          "h-2": o === "2",
+          "h-3": o === "3",
+          "h-4": o === "4",
+          "h-5": o === "5",
+          "h-6": o === "6",
+          "h-7": o === "7",
+          "h-8": o === "8",
+          "h-9": o === "9",
+          "h-10": o === "10",
+          "h-11": o === "11",
+          "h-12": o === "12",
+          "h-16": o === "16",
+          "h-20": o === "20",
+          "h-24": o === "24",
+          "h-28": o === "28",
+          "h-32": o === "32",
+          "h-36": o === "36",
+          "h-40": o === "40",
+          "h-44": o === "44",
+          "h-48": o === "48",
+          "h-52": o === "52",
+          "h-56": o === "56",
+          "h-60": o === "60",
+          "h-64": o === "64",
+          "h-72": o === "72",
+          "h-84": o === "84",
+          "h-96": o === "96",
+          "h-auto": o === "auto",
+          "h-full": o === "full",
+          "h-screen": o === "screen",
+          "h-min": o === "min",
+          "h-max": o === "max",
+          "h-fit": o === "fit",
+          "h-px": o === "px"
+        },
+        // Display
+        {
+          block: l === "block",
+          flex: l === "flex",
+          grid: l === "grid",
+          inline: l === "inline",
+          "inline-block": l === "inline-block",
+          "inline-flex": l === "inline-flex",
+          "inline-grid": l === "inline-grid",
+          "inline-table": l === "inline-table",
+          "list-item": l === "list-item",
+          "flow-root": l === "flow-root",
+          contents: l === "contents",
+          table: l === "table",
+          "table-header-group": l === "table-header-group",
+          "table-footer-group": l === "table-footer-group",
+          "table-column-group": l === "table-column-group",
+          "table-column": l === "table-column",
+          "table-row-group": l === "table-row-group",
+          "table-row": l === "table-row",
+          "table-cell": l === "table-cell",
+          "table-caption": l === "table-caption",
+          hidden: l === "hidden",
+          "sr-only": l === "sr-only",
+          "not-sr-only": l === "not-sr-only"
+        },
+        // Box sizing
+        {
+          "box-border": n === "border",
+          "box-content": n === "content"
+        },
+        // Position
+        {
+          static: x === "static",
+          fixed: x === "fixed",
+          absolute: x === "absolute",
+          relative: x === "relative",
+          sticky: x === "sticky"
+        },
+        // Overflow
+        {
+          "overflow-auto": a === "auto",
+          "overflow-hidden": a === "hidden",
+          "overflow-clip": a === "clip",
+          "overflow-visible": a === "visible",
+          "overflow-scroll": a === "scroll"
+        },
+        // Overflow X
+        {
+          "overflow-x-auto": b === "auto",
+          "overflow-x-hidden": b === "hidden",
+          "overflow-x-clip": b === "clip",
+          "overflow-x-visible": b === "visible",
+          "overflow-x-scroll": b === "scroll"
+        },
+        // Overflow Y
+        {
+          "overflow-y-auto": d === "auto",
+          "overflow-y-hidden": d === "hidden",
+          "overflow-y-clip": d === "clip",
+          "overflow-y-visible": d === "visible",
+          "overflow-y-scroll": d === "scroll"
+        },
+        // 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"
+        },
+        c
+      ),
+      ref: j,
+      ...v
+    }
+  )
+);
+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";
+  return /* @__PURE__ */ u.jsx(
+    o,
+    {
+      className: m(
+        {
+          "flex-1": c === "1",
+          "flex-auto": c === "auto",
+          "flex-initial": c === "initial",
+          "flex-none": c === "none"
+        },
+        t
+      ),
+      ...e,
+      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(
+    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"
+        },
+        // Align items
+        {
+          "items-start": r === "start",
+          "items-center": r === "center",
+          "items-end": r === "end",
+          "items-stretch": r === "stretch",
+          "items-baseline": r === "baseline"
+        },
+        // Justify content
+        {
+          "justify-start": e === "start",
+          "justify-center": e === "center",
+          "justify-end": e === "end",
+          "justify-between": e === "between",
+          "justify-around": e === "around",
+          "justify-evenly": e === "evenly",
+          "justify-stretch": e === "stretch",
+          "justify-baseline": e === "baseline",
+          "justify-normal": e === "normal"
+        },
+        // Grow
+        {
+          "grow-0": o === "0" || o === !1,
+          "grow-1": o === "1" || o === !0,
+          "grow-2": o === "2",
+          "grow-3": o === "3",
+          "grow-4": o === "4",
+          "grow-5": o === "5",
+          "grow-6": o === "6",
+          "grow-7": o === "7",
+          "grow-8": o === "8",
+          "grow-9": o === "9",
+          "grow-10": o === "10",
+          "grow-11": o === "11",
+          "grow-12": o === "12"
+        },
+        // Wrap content
+        {
+          "flex-wrap": l === "wrap",
+          "flex-wrap-reverse": l === "wrap-reverse",
+          "flex-nowrap": l === "nowrap"
+        },
+        // 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-x-0": x === "0",
+          "gap-x-1": x === "1",
+          "gap-x-2": x === "2",
+          "gap-x-3": x === "3",
+          "gap-x-4": x === "4",
+          "gap-x-5": x === "5",
+          "gap-x-6": x === "6",
+          "gap-x-7": x === "7",
+          "gap-x-8": x === "8",
+          "gap-x-9": x === "9",
+          "gap-x-10": x === "10",
+          "gap-x-11": x === "11",
+          "gap-x-12": x === "12",
+          "gap-x-13": x === "13",
+          "gap-x-14": x === "14",
+          "gap-x-15": x === "15",
+          "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"
+        },
+        c
+      ),
+      ref: d,
+      ...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(
+    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-rows-1": r === "1",
+          "grid-rows-2": r === "2",
+          "grid-rows-3": r === "3",
+          "grid-rows-4": r === "4",
+          "grid-rows-5": r === "5",
+          "grid-rows-6": r === "6",
+          "grid-rows-7": r === "7",
+          "grid-rows-8": r === "8",
+          "grid-rows-9": r === "9",
+          "grid-rows-10": r === "10",
+          "grid-rows-11": r === "11",
+          "grid-rows-12": r === "12",
+          "grid-rows-13": r === "13",
+          "grid-rows-14": r === "14",
+          "grid-rows-15": r === "15",
+          "grid-rows-16": r === "16",
+          "grid-rows-17": r === "17",
+          "grid-rows-18": r === "18",
+          "grid-rows-19": r === "19",
+          "grid-rows-20": r === "20",
+          "grid-rows-21": r === "21",
+          "grid-rows-22": r === "22",
+          "grid-rows-23": r === "23",
+          "grid-rows-24": r === "24",
+          "grid-rows-none": r === "none"
+        },
+        // Gap
+        {
+          "gap-0": e === "0",
+          "gap-1": e === "1",
+          "gap-2": e === "2",
+          "gap-3": e === "3",
+          "gap-4": e === "4",
+          "gap-5": e === "5",
+          "gap-6": e === "6",
+          "gap-7": e === "7",
+          "gap-8": e === "8",
+          "gap-9": e === "9",
+          "gap-10": e === "10",
+          "gap-11": e === "11",
+          "gap-12": e === "12",
+          "gap-13": e === "13",
+          "gap-14": e === "14",
+          "gap-15": e === "15",
+          "gap-16": e === "16"
+        },
+        {
+          "gap-x-0": o === "0",
+          "gap-x-1": o === "1",
+          "gap-x-2": o === "2",
+          "gap-x-3": o === "3",
+          "gap-x-4": o === "4",
+          "gap-x-5": o === "5",
+          "gap-x-6": o === "6",
+          "gap-x-7": o === "7",
+          "gap-x-8": o === "8",
+          "gap-x-9": o === "9",
+          "gap-x-10": o === "10",
+          "gap-x-11": o === "11",
+          "gap-x-12": o === "12",
+          "gap-x-13": o === "13",
+          "gap-x-14": o === "14",
+          "gap-x-15": o === "15",
+          "gap-x-16": o === "16"
+        },
+        {
+          "gap-y-0": l === "0",
+          "gap-y-1": l === "1",
+          "gap-y-2": l === "2",
+          "gap-y-3": l === "3",
+          "gap-y-4": l === "4",
+          "gap-y-5": l === "5",
+          "gap-y-6": l === "6",
+          "gap-y-7": l === "7",
+          "gap-y-8": l === "8",
+          "gap-y-9": l === "9",
+          "gap-y-10": l === "10",
+          "gap-y-11": l === "11",
+          "gap-y-12": l === "12",
+          "gap-y-13": l === "13",
+          "gap-y-14": l === "14",
+          "gap-y-15": l === "15",
+          "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"
+        },
+        c
+      ),
+      ref: a,
+      ...x
+    }
+  )
+);
+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 });
+export {
+  w as B,
+  y as C,
+  i as F,
+  R as G,
+  F as H,
+  H as L,
+  C as a
+};

package/dist/PageNotFound.js

@@ -0,0 +1,106 @@
+import { j as e, c as d } from "./utils.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";
+/**
+ * @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 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);
+/**
+ * @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 j = [
+  ["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);
+/**
+ * @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 = [
+  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
+  [
+    "path",
+    {
+      d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+      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);
+/**
+ * @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 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(
+      s,
+      {
+        "aria-hidden": !!r,
+        "aria-label": r ? void 0 : `${n || "info"} icon`,
+        className: d(
+          n === "error" && "text-destructive",
+          n === "success" && "text-success",
+          n === "warning" && "text-warning",
+          n === "info" && "text-info"
+        ),
+        "data-testid": "icon",
+        role: r ? void 0 : "img",
+        size: 128
+      }
+    ) }),
+    /* @__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,
+      i
+    ] })
+  ] }) });
+}, 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");
+  }
+}, 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" }) }),
+  /* @__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 }) => {
+  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" }) }) });
+export {
+  B as E,
+  a as I,
+  E as P,
+  C as a,
+  L as b
+};

package/dist/Paragraph.js

@@ -0,0 +1,6 @@
+import { j as m, c as o } from "./utils.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 });
+export {
+  c as P
+};