@akinon/ui-layout 0.1.0 → 0.2.0

package/dist/cjs/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/Content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,iBAAkB,YAAY,sBAEjD,CAAC"}

package/dist/cjs/Content.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+const antd_1 = require("antd");
+const React = require("react");
+const Content = ({ children }) => {
+    return React.createElement(antd_1.Layout.Content, null, children);
+};
+exports.Content = Content;

package/dist/cjs/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEvC,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/cjs/Flex.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = void 0;
+const antd_1 = require("antd");
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return antd_1.Flex; } });

package/dist/cjs/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAM/C,CAAC"}

package/dist/cjs/Footer.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+const antd_1 = require("antd");
+const React = require("react");
+const Footer = ({ children }) => {
+    return (React.createElement(antd_1.Layout.Footer, { style: { textAlign: 'center' } }, children));
+};
+exports.Footer = Footer;

package/dist/cjs/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAEpD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC"}

package/dist/cjs/Grid.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = exports.Col = void 0;
+const antd_1 = require("antd");
+Object.defineProperty(exports, "Col", { enumerable: true, get: function () { return antd_1.Col; } });
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return antd_1.Row; } });

package/dist/cjs/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAE/C,CAAC"}

package/dist/cjs/Header.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const antd_1 = require("antd");
+const React = require("react");
+const Header = ({ children }) => {
+    return React.createElement(antd_1.Layout.Header, null, children);
+};
+exports.Header = Header;

package/dist/{Layout.d.ts → cjs/Layout.d.ts}

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface LayoutProps {
     children: any;
 }

package/dist/cjs/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/Layout.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,KAAG,WAElD,CAAC"}

package/dist/cjs/Layout.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+const antd_1 = require("antd");
+const React = require("react");
+const Layout = ({ children }) => {
+    return React.createElement(antd_1.Layout, { style: { minHeight: '100vh' } }, children);
+};
+exports.Layout = Layout;

package/dist/{Sider.d.ts → cjs/Sider.d.ts}

@@ -1,3 +1,4 @@
+import './index.css';
 import * as React from 'react';
 export interface SiderProps {
     children?: React.ReactNode;

package/dist/cjs/Sider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../src/Sider.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,+EAOf,UAAU,sBA8BZ,CAAC"}

package/dist/cjs/Sider.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sider = void 0;
+require("./index.css");
+const antd_1 = require("antd");
+const React = require("react");
+const Sider = ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }) => {
+    let LogoContainer;
+    if (iconUrl && brandImageUrl) {
+        LogoContainer = (React.createElement("div", { className: `logo-container ${collapsed ? 'collapsed' : ''}` },
+            React.createElement("img", { className: "logo", src: iconUrl, alt: "icon", width: 20, height: 20 }),
+            React.createElement("img", { className: "brand-image", src: brandImageUrl, alt: "brand-image", height: 20 })));
+    }
+    return (React.createElement(antd_1.Layout.Sider, { collapsible: true, collapsed: collapsed, collapsedWidth: collapsedWidth, trigger: null, width: 250, className: `${direction}` },
+        LogoContainer,
+        children));
+};
+exports.Sider = Sider;

package/dist/cjs/index.css

@@ -0,0 +1,56 @@
+/* TODO normalize cross-browser incosistencies */
+body {
+  padding: 0;
+  margin: 0;
+}
+
+.akinon-layout {
+  &:not(.akinon-layout-has-sider) {
+    border-inline: 1px solid var(--color-gray-900);
+  }
+
+  .akinon-layout-header {
+    padding-inline: 1rem;
+    height: 3.5rem;
+    border-bottom: 1px solid var(--color-gray-900);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    line-height: unset;
+    position: sticky;
+    top: 0;
+    z-index: 999;
+  }
+
+  .akinon-layout-sider {
+    position: sticky;
+    top: 0;
+    height: 100vh;
+    overflow-y: auto;
+
+    /* TODO normalize scrollbars. they took up huge space */
+    &.left {
+      inset-inline-start: 0;
+    }
+
+    &.right {
+      inset-inline-end: 0;
+    }
+
+    .logo-container {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      height: 3.5rem;
+      gap: 0.8rem;
+      /* border-bottom: 1px solid var(--color-gray-900); */
+
+      &.collapsed {
+        .brand-image {
+          display: none;
+        }
+      }
+    }
+  }
+}

