@damarkuncoro/layout-engine 0.1.0 → 0.1.1

package/lib/cjs/presets/presets.js

@@ -0,0 +1,229 @@
+"use strict";
+/**
+ * Layout Presets - Pre-built layouts yang siap pakai
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlogPostPreset = BlogPostPreset;
+exports.BlogListPreset = BlogListPreset;
+exports.ProductGridPreset = ProductGridPreset;
+exports.ProductDetailPreset = ProductDetailPreset;
+exports.CartPreset = CartPreset;
+exports.StatsGridPreset = StatsGridPreset;
+exports.DataTablePreset = DataTablePreset;
+exports.DashboardWidgetPreset = DashboardWidgetPreset;
+exports.SettingsPagePreset = SettingsPagePreset;
+exports.SettingsSectionPreset = SettingsSectionPreset;
+exports.DocsPagePreset = DocsPagePreset;
+exports.DocsSidebarPreset = DocsSidebarPreset;
+exports.ProfilePagePreset = ProfilePagePreset;
+const Flex_js_1 = require("../primitives/Flex.js");
+const Box_js_1 = require("../primitives/Box.js");
+const Grid_js_1 = require("../primitives/Grid.js");
+const Container_js_1 = require("../primitives/Container.js");
+function BlogPostPreset({ title, meta, content, sidebar, maxWidth = 800 }) {
+    if (sidebar) {
+        return (0, Flex_js_1.Flex)({
+            gap: 6,
+            children: [
+                (0, Box_js_1.Box)({
+                    width: maxWidth,
+                    children: (0, Flex_js_1.Flex)({
+                        direction: "column",
+                        gap: 4,
+                        children: [
+                            (0, Box_js_1.Box)({ children: title }),
+                            (0, Box_js_1.Box)({ children: meta }),
+                            (0, Box_js_1.Box)({ children: content })
+                        ]
+                    })
+                }),
+                (0, Box_js_1.Box)({
+                    style: { width: "300px", flexShrink: 0 },
+                    children: sidebar
+                })
+            ]
+        });
+    }
+    return (0, Container_js_1.Container)({
+        maxWidth,
+        children: (0, Flex_js_1.Flex)({
+            direction: "column",
+            gap: 4,
+            children: [
+                (0, Box_js_1.Box)({ children: title }),
+                (0, Box_js_1.Box)({ children: meta }),
+                (0, Box_js_1.Box)({ children: content })
+            ]
+        })
+    });
+}
+function BlogListPreset({ posts, sidebar, columns = 2 }) {
+    return (0, Flex_js_1.Flex)({
+        gap: 6,
+        children: [
+            (0, Grid_js_1.Grid)({
+                columns,
+                gap: 4,
+                children: posts
+            }),
+            sidebar ? (0, Box_js_1.Box)({
+                style: { width: "280px", flexShrink: 0 },
+                children: sidebar
+            }) : null
+        ].filter(Boolean)
+    });
+}
+function ProductGridPreset({ products, columns = 3 }) {
+    return (0, Grid_js_1.Grid)({
+        columns,
+        gap: 4,
+        children: products
+    });
+}
+function ProductDetailPreset({ image, title, price, description, actions, specs }) {
+    return (0, Flex_js_1.Flex)({
+        gap: 6,
+        children: [
+            (0, Box_js_1.Box)({
+                style: { flex: "0 0 50%" },
+                children: image
+            }),
+            (0, Box_js_1.Box)({
+                children: (0, Flex_js_1.Flex)({
+                    direction: "column",
+                    gap: 4,
+                    children: [
+                        (0, Box_js_1.Box)({ children: title }),
+                        (0, Box_js_1.Box)({ children: price }),
+                        (0, Box_js_1.Box)({ children: description }),
+                        (0, Box_js_1.Box)({ children: actions }),
+                        specs ? (0, Box_js_1.Box)({ children: specs }) : null
+                    ].filter(Boolean)
+                })
+            })
+        ]
+    });
+}
+function CartPreset({ items, summary }) {
+    return (0, Flex_js_1.Flex)({
+        gap: 6,
+        children: [
+            (0, Box_js_1.Box)({
+                style: { flex: 1 },
+                children: items
+            }),
+            (0, Box_js_1.Box)({
+                style: { width: "320px", flexShrink: 0 },
+                children: summary
+            })
+        ]
+    });
+}
+function StatsGridPreset({ stats, columns = 4 }) {
+    return (0, Grid_js_1.Grid)({
+        columns,
+        gap: 4,
+        children: stats
+    });
+}
+function DataTablePreset({ headers, rows, pagination }) {
+    return (0, Flex_js_1.Flex)({
+        direction: "column",
+        gap: 4,
+        children: [
+            (0, Box_js_1.Box)({
+                style: { overflowX: "auto" },
+                children: (0, Flex_js_1.Flex)({
+                    direction: "column",
+                    children: [
+                        (0, Box_js_1.Box)({ children: headers }),
+                        ...rows,
+                        pagination ? (0, Box_js_1.Box)({ children: pagination }) : null
+                    ].filter(Boolean)
+                })
+            })
+        ]
+    });
+}
+function DashboardWidgetPreset({ title, content, action }) {
+    return (0, Box_js_1.Box)({
+        children: (0, Flex_js_1.Flex)({
+            direction: "column",
+            gap: 3,
+            children: [
+                (0, Flex_js_1.Flex)({
+                    justify: "space-between",
+                    align: "center",
+                    children: [
+                        (0, Box_js_1.Box)({ children: title }),
+                        action ? (0, Box_js_1.Box)({ children: action }) : null
+                    ].filter(Boolean)
+                }),
+                (0, Box_js_1.Box)({ children: content })
+            ]
+        })
+    });
+}
+function SettingsPagePreset({ sidebar, content }) {
+    return (0, Flex_js_1.Flex)({
+        gap: 6,
+        children: [
+            (0, Box_js_1.Box)({
+                style: { width: "250px", flexShrink: 0 },
+                children: sidebar
+            }),
+            (0, Box_js_1.Box)({
+                style: { flex: 1 },
+                children: content
+            })
+        ]
+    });
+}
+function SettingsSectionPreset({ title, description, children }) {
+    return (0, Flex_js_1.Flex)({
+        direction: "column",
+        gap: 4,
+        children: [
+            (0, Box_js_1.Box)({ children: title }),
+            description ? (0, Box_js_1.Box)({ children: description }) : null,
+            (0, Box_js_1.Box)({ children: children })
+        ].filter(Boolean)
+    });
+}
+function DocsPagePreset({ nav, content, toc }) {
+    return (0, Flex_js_1.Flex)({
+        gap: 6,
+        children: [
+            (0, Box_js_1.Box)({
+                style: { width: "240px", flexShrink: 0 },
+                children: nav
+            }),
+            (0, Box_js_1.Box)({
+                style: { flex: 1, minWidth: 0 },
+                children: content
+            }),
+            toc ? (0, Box_js_1.Box)({
+                style: { width: "200px", flexShrink: 0 },
+                children: toc
+            }) : null
+        ].filter(Boolean)
+    });
+}
+function DocsSidebarPreset({ sections }) {
+    return (0, Flex_js_1.Flex)({
+        direction: "column",
+        gap: 3,
+        children: sections
+    });
+}
+function ProfilePagePreset({ header, tabs, content }) {
+    return (0, Flex_js_1.Flex)({
+        direction: "column",
+        gap: 4,
+        children: [
+            (0, Box_js_1.Box)({ children: header }),
+            (0, Box_js_1.Box)({ children: tabs }),
+            (0, Box_js_1.Box)({ children: content })
+        ]
+    });
+}

package/lib/cjs/primitives/Box.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = Box;
+const styleResolver_js_1 = require("../core/styleResolver.js");
+/**
+ * Komponen blok dasar yang memetakan LayoutProps → inline style.
+ * Gunakan untuk membangun primitive lainnya.
+ */
+function Box({ children, padding, margin, width, height, display, style, ...rest }) {
+    const resolved = {
+        padding: (0, styleResolver_js_1.normalizeUnit)(padding),
+        margin: (0, styleResolver_js_1.normalizeUnit)(margin),
+        width: (0, styleResolver_js_1.normalizeUnit)(width),
+        height: (0, styleResolver_js_1.normalizeUnit)(height),
+        display,
+        ...style
+    };
+    return {
+        type: "div",
+        props: {
+            style: resolved,
+            ...rest,
+            children
+        }
+    };
+}

