@maelstrom-futurism/layout 0.7.4-alpha.9

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright 2025 OSMstudios
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# `layout`
+
+> TODO: description
+
+## Components
+
+### Container
+
+Containers are intended only to be the top level component of a page.  They come in two varieties, normal and fluid.  Normal containers have a set size for each screen breakpoint.  Fluid containers are always 100% width.
+
+```
+import { Container } from '@maelstrom-futurism/layout';
+
+
+```
+
+### Grids and Columns
+
+The Grid component accepts any number of equal 
+
+```
+import { Grid, Column } from '@maelstrom-futurism/layout';
+
+const ThreeEqualColumnLayout = () => (
+    <Grid>
+        <Column>
+            <h1>Column One</h1>
+        </Column>
+        <Column>
+            <h1>Column Two</h1>
+        </Column>
+        <Column>
+            <h1>Column Three</h1>
+        </Column>
+    </Grid>
+);
+```

package/dist/Column.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from "react";
+export interface ColumnProps extends HTMLAttributes<HTMLDivElement> {
+    children?: any;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    topBorder?: boolean | string;
+    bottomBorder?: boolean | string;
+    leftBorder?: boolean | string;
+    rightBorder?: boolean | string;
+}
+declare const Column: ({ children, xs, sm, md, lg, topBorder, bottomBorder, leftBorder, rightBorder, ...rest }: ColumnProps) => ReactNode;
+export default Column;
+//# sourceMappingURL=Column.d.ts.map

package/dist/Column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../src/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AAYD,QAAA,MAAM,MAAM,GAAI,yFAWb,WAAW,KAAG,SAuDhB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Column.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import { useTheme } from "@maelstrom-futurism/core";
+function borderWrite(bName, color, bVar) {
+    if (!bVar)
+        return;
+    if (typeof bVar === "boolean" && bVar) {
+        return `${bName}: solid 1px ${color};`;
+    }
+    return `${bName}: ${bVar};`;
+}
+const Column = ({ children, xs, sm, md, lg, topBorder, bottomBorder, leftBorder, rightBorder, ...rest }) => {
+    const theme = useTheme();
+    const baseWidth = 8.33333333;
+    /**
+     * If one of these values is null we attempt to use the next largest so on until the largest size.
+     * If no larger sizes are available we default to the smaller values.
+     */
+    const xsWidth = xs ? baseWidth * xs + "%" : null;
+    const smWidth = sm ? baseWidth * sm + "%" : null;
+    const mdWidth = md ? baseWidth * md + "%" : null;
+    const lgWidth = lg ? baseWidth * lg + "%" : null;
+    const style = css `
+        box-sizing: border-box;
+        flex: 0 0 auto;
+        padding-right: 0.5rem;
+        padding-left: 0.5rem;
+        padding-bottom: 0.5rem;
+
+        ${topBorder ? `border-top: ${topBorder}` : ""}
+
+        @media only screen and (min-width: ${theme.bp("xs")}) {
+          flex-basis: ${xsWidth || smWidth || mdWidth || lgWidth};
+          max-width: ${xsWidth || smWidth || mdWidth || lgWidth};
+        }
+
+        @media only screen and (min-width: ${theme.bp("sm")}) {
+          flex-basis: ${smWidth || mdWidth || lgWidth || xsWidth};
+          max-width: ${smWidth || mdWidth || lgWidth || xsWidth};
+        }
+
+        @media only screen and (min-width: ${theme.bp("md")}) {
+          flex-basis: ${mdWidth};
+          max-width: ${mdWidth};
+        }
+
+        @media only screen and (min-width: ${theme.bp("lg")}) {
+          flex-basis: ${lgWidth};
+          max-width: ${lgWidth};
+        }
+
+        ${!xsWidth && !smWidth && !mdWidth && !lgWidth && "flex: 1 0 0;"}
+
+        ${borderWrite("border-top", theme.color("secondary"), topBorder)}
+        ${borderWrite("border-right", theme.color("secondary"), rightBorder)}
+        ${borderWrite("border-bottom", theme.color("secondary"), bottomBorder)}
+        ${borderWrite("border-left", theme.color("secondary"), leftBorder)}
+    `;
+    return (_jsx("div", { css: style, ...rest, children: children }));
+};
+export default Column;
+//# sourceMappingURL=Column.js.map

