@ziky/ui 0.1.0

package/dist/layout/SakaiLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SakaiLayout.d.ts","sourceRoot":"","sources":["../../src/layout/SakaiLayout.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE3C,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAMlD"}

package/dist/layout/SakaiLayout.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SakaiLayout = SakaiLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const layout_1 = __importDefault(require("./layout"));
+const layoutcontext_1 = require("./context/layoutcontext");
+function SakaiLayout(props) {
+    return ((0, jsx_runtime_1.jsx)(layoutcontext_1.LayoutProvider, { children: (0, jsx_runtime_1.jsx)(layout_1.default, { ...props }) }));
+}
+//# sourceMappingURL=SakaiLayout.js.map

package/dist/layout/SakaiLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SakaiLayout.js","sourceRoot":"","sources":["../../src/layout/SakaiLayout.tsx"],"names":[],"mappings":";;;;;AAMA,kCAMC;;AAXD,sDAAoD;AACpD,2DAAyD;AAIzD,SAAgB,WAAW,CAAC,KAAuB;IACjD,OAAO,CACL,uBAAC,8BAAc,cACb,uBAAC,gBAAM,OAAK,KAAK,GAAI,GACN,CAClB,CAAC;AACJ,CAAC"}

package/dist/layout/context/layoutcontext.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ChildContainerProps, LayoutContextProps } from "../../types";
+export declare const LayoutContext: React.Context<LayoutContextProps>;
+export declare const LayoutProvider: ({ children }: ChildContainerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layoutcontext.d.ts.map

package/dist/layout/context/layoutcontext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutcontext.d.ts","sourceRoot":"","sources":["../../../src/layout/context/layoutcontext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,mBAAmB,EAEnB,kBAAkB,EACnB,MAAM,aAAa,CAAC;AACrB,eAAO,MAAM,aAAa,mCAA0C,CAAC;AAErE,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAmE/D,CAAC"}

package/dist/layout/context/layoutcontext.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutProvider = exports.LayoutContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.LayoutContext = (0, react_1.createContext)({});
+const LayoutProvider = ({ children }) => {
+    const [layoutConfig, setLayoutConfig] = (0, react_1.useState)({
+        ripple: false,
+        inputStyle: "outlined",
+        menuMode: "static",
+        colorScheme: "light",
+        theme: "lara-light-indigo",
+        scale: 14,
+    });
+    const [layoutState, setLayoutState] = (0, react_1.useState)({
+        staticMenuDesktopInactive: false,
+        overlayMenuActive: false,
+        profileSidebarVisible: false,
+        configSidebarVisible: false,
+        staticMenuMobileActive: false,
+        menuHoverActive: false,
+    });
+    const onMenuToggle = () => {
+        if (isOverlay()) {
+            setLayoutState((prevLayoutState) => ({
+                ...prevLayoutState,
+                overlayMenuActive: !prevLayoutState.overlayMenuActive,
+            }));
+        }
+        if (isDesktop()) {
+            setLayoutState((prevLayoutState) => ({
+                ...prevLayoutState,
+                staticMenuDesktopInactive: !prevLayoutState.staticMenuDesktopInactive,
+            }));
+        }
+        else {
+            setLayoutState((prevLayoutState) => ({
+                ...prevLayoutState,
+                staticMenuMobileActive: !prevLayoutState.staticMenuMobileActive,
+            }));
+        }
+    };
+    const showProfileSidebar = () => {
+        setLayoutState((prevLayoutState) => ({
+            ...prevLayoutState,
+            profileSidebarVisible: !prevLayoutState.profileSidebarVisible,
+        }));
+    };
+    const isOverlay = () => {
+        return layoutConfig.menuMode === "overlay";
+    };
+    const isDesktop = () => {
+        return window.innerWidth > 991;
+    };
+    const value = {
+        layoutConfig,
+        setLayoutConfig,
+        layoutState,
+        setLayoutState,
+        onMenuToggle,
+        showProfileSidebar,
+    };
+    return ((0, jsx_runtime_1.jsx)(exports.LayoutContext.Provider, { value: value, children: children }));
+};
+exports.LayoutProvider = LayoutProvider;
+//# sourceMappingURL=layoutcontext.js.map

package/dist/layout/context/layoutcontext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutcontext.js","sourceRoot":"","sources":["../../../src/layout/context/layoutcontext.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AAO1C,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAC,EAAwB,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAe;QAC7D,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,mBAAmB;QAC1B,KAAK,EAAE,EAAE;KACV,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAc;QAC1D,yBAAyB,EAAE,KAAK;QAChC,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,oBAAoB,EAAE,KAAK;QAC3B,sBAAsB,EAAE,KAAK;QAC7B,eAAe,EAAE,KAAK;KACvB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,eAAe;gBAClB,iBAAiB,EAAE,CAAC,eAAe,CAAC,iBAAiB;aACtD,CAAC,CAAC,CAAC;QACN,CAAC;QAED,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,eAAe;gBAClB,yBAAyB,EAAE,CAAC,eAAe,CAAC,yBAAyB;aACtE,CAAC,CAAC,CAAC;QACN,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,eAAe;gBAClB,sBAAsB,EAAE,CAAC,eAAe,CAAC,sBAAsB;aAChE,CAAC,CAAC,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;YACnC,GAAG,eAAe;YAClB,qBAAqB,EAAE,CAAC,eAAe,CAAC,qBAAqB;SAC9D,CAAC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,OAAO,YAAY,CAAC,QAAQ,KAAK,SAAS,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,OAAO,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,KAAK,GAAuB;QAChC,YAAY;QACZ,eAAe;QACf,WAAW;QACX,cAAc;QACd,YAAY;QACZ,kBAAkB;KACnB,CAAC;IAEF,OAAO,CACL,uBAAC,qBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAC1E,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,cAAc,kBAmEzB"}

package/dist/layout/context/menucontext.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ChildContainerProps, MenuContextProps } from "../../types";
+export declare const MenuContext: React.Context<MenuContextProps>;
+export declare const MenuProvider: ({ children }: ChildContainerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menucontext.d.ts.map

package/dist/layout/context/menucontext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menucontext.d.ts","sourceRoot":"","sources":["../../../src/layout/context/menucontext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpE,eAAO,MAAM,WAAW,iCAAwC,CAAC;AAEjE,eAAO,MAAM,YAAY,GAAI,cAAc,mBAAmB,4CAS7D,CAAC"}

package/dist/layout/context/menucontext.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuProvider = exports.MenuContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.MenuContext = (0, react_1.createContext)({});
+const MenuProvider = ({ children }) => {
+    const [activeMenu, setActiveMenu] = (0, react_1.useState)("");
+    const value = {
+        activeMenu,
+        setActiveMenu,
+    };
+    return (0, jsx_runtime_1.jsx)(exports.MenuContext.Provider, { value: value, children: children });
+};
+exports.MenuProvider = MenuProvider;
+//# sourceMappingURL=menucontext.js.map

package/dist/layout/context/menucontext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menucontext.js","sourceRoot":"","sources":["../../../src/layout/context/menucontext.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AAG1C,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAC,EAAsB,CAAC,CAAC;AAE1D,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG;QACZ,UAAU;QACV,aAAa;KACd,CAAC;IAEF,OAAO,uBAAC,mBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAwB,CAAC;AAC/E,CAAC,CAAC;AATW,QAAA,YAAY,gBASvB"}

package/dist/layout/layout.d.ts

@@ -0,0 +1,8 @@
+import type { AppMenuItem, AppTopbarProps, ChildContainerProps } from "../types";
+export type LayoutProps = ChildContainerProps & {
+    menuModel: AppMenuItem[];
+    topbarProps?: AppTopbarProps;
+};
+declare const Layout: ({ children, menuModel, topbarProps }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default Layout;
+//# sourceMappingURL=layout.d.ts.map

package/dist/layout/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/layout/layout.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,mBAAmB,EAGpB,MAAM,UAAU,CAAC;AAGlB,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC9C,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,sCAAsC,WAAW,4CAwIhE,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/layout/layout.js

@@ -0,0 +1,146 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable react-hooks/exhaustive-deps */
+const hooks_1 = require("primereact/hooks");
+const react_1 = __importStar(require("react"));
+const utils_1 = require("primereact/utils");
+const AppFooter_1 = __importDefault(require("./AppFooter"));
+const AppSidebar_1 = __importDefault(require("./AppSidebar"));
+const AppTopbar_1 = __importDefault(require("./AppTopbar"));
+const AppConfig_1 = __importDefault(require("./AppConfig"));
+const layoutcontext_1 = require("./context/layoutcontext");
+const api_1 = require("primereact/api");
+const react_router_dom_1 = require("react-router-dom");
+const Layout = ({ children, menuModel, topbarProps }) => {
+    const { layoutConfig, layoutState, setLayoutState } = (0, react_1.useContext)(layoutcontext_1.LayoutContext);
+    const { setRipple } = (0, react_1.useContext)(api_1.PrimeReactContext);
+    const topbarRef = (0, react_1.useRef)(null);
+    const sidebarRef = (0, react_1.useRef)(null);
+    const [bindMenuOutsideClickListener, unbindMenuOutsideClickListener] = (0, hooks_1.useEventListener)({
+        type: "click",
+        listener: (event) => {
+            const isOutsideClicked = !(sidebarRef.current?.isSameNode(event.target) ||
+                sidebarRef.current?.contains(event.target) ||
+                topbarRef.current?.menubutton?.isSameNode(event.target) ||
+                topbarRef.current?.menubutton?.contains(event.target));
+            if (isOutsideClicked) {
+                hideMenu();
+            }
+        },
+    });
+    const location = (0, react_router_dom_1.useLocation)();
+    (0, react_1.useEffect)(() => {
+        hideMenu();
+        hideProfileMenu();
+    }, [location.pathname, location.search]);
+    const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener,] = (0, hooks_1.useEventListener)({
+        type: "click",
+        listener: (event) => {
+            const isOutsideClicked = !(topbarRef.current?.topbarmenu?.isSameNode(event.target) ||
+                topbarRef.current?.topbarmenu?.contains(event.target) ||
+                topbarRef.current?.topbarmenubutton?.isSameNode(event.target) ||
+                topbarRef.current?.topbarmenubutton?.contains(event.target));
+            if (isOutsideClicked) {
+                hideProfileMenu();
+            }
+        },
+    });
+    const hideMenu = () => {
+        setLayoutState((prevLayoutState) => ({
+            ...prevLayoutState,
+            overlayMenuActive: false,
+            staticMenuMobileActive: false,
+            menuHoverActive: false,
+        }));
+        unbindMenuOutsideClickListener();
+        unblockBodyScroll();
+    };
+    const hideProfileMenu = () => {
+        setLayoutState((prevLayoutState) => ({
+            ...prevLayoutState,
+            profileSidebarVisible: false,
+        }));
+        unbindProfileMenuOutsideClickListener();
+    };
+    const blockBodyScroll = () => {
+        if (document.body.classList) {
+            document.body.classList.add("blocked-scroll");
+        }
+        else {
+            document.body.className += " blocked-scroll";
+        }
+    };
+    const unblockBodyScroll = () => {
+        if (document.body.classList) {
+            document.body.classList.remove("blocked-scroll");
+        }
+        else {
+            document.body.className = document.body.className.replace(new RegExp("(^|\\b)" + "blocked-scroll".split(" ").join("|") + "(\\b|$)", "gi"), " ");
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (layoutState.overlayMenuActive || layoutState.staticMenuMobileActive) {
+            bindMenuOutsideClickListener();
+        }
+        layoutState.staticMenuMobileActive && blockBodyScroll();
+    }, [layoutState.overlayMenuActive, layoutState.staticMenuMobileActive]);
+    (0, react_1.useEffect)(() => {
+        if (layoutState.profileSidebarVisible) {
+            bindProfileMenuOutsideClickListener();
+        }
+    }, [layoutState.profileSidebarVisible]);
+    (0, hooks_1.useUnmountEffect)(() => {
+        unbindMenuOutsideClickListener();
+        unbindProfileMenuOutsideClickListener();
+    });
+    const containerClass = (0, utils_1.classNames)("layout-wrapper", {
+        "layout-overlay": layoutConfig.menuMode === "overlay",
+        "layout-static": layoutConfig.menuMode === "static",
+        "layout-static-inactive": layoutState.staticMenuDesktopInactive &&
+            layoutConfig.menuMode === "static",
+        "layout-overlay-active": layoutState.overlayMenuActive,
+        "layout-mobile-active": layoutState.staticMenuMobileActive,
+        "p-input-filled": layoutConfig.inputStyle === "filled",
+        "p-ripple-disabled": !layoutConfig.ripple,
+    });
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: containerClass, children: [(0, jsx_runtime_1.jsx)(AppTopbar_1.default, { ref: topbarRef, ...topbarProps }), (0, jsx_runtime_1.jsx)("div", { ref: sidebarRef, className: "layout-sidebar", children: (0, jsx_runtime_1.jsx)(AppSidebar_1.default, { menuModel: menuModel }) }), (0, jsx_runtime_1.jsxs)("div", { className: "layout-main-container", children: [(0, jsx_runtime_1.jsx)("div", { className: "layout-main", children: children }), (0, jsx_runtime_1.jsx)(AppFooter_1.default, {})] }), (0, jsx_runtime_1.jsx)(AppConfig_1.default, {}), (0, jsx_runtime_1.jsx)("div", { className: "layout-mask" })] }) }));
+};
+exports.default = Layout;
+//# sourceMappingURL=layout.js.map