package/lib/cjs/primitives/Center.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutProps } from "../system/types.js";
+export declare function Center(props: LayoutProps & {
+    children?: any;
+}): {
+    type: string;
+    props: {
+        children: any;
+        style: Record<string, any>;
+    };
+};

package/lib/cjs/primitives/Center.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Center = Center;
+const Flex_js_1 = require("./Flex.js");
+function Center(props) {
+    return (0, Flex_js_1.Flex)({ justify: "center", align: "center", ...props });
+}

package/lib/cjs/primitives/Container.d.ts

@@ -0,0 +1,17 @@
+import type { LayoutProps, CSSLength } from "../system/types.js";
+export interface ContainerProps extends LayoutProps {
+    maxWidth?: CSSLength;
+    centerContent?: boolean;
+}
+/**
+ * Container - wrapper dengan max-width dan centering
+ */
+export declare function Container({ children, maxWidth, centerContent, padding, margin, width, height, display, style, ...rest }: ContainerProps & {
+    children?: any;
+}): {
+    type: string;
+    props: {
+        children: any;
+        style: Record<string, any>;
+    };
+};

package/lib/cjs/primitives/Container.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = Container;
+const styleResolver_js_1 = require("../core/styleResolver.js");
+/**
+ * Container - wrapper dengan max-width dan centering
+ */
+function Container({ children, maxWidth = 1280, centerContent = true, padding = 4, margin, width, height, display, style, ...rest }) {
+    const resolved = {
+        padding: (0, styleResolver_js_1.normalizeUnit)(padding),
+        margin: margin ? (0, styleResolver_js_1.normalizeUnit)(margin) : "0 auto",
+        width: width !== null && width !== void 0 ? width : "100%",
+        height: (0, styleResolver_js_1.normalizeUnit)(height),
+        maxWidth: (0, styleResolver_js_1.normalizeUnit)(maxWidth),
+        display: display !== null && display !== void 0 ? display : "block",
+        ...(centerContent && { marginLeft: "auto", marginRight: "auto" }),
+        ...style
+    };
+    return {
+        type: "div",
+        props: {
+            style: resolved,
+            ...rest,
+            children
+        }
+    };
+}