package/dist/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../src/Column.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAcpD,SAAS,WAAW,CAAC,KAAa,EAAE,KAAa,EAAE,IAAuB;IACtE,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,IAAI,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,EAAE,CAAC;QACpC,OAAO,GAAG,KAAK,eAAe,KAAK,GAAG,CAAC;IAC3C,CAAC;IAED,OAAO,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC;AAChC,CAAC;AAED,MAAM,MAAM,GAAG,CAAC,EACZ,QAAQ,EACR,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACG,EAAa,EAAE;IACzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,UAAU,CAAC;IAE7B;;;OAGG;IACH,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjD,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;UAOX,SAAS,CAAC,CAAC,CAAC,eAAe,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE;;6CAER,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;wBACnC,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO;uBACzC,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO;;;6CAGlB,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;wBACnC,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO;uBACzC,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO;;;6CAGlB,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;wBACnC,OAAO;uBACR,OAAO;;;6CAGe,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;wBACnC,OAAO;uBACR,OAAO;;;UAGpB,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,cAAc;;UAE9D,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;UAC9D,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;UAClE,WAAW,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC;UACpE,WAAW,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;KACrE,CAAC;IAEF,OAAO,CACH,cAAK,GAAG,EAAE,KAAK,KAAM,IAAI,YACpB,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Container.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+interface ContainerProps {
+    fluid?: boolean;
+    children?: ReactNode;
+    margin?: string;
+    maxWidth?: string;
+    [rest: string]: any;
+}
+declare const Container: ({ fluid, children, margin, maxWidth, ...rest }: ContainerProps) => ReactNode;
+export default Container;
+//# sourceMappingURL=Container.d.ts.map

package/dist/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../src/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,cAAc;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,GAAI,gDAAgD,cAAc,KAAG,SAqCnF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/Container.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import { useTheme } from "@maelstrom-futurism/core";
+;
+const Container = ({ fluid, children, margin, maxWidth, ...rest }) => {
+    const theme = useTheme();
+    let fWidth;
+    if (fluid) {
+        fWidth = '100%';
+    }
+    if (maxWidth) {
+        fWidth = maxWidth;
+    }
+    return (_jsx("div", { css: css `
+            margin: ${margin ? margin : '0 auto'};
+            width: ${fWidth};
+            // Necessary for some of the background calculations done in child components
+            background-color: ${theme.color("background")};
+
+            padding-left: 1rem;
+            padding-right: 1rem;
+
+            @media only screen and (max-width: ${theme.bp("sm")}) {
+                width: 100%;
+            }
+
+            @media only screen and (min-width: ${theme.bp("md")}) {
+                max-width: ${fluid ? "100%" : "970px"};
+            }
+
+            @media only screen and (min-width: ${theme.bp("lg")}) {
+                max-width: ${fluid ? "100%" : "1180px"};
+            }
+            `, ...rest, children: children }));
+};
+export default Container;
+//# sourceMappingURL=Container.js.map

package/dist/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../src/Container.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAQnD,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB,EAAa,EAAE;IAC5F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,MAAM,CAAC;IACX,IAAI,KAAK,EAAE,CAAC;QACR,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACX,MAAM,GAAG,QAAQ,CAAC;IACtB,CAAC;IAED,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,CAAA;sBACC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;qBAC3B,MAAM;;gCAEK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;;;;;iDAKR,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;;;;iDAId,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;6BAClC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;iDAGJ,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;6BAClC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;aAEzC,KACG,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/Grid.d.ts

@@ -0,0 +1,13 @@
+import { BoxProps } from "@maelstrom-futurism/core";
+import { ReactNode, ReactElement } from "react";
+import { ColumnProps } from "./Column";
+export type JustifyContent = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type Direction = 'column' | 'row';
+export interface GridProps extends Omit<BoxProps, 'css' | 'children' | 'primative'> {
+    direction?: Direction;
+    justifyContent?: JustifyContent;
+    children: ReactElement<ColumnProps>[];
+}
+declare const Grid: ({ children, direction, justifyContent, ...rest }: GridProps) => ReactNode;
+export default Grid;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../src/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC;AAC5G,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,CAAA;CACxC;AAED,QAAA,MAAM,IAAI,GAAI,kDAAkD,SAAS,KAAG,SA+B3E,CAAA;AAGD,eAAe,IAAI,CAAC"}