package/dist/{index.d.ts → cjs/index.d.ts}

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import './index.css';
 import { Content } from './Content';
 import { Footer } from './Footer';
 import { Header } from './Header';

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,mBAAmB,GAAG,OAAO,cAAc,GAAG;IACjD,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,mBAKZ,CAAC;AAGH,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,32 @@
+"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 });
+exports.Layout = void 0;
+require("./index.css");
+const Content_1 = require("./Content");
+const Footer_1 = require("./Footer");
+const Header_1 = require("./Header");
+const Layout_1 = require("./Layout");
+const Sider_1 = require("./Sider");
+const Layout = Object.assign(Layout_1.Layout, {
+    Header: Header_1.Header,
+    Footer: Footer_1.Footer,
+    Content: Content_1.Content,
+    Sider: Sider_1.Sider
+});
+exports.Layout = Layout;
+__exportStar(require("./Flex"), exports);
+__exportStar(require("./Grid"), exports);

package/dist/esm/Content.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ContentProps {
+    children?: React.ReactNode;
+}
+export declare const Content: ({ children }: ContentProps) => React.JSX.Element;
+//# sourceMappingURL=Content.d.ts.map

package/dist/esm/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/Content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,iBAAkB,YAAY,sBAEjD,CAAC"}

package/dist/esm/Content.js

@@ -0,0 +1,5 @@
+import { Layout as AntLayout } from 'antd';
+import * as React from 'react';
+export const Content = ({ children }) => {
+    return React.createElement(AntLayout.Content, null, children);
+};

package/dist/esm/Flex.d.ts

@@ -0,0 +1,4 @@
+import { Flex, FlexProps } from 'antd';
+export type { FlexProps };
+export { Flex };
+//# sourceMappingURL=Flex.d.ts.map

package/dist/esm/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEvC,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/Flex.js

@@ -0,0 +1,2 @@
+import { Flex } from 'antd';
+export { Flex };

package/dist/esm/Footer.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface FooterProps {
+    children?: React.ReactNode;
+}
+export declare const Footer: ({ children }: FooterProps) => React.JSX.Element;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/esm/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAM/C,CAAC"}

package/dist/esm/Footer.js

@@ -0,0 +1,5 @@
+import { Layout as AntLayout } from 'antd';
+import * as React from 'react';
+export const Footer = ({ children }) => {
+    return (React.createElement(AntLayout.Footer, { style: { textAlign: 'center' } }, children));
+};

package/dist/esm/Grid.d.ts

@@ -0,0 +1,4 @@
+import { Col, ColProps, Row, RowProps } from 'antd';
+export type { ColProps, RowProps };
+export { Col, Row };
+//# sourceMappingURL=Grid.d.ts.map

package/dist/esm/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAEpD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC"}

package/dist/esm/Grid.js

@@ -0,0 +1,2 @@
+import { Col, Row } from 'antd';
+export { Col, Row };

package/dist/esm/Header.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface HeaderProps {
+    children?: React.ReactNode;
+}
+export declare const Header: ({ children }: HeaderProps) => React.JSX.Element;
+//# sourceMappingURL=Header.d.ts.map

package/dist/esm/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAE/C,CAAC"}

package/dist/esm/Header.js

@@ -0,0 +1,5 @@
+import { Layout as AntLayout } from 'antd';
+import * as React from 'react';
+export const Header = ({ children }) => {
+    return React.createElement(AntLayout.Header, null, children);
+};

package/dist/esm/Layout.d.ts

@@ -0,0 +1,6 @@
+interface LayoutProps {
+    children: any;
+}
+export declare const Layout: ({ children }: LayoutProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Layout.d.ts.map

package/dist/esm/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/Layout.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,KAAG,WAElD,CAAC"}

package/dist/esm/Layout.js

@@ -0,0 +1,5 @@
+import { Layout as AntLayout } from 'antd';
+import * as React from 'react';
+export const Layout = ({ children }) => {
+    return React.createElement(AntLayout, { style: { minHeight: '100vh' } }, children);
+};

package/dist/esm/Sider.d.ts

@@ -0,0 +1,12 @@
+import './index.css';
+import * as React from 'react';
+export interface SiderProps {
+    children?: React.ReactNode;
+    direction: 'left' | 'right';
+    collapsed?: boolean;
+    collapsedWidth?: number | string;
+    iconUrl?: string;
+    brandImageUrl?: string;
+}
+export declare const Sider: ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }: SiderProps) => React.JSX.Element;
+//# sourceMappingURL=Sider.d.ts.map

package/dist/esm/Sider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../src/Sider.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,+EAOf,UAAU,sBA8BZ,CAAC"}

package/dist/esm/Sider.js