package/lib/cjs/primitives/Flex.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = Flex;
+const styleResolver_js_1 = require("../core/styleResolver.js");
+/**
+ * Kontainer fleksibel berbasis style inline (tanpa dependency React).
+ * Menghasilkan struktur objek yang merepresentasikan node 'div' dengan style flex.
+ */
+function Flex({ children, justify, align, gap, direction = "row", padding, margin, width, height, display, style, ...rest }) {
+    const resolved = {
+        padding: (0, styleResolver_js_1.normalizeUnit)(padding),
+        margin: (0, styleResolver_js_1.normalizeUnit)(margin),
+        width: (0, styleResolver_js_1.normalizeUnit)(width),
+        height: (0, styleResolver_js_1.normalizeUnit)(height),
+        display: display !== null && display !== void 0 ? display : "flex",
+        justifyContent: justify,
+        alignItems: align,
+        gap: (0, styleResolver_js_1.normalizeUnit)(gap),
+        flexDirection: direction,
+        ...style
+    };
+    return {
+        type: "div",
+        props: {
+            style: resolved,
+            ...rest,
+            children
+        }
+    };
+}

package/lib/cjs/primitives/Grid.d.ts

@@ -0,0 +1,16 @@
+import type { CSSLength, LayoutProps, ResponsiveValue } from "../system/types.js";
+export interface GridProps extends LayoutProps {
+    columns?: number | string | ResponsiveValue<number>;
+    rows?: number | string;
+    gap?: CSSLength | ResponsiveValue<CSSLength>;
+    viewportWidth?: number;
+}
+export declare function Grid({ children, columns, rows, gap, padding, margin, width, height, display, style, viewportWidth, ...rest }: GridProps & {
+    children?: any;
+}): {
+    type: string;
+    props: {
+        children: any;
+        style: Record<string, any>;
+    };
+};

package/lib/cjs/primitives/Grid.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = Grid;
+const styleResolver_js_1 = require("../core/styleResolver.js");
+const responsiveSystem_js_1 = require("../core/responsiveSystem.js");
+const toTemplate = (v) => {
+    if (typeof v === "number")
+        return `repeat(${v}, minmax(0, 1fr))`;
+    return v;
+};
+function Grid({ children, columns, rows, gap, padding, margin, width, height, display, style, viewportWidth = 1024, ...rest }) {
+    const resolvedColumns = typeof columns === "object"
+        ? (0, responsiveSystem_js_1.resolveResponsive)(columns, viewportWidth)
+        : toTemplate(columns);
+    const resolvedGap = typeof gap === "object"
+        ? (0, styleResolver_js_1.normalizeUnit)((0, responsiveSystem_js_1.resolveResponsive)(gap, viewportWidth))
+        : (0, styleResolver_js_1.normalizeUnit)(gap);
+    const resolved = {
+        padding: (0, styleResolver_js_1.normalizeUnit)(padding),
+        margin: (0, styleResolver_js_1.normalizeUnit)(margin),
+        width: (0, styleResolver_js_1.normalizeUnit)(width),
+        height: (0, styleResolver_js_1.normalizeUnit)(height),
+        display: display !== null && display !== void 0 ? display : "grid",
+        gridTemplateColumns: resolvedColumns,
+        gridTemplateRows: toTemplate(rows),
+        gap: resolvedGap,
+        ...style
+    };
+    return {
+        type: "div",
+        props: {
+            style: resolved,
+            ...rest,
+            children
+        }
+    };
+}