package/dist/Grid.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import { Box } from "@maelstrom-futurism/core";
+const Grid = ({ children, direction, justifyContent, ...rest }) => {
+    /**
+     * Test to make sure this layout is following the rules
+     * 1) Only Columns can be children
+     * 2) There are 12 columns split between up to 12 Columns
+     */
+    /*
+    const arrayChildren = Children.toArray(children);
+    // let columnCount = 0;
+    arrayChildren.forEach(child => {
+        // Ensure we're looking at a column
+        if (!(child instanceof Column)) {
+            throw new Error('All direct children of <Grid/> must be <Column/>');
+        }
+
+        // const childProps = child.props as ColumnProps;
+        // columnCount += childProps.xs;
+    });
+    */
+    const gridStyle = css `
+        display: flex;
+        flex: 0 1 auto;
+        flex-direction: ${direction || 'row'};
+        flex-wrap: wrap;
+        ${justifyContent && `justify-content: ${justifyContent};`}
+        margin-right: -0.5rem;
+        margin-left: -0.5rem;
+    `;
+    return _jsx(Box, { css: gridStyle, ...rest, children: children });
+};
+export default Grid;
+//# sourceMappingURL=Grid.js.map

package/dist/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../src/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAY,MAAM,0BAA0B,CAAC;AAazD,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,EAAa,EAAa,EAAE;IACpF;;;;OAIG;IACH;;;;;;;;;;;;MAYE;IAEF,MAAM,SAAS,GAAG,GAAG,CAAA;;;0BAGC,SAAS,IAAI,KAAK;;UAElC,cAAc,IAAI,oBAAoB,cAAc,GAAG;;;KAG5D,CAAC;IAEF,OAAO,KAAC,GAAG,IAAC,GAAG,EAAE,SAAS,KAAM,IAAI,YAAG,QAAQ,GAAO,CAAC;AAC3D,CAAC,CAAA;AAGD,eAAe,IAAI,CAAC"}

package/dist/PageLayout.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This is an opinionated layout component for Maelstrom Futurism.  It
+ * assumes the page has a navigation bar at the top and a sidebar on the left.
+ */
+import React, { ReactNode } from 'react';
+interface PageLayoutProps {
+    navbar?: React.ReactNode;
+    sidebar?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const PageLayout: ({ navbar, sidebar, children, }: PageLayoutProps) => ReactNode;
+export default PageLayout;
+//# sourceMappingURL=PageLayout.d.ts.map

package/dist/PageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../src/PageLayout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBzC,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,GAAI,gCAIjB,eAAe,KAAG,SAapB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/PageLayout.js

@@ -0,0 +1,18 @@
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+const pageLayoutStyle = css `
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100vh;
+`;
+const contentStyle = css `
+    display: flex;
+    width: 100vw;
+    height: calc(100vh - 60px);
+`;
+const PageLayout = ({ navbar, sidebar, children, }) => {
+    return (_jsxs("div", { css: pageLayoutStyle, "data-testid": "page-layout", children: [navbar, _jsxs("div", { css: contentStyle, children: [sidebar, children] })] }));
+};
+export default PageLayout;
+//# sourceMappingURL=PageLayout.js.map

package/dist/PageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../src/PageLayout.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;CAK1B,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAA;;;;CAIvB,CAAC;AAQF,MAAM,UAAU,GAAG,CAAC,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,GACM,EAAa,EAAE;IAE7B,OAAO,CACH,eAAK,GAAG,EAAE,eAAe,iBAAc,aAAa,aAC/C,MAAM,EAEP,eAAK,GAAG,EAAE,YAAY,aACjB,OAAO,EAEP,QAAQ,IACP,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Column } from "./Column";
+export { default as Grid } from "./Grid";
+export { default as Container } from "./Container";
+export { default as PageLayout } from "./PageLayout";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { default as Column } from "./Column";
+export { default as Grid } from "./Grid";
+export { default as Container } from "./Container";
+export { default as PageLayout } from "./PageLayout";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@maelstrom-futurism/layout",
+  "version": "0.7.4-alpha.9",
+  "description": "Basic layout components of MF",
+  "keywords": [
+    "layout",
+    "grid",
+    "flexbox"
+  ],
+  "author": "Dawson Goodell <dawsong@osmstudios.com>",
+  "homepage": "http://www.osmstudios.com",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DawsonG/maelstrom-futurism.git",
+    "directory": "packages/layout"
+  },
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -Rf dist",
+    "test": "jest --env=jsdom --passWithNoTests",
+    "test:cov": "npm run test --coverage",
+    "prepublishOnly": "npm run build"
+  },
+  "bugs": {
+    "url": "https://github.com/DawsonG/maelstrom-futurism/issues"
+  },
+  "dependencies": {
+    "@maelstrom-futurism/core": "^0.7.4-alpha.9"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">= 11.10.5",
+    "react": ">= 18.0.0"
+  },
+  "gitHead": "8c49684db1a6002ee19db00c53ed2e9aac7e484b"
+}