@orbe-agro/client-core 5.3.261 → 5.3.262

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.js

@@ -1,117 +1,118 @@
-import { jsx as e, jsxs as a, Fragment as i } from "react/jsx-runtime";
-import u from "../../../template/Header.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import Header from "../../../template/Header.js";
 import "../../../template/SidePanel/index.js";
-import _ from "../../../template/UserProfileDropdown.js";
-import v from "../../../template/LanguageSelector.js";
+import UserDropdown from "../../../template/UserProfileDropdown.js";
+import LanguageSelector from "../../../template/LanguageSelector.js";
 import "../../../template/Notification/index.js";
-import b from "../../../template/HeaderLogo.js";
-import y from "../../../template/Search.js";
-import w from "../../../template/MobileNav.js";
-import k from "../../../template/HorizontalNav.js";
-import S from "../../../template/LayoutBase.js";
-import t from "../../../../utils/classNames.js";
-import C from "../../../../utils/hooks/useScrollTop.js";
-import L from "../../../../utils/hooks/useResponsive.js";
-import { LAYOUT_CONTENT_OVERLAY as T } from "../../../../constants/theme.constant.js";
-import H from "../../../template/Notification/Notification.js";
-import O from "../../../template/SidePanel/SidePanel.js";
-const K = ({ children: m }) => {
-  const { isSticky: l } = C(), { larger: s, smaller: n } = L();
-  return /* @__PURE__ */ e(
-    S,
+import HeaderLogo from "../../../template/HeaderLogo.js";
+import Search from "../../../template/Search.js";
+import MobileNav from "../../../template/MobileNav.js";
+import HorizontalNav from "../../../template/HorizontalNav.js";
+import LayoutBase from "../../../template/LayoutBase.js";
+import classNames from "../../../../utils/classNames.js";
+import useScrollTop from "../../../../utils/hooks/useScrollTop.js";
+import useResponsive from "../../../../utils/hooks/useResponsive.js";
+import { LAYOUT_CONTENT_OVERLAY } from "../../../../constants/theme.constant.js";
+import Notification from "../../../template/Notification/Notification.js";
+import SidePanel from "../../../template/SidePanel/SidePanel.js";
+const ContentOverlay = ({ children }) => {
+  const { isSticky } = useScrollTop();
+  const { larger, smaller } = useResponsive();
+  return /* @__PURE__ */ jsx(
+    LayoutBase,
     {
-      type: T,
+      type: LAYOUT_CONTENT_OVERLAY,
       className: "app-layout-content-overlay flex flex-auto flex-col min-h-screen",
       pageContainerReassemble: ({
-        children: o,
-        defaultClass: c,
-        header: r,
-        pageBackgroundType: d,
-        pageContainerType: p,
-        pageContainerGutterClass: f,
-        footer: h,
-        PageContainerHeader: x,
-        PageContainerBody: N,
-        PageContainerFooter: g
-      }) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+        children: children2,
+        defaultClass,
+        header,
+        pageBackgroundType,
+        pageContainerType,
+        pageContainerGutterClass,
+        footer,
+        PageContainerHeader,
+        PageContainerBody,
+        PageContainerFooter
+      }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: t(
-            c,
+          className: classNames(
+            defaultClass,
             "sm:px-0 px-4",
-            r?.title ? "-mt-60" : "-mt-60 sm:-mt-40"
+            header?.title ? "-mt-60" : "-mt-60 sm:-mt-40"
           ),
-          children: /* @__PURE__ */ a("main", { className: "h-full", children: [
-            /* @__PURE__ */ e("div", { className: "dark container mx-auto relative", children: /* @__PURE__ */ e(
-              x,
+          children: /* @__PURE__ */ jsxs("main", { className: "h-full", children: [
+            /* @__PURE__ */ jsx("div", { className: "dark container mx-auto relative", children: /* @__PURE__ */ jsx(
+              PageContainerHeader,
               {
-                ...r,
+                ...header,
                 className: "mb-20",
-                customeHeader: () => /* @__PURE__ */ a(i, { children: [
-                  r?.title && typeof r?.title == "string" && /* @__PURE__ */ e("h2", { className: "mb-2", children: r.title }),
-                  r?.description && /* @__PURE__ */ e("p", { className: "text-base text-white opacity-60", children: r.description })
+                customeHeader: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  header?.title && typeof header?.title === "string" && /* @__PURE__ */ jsx("h2", { className: "mb-2", children: header.title }),
+                  header?.description && /* @__PURE__ */ jsx("p", { className: "text-base text-white opacity-60", children: header.description })
                 ] })
               }
             ) }),
-            /* @__PURE__ */ a(N, { pageContainerType: "contained", children: [
-              d === "plain" ? /* @__PURE__ */ e(
+            /* @__PURE__ */ jsxs(PageContainerBody, { pageContainerType: "contained", children: [
+              pageBackgroundType === "plain" ? /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: t(
+                  className: classNames(
                     "bg-white dark:bg-gray-900 rounded-2xl",
-                    f
+                    pageContainerGutterClass
                   ),
-                  children: o
+                  children: children2
                 }
-              ) : o,
-              /* @__PURE__ */ e(
-                g,
+              ) : children2,
+              /* @__PURE__ */ jsx(
+                PageContainerFooter,
                 {
                   className: "-mb-40 mt-4 md:px-0",
-                  footer: h,
-                  pageContainerType: p
+                  footer,
+                  pageContainerType
                 }
               )
             ] })
           ] })
         }
       ) }),
-      children: /* @__PURE__ */ e("div", { className: "flex flex-auto min-w-0", children: /* @__PURE__ */ a("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
-        /* @__PURE__ */ e(
-          u,
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-auto min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
+        /* @__PURE__ */ jsx(
+          Header,
           {
-            container: !0,
-            className: t(
+            container: true,
+            className: classNames(
               "fixed",
-              l ? "shadow dark:shadow-2xl" : "bg-transparent dark"
+              isSticky ? "shadow dark:shadow-2xl" : "bg-transparent dark"
             ),
             wrapperClass: "px-0",
-            headerStart: /* @__PURE__ */ a(i, { children: [
-              n.lg && /* @__PURE__ */ e(w, {}),
-              /* @__PURE__ */ e(
-                b,
+            headerStart: /* @__PURE__ */ jsxs(Fragment, { children: [
+              smaller.lg && /* @__PURE__ */ jsx(MobileNav, {}),
+              /* @__PURE__ */ jsx(
+                HeaderLogo,
                 {
-                  ...l ? {} : { mode: "dark" }
+                  ...!isSticky ? { mode: "dark" } : {}
                 }
               )
             ] }),
-            headerMiddle: /* @__PURE__ */ e(i, { children: s.lg && /* @__PURE__ */ e(k, {}) }),
-            headerEnd: /* @__PURE__ */ a(i, { children: [
-              /* @__PURE__ */ e(y, {}),
-              /* @__PURE__ */ e(v, {}),
-              /* @__PURE__ */ e(H, {}),
-              /* @__PURE__ */ e(O, {}),
-              /* @__PURE__ */ e(_, { hoverable: !1 })
+            headerMiddle: /* @__PURE__ */ jsx(Fragment, { children: larger.lg && /* @__PURE__ */ jsx(HorizontalNav, {}) }),
+            headerEnd: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Search, {}),
+              /* @__PURE__ */ jsx(LanguageSelector, {}),
+              /* @__PURE__ */ jsx(Notification, {}),
+              /* @__PURE__ */ jsx(SidePanel, {}),
+              /* @__PURE__ */ jsx(UserDropdown, { hoverable: false })
             ] })
           }
         ),
-        /* @__PURE__ */ e("div", { className: "h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto h-full" }) }),
-        m
+        /* @__PURE__ */ jsx("div", { className: "h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto h-full" }) }),
+        children
       ] }) })
     }
   );
 };
 export {
-  K as default
+  ContentOverlay as default
 };
 //# sourceMappingURL=ContentOverlay.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentOverlay.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.tsx"],"sourcesContent":["import Header from '@/components/template/Header'\nimport SidePanel from '@/components/template/SidePanel'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport HeaderLogo from '@/components/template/HeaderLogo'\nimport Search from '@/components/template/Search'\nimport MobileNav from '@/components/template/MobileNav'\nimport HorizontalNav from '@/components/template/HorizontalNav'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport classNames from '@/utils/classNames'\nimport useScrollTop from '@/utils/hooks/useScrollTop'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\nimport type { FooterPageContainerType } from '@/components/template/Footer'\n\nconst ContentOverlay = ({ children }: CommonProps) => {\n    const { isSticky } = useScrollTop()\n\n    const { larger, smaller } = useResponsive()\n\n    return (\n        <LayoutBase\n            type={LAYOUT_CONTENT_OVERLAY}\n            className=\"app-layout-content-overlay flex flex-auto flex-col min-h-screen\"\n            pageContainerReassemble={({\n                children,\n                defaultClass,\n                header,\n                pageBackgroundType,\n                pageContainerType,\n                pageContainerGutterClass,\n                footer,\n                PageContainerHeader,\n                PageContainerBody,\n                PageContainerFooter,\n            }) => (\n                <>\n                    <div\n                        className={classNames(\n                            defaultClass,\n                            'sm:px-0 px-4',\n                            header?.title ? '-mt-60' : '-mt-60 sm:-mt-40',\n                        )}\n                    >\n                        <main className=\"h-full\">\n                            <div className=\"dark container mx-auto relative\">\n                                <PageContainerHeader\n                                    {...header}\n                                    className=\"mb-20\"\n                                    customeHeader={() => (\n                                        <>\n                                            {header?.title &&\n                                                typeof header?.title ===\n                                                    'string' && (\n                                                    <h2 className=\"mb-2\">\n                                                        {header.title}\n                                                    </h2>\n                                                )}\n                                            {header?.description && (\n                                                <p className=\"text-base text-white opacity-60\">\n                                                    {header.description}\n                                                </p>\n                                            )}\n                                        </>\n                                    )}\n                                />\n                            </div>\n                            <PageContainerBody pageContainerType={'contained'}>\n                                {pageBackgroundType === 'plain' ? (\n                                    <div\n                                        className={classNames(\n                                            'bg-white dark:bg-gray-900 rounded-2xl',\n                                            pageContainerGutterClass,\n                                        )}\n                                    >\n                                        {children}\n                                    </div>\n                                ) : (\n                                    children\n                                )}\n                                <PageContainerFooter\n                                    className=\"-mb-40 mt-4 md:px-0\"\n                                    footer={footer}\n                                    pageContainerType={\n                                        pageContainerType as FooterPageContainerType\n                                    }\n                                />\n                            </PageContainerBody>\n                        </main>\n                    </div>\n                </>\n            )}\n        >\n            <div className=\"flex flex-auto min-w-0\">\n                <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n                    <Header\n                        container\n                        className={classNames(\n                            'fixed',\n                            isSticky\n                                ? 'shadow dark:shadow-2xl'\n                                : 'bg-transparent dark',\n                        )}\n                        wrapperClass=\"px-0\"\n                        headerStart={\n                            <>\n                                {smaller.lg && <MobileNav />}\n                                <HeaderLogo\n                                    {...(!isSticky ? { mode: 'dark' } : {})}\n                                />\n                            </>\n                        }\n                        headerMiddle={<>{larger.lg && <HorizontalNav />}</>}\n                        headerEnd={\n                            <>\n                                <Search />\n                                <LanguageSelector />\n                                <Notification />\n                                <SidePanel />\n                                <UserProfileDropdown hoverable={false} />\n                            </>\n                        }\n                    />\n                    <div className=\"h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]\">\n                        <div className=\"container mx-auto h-full\"></div>\n                    </div>\n                    {children}\n                </div>\n            </div>\n        </LayoutBase>\n    )\n}\n\nexport default ContentOverlay\n"],"names":["ContentOverlay","children","isSticky","useScrollTop","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_CONTENT_OVERLAY","defaultClass","header","pageBackgroundType","pageContainerType","pageContainerGutterClass","footer","PageContainerHeader","PageContainerBody","PageContainerFooter","Fragment","classNames","jsxs","Header","MobileNav","HeaderLogo","HorizontalNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":"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"}
+{"version":3,"file":"ContentOverlay.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.tsx"],"sourcesContent":["import Header from '@/components/template/Header'\nimport SidePanel from '@/components/template/SidePanel'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport HeaderLogo from '@/components/template/HeaderLogo'\nimport Search from '@/components/template/Search'\nimport MobileNav from '@/components/template/MobileNav'\nimport HorizontalNav from '@/components/template/HorizontalNav'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport classNames from '@/utils/classNames'\nimport useScrollTop from '@/utils/hooks/useScrollTop'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\nimport type { FooterPageContainerType } from '@/components/template/Footer'\n\nconst ContentOverlay = ({ children }: CommonProps) => {\n    const { isSticky } = useScrollTop()\n\n    const { larger, smaller } = useResponsive()\n\n    return (\n        <LayoutBase\n            type={LAYOUT_CONTENT_OVERLAY}\n            className=\"app-layout-content-overlay flex flex-auto flex-col min-h-screen\"\n            pageContainerReassemble={({\n                children,\n                defaultClass,\n                header,\n                pageBackgroundType,\n                pageContainerType,\n                pageContainerGutterClass,\n                footer,\n                PageContainerHeader,\n                PageContainerBody,\n                PageContainerFooter,\n            }) => (\n                <>\n                    <div\n                        className={classNames(\n                            defaultClass,\n                            'sm:px-0 px-4',\n                            header?.title ? '-mt-60' : '-mt-60 sm:-mt-40',\n                        )}\n                    >\n                        <main className=\"h-full\">\n                            <div className=\"dark container mx-auto relative\">\n                                <PageContainerHeader\n                                    {...header}\n                                    className=\"mb-20\"\n                                    customeHeader={() => (\n                                        <>\n                                            {header?.title &&\n                                                typeof header?.title ===\n                                                    'string' && (\n                                                    <h2 className=\"mb-2\">\n                                                        {header.title}\n                                                    </h2>\n                                                )}\n                                            {header?.description && (\n                                                <p className=\"text-base text-white opacity-60\">\n                                                    {header.description}\n                                                </p>\n                                            )}\n                                        </>\n                                    )}\n                                />\n                            </div>\n                            <PageContainerBody pageContainerType={'contained'}>\n                                {pageBackgroundType === 'plain' ? (\n                                    <div\n                                        className={classNames(\n                                            'bg-white dark:bg-gray-900 rounded-2xl',\n                                            pageContainerGutterClass,\n                                        )}\n                                    >\n                                        {children}\n                                    </div>\n                                ) : (\n                                    children\n                                )}\n                                <PageContainerFooter\n                                    className=\"-mb-40 mt-4 md:px-0\"\n                                    footer={footer}\n                                    pageContainerType={\n                                        pageContainerType as FooterPageContainerType\n                                    }\n                                />\n                            </PageContainerBody>\n                        </main>\n                    </div>\n                </>\n            )}\n        >\n            <div className=\"flex flex-auto min-w-0\">\n                <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n                    <Header\n                        container\n                        className={classNames(\n                            'fixed',\n                            isSticky\n                                ? 'shadow dark:shadow-2xl'\n                                : 'bg-transparent dark',\n                        )}\n                        wrapperClass=\"px-0\"\n                        headerStart={\n                            <>\n                                {smaller.lg && <MobileNav />}\n                                <HeaderLogo\n                                    {...(!isSticky ? { mode: 'dark' } : {})}\n                                />\n                            </>\n                        }\n                        headerMiddle={<>{larger.lg && <HorizontalNav />}</>}\n                        headerEnd={\n                            <>\n                                <Search />\n                                <LanguageSelector />\n                                <Notification />\n                                <SidePanel />\n                                <UserProfileDropdown hoverable={false} />\n                            </>\n                        }\n                    />\n                    <div className=\"h-[400px] bg-[linear-gradient(220deg,_rgb(9,_12,_17)_10%,_#15122f_35%,_#2b1e38_55%,_#0c2239_70%,_rgb(9,_12,_17)_90%)]\">\n                        <div className=\"container mx-auto h-full\"></div>\n                    </div>\n                    {children}\n                </div>\n            </div>\n        </LayoutBase>\n    )\n}\n\nexport default ContentOverlay\n"],"names":["children","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAAiB,CAAC,EAAE,eAA4B;AAC5C,QAAA,EAAE,SAAS,IAAI,aAAa;AAElC,QAAM,EAAE,QAAQ,QAAQ,IAAI,cAAc;AAGtC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,WAAU;AAAA,MACV,yBAAyB,CAAC;AAAA,QACtB,UAAAA;AAAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,YAGI,oBAAA,UAAA,EAAA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA;AAAA,YACA,QAAQ,QAAQ,WAAW;AAAA,UAC/B;AAAA,UAEA,UAAA,qBAAC,QAAK,EAAA,WAAU,UACZ,UAAA;AAAA,YAAC,oBAAA,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAU;AAAA,gBACV,eAAe,MAEN,qBAAA,UAAA,EAAA,UAAA;AAAA,kBAAQ,QAAA,SACL,OAAO,QAAQ,UACX,gCACC,MAAG,EAAA,WAAU,QACT,UAAA,OAAO,MACZ,CAAA;AAAA,kBAEP,QAAQ,eACL,oBAAC,OAAE,WAAU,mCACR,iBAAO,YACZ,CAAA;AAAA,gBAAA,EAER,CAAA;AAAA,cAAA;AAAA,YAAA,GAGZ;AAAA,YACA,qBAAC,mBAAkB,EAAA,mBAAmB,aACjC,UAAA;AAAA,cAAA,uBAAuB,UACpB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA;AAAA,kBACJ;AAAA,kBAEC,UAAAA;AAAAA,gBAAA;AAAA,cAAA,IAGLA;AAAAA,cAEJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAU;AAAA,kBACV;AAAA,kBACA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAGJ,EACJ,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,MAGJ,8BAAC,OAAI,EAAA,WAAU,0BACX,UAAC,qBAAA,OAAA,EAAI,WAAU,gEACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAS;AAAA,YACT,WAAW;AAAA,cACP;AAAA,cACA,WACM,2BACA;AAAA,YACV;AAAA,YACA,cAAa;AAAA,YACb,aAES,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAQ,QAAA,0BAAO,WAAU,CAAA,CAAA;AAAA,cAC1B;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACI,GAAI,CAAC,WAAW,EAAE,MAAM,OAAA,IAAW,CAAA;AAAA,gBAAC;AAAA,cAAA;AAAA,YACzC,GACJ;AAAA,YAEJ,cAAiB,oBAAA,UAAA,EAAA,UAAA,OAAO,MAAM,oBAAC,gBAAc,CAAA,GAAG;AAAA,YAChD,WAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAA,oBAAC,QAAO,EAAA;AAAA,kCACP,kBAAiB,EAAA;AAAA,kCACjB,cAAa,EAAA;AAAA,kCACb,WAAU,EAAA;AAAA,cACX,oBAACC,cAAoB,EAAA,WAAW,MAAO,CAAA;AAAA,YAAA,EAC3C,CAAA;AAAA,UAAA;AAAA,QAER;AAAA,QACA,oBAAC,SAAI,WAAU,yHACX,8BAAC,OAAI,EAAA,WAAU,4BAA2B,EAC9C,CAAA;AAAA,QACC;AAAA,MAAA,EAAA,CACL,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.js

@@ -1,125 +1,126 @@
-import { jsx as e, jsxs as r, Fragment as s } from "react/jsx-runtime";
-import v from "../../../template/SideNav.js";
-import b from "../../../template/Header.js";
-import S from "../../../template/FrameLessGap.js";
-import k from "../../../template/SideNavToggle.js";
-import w from "../../../template/MobileNav.js";
-import L from "../../../template/Search.js";
-import y from "../../../template/LanguageSelector.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import SideNav from "../../../template/SideNav.js";
+import Header from "../../../template/Header.js";
+import FrameLessGap from "../../../template/FrameLessGap.js";
+import SideNavToggle from "../../../template/SideNavToggle.js";
+import MobileNav from "../../../template/MobileNav.js";
+import Search from "../../../template/Search.js";
+import LanguageSelector from "../../../template/LanguageSelector.js";
 import "../../../template/Notification/index.js";
-import E from "../../../template/UserProfileDropdown.js";
+import UserDropdown from "../../../template/UserProfileDropdown.js";
 import "../../../template/SidePanel/index.js";
-import F from "../../../template/LayoutBase.js";
-import a from "../../../../utils/classNames.js";
-import A from "../../../../utils/hooks/useScrollTop.js";
-import R from "../../../../utils/hooks/useResponsive.js";
-import { LAYOUT_FRAMELESS_SIDE as j } from "../../../../constants/theme.constant.js";
-import D from "../../../template/Notification/Notification.js";
-import M from "../../../template/SidePanel/SidePanel.js";
-const $ = ({ children: i }) => {
-  const { isSticky: t } = A(), { larger: o, smaller: d } = R();
-  return /* @__PURE__ */ e(
-    F,
+import LayoutBase from "../../../template/LayoutBase.js";
+import classNames from "../../../../utils/classNames.js";
+import useScrollTop from "../../../../utils/hooks/useScrollTop.js";
+import useResponsive from "../../../../utils/hooks/useResponsive.js";
+import { LAYOUT_FRAMELESS_SIDE } from "../../../../constants/theme.constant.js";
+import Notification from "../../../template/Notification/Notification.js";
+import SidePanel from "../../../template/SidePanel/SidePanel.js";
+const FrameLessSide = ({ children }) => {
+  const { isSticky } = useScrollTop();
+  const { larger, smaller } = useResponsive();
+  return /* @__PURE__ */ jsx(
+    LayoutBase,
     {
-      adaptiveCardActive: !0,
-      type: j,
+      adaptiveCardActive: true,
+      type: LAYOUT_FRAMELESS_SIDE,
       className: "app-layout-frameless-side flex flex-auto flex-col bg-gray-950",
       pageContainerReassemble: ({
-        pageContainerType: l,
-        pageBackgroundType: c,
-        pageContainerGutterClass: f,
-        children: n,
-        footer: m,
-        header: p,
-        defaultClass: h,
-        pageContainerDefaultClass: u,
-        PageContainerBody: g,
-        PageContainerFooter: x,
-        PageContainerHeader: N
-      }) => /* @__PURE__ */ r(
+        pageContainerType,
+        pageBackgroundType,
+        pageContainerGutterClass,
+        children: children2,
+        footer,
+        header,
+        defaultClass,
+        pageContainerDefaultClass,
+        PageContainerBody,
+        PageContainerFooter,
+        PageContainerHeader
+      }) => /* @__PURE__ */ jsxs(
         "div",
         {
-          className: a(
-            h,
+          className: classNames(
+            defaultClass,
             "rounded-2xl",
-            c === "plain" && "bg-white dark:bg-gray-900"
+            pageBackgroundType === "plain" && "bg-white dark:bg-gray-900"
           ),
           children: [
-            /* @__PURE__ */ e("main", { className: "h-full", children: /* @__PURE__ */ r(
+            /* @__PURE__ */ jsx("main", { className: "h-full", children: /* @__PURE__ */ jsxs(
               "div",
               {
-                className: a(
-                  u,
-                  l !== "gutterless" && f,
-                  l === "contained" && "container mx-auto",
-                  !m && "pb-0 sm:pb-0 md:pb-0"
+                className: classNames(
+                  pageContainerDefaultClass,
+                  pageContainerType !== "gutterless" && pageContainerGutterClass,
+                  pageContainerType === "contained" && "container mx-auto",
+                  !footer && "pb-0 sm:pb-0 md:pb-0"
                 ),
                 children: [
-                  /* @__PURE__ */ e(
-                    N,
+                  /* @__PURE__ */ jsx(
+                    PageContainerHeader,
                     {
-                      ...p,
-                      gutterLess: l === "gutterless"
+                      ...header,
+                      gutterLess: pageContainerType === "gutterless"
                     }
                   ),
-                  /* @__PURE__ */ e(
-                    g,
+                  /* @__PURE__ */ jsx(
+                    PageContainerBody,
                     {
-                      pageContainerType: l,
-                      children: n
+                      pageContainerType,
+                      children: children2
                     }
                   )
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(
-              x,
+            /* @__PURE__ */ jsx(
+              PageContainerFooter,
               {
-                footer: m,
-                pageContainerType: l
+                footer,
+                pageContainerType
               }
             )
           ]
         }
       ),
-      children: /* @__PURE__ */ r("div", { className: "flex flex-auto min-w-0", children: [
-        o.lg && /* @__PURE__ */ e(
-          v,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-auto min-w-0", children: [
+        larger.lg && /* @__PURE__ */ jsx(
+          SideNav,
           {
-            background: !1,
-            className: a("dark pt-6"),
+            background: false,
+            className: classNames("dark pt-6"),
             contentClass: "h-[calc(100vh-8rem)]",
             mode: "dark"
           }
         ),
-        /* @__PURE__ */ e(S, { className: "min-h-screen min-w-0 relative w-full", children: /* @__PURE__ */ r("div", { className: "bg-white dark:bg-gray-900 flex flex-col flex-1 h-full rounded-2xl", children: [
-          /* @__PURE__ */ e(
-            b,
+        /* @__PURE__ */ jsx(FrameLessGap, { className: "min-h-screen min-w-0 relative w-full", children: /* @__PURE__ */ jsxs("div", { className: "bg-white dark:bg-gray-900 flex flex-col flex-1 h-full rounded-2xl", children: [
+          /* @__PURE__ */ jsx(
+            Header,
             {
-              className: a(
+              className: classNames(
                 "rounded-t-2xl dark:bg-gray-900",
-                t && "shadow !rounded-none"
+                isSticky && "shadow !rounded-none"
               ),
-              headerStart: /* @__PURE__ */ r(s, { children: [
-                d.lg && /* @__PURE__ */ e(w, {}),
-                o.lg && /* @__PURE__ */ e(k, {}),
-                /* @__PURE__ */ e(L, {})
+              headerStart: /* @__PURE__ */ jsxs(Fragment, { children: [
+                smaller.lg && /* @__PURE__ */ jsx(MobileNav, {}),
+                larger.lg && /* @__PURE__ */ jsx(SideNavToggle, {}),
+                /* @__PURE__ */ jsx(Search, {})
               ] }),
-              headerEnd: /* @__PURE__ */ r(s, { children: [
-                /* @__PURE__ */ e(y, {}),
-                /* @__PURE__ */ e(D, {}),
-                /* @__PURE__ */ e(M, {}),
-                /* @__PURE__ */ e(E, { hoverable: !1 })
+              headerEnd: /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(LanguageSelector, {}),
+                /* @__PURE__ */ jsx(Notification, {}),
+                /* @__PURE__ */ jsx(SidePanel, {}),
+                /* @__PURE__ */ jsx(UserDropdown, { hoverable: false })
               ] })
             }
           ),
-          /* @__PURE__ */ e("div", { className: "h-full flex flex-auto flex-col", children: i })
+          /* @__PURE__ */ jsx("div", { className: "h-full flex flex-auto flex-col", children })
         ] }) })
       ] })
     }
   );
 };
 export {
-  $ as default
+  FrameLessSide as default
 };
 //# sourceMappingURL=FrameLessSide.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameLessSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.tsx"],"sourcesContent":["import SideNav from '@/components/template/SideNav'\nimport Header from '@/components/template/Header'\nimport FrameLessGap from '@/components/template/FrameLessGap'\nimport SideNavToggle from '@/components/template/SideNavToggle'\nimport MobileNav from '@/components/template/MobileNav'\nimport Search from '@/components/template/Search'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport SidePanel from '@/components//template/SidePanel'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport classNames from '@/utils/classNames'\nimport useScrollTop from '@/utils/hooks/useScrollTop'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_FRAMELESS_SIDE } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\nimport type { FooterPageContainerType } from '@/components/template/Footer'\n\nconst FrameLessSide = ({ children }: CommonProps) => {\n    const { isSticky } = useScrollTop()\n\n    const { larger, smaller } = useResponsive()\n\n    return (\n        <LayoutBase\n            adaptiveCardActive\n            type={LAYOUT_FRAMELESS_SIDE}\n            className=\"app-layout-frameless-side flex flex-auto flex-col bg-gray-950\"\n            pageContainerReassemble={({\n                pageContainerType,\n                pageBackgroundType,\n                pageContainerGutterClass,\n                children,\n                footer,\n                header,\n                defaultClass,\n                pageContainerDefaultClass,\n                PageContainerBody,\n                PageContainerFooter,\n                PageContainerHeader,\n            }) => (\n                <div\n                    className={classNames(\n                        defaultClass,\n                        'rounded-2xl',\n                        pageBackgroundType === 'plain' &&\n                            'bg-white dark:bg-gray-900',\n                    )}\n                >\n                    <main className=\"h-full\">\n                        <div\n                            className={classNames(\n                                pageContainerDefaultClass,\n                                pageContainerType !== 'gutterless' &&\n                                    pageContainerGutterClass,\n                                pageContainerType === 'contained' &&\n                                    'container mx-auto',\n                                !footer && 'pb-0 sm:pb-0 md:pb-0',\n                            )}\n                        >\n                            <PageContainerHeader\n                                {...header}\n                                gutterLess={pageContainerType === 'gutterless'}\n                            />\n                            <PageContainerBody\n                                pageContainerType={pageContainerType}\n                            >\n                                {children}\n                            </PageContainerBody>\n                        </div>\n                    </main>\n                    <PageContainerFooter\n                        footer={footer}\n                        pageContainerType={\n                            pageContainerType as FooterPageContainerType\n                        }\n                    />\n                </div>\n            )}\n        >\n            <div className=\"flex flex-auto min-w-0\">\n                {larger.lg && (\n                    <SideNav\n                        background={false}\n                        className={classNames('dark pt-6')}\n                        contentClass=\"h-[calc(100vh-8rem)]\"\n                        mode=\"dark\"\n                    />\n                )}\n                <FrameLessGap className=\"min-h-screen min-w-0 relative w-full\">\n                    <div className=\"bg-white dark:bg-gray-900 flex flex-col flex-1 h-full rounded-2xl\">\n                        <Header\n                            className={classNames(\n                                'rounded-t-2xl dark:bg-gray-900',\n                                isSticky && 'shadow !rounded-none',\n                            )}\n                            headerStart={\n                                <>\n                                    {smaller.lg && <MobileNav />}\n                                    {larger.lg && <SideNavToggle />}\n                                    <Search />\n                                </>\n                            }\n                            headerEnd={\n                                <>\n                                    <LanguageSelector />\n                                    <Notification />\n                                    <SidePanel />\n                                    <UserProfileDropdown hoverable={false} />\n                                </>\n                            }\n                        />\n                        <div className=\"h-full flex flex-auto flex-col\">\n                            {children}\n                        </div>\n                    </div>\n                </FrameLessGap>\n            </div>\n        </LayoutBase>\n    )\n}\n\nexport default FrameLessSide\n"],"names":["FrameLessSide","children","isSticky","useScrollTop","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_FRAMELESS_SIDE","pageContainerType","pageBackgroundType","pageContainerGutterClass","footer","header","defaultClass","pageContainerDefaultClass","PageContainerBody","PageContainerFooter","PageContainerHeader","jsxs","classNames","SideNav","FrameLessGap","Header","Fragment","MobileNav","SideNavToggle","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":"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"}
+{"version":3,"file":"FrameLessSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.tsx"],"sourcesContent":["import SideNav from '@/components/template/SideNav'\nimport Header from '@/components/template/Header'\nimport FrameLessGap from '@/components/template/FrameLessGap'\nimport SideNavToggle from '@/components/template/SideNavToggle'\nimport MobileNav from '@/components/template/MobileNav'\nimport Search from '@/components/template/Search'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport SidePanel from '@/components//template/SidePanel'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport classNames from '@/utils/classNames'\nimport useScrollTop from '@/utils/hooks/useScrollTop'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_FRAMELESS_SIDE } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\nimport type { FooterPageContainerType } from '@/components/template/Footer'\n\nconst FrameLessSide = ({ children }: CommonProps) => {\n    const { isSticky } = useScrollTop()\n\n    const { larger, smaller } = useResponsive()\n\n    return (\n        <LayoutBase\n            adaptiveCardActive\n            type={LAYOUT_FRAMELESS_SIDE}\n            className=\"app-layout-frameless-side flex flex-auto flex-col bg-gray-950\"\n            pageContainerReassemble={({\n                pageContainerType,\n                pageBackgroundType,\n                pageContainerGutterClass,\n                children,\n                footer,\n                header,\n                defaultClass,\n                pageContainerDefaultClass,\n                PageContainerBody,\n                PageContainerFooter,\n                PageContainerHeader,\n            }) => (\n                <div\n                    className={classNames(\n                        defaultClass,\n                        'rounded-2xl',\n                        pageBackgroundType === 'plain' &&\n                            'bg-white dark:bg-gray-900',\n                    )}\n                >\n                    <main className=\"h-full\">\n                        <div\n                            className={classNames(\n                                pageContainerDefaultClass,\n                                pageContainerType !== 'gutterless' &&\n                                    pageContainerGutterClass,\n                                pageContainerType === 'contained' &&\n                                    'container mx-auto',\n                                !footer && 'pb-0 sm:pb-0 md:pb-0',\n                            )}\n                        >\n                            <PageContainerHeader\n                                {...header}\n                                gutterLess={pageContainerType === 'gutterless'}\n                            />\n                            <PageContainerBody\n                                pageContainerType={pageContainerType}\n                            >\n                                {children}\n                            </PageContainerBody>\n                        </div>\n                    </main>\n                    <PageContainerFooter\n                        footer={footer}\n                        pageContainerType={\n                            pageContainerType as FooterPageContainerType\n                        }\n                    />\n                </div>\n            )}\n        >\n            <div className=\"flex flex-auto min-w-0\">\n                {larger.lg && (\n                    <SideNav\n                        background={false}\n                        className={classNames('dark pt-6')}\n                        contentClass=\"h-[calc(100vh-8rem)]\"\n                        mode=\"dark\"\n                    />\n                )}\n                <FrameLessGap className=\"min-h-screen min-w-0 relative w-full\">\n                    <div className=\"bg-white dark:bg-gray-900 flex flex-col flex-1 h-full rounded-2xl\">\n                        <Header\n                            className={classNames(\n                                'rounded-t-2xl dark:bg-gray-900',\n                                isSticky && 'shadow !rounded-none',\n                            )}\n                            headerStart={\n                                <>\n                                    {smaller.lg && <MobileNav />}\n                                    {larger.lg && <SideNavToggle />}\n                                    <Search />\n                                </>\n                            }\n                            headerEnd={\n                                <>\n                                    <LanguageSelector />\n                                    <Notification />\n                                    <SidePanel />\n                                    <UserProfileDropdown hoverable={false} />\n                                </>\n                            }\n                        />\n                        <div className=\"h-full flex flex-auto flex-col\">\n                            {children}\n                        </div>\n                    </div>\n                </FrameLessGap>\n            </div>\n        </LayoutBase>\n    )\n}\n\nexport default FrameLessSide\n"],"names":["children","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAgB,CAAC,EAAE,eAA4B;AAC3C,QAAA,EAAE,SAAS,IAAI,aAAa;AAElC,QAAM,EAAE,QAAQ,QAAQ,IAAI,cAAc;AAGtC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,oBAAkB;AAAA,MAClB,MAAM;AAAA,MACN,WAAU;AAAA,MACV,yBAAyB,CAAC;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAAA;AAAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,MAEA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA;AAAA,YACA,uBAAuB,WACnB;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,YAAC,oBAAA,QAAA,EAAK,WAAU,UACZ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA,sBAAsB,gBAClB;AAAA,kBACJ,sBAAsB,eAClB;AAAA,kBACJ,CAAC,UAAU;AAAA,gBACf;AAAA,gBAEA,UAAA;AAAA,kBAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACI,GAAG;AAAA,sBACJ,YAAY,sBAAsB;AAAA,oBAAA;AAAA,kBACtC;AAAA,kBACA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG;AAAA,sBAEC,UAAAA;AAAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL;AAAA,cAAA;AAAA,YAAA,GAER;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,UAGJ;AAAA,QAAA;AAAA,MACJ;AAAA,MAGJ,UAAA,qBAAC,OAAI,EAAA,WAAU,0BACV,UAAA;AAAA,QAAA,OAAO,MACJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAY;AAAA,YACZ,WAAW,WAAW,WAAW;AAAA,YACjC,cAAa;AAAA,YACb,MAAK;AAAA,UAAA;AAAA,QACT;AAAA,4BAEH,cAAa,EAAA,WAAU,wCACpB,UAAC,qBAAA,OAAA,EAAI,WAAU,qEACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,YAAY;AAAA,cAChB;AAAA,cACA,aAES,qBAAA,UAAA,EAAA,UAAA;AAAA,gBAAQ,QAAA,0BAAO,WAAU,CAAA,CAAA;AAAA,gBACzB,OAAO,MAAM,oBAAC,eAAc,CAAA,CAAA;AAAA,oCAC5B,QAAO,CAAA,CAAA;AAAA,cAAA,GACZ;AAAA,cAEJ,WAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,gBAAA,oBAAC,kBAAiB,EAAA;AAAA,oCACjB,cAAa,EAAA;AAAA,oCACb,WAAU,EAAA;AAAA,gBACX,oBAACC,cAAoB,EAAA,WAAW,MAAO,CAAA;AAAA,cAAA,EAC3C,CAAA;AAAA,YAAA;AAAA,UAER;AAAA,UACC,oBAAA,OAAA,EAAI,WAAU,kCACV,SACL,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/StackedSide.js

@@ -1,47 +1,47 @@
-import { jsx as e, jsxs as r, Fragment as a } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../../../template/StackedSideNav/index.js";
-import t from "../../../template/Header.js";
-import s from "../../../template/MobileNav.js";
-import d from "../../../template/Search.js";
-import f from "../../../template/LanguageSelector.js";
+import Header from "../../../template/Header.js";
+import MobileNav from "../../../template/MobileNav.js";
+import Search from "../../../template/Search.js";
+import LanguageSelector from "../../../template/LanguageSelector.js";
 import "../../../template/Notification/index.js";
-import c from "../../../template/UserProfileDropdown.js";
+import UserDropdown from "../../../template/UserProfileDropdown.js";
 import "../../../template/SidePanel/index.js";
-import n from "../../../template/LayoutBase.js";
-import p from "../../../../utils/hooks/useResponsive.js";
-import { LAYOUT_STACKED_SIDE as h } from "../../../../constants/theme.constant.js";
-import x from "../../../template/StackedSideNav/StackedSideNav.js";
-import u from "../../../template/Notification/Notification.js";
-import N from "../../../template/SidePanel/SidePanel.js";
-const C = ({ children: l, pageTitle: o }) => {
-  const { larger: m, smaller: i } = p();
-  return /* @__PURE__ */ e(
-    n,
+import LayoutBase from "../../../template/LayoutBase.js";
+import useResponsive from "../../../../utils/hooks/useResponsive.js";
+import { LAYOUT_STACKED_SIDE } from "../../../../constants/theme.constant.js";
+import StackedSideNav from "../../../template/StackedSideNav/StackedSideNav.js";
+import Notification from "../../../template/Notification/Notification.js";
+import SidePanel from "../../../template/SidePanel/SidePanel.js";
+const StackedSide = ({ children, pageTitle }) => {
+  const { larger, smaller } = useResponsive();
+  return /* @__PURE__ */ jsx(
+    LayoutBase,
     {
-      type: h,
+      type: LAYOUT_STACKED_SIDE,
       className: "app-layout-stacked-side flex flex-auto flex-col",
-      children: /* @__PURE__ */ r("div", { className: "flex flex-auto min-w-0", children: [
-        m.lg && /* @__PURE__ */ e(x, {}),
-        /* @__PURE__ */ r("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
-          /* @__PURE__ */ e(
-            t,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-auto min-w-0", children: [
+        larger.lg && /* @__PURE__ */ jsx(StackedSideNav, {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
+          /* @__PURE__ */ jsx(
+            Header,
             {
               className: "shadow dark:shadow-2xl",
-              headerStart: /* @__PURE__ */ r(a, { children: [
-                i.lg && /* @__PURE__ */ e(s, {}),
-                /* @__PURE__ */ e(d, {})
+              headerStart: /* @__PURE__ */ jsxs(Fragment, { children: [
+                smaller.lg && /* @__PURE__ */ jsx(MobileNav, {}),
+                /* @__PURE__ */ jsx(Search, {})
               ] }),
-              headerEnd: /* @__PURE__ */ r(a, { children: [
-                /* @__PURE__ */ e(f, {}),
-                /* @__PURE__ */ e(u, {}),
-                /* @__PURE__ */ e(N, {}),
-                /* @__PURE__ */ e(c, { hoverable: !1 })
+              headerEnd: /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(LanguageSelector, {}),
+                /* @__PURE__ */ jsx(Notification, {}),
+                /* @__PURE__ */ jsx(SidePanel, {}),
+                /* @__PURE__ */ jsx(UserDropdown, { hoverable: false })
               ] })
             }
           ),
-          /* @__PURE__ */ r("div", { className: "h-full flex flex-auto flex-col", children: [
-            o && /* @__PURE__ */ e("div", { className: "page-header mb-4", children: /* @__PURE__ */ e("h2", { className: "text-3xl font-bold", children: o }) }),
-            l
+          /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-auto flex-col", children: [
+            pageTitle && /* @__PURE__ */ jsx("div", { className: "page-header mb-4", children: /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold", children: pageTitle }) }),
+            children
           ] })
         ] })
       ] })
@@ -49,6 +49,6 @@ const C = ({ children: l, pageTitle: o }) => {
   );
 };
 export {
-  C as default
+  StackedSide as default
 };
 //# sourceMappingURL=StackedSide.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/StackedSide.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/StackedSide.tsx"],"sourcesContent":["import StackedSideNav from \"@/components/template/StackedSideNav\";\nimport Header from \"@/components/template/Header\";\nimport MobileNav from \"@/components/template/MobileNav\";\nimport Search from \"@/components/template/Search\";\nimport LanguageSelector from \"@/components/template/LanguageSelector\";\nimport Notification from \"@/components/template/Notification\";\nimport UserProfileDropdown from \"@/components//template/UserProfileDropdown\";\nimport SidePanel from \"@/components//template/SidePanel\";\nimport LayoutBase from \"@/components//template/LayoutBase\";\nimport useResponsive from \"@/utils/hooks/useResponsive\";\nimport { LAYOUT_STACKED_SIDE } from \"@/constants/theme.constant\";\nimport type { CommonProps } from \"@/@types/common\";\n\ninterface StackedSideProps extends CommonProps {\n  pageTitle?: string;\n}\n\nconst StackedSide = ({ children, pageTitle }: StackedSideProps) => {\n  const { larger, smaller } = useResponsive();\n\n  return (\n    <LayoutBase\n      type={LAYOUT_STACKED_SIDE}\n      className=\"app-layout-stacked-side flex flex-auto flex-col\"\n    >\n      <div className=\"flex flex-auto min-w-0\">\n        {larger.lg && <StackedSideNav />}\n        <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n          <Header\n            className=\"shadow dark:shadow-2xl\"\n            headerStart={\n              <>\n                {smaller.lg && <MobileNav />}\n                <Search />\n              </>\n            }\n            headerEnd={\n              <>\n                <LanguageSelector />\n                <Notification />\n                <SidePanel />\n                <UserProfileDropdown hoverable={false} />\n              </>\n            }\n          />\n          <div className=\"h-full flex flex-auto flex-col\">\n            {pageTitle && (\n              <div className=\"page-header mb-4\">\n                <h2 className=\"text-3xl font-bold\">{pageTitle}</h2>\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </LayoutBase>\n  );\n};\n\nexport default StackedSide;\n"],"names":["StackedSide","children","pageTitle","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_STACKED_SIDE","jsxs","StackedSideNav","Header","Fragment","MobileNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAkC;AACjE,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAQ,IAAIC,EAAc;AAGxC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC;AAAA,MACN,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,0BACZ,UAAA;AAAA,QAAON,EAAA,wBAAOO,GAAe,CAAA,CAAA;AAAA,QAC9B,gBAAAD,EAAC,OAAI,EAAA,WAAU,gEACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,aAEK,gBAAAF,EAAAG,GAAA,EAAA,UAAA;AAAA,gBAAQR,EAAA,wBAAOS,GAAU,CAAA,CAAA;AAAA,kCACzBC,GAAO,CAAA,CAAA;AAAA,cAAA,GACV;AAAA,cAEF,WAEI,gBAAAL,EAAAG,GAAA,EAAA,UAAA;AAAA,gBAAA,gBAAAN,EAACS,GAAiB,EAAA;AAAA,kCACjBC,GAAa,EAAA;AAAA,kCACbC,GAAU,EAAA;AAAA,gBACX,gBAAAX,EAACY,GAAoB,EAAA,WAAW,GAAO,CAAA;AAAA,cAAA,EACzC,CAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACA,gBAAAT,EAAC,OAAI,EAAA,WAAU,kCACZ,UAAA;AAAA,YACCP,KAAA,gBAAAI,EAAC,SAAI,WAAU,oBACb,4BAAC,MAAG,EAAA,WAAU,sBAAsB,UAAAJ,EAAA,CAAU,EAChD,CAAA;AAAA,YAEDD;AAAA,UAAA,EACH,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"StackedSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/StackedSide.tsx"],"sourcesContent":["import StackedSideNav from \"@/components/template/StackedSideNav\";\nimport Header from \"@/components/template/Header\";\nimport MobileNav from \"@/components/template/MobileNav\";\nimport Search from \"@/components/template/Search\";\nimport LanguageSelector from \"@/components/template/LanguageSelector\";\nimport Notification from \"@/components/template/Notification\";\nimport UserProfileDropdown from \"@/components//template/UserProfileDropdown\";\nimport SidePanel from \"@/components//template/SidePanel\";\nimport LayoutBase from \"@/components//template/LayoutBase\";\nimport useResponsive from \"@/utils/hooks/useResponsive\";\nimport { LAYOUT_STACKED_SIDE } from \"@/constants/theme.constant\";\nimport type { CommonProps } from \"@/@types/common\";\n\ninterface StackedSideProps extends CommonProps {\n  pageTitle?: string;\n}\n\nconst StackedSide = ({ children, pageTitle }: StackedSideProps) => {\n  const { larger, smaller } = useResponsive();\n\n  return (\n    <LayoutBase\n      type={LAYOUT_STACKED_SIDE}\n      className=\"app-layout-stacked-side flex flex-auto flex-col\"\n    >\n      <div className=\"flex flex-auto min-w-0\">\n        {larger.lg && <StackedSideNav />}\n        <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n          <Header\n            className=\"shadow dark:shadow-2xl\"\n            headerStart={\n              <>\n                {smaller.lg && <MobileNav />}\n                <Search />\n              </>\n            }\n            headerEnd={\n              <>\n                <LanguageSelector />\n                <Notification />\n                <SidePanel />\n                <UserProfileDropdown hoverable={false} />\n              </>\n            }\n          />\n          <div className=\"h-full flex flex-auto flex-col\">\n            {pageTitle && (\n              <div className=\"page-header mb-4\">\n                <h2 className=\"text-3xl font-bold\">{pageTitle}</h2>\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </LayoutBase>\n  );\n};\n\nexport default StackedSide;\n"],"names":["UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,cAAc,CAAC,EAAE,UAAU,gBAAkC;AACjE,QAAM,EAAE,QAAQ,QAAQ,IAAI,cAAc;AAGxC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,0BACZ,UAAA;AAAA,QAAO,OAAA,0BAAO,gBAAe,CAAA,CAAA;AAAA,QAC9B,qBAAC,OAAI,EAAA,WAAU,gEACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,aAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,gBAAQ,QAAA,0BAAO,WAAU,CAAA,CAAA;AAAA,oCACzB,QAAO,CAAA,CAAA;AAAA,cAAA,GACV;AAAA,cAEF,WAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,gBAAA,oBAAC,kBAAiB,EAAA;AAAA,oCACjB,cAAa,EAAA;AAAA,oCACb,WAAU,EAAA;AAAA,gBACX,oBAACA,cAAoB,EAAA,WAAW,MAAO,CAAA;AAAA,cAAA,EACzC,CAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACA,qBAAC,OAAI,EAAA,WAAU,kCACZ,UAAA;AAAA,YACC,aAAA,oBAAC,SAAI,WAAU,oBACb,8BAAC,MAAG,EAAA,WAAU,sBAAsB,UAAA,UAAA,CAAU,EAChD,CAAA;AAAA,YAED;AAAA,UAAA,EACH,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}