package/dist/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/layout/layout.tsx"],"names":[],"mappings":"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"}

package/dist/menu/adminMenu.d.ts

@@ -0,0 +1,30 @@
+export type NavigateFn = (to: string) => void;
+export type TranslateFn = (key: string) => string;
+export declare function buildAdminMenuModel(navigate: NavigateFn, basePath?: string, t?: TranslateFn): {
+    label: string;
+    icon: string;
+    items: {
+        label: string;
+        icon: string;
+        command: () => void;
+    }[];
+}[];
+export declare function buildCatalogMenuModel(navigate: NavigateFn, basePath?: string, t?: TranslateFn): {
+    label: string;
+    icon: string;
+    items: {
+        label: string;
+        icon: string;
+        command: () => void;
+    }[];
+}[];
+export declare function buildSystemMenuModel(navigate: NavigateFn, basePath?: string, t?: TranslateFn): {
+    label: string;
+    icon: string;
+    items: {
+        label: string;
+        icon: string;
+        command: () => void;
+    }[];
+}[];
+//# sourceMappingURL=adminMenu.d.ts.map

package/dist/menu/adminMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adminMenu.d.ts","sourceRoot":"","sources":["../../src/menu/adminMenu.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;AAclD,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,UAAU,EACpB,QAAQ,SAAW,EACnB,CAAC,CAAC,EAAE,WAAW;;;;;;;;IAsBhB;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,UAAU,EACpB,QAAQ,SAAa,EACrB,CAAC,CAAC,EAAE,WAAW;;;;;;;;IAchB;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,UAAU,EACpB,QAAQ,SAAY,EACpB,CAAC,CAAC,EAAE,WAAW;;;;;;;;IAchB"}

