@firedesktop/react-base 3.0.2 → 3.1.1

package/dist/components/AppPagination.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AppIcon } from '.';
 function AppPagination(_a) {
@@ -55,10 +66,10 @@ function AppPagination(_a) {
         if (activePage !== 1)
             onPageChange(activePage - 1);
     };
-    return (_jsx("nav", { "aria-label": "Page navigation", className: className ? className : '', children: _jsxs("ul", { className: "pagination", children: [_jsx("li", { className: "page-item", onClick: goToFirst, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-first' }) }) }), _jsx("li", { className: "page-item disabled", onClick: goToPrev, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-prev' }) }) }), paginationArray.map(function (page, index) { return (_jsx("li", { className: "page-item ".concat(page === activePage ? 'active' : ''), onClick: function () {
+    return (_jsx("nav", { "aria-label": "Page navigation", className: className ? className : '', children: _jsxs("ul", { className: "pagination", children: [_jsx("li", { className: "page-item".concat(activePage === 1 ? ' disabled' : ''), onClick: goToFirst, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-first', className: 'primary-svg', iconClassName: '' }) }) }), _jsx("li", { className: "page-item".concat(activePage === 1 ? ' disabled' : ''), onClick: goToPrev, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-prev', className: 'primary-svg', iconClassName: '' }) }) }), paginationArray.map(function (page, index) { return (_jsx("li", __assign({ className: "page-item ".concat(page === activePage ? 'active' : ''), onClick: function () {
                         if (activePage !== page)
                             onPageChange(page);
-                    }, style: { borderRadius: 5 }, children: _jsxs("span", { "aria-hidden": "true", style: { fontSize: pageFontSize, minWidth: 27, width: '100%' }, children: [page, " ", _jsx("span", { className: "sr-only", children: "(current)" })] }) }, index)); }), _jsx("li", { className: "page-item", onClick: goToMext, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-next' }) }) }), _jsx("li", { className: "page-item", onClick: goToLast, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-last' }) }) })] }) }));
+                    }, style: { borderRadius: 5 } }, (page === activePage ? { 'aria-current': 'page' } : {}), { children: _jsx("span", { style: { fontSize: pageFontSize, minWidth: 27, width: '100%' }, children: page }) }), index)); }), _jsx("li", { className: "page-item".concat(activePage === totalPages ? ' disabled' : ''), onClick: goToMext, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-next', className: 'primary-svg', iconClassName: '' }) }) }), _jsx("li", { className: "page-item".concat(activePage === totalPages ? ' disabled' : ''), onClick: goToLast, children: _jsx("span", { "aria-hidden": "true", children: _jsx(AppIcon, { name: 'arrow-last', className: 'primary-svg', iconClassName: '' }) }) })] }) }));
 }
 export default AppPagination;
 //# sourceMappingURL=AppPagination.js.map

package/dist/components/AppPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppPagination.js","sourceRoot":"","sources":["../../src/lib/components/AppPagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAW5B,SAAS,aAAa,CAAC,EAA2G;QAAzG,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EAAE,YAAY,kBAAA,EAAE,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAE,UAAU,gBAAA;IAClH,IAAM,mBAAmB,GAAG,UAAC,UAAkB,EAAE,YAAoB,EAAE,OAAe,EAAE,UAAkB;QACtG,IAAI,UAAU,EAAE,CAAC;YACb,OAAO,UAAU,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;QACrE,CAAC;aAAM,CAAC;YACJ,OAAO;gBACH,UAAU,EAAE,CAAC;gBACb,eAAe,EAAE,CAAC,CAAC,CAAC;aACvB,CAAC;QACN,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,UAAkB,EAAE,YAAoB,EAAE,OAAe,EAAE,UAAkB;QAC7F,IAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC;QAC/D,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC,CAAC;QAEhE,IAAI,OAAO,IAAI,QAAQ,CAAC,MAAM;YAC1B,OAAO,EAAE,UAAU,YAAA,EAAE,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;QAE1E,IAAM,eAAe,GAAa,EAAE,CAAC;QACrC,IAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;QAC5C,IAAI,eAAe,GAAG,UAAU,CAAC;QACjC,OAAO,IAAI,EAAE,CAAC;YACV,IAAI,eAAe,KAAK,CAAC,IAAI,eAAe,KAAK,UAAU,GAAG,WAAW;gBACrE,MAAM;YACV,eAAe,EAAE,CAAC;QACtB,CAAC;QAED,IAAM,KAAK,GAAG,eAAe,GAAG,OAAO,GAAG,CAAC,GAAG,UAAU,CAAC;QACzD,IAAM,OAAO,GAAG,eAAe,GAAG,OAAO,GAAG,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,GAAG,OAAO,GAAG,CAAC,CAAC;QACzG,IAAI,KAAK,GAAG,CAAC;YACT,eAAe,IAAI,KAAK,CAAC;QAC7B,KAAK,IAAI,KAAK,GAAG,eAAe,EAAE,KAAK,IAAI,OAAO,EAAE,KAAK,EAAE;YACvD,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEhC,OAAO,EAAE,UAAU,YAAA,EAAE,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC;IACjF,CAAC,CAAC;IAEI,IAAA,KAAkC,mBAAmB,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,EAAlG,eAAe,qBAAA,EAAE,UAAU,gBAAuE,CAAC;IAG3G,IAAM,SAAS,GAAG,UAAC,KAAsC;QACrD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,UAAU,KAAK,CAAC;YAChB,YAAY,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,KAAsC;QACpD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,UAAU,KAAK,UAAU;YACzB,YAAY,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,KAAsC;QACpD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,UAAU,KAAK,UAAU;YACzB,YAAY,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,KAAsC;QACpD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,UAAU,KAAK,CAAC;YAChB,YAAY,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACH,4BAAgB,iBAAiB,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YACnE,cAAI,SAAS,EAAC,YAAY,aAEtB,aAAI,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,YACxC,8BAAkB,MAAM,YACpB,KAAC,OAAO,IAAC,IAAI,EAAE,aAAa,GAAI,GAC7B,GACN,EAEL,aAAI,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,QAAQ,YAChD,8BAAkB,MAAM,YACpB,KAAC,OAAO,IAAC,IAAI,EAAE,YAAY,GAAI,GAC5B,GACN,EAEJ,eAAe,CAAC,GAAG,CAAC,UAAC,IAAY,EAAE,KAAa,IAAK,OAAA,CAClD,aACI,SAAS,EAAE,oBAAa,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,EAC7D,OAAO,EAAE;wBACL,IAAI,UAAU,KAAK,IAAI;4BACnB,YAAY,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,EACD,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC1B,+BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAClF,IAAI,OAAE,eAAM,SAAS,EAAC,SAAS,0BAAiB,IAC9C,IATF,KAAK,CAUT,CACR,EAZqD,CAYrD,CAAC,EAEF,aAAI,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,YACvC,8BAAkB,MAAM,YACpB,KAAC,OAAO,IAAC,IAAI,EAAE,YAAY,GAAI,GAC5B,GACN,EAEL,aAAI,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,YACvC,8BAAkB,MAAM,YACpB,KAAC,OAAO,IAAC,IAAI,EAAE,YAAY,GAAI,GAC5B,GACN,IACJ,GACH,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AppPagination.js","sourceRoot":"","sources":["../../src/lib/components/AppPagination.tsx"],"names":[],"mappings":"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"}

package/dist/components/Layout/Content.d.ts

@@ -0,0 +1,3 @@
+import { ContentProps } from './Types';
+declare const Content: ({ children, className, style }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export default Content;

package/dist/components/Layout/Content.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var Content = function (_a) {
+    var children = _a.children, className = _a.className, style = _a.style;
+    var cls = ['fd-layout-content', className].filter(Boolean).join(' ');
+    return (_jsx("main", { className: cls, style: style, children: children }));
+};
+export default Content;
+//# sourceMappingURL=Content.js.map

package/dist/components/Layout/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../src/lib/components/Layout/Content.tsx"],"names":[],"mappings":";AAGA,IAAM,OAAO,GAAG,UAAC,EAA4C;QAA1C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IACzC,IAAM,GAAG,GAAG,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACH,eAAM,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAC7B,QAAQ,GACN,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Layout/Footer.d.ts

@@ -0,0 +1,3 @@
+import { FooterProps } from './Types';
+declare const Footer: ({ children, className, style }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/dist/components/Layout/Footer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var Footer = function (_a) {
+    var children = _a.children, className = _a.className, style = _a.style;
+    var cls = ['fd-layout-footer', className].filter(Boolean).join(' ');
+    return (_jsx("footer", { className: cls, style: style, children: children }));
+};
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/components/Layout/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/lib/components/Layout/Footer.tsx"],"names":[],"mappings":";AAGA,IAAM,MAAM,GAAG,UAAC,EAA2C;QAAzC,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IACxC,IAAM,GAAG,GAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtE,OAAO,CACH,iBAAQ,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAC/B,QAAQ,GACJ,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Layout/Header.d.ts

@@ -0,0 +1,3 @@
+import { HeaderProps } from './Types';
+declare const Header: ({ children, className, style }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/components/Layout/Header.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var Header = function (_a) {
+    var children = _a.children, className = _a.className, style = _a.style;
+    var cls = ['fd-layout-header', className].filter(Boolean).join(' ');
+    return (_jsx("header", { className: cls, style: style, children: children }));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

package/dist/components/Layout/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/lib/components/Layout/Header.tsx"],"names":[],"mappings":";AAGA,IAAM,MAAM,GAAG,UAAC,EAA2C;QAAzC,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IACxC,IAAM,GAAG,GAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtE,OAAO,CACH,iBAAQ,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAC/B,QAAQ,GACJ,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Layout/Layout.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { LayoutProps } from './Types';
+import Header from './Header';
+import Footer from './Footer';
+import Content from './Content';
+import Sider from './Sider';
+import '../../styles/layout.css';
+type LayoutComponent = React.FC<LayoutProps> & {
+    Header: typeof Header;
+    Footer: typeof Footer;
+    Content: typeof Content;
+    Sider: typeof Sider;
+};
+declare const Layout: LayoutComponent;
+export default Layout;

package/dist/components/Layout/Layout.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Header from './Header';
+import Footer from './Footer';
+import Content from './Content';
+import Sider from './Sider';
+import '../../styles/layout.css';
+var Layout = function (_a) {
+    var children = _a.children, className = _a.className, style = _a.style, _b = _a.hasSider, hasSider = _b === void 0 ? false : _b;
+    var cls = [
+        'fd-layout',
+        hasSider ? 'fd-layout--has-sider' : '',
+        className,
+    ].filter(Boolean).join(' ');
+    return (_jsx("section", { className: cls, style: style, children: children }));
+};
+Layout.Header = Header;
+Layout.Footer = Footer;
+Layout.Content = Content;
+Layout.Sider = Sider;
+export default Layout;
+//# sourceMappingURL=Layout.js.map

package/dist/components/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/lib/components/Layout/Layout.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,yBAAyB,CAAC;AASjC,IAAM,MAAM,GAAoB,UAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,IAAM,GAAG,GAAG;QACR,WAAW;QACX,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;QACtC,SAAS;KACZ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACH,kBAAS,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAChC,QAAQ,GACH,CACb,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AACvB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AACvB,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;AACzB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC"}

package/dist/components/Layout/Sider.d.ts

@@ -0,0 +1,3 @@
+import { SiderProps } from './Types';
+declare const Sider: ({ children, className, style, collapsed, width, collapsedWidth, breakpoint, onBreakpoint, }: SiderProps) => import("react/jsx-runtime").JSX.Element;
+export default Sider;

package/dist/components/Layout/Sider.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+var BREAKPOINTS = {
+    sm: '(max-width: 576px)',
+    md: '(max-width: 768px)',
+    lg: '(max-width: 992px)',
+    xl: '(max-width: 1200px)',
+};
+var Sider = function (_a) {
+    var children = _a.children, className = _a.className, style = _a.style, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, _c = _a.width, width = _c === void 0 ? 240 : _c, _d = _a.collapsedWidth, collapsedWidth = _d === void 0 ? 64 : _d, breakpoint = _a.breakpoint, onBreakpoint = _a.onBreakpoint;
+    useEffect(function () {
+        if (!breakpoint || !onBreakpoint)
+            return;
+        var query = BREAKPOINTS[breakpoint];
+        if (!query)
+            return;
+        var mql = window.matchMedia(query);
+        var handler = function (e) { return onBreakpoint(e.matches); };
+        onBreakpoint(mql.matches);
+        mql.addEventListener('change', handler);
+        return function () { return mql.removeEventListener('change', handler); };
+    }, [breakpoint, onBreakpoint]);
+    var cls = [
+        'fd-layout-sider',
+        collapsed ? 'fd-layout-sider--collapsed' : '',
+        className,
+    ].filter(Boolean).join(' ');
+    var siderWidth = collapsed ? collapsedWidth : width;
+    var mergedStyle = __assign({ width: typeof siderWidth === 'number' ? "".concat(siderWidth, "px") : siderWidth, minWidth: typeof siderWidth === 'number' ? "".concat(siderWidth, "px") : siderWidth, maxWidth: typeof siderWidth === 'number' ? "".concat(siderWidth, "px") : siderWidth }, style);
+    return (_jsx("aside", { className: cls, style: mergedStyle, children: children }));
+};
+export default Sider;
+//# sourceMappingURL=Sider.js.map

package/dist/components/Layout/Sider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sider.js","sourceRoot":"","sources":["../../../src/lib/components/Layout/Sider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,IAAM,WAAW,GAA2B;IACxC,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;CAC5B,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,EASF;QART,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,SAAS,CAAC;QACN,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY;YAAE,OAAO;QAEzC,IAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,IAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,IAAM,OAAO,GAAG,UAAC,CAAsB,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,EAAvB,CAAuB,CAAC;QAEpE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC1B,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACxC,OAAO,cAAM,OAAA,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,EAA1C,CAA0C,CAAC;IAC5D,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,IAAM,GAAG,GAAG;QACR,iBAAiB;QACjB,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE;QAC7C,SAAS;KACZ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,IAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC;IACtD,IAAM,WAAW,cACb,KAAK,EAAE,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,UAAU,OAAI,CAAC,CAAC,CAAC,UAAU,EACtE,QAAQ,EAAE,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,UAAU,OAAI,CAAC,CAAC,CAAC,UAAU,EACzE,QAAQ,EAAE,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,UAAU,OAAI,CAAC,CAAC,CAAC,UAAU,IACtE,KAAK,CACX,CAAC;IAEF,OAAO,CACH,gBAAO,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,YACpC,QAAQ,GACL,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Layout/Types.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties, ReactNode } from 'react';
+export type LayoutBaseProps = {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+export type LayoutProps = LayoutBaseProps & {
+    hasSider?: boolean;
+};
+export type HeaderProps = LayoutBaseProps;
+export type FooterProps = LayoutBaseProps;
+export type ContentProps = LayoutBaseProps;
+export type SiderProps = LayoutBaseProps & {
+    collapsed?: boolean;
+    width?: number | string;
+    collapsedWidth?: number;
+    breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
+    onBreakpoint?: (broken: boolean) => void;
+};

package/dist/components/Layout/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

package/dist/components/Layout/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/lib/components/Layout/Types.ts"],"names":[],"mappings":""}

package/dist/components/index.d.ts

@@ -1,7 +1,9 @@
 import AppIcon from './AppIcon';
 import AppInput from './AppInput';
 import AppPagination from './AppPagination';
+import Layout from './Layout/Layout';
+import * as Layout_Types from './Layout/Types';
 import Spin from './Spin';
 import Toaster from './Toaster/Toaster';
 import * as Toaster_Types from './Toaster/Types';
-export { AppIcon, AppInput, AppPagination, Spin, Toaster, Toaster_Types };
+export { AppIcon, AppInput, AppPagination, Layout, Layout_Types, Spin, Toaster, Toaster_Types };

package/dist/components/index.js

@@ -1,8 +1,10 @@
 import AppIcon from './AppIcon';
 import AppInput from './AppInput';
 import AppPagination from './AppPagination';
+import Layout from './Layout/Layout';
+import * as Layout_Types from './Layout/Types';
 import Spin from './Spin';
 import Toaster from './Toaster/Toaster';
 import * as Toaster_Types from './Toaster/Types';
-export { AppIcon, AppInput, AppPagination, Spin, Toaster, Toaster_Types };
+export { AppIcon, AppInput, AppPagination, Layout, Layout_Types, Spin, Toaster, Toaster_Types };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAC/C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/styles/layout.css

@@ -0,0 +1,57 @@
+:root {
+    --fd-layout-header-height: 64px;
+    --fd-layout-header-bg: var(--primary-color);
+    --fd-layout-header-color: var(--white-color);
+    --fd-layout-footer-bg: #f0f0f0;
+    --fd-layout-body-bg: #f7f7f7;
+    --fd-layout-sider-bg: #ffffff;
+    --fd-layout-sider-transition: width 0.2s ease, min-width 0.2s ease, max-width 0.2s ease;
+}
+
+.fd-layout {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    flex: 1;
+}
+
+.fd-layout--has-sider {
+    flex-direction: row;
+}
+
+.fd-layout-header {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    display: flex;
+    align-items: center;
+    height: var(--fd-layout-header-height);
+    padding: 0 24px;
+    background: var(--fd-layout-header-bg);
+    color: var(--fd-layout-header-color);
+    flex-shrink: 0;
+}
+
+.fd-layout-footer {
+    padding: 16px 24px;
+    background: var(--fd-layout-footer-bg);
+    flex-shrink: 0;
+}
+
+.fd-layout-content {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    background: var(--fd-layout-body-bg);
+}
+
+.fd-layout-sider {
+    background: var(--fd-layout-sider-bg);
+    overflow: hidden;
+    flex-shrink: 0;
+    transition: var(--fd-layout-sider-transition);
+}
+
+.fd-layout-sider--collapsed {
+    overflow: hidden;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firedesktop/react-base",
-  "version": "3.0.2",
+  "version": "3.1.1",
   "license": "SEE LICENSE IN LICENSE",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",