@@ -0,0 +1,14 @@
+import './index.css';
+import { Layout as AntLayout } from 'antd';
+import * as React from 'react';
+export const Sider = ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }) => {
+    let LogoContainer;
+    if (iconUrl && brandImageUrl) {
+        LogoContainer = (React.createElement("div", { className: `logo-container ${collapsed ? 'collapsed' : ''}` },
+            React.createElement("img", { className: "logo", src: iconUrl, alt: "icon", width: 20, height: 20 }),
+            React.createElement("img", { className: "brand-image", src: brandImageUrl, alt: "brand-image", height: 20 })));
+    }
+    return (React.createElement(AntLayout.Sider, { collapsible: true, collapsed: collapsed, collapsedWidth: collapsedWidth, trigger: null, width: 250, className: `${direction}` },
+        LogoContainer,
+        children));
+};

package/dist/esm/index.css

@@ -0,0 +1,56 @@
+/* TODO normalize cross-browser incosistencies */
+body {
+  padding: 0;
+  margin: 0;
+}
+
+.akinon-layout {
+  &:not(.akinon-layout-has-sider) {
+    border-inline: 1px solid var(--color-gray-900);
+  }
+
+  .akinon-layout-header {
+    padding-inline: 1rem;
+    height: 3.5rem;
+    border-bottom: 1px solid var(--color-gray-900);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    line-height: unset;
+    position: sticky;
+    top: 0;
+    z-index: 999;
+  }
+
+  .akinon-layout-sider {
+    position: sticky;
+    top: 0;
+    height: 100vh;
+    overflow-y: auto;
+
+    /* TODO normalize scrollbars. they took up huge space */
+    &.left {
+      inset-inline-start: 0;
+    }
+
+    &.right {
+      inset-inline-end: 0;
+    }
+
+    .logo-container {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      height: 3.5rem;
+      gap: 0.8rem;
+      /* border-bottom: 1px solid var(--color-gray-900); */
+
+      &.collapsed {
+        .brand-image {
+          display: none;
+        }
+      }
+    }
+  }
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import './index.css';
+import { Content } from './Content';
+import { Footer } from './Footer';
+import { Header } from './Header';
+import { Layout as InternalLayout } from './Layout';
+import { Sider } from './Sider';
+type CompoundedComponent = typeof InternalLayout & {
+    Header: typeof Header;
+    Footer: typeof Footer;
+    Content: typeof Content;
+    Sider: typeof Sider;
+};
+declare const Layout: CompoundedComponent;
+export type LeftSiderItem = {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+    children?: LeftSiderItem[];
+    disabled?: boolean;
+};
+export { Layout };
+export * from './Flex';
+export * from './Grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,mBAAmB,GAAG,OAAO,cAAc,GAAG;IACjD,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,mBAKZ,CAAC;AAGH,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,15 @@
+import './index.css';
+import { Content } from './Content';
+import { Footer } from './Footer';
+import { Header } from './Header';
+import { Layout as InternalLayout } from './Layout';
+import { Sider } from './Sider';
+const Layout = Object.assign(InternalLayout, {
+    Header,
+    Footer,
+    Content,
+    Sider
+});
+export { Layout };
+export * from './Flex';
+export * from './Grid';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@akinon/ui-layout",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -13,26 +13,33 @@
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "eslint-config-custom": "0.1.0",
-    "tsconfig": "0.0.0",
-    "@akinon/vite-config": "^0.1.1"
+    "copyfiles": "^2.4.1",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.2.2",
+    "@akinon/vite-config": "0.2.0",
+    "@akinon/eslint-config": "0.1.0",
+    "@akinon/typescript-config": "0.0.0"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "clean-package": "../../../clean-package.config.json",
-  "types": "dist/index.d.ts",
+  "types": "dist/esm/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
+    "build:esm": "tsc --outDir dist/esm",
+    "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
+    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
+    "clean": "rimraf dist/",
     "lint": "eslint *.ts*",
     "test": "vitest run",
     "test:ui": "vitest --ui",

package/dist/Content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../src/Content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,iBAAkB,YAAY,sBAEjD,CAAC"}

package/dist/Flex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../src/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEvC,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../src/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAM/C,CAAC"}

package/dist/Grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../src/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAEpD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC"}

package/dist/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../src/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAE/C,CAAC"}

package/dist/Layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":";AAGA,UAAU,WAAW;IACnB,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,KAAG,WAElD,CAAC"}

package/dist/Sider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../src/Sider.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,+EAOf,UAAU,sBA8BZ,CAAC"}