package/dist/menu/adminMenu.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildAdminMenuModel = buildAdminMenuModel;
+exports.buildCatalogMenuModel = buildCatalogMenuModel;
+exports.buildSystemMenuModel = buildSystemMenuModel;
+function joinPath(basePath, subPath) {
+    const normalizedBase = basePath.endsWith("/") ? basePath.slice(0, -1) : basePath;
+    const normalizedSub = subPath.startsWith("/") ? subPath.slice(1) : subPath;
+    if (!normalizedSub)
+        return normalizedBase || "/";
+    if (!normalizedBase)
+        return `/${normalizedSub}`;
+    return `${normalizedBase}/${normalizedSub}`;
+}
+function tr(t, key, fallback) {
+    return t ? t(key) : fallback;
+}
+function buildAdminMenuModel(navigate, basePath = "/admin", t) {
+    const go = (subPath = "") => navigate(joinPath(basePath, subPath));
+    return [
+        {
+            label: tr(t, "nav.home", "Home"),
+            icon: "pi pi-home",
+            items: [
+                { label: tr(t, "nav.dashboard", "Dashboard"), icon: "pi pi-home", command: () => go("") },
+                { label: tr(t, "nav.userManager", "Users"), icon: "pi pi-users", command: () => go("users") }
+            ]
+        },
+        {
+            label: tr(t, "nav.account", "Account"),
+            icon: "pi pi-id-card",
+            items: [
+                { label: tr(t, "topbar.profile", "Profile"), icon: "pi pi-user", command: () => go("profile") },
+                { label: tr(t, "topbar.settings", "Settings"), icon: "pi pi-sliders-h", command: () => go("settings") }
+            ]
+        }
+    ];
+}
+function buildCatalogMenuModel(navigate, basePath = "/catalog", t) {
+    const go = (subPath = "") => navigate(joinPath(basePath, subPath));
+    return [
+        {
+            label: tr(t, "nav.catalog", "Catalog"),
+            icon: "pi pi-book",
+            items: [
+                { label: tr(t, "nav.books", "Books"), icon: "pi pi-bookmark", command: () => go("books") },
+                { label: tr(t, "nav.authors", "Authors"), icon: "pi pi-user-edit", command: () => go("authors") }
+            ]
+        }
+    ];
+}
+function buildSystemMenuModel(navigate, basePath = "/system", t) {
+    const go = (subPath = "") => navigate(joinPath(basePath, subPath));
+    return [
+        {
+            label: tr(t, "nav.system", "System"),
+            icon: "pi pi-cog",
+            items: [
+                { label: tr(t, "nav.systemLog", "System log"), icon: "pi pi-exclamation-triangle", command: () => go("errors") },
+                { label: tr(t, "nav.emailManager", "System email"), icon: "pi pi-envelope", command: () => go("emails") }
+            ]
+        }
+    ];
+}
+//# sourceMappingURL=adminMenu.js.map

