@still-forest/canopy 0.30.0 → 0.31.0

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-j9clObRA.js}

@@ -1,7 +1,7 @@
 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 { F as o, B as d } from "./Layout-CjE5bQn7.js";
 import { C as m } from "./Code-DSfz_jrJ.js";
 import { H as h } from "./Heading-Bpvbpnw2.js";
 import { c as x } from "./index-CRiPKpXj.js";