package/lib/cjs/primitives/Spacer.d.ts

@@ -0,0 +1,19 @@
+import type { LayoutProps, CSSLength } from "../system/types.js";
+export interface SpacerProps extends LayoutProps {
+    size?: CSSLength;
+    axis?: "x" | "y";
+}
+export declare function Spacer({ size, axis, style, ...rest }: SpacerProps & {
+    children?: any;
+}): {
+    type: string;
+    props: {
+        padding?: CSSLength;
+        margin?: CSSLength;
+        width?: CSSLength;
+        height?: CSSLength;
+        display?: string;
+        children?: any;
+        style: Record<string, any>;
+    };
+};

package/lib/cjs/primitives/Spacer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spacer = Spacer;
+const styleResolver_js_1 = require("../core/styleResolver.js");
+function Spacer({ size = 8, axis = "y", style, ...rest }) {
+    var _a, _b;
+    const resolved = {
+        width: axis === "x" ? (0, styleResolver_js_1.normalizeUnit)(size) : (_a = (0, styleResolver_js_1.normalizeUnit)(rest.width)) !== null && _a !== void 0 ? _a : "100%",
+        height: axis === "y" ? (0, styleResolver_js_1.normalizeUnit)(size) : (_b = (0, styleResolver_js_1.normalizeUnit)(rest.height)) !== null && _b !== void 0 ? _b : "100%",
+        display: "block",
+        ...style
+    };
+    return {
+        type: "div",
+        props: {
+            style: resolved,
+            ...rest
+        }
+    };
+}

package/lib/cjs/primitives/Stack.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = Stack;
+const styleResolver_js_1 = require("../core/styleResolver.js");
+function Stack({ children, gap = 8, padding, margin, width, height, display, style, ...rest }) {
+    const resolved = {
+        padding: (0, styleResolver_js_1.normalizeUnit)(padding),
+        margin: (0, styleResolver_js_1.normalizeUnit)(margin),
+        width: (0, styleResolver_js_1.normalizeUnit)(width),
+        height: (0, styleResolver_js_1.normalizeUnit)(height),
+        display: display !== null && display !== void 0 ? display : "flex",
+        flexDirection: "column",
+        gap: (0, styleResolver_js_1.normalizeUnit)(gap),
+        ...style
+    };
+    return {
+        type: "div",
+        props: {
+            style: resolved,
+            ...rest,
+            children
+        }
+    };
+}

package/lib/cjs/primitives/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./Box.js";
+export * from "./Flex.js";
+export * from "./Grid.js";
+export * from "./Stack.js";
+export * from "./Container.js";
+export * from "./Spacer.js";
+export * from "./Center.js";

package/lib/cjs/primitives/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Box.js"), exports);
+__exportStar(require("./Flex.js"), exports);
+__exportStar(require("./Grid.js"), exports);
+__exportStar(require("./Stack.js"), exports);
+__exportStar(require("./Container.js"), exports);
+__exportStar(require("./Spacer.js"), exports);
+__exportStar(require("./Center.js"), exports);

package/lib/cjs/structures/HeaderContentFooter.d.ts

@@ -0,0 +1,13 @@
+import type { NodeLike } from "../system/contracts.js";
+export interface HeaderContentFooterContract {
+    header: NodeLike;
+    content: NodeLike;
+    footer: NodeLike;
+}
+export declare function HeaderContentFooter({ header, content, footer }: HeaderContentFooterContract): {
+    type: string;
+    props: {
+        children: any;
+        style: Record<string, any>;
+    };
+};

package/lib/cjs/structures/HeaderContentFooter.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderContentFooter = HeaderContentFooter;
+const Flex_js_1 = require("../primitives/Flex.js");
+function HeaderContentFooter({ header, content, footer }) {
+    return (0, Flex_js_1.Flex)({
+        direction: "column",
+        children: [header, content, footer]
+    });
+}

package/lib/cjs/structures/HeaderLayout.d.ts