package/dist/menu/adminMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adminMenu.js","sourceRoot":"","sources":["../../src/menu/adminMenu.ts"],"names":[],"mappings":";;AAeA,kDAyBC;AAED,sDAiBC;AAED,oDAiBC;AA3ED,SAAS,QAAQ,CAAC,QAAgB,EAAE,OAAe;IACjD,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjF,MAAM,aAAa,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAC3E,IAAI,CAAC,aAAa;QAAE,OAAO,cAAc,IAAI,GAAG,CAAC;IACjD,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,aAAa,EAAE,CAAC;IAChD,OAAO,GAAG,cAAc,IAAI,aAAa,EAAE,CAAC;AAC9C,CAAC;AAED,SAAS,EAAE,CAAC,CAA0B,EAAE,GAAW,EAAE,QAAgB;IACnE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC/B,CAAC;AAED,SAAgB,mBAAmB,CACjC,QAAoB,EACpB,QAAQ,GAAG,QAAQ,EACnB,CAAe;IAEf,MAAM,EAAE,GAAG,CAAC,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnE,OAAO;QACL;YACE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC;YAChC,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE;gBACL,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACzF,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;aAC9F;SACF;QACD;YACE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,SAAS,CAAC;YACtC,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE;gBACL,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE;gBAC/F,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE;aACxG;SACF;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,qBAAqB,CACnC,QAAoB,EACpB,QAAQ,GAAG,UAAU,EACrB,CAAe;IAEf,MAAM,EAAE,GAAG,CAAC,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnE,OAAO;QACL;YACE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,SAAS,CAAC;YACtC,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE;gBACL,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;gBAC1F,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE;aAClG;SACF;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,oBAAoB,CAClC,QAAoB,EACpB,QAAQ,GAAG,SAAS,EACpB,CAAe;IAEf,MAAM,EAAE,GAAG,CAAC,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnE,OAAO;QACL;YACE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC;YACpC,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE;gBACL,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,4BAA4B,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE;gBAChH,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,kBAAkB,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE;aAC1G;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/providers/RidinProviders.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export declare function RidinProviders({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RidinProviders.d.ts.map

package/dist/providers/RidinProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RidinProviders.d.ts","sourceRoot":"","sources":["../../src/providers/RidinProviders.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAWnE"}

package/dist/providers/RidinProviders.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RidinProviders = RidinProviders;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const api_1 = require("primereact/api");
+function RidinProviders({ children }) {
+    return ((0, jsx_runtime_1.jsx)(api_1.PrimeReactProvider, { value: {
+            ripple: true,
+            hideOverlaysOnDocumentScrolling: false
+        }, children: children }));
+}
+//# sourceMappingURL=RidinProviders.js.map

package/dist/providers/RidinProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RidinProviders.js","sourceRoot":"","sources":["../../src/providers/RidinProviders.tsx"],"names":[],"mappings":";;AAGA,wCAWC;;AAbD,wCAAoD;AAEpD,SAAgB,cAAc,CAAC,EAAE,QAAQ,EAA2B;IAClE,OAAO,CACL,uBAAC,wBAAkB,IACjB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,+BAA+B,EAAE,KAAK;SACvC,YAEA,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC"}

package/dist/styles/index.d.ts

@@ -0,0 +1,6 @@
+import "primeflex/primeflex.css";
+import "primereact/resources/primereact.min.css";
+import "primereact/resources/themes/lara-light-indigo/theme.css";
+import "primeicons/primeicons.css";
+import "./layout/layout.scss";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC;AACjD,OAAO,yDAAyD,CAAC;AACjE,OAAO,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("primeflex/primeflex.css");
+require("primereact/resources/primereact.min.css");
+require("primereact/resources/themes/lara-light-indigo/theme.css");
+require("primeicons/primeicons.css");
+require("./layout/layout.scss");
+//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";;AAAA,mCAAiC;AACjC,mDAAiD;AACjD,mEAAiE;AACjE,qCAAmC;AACnC,gCAA8B"}

package/dist/styles/index.ts

@@ -0,0 +1,5 @@
+import "primeflex/primeflex.css";
+import "primereact/resources/primereact.min.css";
+import "primereact/resources/themes/lara-light-indigo/theme.css";
+import "primeicons/primeicons.css";
+import "./layout/layout.scss";

package/dist/styles/layout/_config.scss

@@ -0,0 +1,54 @@
+.layout-config-button {
+    display: block;
+    position: fixed;
+    width: 3rem;
+    height: 3rem;
+    line-height: 3rem;
+    background: var(--primary-color);
+    color: var(--primary-color-text);
+    text-align: center;
+    top: 50%;
+    right: 0;
+    margin-top: -1.5rem;
+    border-top-left-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    transition: background-color var(--transition-duration);
+    overflow: hidden;
+    cursor: pointer;
+    z-index: 999;
+    box-shadow: -.25rem 0 1rem rgba(0,0,0,.15);
+
+
+    &.config-link {
+        font-size: 1rem;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        border: none;
+      }
+      .config-link:focus {
+        outline: 0 none;
+        outline-offset: 0;
+        box-shadow: 0 0 0 1px var(--focus-ring);
+      }
+
+    i {
+        font-size: 2rem;
+        line-height: inherit;
+        transform: rotate(0deg);
+        transition: transform 1s;
+    }
+
+    &:hover {
+        background: var(--primary-400);
+    }
+}
+
+.layout-config-sidebar {
+    &.p-sidebar {
+        .p-sidebar-content {
+            padding-left: 2rem;
+            padding-right: 2rem;
+        }
+    }
+} 

package/dist/styles/layout/_content.scss

@@ -0,0 +1,17 @@
+@use './_variables' as vars;
+
+.layout-main-container {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    justify-content: space-between;
+    padding: 7rem 2rem 2rem 4rem;
+    transition: margin-left vars.$transitionDuration;
+}
+
+.layout-main {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}

package/dist/styles/layout/_footer.scss

@@ -0,0 +1,10 @@
+@use './_variables' as vars;
+
+.layout-footer {
+    transition: margin-left vars.$transitionDuration;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 1rem;
+    border-top: 1px solid var(--surface-border);
+}

package/dist/styles/layout/_main.scss

@@ -0,0 +1,27 @@
+* {
+    box-sizing: border-box;
+}
+
+html {
+    height: 100%;
+}
+
+body {
+    font-family: var(--font-family);
+    color: var(--text-color);
+    background-color: var(--surface-ground);
+    margin: 0;
+    padding: 0;
+    min-height: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+    text-decoration: none;
+    color: var(--primary-color);
+}
+
+.layout-wrapper {
+    min-height: 100vh;
+}