@still-forest/canopy 0.22.1 → 0.22.2

package/dist/index.d.ts

@@ -136,7 +136,7 @@ declare interface ChildProps {
 
 export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
 
-export declare const Container: ({ children, className, ...props }: ContainerProps) => JSX.Element;
+export declare const Container: ({ children, className, direction, ...props }: ContainerProps) => JSX.Element;
 
 export declare interface ContainerProps extends FlexProps {
     children: React.ReactNode;

package/dist/index.js

@@ -10937,13 +10937,13 @@ const ga = A.forwardRef(
   )
 );
 ga.displayName = "Box";
-const xa = ({ children: e, className: t, ...n }) => {
-  const { display: o = "flex", ...r } = n, a = M("w-full max-w-6xl px-4 py-2 md:px-8 md:py-4 lg:px-12 lg:py-6", t);
-  return o === "block" ? /* @__PURE__ */ m.jsxDEV(ga, { className: a, ...r, children: e }, void 0, !1, {
+const xa = ({ children: e, className: t, direction: n = "col", ...o }) => {
+  const { display: r = "flex", ...a } = o, s = M("w-full max-w-6xl px-4 py-2 md:px-8 md:py-4 lg:px-12 lg:py-6", t);
+  return r === "block" ? /* @__PURE__ */ m.jsxDEV(ga, { className: s, ...a, children: e }, void 0, !1, {
     fileName: "/Users/john/Development/canopy/lib/layout/Container/Container.tsx",
     lineNumber: 19,
     columnNumber: 7
-  }, void 0) : /* @__PURE__ */ m.jsxDEV(he, { className: a, ...r, children: e }, void 0, !1, {
+  }, void 0) : /* @__PURE__ */ m.jsxDEV(he, { className: s, direction: n, ...a, children: e }, void 0, !1, {
     fileName: "/Users/john/Development/canopy/lib/layout/Container/Container.tsx",
     lineNumber: 26,
     columnNumber: 5
@@ -11098,7 +11098,7 @@ const xa = ({ children: e, className: t, ...n }) => {
     },
     void 0
   )
-), he = Object.assign(Yg, { Item: Gg }), qg = ({ children: e, ...t }) => /* @__PURE__ */ m.jsxDEV(xa, { as: "footer", className: "bottom-0 mt-auto pb-2", ...t, children: e }, void 0, !1, {
+), he = Object.assign(Yg, { Item: Gg }), qg = ({ children: e, ...t }) => /* @__PURE__ */ m.jsxDEV(xa, { as: "footer", className: "bottom-0 mt-auto pb-2", justify: "between", ...t, children: e }, void 0, !1, {
   fileName: "/Users/john/Development/canopy/lib/layout/Footer/Footer.tsx",
   lineNumber: 9,
   columnNumber: 5
@@ -11231,23 +11231,11 @@ const xa = ({ children: e, className: t, ...n }) => {
   )
 );
 Hc.displayName = "Grid";
-const Kg = ({ children: e, sticky: t = !0, className: n, ...o }) => /* @__PURE__ */ m.jsxDEV(
-  xa,
-  {
-    as: "header",
-    className: M("top-0 z-50 flex items-center justify-between", t && "sticky", n),
-    ...o,
-    children: e
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/john/Development/canopy/lib/layout/Header/Header.tsx",
-    lineNumber: 11,
-    columnNumber: 5
-  },
-  void 0
-), Gc = "mx-auto w-full max-w-screen-lg", Zg = ({ children: e, className: t, withContainer: n = !1, ...o }) => {
+const Kg = ({ children: e, sticky: t = !1, className: n, ...o }) => /* @__PURE__ */ m.jsxDEV(xa, { as: "header", className: M("top-0 ", t && "z-50 sticky", n), justify: "between", ...o, children: e }, void 0, !1, {
+  fileName: "/Users/john/Development/canopy/lib/layout/Header/Header.tsx",
+  lineNumber: 11,
+  columnNumber: 5
+}, void 0), Gc = "mx-auto w-full max-w-screen-lg", Zg = ({ children: e, className: t, withContainer: n = !1, ...o }) => {
   const r = M("flex-1 grow", Gc, t);
   return n ? /* @__PURE__ */ m.jsxDEV(xa, { as: "main", className: r, display: "block", ...o, children: e }, void 0, !1, {
     fileName: "/Users/john/Development/canopy/lib/layout/Layout/Body.tsx",