@@ -0,0 +1,14 @@
+import type { HeaderLayoutContract } from "../system/contracts.js";
+export interface HeaderLayoutProps extends HeaderLayoutContract {
+    headerHeight?: string | number;
+}
+/**
+ * HeaderLayout - layout dengan header di atas dan content di bawah
+ */
+export declare function HeaderLayout({ header, children, headerHeight }: HeaderLayoutProps): {
+    type: string;
+    props: {
+        children: any;
+        style: Record<string, any>;
+    };
+};

package/lib/cjs/structures/HeaderLayout.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderLayout = HeaderLayout;
+const Flex_js_1 = require("../primitives/Flex.js");
+const Box_js_1 = require("../primitives/Box.js");
+/**
+ * HeaderLayout - layout dengan header di atas dan content di bawah
+ */
+function HeaderLayout({ header, children, headerHeight = 64 }) {
+    return (0, Flex_js_1.Flex)({
+        direction: "column",
+        children: [
+            (0, Box_js_1.Box)({
+                height: headerHeight,
+                style: { position: "sticky", top: 0, zIndex: 10 },
+                children: header
+            }),
+            (0, Box_js_1.Box)({
+                style: { flex: 1 },
+                children
+            })
+        ]
+    });
+}

package/lib/cjs/structures/SidebarLayout.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarLayout = SidebarLayout;
+const Flex_js_1 = require("../primitives/Flex.js");
+const Box_js_1 = require("../primitives/Box.js");
+const responsiveSystem_js_1 = require("../core/responsiveSystem.js");
+const styleResolver_js_1 = require("../core/styleResolver.js");
+function SidebarLayout({ sidebar, children, sidebarWidth = 240, viewportWidth = 1024 }) {
+    var _a;
+    // Resolve responsive sidebarWidth based on viewport
+    const resolvedWidth = (0, styleResolver_js_1.normalizeUnit)((_a = (0, responsiveSystem_js_1.resolveResponsive)(sidebarWidth, viewportWidth)) !== null && _a !== void 0 ? _a : 240);
+    return (0, Flex_js_1.Flex)({
+        gap: 16,
+        children: [
+            (0, Box_js_1.Box)({ width: resolvedWidth, children: sidebar }),
+            (0, Box_js_1.Box)({ style: { flex: 1 }, children })
+        ]
+    });
+}

package/lib/cjs/structures/SplitLayout.d.ts

@@ -0,0 +1,18 @@
+import type { CSSLength, ResponsiveValue } from "../system/types.js";
+export interface SplitLayoutProps {
+    left: any;
+    right: any;
+    leftWidth?: CSSLength | ResponsiveValue<CSSLength>;
+    splitRatio?: string;
+    viewportWidth?: number;
+}
+/**
+ * SplitLayout - layout dua kolom (kiri/kanan)
+ */
+export declare function SplitLayout({ left, right, leftWidth, splitRatio, viewportWidth }: SplitLayoutProps): {
+    type: string;
+    props: {
+        children: any;
+        style: Record<string, any>;
+    };
+};

package/lib/cjs/structures/SplitLayout.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitLayout = SplitLayout;
+const Flex_js_1 = require("../primitives/Flex.js");
+const Box_js_1 = require("../primitives/Box.js");
+const responsiveSystem_js_1 = require("../core/responsiveSystem.js");
+const styleResolver_js_1 = require("../core/styleResolver.js");
+/**
+ * SplitLayout - layout dua kolom (kiri/kanan)
+ */
+function SplitLayout({ left, right, leftWidth, splitRatio = "50%", viewportWidth = 1024 }) {
+    var _a;
+    const resolvedWidth = leftWidth
+        ? (0, styleResolver_js_1.normalizeUnit)((_a = (0, responsiveSystem_js_1.resolveResponsive)(leftWidth, viewportWidth)) !== null && _a !== void 0 ? _a : splitRatio)
+        : splitRatio;
+    return (0, Flex_js_1.Flex)({
+        gap: 4,
+        children: [
+            (0, Box_js_1.Box)({
+                width: resolvedWidth,
+                style: { flexShrink: 0 },
+                children: left
+            }),
+            (0, Box_js_1.Box)({
+                style: { flex: 1 },
+                children: right
+            })
+        ]
+    });
+}

package/lib/cjs/structures/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./SidebarLayout.js";
+export * from "./HeaderLayout.js";
+export * from "./SplitLayout.js";
+export * from "./HeaderContentFooter.js";

package/lib/cjs/structures/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SidebarLayout.js"), exports);
+__exportStar(require("./HeaderLayout.js"), exports);
+__exportStar(require("./SplitLayout.js"), exports);
+__exportStar(require("./HeaderContentFooter.js"), exports);