@egose/shadcn-theme 0.0.49 → 0.0.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{chunk-IPTLI5N5.mjs → chunk-2BKV4IJV.mjs} +4 -4
- package/chunk-2BKV4IJV.mjs.map +1 -0
- package/{chunk-6LGAYFGF.js → chunk-4FD63HEQ.js} +5 -5
- package/chunk-4FD63HEQ.js.map +1 -0
- package/chunk-4XC6EXHZ.mjs +112 -0
- package/chunk-4XC6EXHZ.mjs.map +1 -0
- package/{chunk-SHCDAPWS.js → chunk-5HD5BGK7.js} +4 -4
- package/chunk-5HD5BGK7.js.map +1 -0
- package/{chunk-WA2Z3OWJ.js → chunk-6KUUJF3I.js} +3 -3
- package/chunk-6KUUJF3I.js.map +1 -0
- package/{chunk-674CL6CM.mjs → chunk-ACE5WNTU.mjs} +6 -6
- package/chunk-ACE5WNTU.mjs.map +1 -0
- package/{chunk-NJDC3RMA.mjs → chunk-ARQYTBBZ.mjs} +1 -1
- package/chunk-ARQYTBBZ.mjs.map +1 -0
- package/chunk-CE4PBEIL.js +88 -0
- package/chunk-CE4PBEIL.js.map +1 -0
- package/{chunk-MWA2HHI7.mjs → chunk-CPGH6LBC.mjs} +1 -1
- package/chunk-CPGH6LBC.mjs.map +1 -0
- package/{chunk-2WDZS5E5.mjs → chunk-CTYAFVU5.mjs} +2 -2
- package/chunk-CTYAFVU5.mjs.map +1 -0
- package/{chunk-N4QVNSAY.js → chunk-DGYAXPSD.js} +1 -1
- package/chunk-DGYAXPSD.js.map +1 -0
- package/{chunk-SKLZYIKR.mjs → chunk-DMATER3M.mjs} +10 -10
- package/chunk-DMATER3M.mjs.map +1 -0
- package/chunk-DTJ43DCW.mjs +87 -0
- package/chunk-DTJ43DCW.mjs.map +1 -0
- package/{chunk-UAKQ4NXG.js → chunk-DYUS5722.js} +3 -3
- package/chunk-DYUS5722.js.map +1 -0
- package/{chunk-P3TWGNQQ.mjs → chunk-EJQJ3BCF.mjs} +6 -6
- package/chunk-EJQJ3BCF.mjs.map +1 -0
- package/{chunk-LVFEXEXE.mjs → chunk-FMYITAWN.mjs} +1 -1
- package/chunk-FMYITAWN.mjs.map +1 -0
- package/{chunk-PSQGNWKT.js → chunk-GI222XFX.js} +1 -1
- package/chunk-GI222XFX.js.map +1 -0
- package/chunk-I64GW5SA.js +113 -0
- package/chunk-I64GW5SA.js.map +1 -0
- package/{chunk-ALDDTRY5.js → chunk-I6AFNWVY.js} +1 -1
- package/chunk-I6AFNWVY.js.map +1 -0
- package/{chunk-YT6UTIPP.js → chunk-IQYZKNJZ.js} +3 -3
- package/chunk-IQYZKNJZ.js.map +1 -0
- package/chunk-JW7N7IR5.mjs +120 -0
- package/chunk-JW7N7IR5.mjs.map +1 -0
- package/{chunk-4QOQOMZB.mjs → chunk-LXILG667.mjs} +1 -1
- package/chunk-LXILG667.mjs.map +1 -0
- package/{chunk-FSBUJKT7.mjs → chunk-NTYWTGYX.mjs} +7 -7
- package/chunk-NTYWTGYX.mjs.map +1 -0
- package/{chunk-3YDM2NYL.js → chunk-NVBZVKIT.js} +1 -1
- package/chunk-NVBZVKIT.js.map +1 -0
- package/{chunk-5RW6O56P.mjs → chunk-OXCN3BD6.mjs} +1 -1
- package/chunk-OXCN3BD6.mjs.map +1 -0
- package/chunk-OXTCSLHP.mjs +39 -0
- package/chunk-OXTCSLHP.mjs.map +1 -0
- package/{chunk-GNIJ6SIH.js → chunk-PCR4GC74.js} +3 -3
- package/chunk-PCR4GC74.js.map +1 -0
- package/{chunk-273TIMKM.js → chunk-PS3LNHTA.js} +1 -1
- package/chunk-PS3LNHTA.js.map +1 -0
- package/chunk-QGXFFTPH.js +40 -0
- package/chunk-QGXFFTPH.js.map +1 -0
- package/{chunk-UQTHHSJN.mjs → chunk-R4SF7CSA.mjs} +1 -1
- package/chunk-R4SF7CSA.mjs.map +1 -0
- package/chunk-RMDDLEPA.js +121 -0
- package/chunk-RMDDLEPA.js.map +1 -0
- package/{chunk-FQG3C7OR.js → chunk-XJ7GBFHV.js} +1 -1
- package/chunk-XJ7GBFHV.js.map +1 -0
- package/{chunk-5UUXFHU3.mjs → chunk-YQZZ6RRI.mjs} +1 -1
- package/chunk-YQZZ6RRI.mjs.map +1 -0
- package/chunk-YWILOKX4.mjs +50 -0
- package/chunk-YWILOKX4.mjs.map +1 -0
- package/{chunk-XCHWNZWB.js → chunk-YWWFTM23.js} +1 -1
- package/chunk-YWWFTM23.js.map +1 -0
- package/chunk-ZOF6UW3D.js +51 -0
- package/chunk-ZOF6UW3D.js.map +1 -0
- package/components/form/checkbox.js +2 -2
- package/components/form/checkbox.mjs +1 -1
- package/components/form/date-picker.js +3 -3
- package/components/form/date-picker.mjs +2 -2
- package/components/form/date-range-picker.js +2 -2
- package/components/form/date-range-picker.js.map +1 -1
- package/components/form/date-range-picker.mjs +3 -3
- package/components/form/date-range-picker.mjs.map +1 -1
- package/components/form/hook-checkbox.js +2 -2
- package/components/form/hook-checkbox.js.map +1 -1
- package/components/form/hook-checkbox.mjs +1 -1
- package/components/form/hook-checkbox.mjs.map +1 -1
- package/components/form/hook-date-picker.js +3 -3
- package/components/form/hook-date-picker.js.map +1 -1
- package/components/form/hook-date-picker.mjs +2 -2
- package/components/form/hook-date-picker.mjs.map +1 -1
- package/components/form/hook-native-select.js +2 -2
- package/components/form/hook-native-select.js.map +1 -1
- package/components/form/hook-native-select.mjs +1 -1
- package/components/form/hook-native-select.mjs.map +1 -1
- package/components/form/hook-searchable-select.d.mts +12 -0
- package/components/form/hook-searchable-select.d.ts +12 -0
- package/components/form/hook-searchable-select.js +74 -0
- package/components/form/hook-searchable-select.js.map +1 -0
- package/components/form/hook-searchable-select.mjs +73 -0
- package/components/form/hook-searchable-select.mjs.map +1 -0
- package/components/form/hook-select.js +2 -2
- package/components/form/hook-select.js.map +1 -1
- package/components/form/hook-select.mjs +1 -1
- package/components/form/hook-select.mjs.map +1 -1
- package/components/form/hook-text-input.js +2 -2
- package/components/form/hook-text-input.js.map +1 -1
- package/components/form/hook-text-input.mjs +1 -1
- package/components/form/hook-text-input.mjs.map +1 -1
- package/components/form/hook-textarea.js +2 -2
- package/components/form/hook-textarea.js.map +1 -1
- package/components/form/hook-textarea.mjs +1 -1
- package/components/form/hook-textarea.mjs.map +1 -1
- package/components/form/hook-time-input.js +3 -3
- package/components/form/hook-time-input.js.map +1 -1
- package/components/form/hook-time-input.mjs +2 -2
- package/components/form/hook-time-input.mjs.map +1 -1
- package/components/form/native-select.js +2 -2
- package/components/form/native-select.mjs +1 -1
- package/components/form/searchable-select.d.mts +26 -0
- package/components/form/searchable-select.d.ts +26 -0
- package/components/form/searchable-select.js +17 -0
- package/components/form/searchable-select.js.map +1 -0
- package/components/form/searchable-select.mjs +16 -0
- package/components/form/searchable-select.mjs.map +1 -0
- package/components/form/select.js +2 -2
- package/components/form/select.mjs +1 -1
- package/components/form/text-input.js +2 -2
- package/components/form/text-input.mjs +1 -1
- package/components/form/textarea.js +2 -2
- package/components/form/textarea.mjs +1 -1
- package/components/form/time-input.js +3 -3
- package/components/form/time-input.mjs +2 -2
- package/components/ui/badge.js +5 -113
- package/components/ui/badge.js.map +1 -1
- package/components/ui/badge.mjs +5 -113
- package/components/ui/badge.mjs.map +1 -1
- package/components/ui/command.d.mts +7 -7
- package/components/ui/command.d.ts +7 -7
- package/components/ui/command.js +26 -111
- package/components/ui/command.js.map +1 -1
- package/components/ui/command.mjs +13 -98
- package/components/ui/command.mjs.map +1 -1
- package/components/ui/extension/file-input.d.mts +10 -0
- package/components/ui/extension/file-input.d.ts +10 -0
- package/components/ui/extension/file-input.js +28 -0
- package/components/ui/extension/file-input.js.map +1 -0
- package/components/ui/extension/file-input.mjs +27 -0
- package/components/ui/extension/file-input.mjs.map +1 -0
- package/components/ui/extension/multi-select.d.mts +53 -0
- package/components/ui/extension/multi-select.d.ts +53 -0
- package/components/ui/extension/multi-select.js +312 -0
- package/components/ui/extension/multi-select.js.map +1 -0
- package/components/ui/extension/multi-select.mjs +311 -0
- package/components/ui/extension/multi-select.mjs.map +1 -0
- package/components/ui/resizable.d.mts +1 -1
- package/components/ui/resizable.d.ts +1 -1
- package/components/ui/separator.d.mts +2 -2
- package/components/ui/separator.d.ts +2 -2
- package/components/ui/sidebar.d.mts +2 -2
- package/components/ui/sidebar.d.ts +2 -2
- package/components/ui/toaster.js +2 -2
- package/components/ui/toaster.mjs +1 -1
- package/components/widgets/dialog-manager/index.js +2 -2
- package/components/widgets/dialog-manager/index.mjs +1 -1
- package/components/widgets/dialog-manager/provider.js +2 -2
- package/components/widgets/dialog-manager/provider.mjs +1 -1
- package/hooks/use-toast.js +2 -2
- package/hooks/use-toast.mjs +1 -1
- package/layouts/sidebar1/LinkWrapper.js.map +1 -1
- package/layouts/sidebar1/LinkWrapper.mjs.map +1 -1
- package/layouts/sidebar1/app-sidebar.js +8 -8
- package/layouts/sidebar1/app-sidebar.mjs +7 -7
- package/layouts/sidebar1/context-switcher.js +3 -3
- package/layouts/sidebar1/context-switcher.mjs +2 -2
- package/layouts/sidebar1/index.js +13 -13
- package/layouts/sidebar1/index.js.map +1 -1
- package/layouts/sidebar1/index.mjs +14 -14
- package/layouts/sidebar1/nav-menus.js +3 -3
- package/layouts/sidebar1/nav-menus.mjs +2 -2
- package/layouts/sidebar1/nav-user.js +4 -4
- package/layouts/sidebar1/nav-user.mjs +3 -3
- package/layouts/simple/index.d.mts +52 -0
- package/layouts/simple/index.d.ts +52 -0
- package/layouts/simple/index.js +163 -0
- package/layouts/simple/index.js.map +1 -0
- package/layouts/simple/index.mjs +162 -0
- package/layouts/simple/index.mjs.map +1 -0
- package/layouts/simple/mobile-menu.d.mts +11 -0
- package/layouts/simple/mobile-menu.d.ts +11 -0
- package/layouts/simple/mobile-menu.js +11 -0
- package/layouts/simple/mobile-menu.js.map +1 -0
- package/layouts/simple/mobile-menu.mjs +10 -0
- package/layouts/simple/mobile-menu.mjs.map +1 -0
- package/layouts/simple/types.d.mts +15 -0
- package/layouts/simple/types.d.ts +15 -0
- package/layouts/simple/types.js +3 -0
- package/layouts/simple/types.js.map +1 -0
- package/layouts/simple/types.mjs +2 -0
- package/layouts/simple/types.mjs.map +1 -0
- package/layouts/simple/user-menu.d.mts +10 -0
- package/layouts/simple/user-menu.d.ts +10 -0
- package/layouts/simple/user-menu.js +12 -0
- package/layouts/simple/user-menu.js.map +1 -0
- package/layouts/simple/user-menu.mjs +11 -0
- package/layouts/simple/user-menu.mjs.map +1 -0
- package/package.json +2 -2
- package/chunk-273TIMKM.js.map +0 -1
- package/chunk-2WDZS5E5.mjs.map +0 -1
- package/chunk-3YDM2NYL.js.map +0 -1
- package/chunk-4QOQOMZB.mjs.map +0 -1
- package/chunk-5RW6O56P.mjs.map +0 -1
- package/chunk-5UUXFHU3.mjs.map +0 -1
- package/chunk-674CL6CM.mjs.map +0 -1
- package/chunk-6LGAYFGF.js.map +0 -1
- package/chunk-ALDDTRY5.js.map +0 -1
- package/chunk-FQG3C7OR.js.map +0 -1
- package/chunk-FSBUJKT7.mjs.map +0 -1
- package/chunk-GNIJ6SIH.js.map +0 -1
- package/chunk-IPTLI5N5.mjs.map +0 -1
- package/chunk-LVFEXEXE.mjs.map +0 -1
- package/chunk-MWA2HHI7.mjs.map +0 -1
- package/chunk-N4QVNSAY.js.map +0 -1
- package/chunk-NJDC3RMA.mjs.map +0 -1
- package/chunk-P3TWGNQQ.mjs.map +0 -1
- package/chunk-PSQGNWKT.js.map +0 -1
- package/chunk-SHCDAPWS.js.map +0 -1
- package/chunk-SKLZYIKR.mjs.map +0 -1
- package/chunk-UAKQ4NXG.js.map +0 -1
- package/chunk-UQTHHSJN.mjs.map +0 -1
- package/chunk-WA2Z3OWJ.js.map +0 -1
- package/chunk-XCHWNZWB.js.map +0 -1
- package/chunk-YT6UTIPP.js.map +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
ContextSwitcher
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-IAJ2ZBSJ.mjs";
|
|
4
|
+
} from "../../chunk-NTYWTGYX.mjs";
|
|
6
5
|
import "../../chunk-54PLQ33F.mjs";
|
|
7
6
|
import "../../chunk-V4BQYO2M.mjs";
|
|
8
7
|
import "../../chunk-ZJAFK7BR.mjs";
|
|
9
8
|
import "../../chunk-OAAHNESN.mjs";
|
|
10
9
|
import "../../chunk-R7L4TN3C.mjs";
|
|
10
|
+
import "../../chunk-IAJ2ZBSJ.mjs";
|
|
11
11
|
import "../../chunk-REZO5TYB.mjs";
|
|
12
12
|
import "../../chunk-77MASFCZ.mjs";
|
|
13
13
|
import "../../chunk-4NMFJSJN.mjs";
|
|
@@ -2,31 +2,31 @@
|
|
|
2
2
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
|
|
3
3
|
|
|
4
4
|
|
|
5
|
+
var _chunk4FD63HEQjs = require('../../chunk-4FD63HEQ.js');
|
|
6
|
+
require('../../chunk-PCR4GC74.js');
|
|
7
|
+
require('../../chunk-5HD5BGK7.js');
|
|
8
|
+
require('../../chunk-DYUS5722.js');
|
|
5
9
|
|
|
6
10
|
|
|
7
11
|
|
|
8
12
|
|
|
9
|
-
var
|
|
13
|
+
var _chunkMYO4WRNBjs = require('../../chunk-MYO4WRNB.js');
|
|
10
14
|
|
|
11
15
|
|
|
12
|
-
var
|
|
13
|
-
require('../../chunk-
|
|
14
|
-
require('../../chunk-
|
|
15
|
-
require('../../chunk-
|
|
16
|
-
require('../../chunk-SHCDAPWS.js');
|
|
17
|
-
require('../../chunk-FQQGM55E.js');
|
|
16
|
+
var _chunkV7M2UXTRjs = require('../../chunk-V7M2UXTR.js');
|
|
17
|
+
require('../../chunk-E4SSD5P4.js');
|
|
18
|
+
require('../../chunk-LUIXCCN2.js');
|
|
19
|
+
require('../../chunk-LSKO74NV.js');
|
|
18
20
|
require('../../chunk-NI2SIUXO.js');
|
|
19
21
|
|
|
20
22
|
|
|
21
23
|
|
|
22
24
|
|
|
23
|
-
var _chunkMYO4WRNBjs = require('../../chunk-MYO4WRNB.js');
|
|
24
25
|
|
|
25
26
|
|
|
26
|
-
var
|
|
27
|
-
require('../../chunk-
|
|
28
|
-
require('../../chunk-
|
|
29
|
-
require('../../chunk-LSKO74NV.js');
|
|
27
|
+
var _chunkRSQ25E6Yjs = require('../../chunk-RSQ25E6Y.js');
|
|
28
|
+
require('../../chunk-OROMS2CN.js');
|
|
29
|
+
require('../../chunk-FQQGM55E.js');
|
|
30
30
|
require('../../chunk-W2N2NIVE.js');
|
|
31
31
|
require('../../chunk-N7JSYNXM.js');
|
|
32
32
|
require('../../chunk-EZZ2YCUU.js');
|
|
@@ -55,7 +55,7 @@ function SidebarLayout({
|
|
|
55
55
|
}
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
|
-
return /* @__PURE__ */ React.createElement(_chunkMYO4WRNBjs.SidebarProvider, null, /* @__PURE__ */ React.createElement(
|
|
58
|
+
return /* @__PURE__ */ React.createElement(_chunkMYO4WRNBjs.SidebarProvider, null, /* @__PURE__ */ React.createElement(_chunk4FD63HEQjs.AppSidebar, { aslink, data }), /* @__PURE__ */ React.createElement(_chunkMYO4WRNBjs.SidebarInset, null, /* @__PURE__ */ React.createElement("header", { className: "flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-4" }, /* @__PURE__ */ React.createElement(_chunkMYO4WRNBjs.SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ React.createElement(_chunkV7M2UXTRjs.Separator, { orientation: "vertical", className: "mr-2 h-4 w-[1px] bg-secondary" }), /* @__PURE__ */ React.createElement(_chunkRSQ25E6Yjs.Breadcrumb, null, /* @__PURE__ */ React.createElement(_chunkRSQ25E6Yjs.BreadcrumbList, { className: "text-dark" }, activeItems.map((bread, index) => {
|
|
59
59
|
return /* @__PURE__ */ React.createElement(React.Fragment, { key: bread }, index > 0 && /* @__PURE__ */ React.createElement(_chunkRSQ25E6Yjs.BreadcrumbSeparator, null), /* @__PURE__ */ React.createElement(_chunkRSQ25E6Yjs.BreadcrumbItem, null, /* @__PURE__ */ React.createElement(_chunkRSQ25E6Yjs.BreadcrumbPage, { className: "" }, bread)));
|
|
60
60
|
}))))), /* @__PURE__ */ React.createElement("main", { className: "px-4 pb-2 overflow-auto" }, children)));
|
|
61
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/sidebar1/index.js","../../../layouts/sidebar1/index.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;
|
|
1
|
+
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/sidebar1/index.js","../../../layouts/sidebar1/index.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/sidebar1/index.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from '../../components/ui/breadcrumb';\nimport { Separator } from '../../components/ui/separator';\nimport { SidebarInset, SidebarProvider, SidebarTrigger } from '../../components/ui/sidebar';\nimport { AppSidebar, ISidebarData } from './app-sidebar';\nimport { INavUser } from './nav-user';\nexport type { ISidebarData };\nexport type { INavUser };\n\nexport default function SidebarLayout({\n children,\n aslink,\n data,\n}: Readonly<{\n children: React.ReactNode;\n aslink: React.ElementType;\n data: ISidebarData;\n}>) {\n const activeItems: string[] = [];\n\n data.menus.forEach((menu) => {\n menu.items.forEach((item) => {\n if (item.subItems) {\n item.subItems.forEach((subItem) => {\n if (subItem.isActive) {\n activeItems.push(item.title, subItem.title);\n }\n });\n } else if (item.isActive) {\n activeItems.push(item.title);\n }\n });\n });\n\n return (\n <SidebarProvider>\n <AppSidebar aslink={aslink} data={data} />\n <SidebarInset>\n <header className=\"flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\">\n <div className=\"flex items-center gap-2 px-4\">\n <SidebarTrigger className=\"-ml-1\" />\n <Separator orientation=\"vertical\" className=\"mr-2 h-4 w-[1px] bg-secondary\" />\n <Breadcrumb>\n <BreadcrumbList className=\"text-dark\">\n {activeItems.map((bread, index) => {\n return (\n <React.Fragment key={bread}>\n {index > 0 && <BreadcrumbSeparator />}\n <BreadcrumbItem>\n <BreadcrumbPage className=\"\">{bread}</BreadcrumbPage>\n </BreadcrumbItem>\n </React.Fragment>\n );\n })}\n </BreadcrumbList>\n </Breadcrumb>\n </div>\n </header>\n <main className=\"px-4 pb-2 overflow-auto\">{children}</main>\n </SidebarInset>\n </SidebarProvider>\n );\n}\n"]}
|
|
@@ -1,20 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
Breadcrumb,
|
|
4
|
-
BreadcrumbItem,
|
|
5
|
-
BreadcrumbList,
|
|
6
|
-
BreadcrumbPage,
|
|
7
|
-
BreadcrumbSeparator
|
|
8
|
-
} from "../../chunk-ZVBMRCE7.mjs";
|
|
9
2
|
import {
|
|
10
3
|
AppSidebar
|
|
11
|
-
} from "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
13
|
-
import "../../chunk-
|
|
14
|
-
import "../../chunk-
|
|
15
|
-
import "../../chunk-SKLZYIKR.mjs";
|
|
16
|
-
import "../../chunk-QDVJN4S3.mjs";
|
|
17
|
-
import "../../chunk-IAJ2ZBSJ.mjs";
|
|
4
|
+
} from "../../chunk-ACE5WNTU.mjs";
|
|
5
|
+
import "../../chunk-EJQJ3BCF.mjs";
|
|
6
|
+
import "../../chunk-DMATER3M.mjs";
|
|
7
|
+
import "../../chunk-NTYWTGYX.mjs";
|
|
18
8
|
import {
|
|
19
9
|
SidebarInset,
|
|
20
10
|
SidebarProvider,
|
|
@@ -26,6 +16,16 @@ import {
|
|
|
26
16
|
import "../../chunk-ZJAFK7BR.mjs";
|
|
27
17
|
import "../../chunk-OAAHNESN.mjs";
|
|
28
18
|
import "../../chunk-R7L4TN3C.mjs";
|
|
19
|
+
import "../../chunk-IAJ2ZBSJ.mjs";
|
|
20
|
+
import {
|
|
21
|
+
Breadcrumb,
|
|
22
|
+
BreadcrumbItem,
|
|
23
|
+
BreadcrumbList,
|
|
24
|
+
BreadcrumbPage,
|
|
25
|
+
BreadcrumbSeparator
|
|
26
|
+
} from "../../chunk-ZVBMRCE7.mjs";
|
|
27
|
+
import "../../chunk-WJ4BE7HH.mjs";
|
|
28
|
+
import "../../chunk-QDVJN4S3.mjs";
|
|
29
29
|
import "../../chunk-REZO5TYB.mjs";
|
|
30
30
|
import "../../chunk-77MASFCZ.mjs";
|
|
31
31
|
import "../../chunk-4NMFJSJN.mjs";
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-OROMS2CN.js');
|
|
5
|
+
var _chunkPCR4GC74js = require('../../chunk-PCR4GC74.js');
|
|
7
6
|
require('../../chunk-MYO4WRNB.js');
|
|
8
7
|
require('../../chunk-V7M2UXTR.js');
|
|
9
8
|
require('../../chunk-E4SSD5P4.js');
|
|
10
9
|
require('../../chunk-LUIXCCN2.js');
|
|
11
10
|
require('../../chunk-LSKO74NV.js');
|
|
11
|
+
require('../../chunk-OROMS2CN.js');
|
|
12
12
|
require('../../chunk-W2N2NIVE.js');
|
|
13
13
|
require('../../chunk-N7JSYNXM.js');
|
|
14
14
|
require('../../chunk-EZZ2YCUU.js');
|
|
@@ -17,5 +17,5 @@ require('../../chunk-6N4WCMTE.js');
|
|
|
17
17
|
require('../../chunk-2NMEKWO5.js');
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
exports.NavMenus =
|
|
20
|
+
exports.NavMenus = _chunkPCR4GC74js.NavMenus;
|
|
21
21
|
//# sourceMappingURL=nav-menus.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
NavMenus
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-WJ4BE7HH.mjs";
|
|
4
|
+
} from "../../chunk-EJQJ3BCF.mjs";
|
|
6
5
|
import "../../chunk-54PLQ33F.mjs";
|
|
7
6
|
import "../../chunk-V4BQYO2M.mjs";
|
|
8
7
|
import "../../chunk-ZJAFK7BR.mjs";
|
|
9
8
|
import "../../chunk-OAAHNESN.mjs";
|
|
10
9
|
import "../../chunk-R7L4TN3C.mjs";
|
|
10
|
+
import "../../chunk-WJ4BE7HH.mjs";
|
|
11
11
|
import "../../chunk-REZO5TYB.mjs";
|
|
12
12
|
import "../../chunk-77MASFCZ.mjs";
|
|
13
13
|
import "../../chunk-4NMFJSJN.mjs";
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-FQQGM55E.js');
|
|
7
|
-
require('../../chunk-NI2SIUXO.js');
|
|
5
|
+
var _chunk5HD5BGK7js = require('../../chunk-5HD5BGK7.js');
|
|
8
6
|
require('../../chunk-MYO4WRNB.js');
|
|
9
7
|
require('../../chunk-V7M2UXTR.js');
|
|
10
8
|
require('../../chunk-E4SSD5P4.js');
|
|
11
9
|
require('../../chunk-LUIXCCN2.js');
|
|
12
10
|
require('../../chunk-LSKO74NV.js');
|
|
11
|
+
require('../../chunk-NI2SIUXO.js');
|
|
12
|
+
require('../../chunk-FQQGM55E.js');
|
|
13
13
|
require('../../chunk-W2N2NIVE.js');
|
|
14
14
|
require('../../chunk-N7JSYNXM.js');
|
|
15
15
|
require('../../chunk-EZZ2YCUU.js');
|
|
@@ -18,5 +18,5 @@ require('../../chunk-6N4WCMTE.js');
|
|
|
18
18
|
require('../../chunk-2NMEKWO5.js');
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
exports.NavUser =
|
|
21
|
+
exports.NavUser = _chunk5HD5BGK7js.NavUser;
|
|
22
22
|
//# sourceMappingURL=nav-user.js.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
NavUser
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-QDVJN4S3.mjs";
|
|
6
|
-
import "../../chunk-IAJ2ZBSJ.mjs";
|
|
4
|
+
} from "../../chunk-DMATER3M.mjs";
|
|
7
5
|
import "../../chunk-54PLQ33F.mjs";
|
|
8
6
|
import "../../chunk-V4BQYO2M.mjs";
|
|
9
7
|
import "../../chunk-ZJAFK7BR.mjs";
|
|
10
8
|
import "../../chunk-OAAHNESN.mjs";
|
|
11
9
|
import "../../chunk-R7L4TN3C.mjs";
|
|
10
|
+
import "../../chunk-IAJ2ZBSJ.mjs";
|
|
11
|
+
import "../../chunk-QDVJN4S3.mjs";
|
|
12
12
|
import "../../chunk-REZO5TYB.mjs";
|
|
13
13
|
import "../../chunk-77MASFCZ.mjs";
|
|
14
14
|
import "../../chunk-4NMFJSJN.mjs";
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { UserMenuSection, MenuItem } from './types.mjs';
|
|
3
|
+
|
|
4
|
+
interface LayoutProps {
|
|
5
|
+
logo?: {
|
|
6
|
+
src?: string;
|
|
7
|
+
link?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
user?: {
|
|
11
|
+
menuSections: UserMenuSection[];
|
|
12
|
+
trigger?: React__default.ReactNode;
|
|
13
|
+
};
|
|
14
|
+
left?: {
|
|
15
|
+
menus: MenuItem[];
|
|
16
|
+
classNames?: {
|
|
17
|
+
nav?: string;
|
|
18
|
+
link?: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
right?: {
|
|
22
|
+
menus: MenuItem[];
|
|
23
|
+
classNames?: {
|
|
24
|
+
nav?: string;
|
|
25
|
+
link?: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
sidebar?: {
|
|
29
|
+
title: string;
|
|
30
|
+
content: React__default.ReactNode;
|
|
31
|
+
};
|
|
32
|
+
footer?: {
|
|
33
|
+
menus: MenuItem[];
|
|
34
|
+
content?: string;
|
|
35
|
+
classNames?: {
|
|
36
|
+
wrapper?: string;
|
|
37
|
+
nav?: string;
|
|
38
|
+
link?: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
classNames?: {
|
|
42
|
+
header?: string;
|
|
43
|
+
content?: string;
|
|
44
|
+
contentBottom?: string;
|
|
45
|
+
};
|
|
46
|
+
loading?: boolean;
|
|
47
|
+
children?: React__default.ReactNode;
|
|
48
|
+
aslink: React__default.ElementType;
|
|
49
|
+
}
|
|
50
|
+
declare function SimpleLayout(props: LayoutProps): React__default.JSX.Element;
|
|
51
|
+
|
|
52
|
+
export { SimpleLayout as default };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { UserMenuSection, MenuItem } from './types.js';
|
|
3
|
+
|
|
4
|
+
interface LayoutProps {
|
|
5
|
+
logo?: {
|
|
6
|
+
src?: string;
|
|
7
|
+
link?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
user?: {
|
|
11
|
+
menuSections: UserMenuSection[];
|
|
12
|
+
trigger?: React__default.ReactNode;
|
|
13
|
+
};
|
|
14
|
+
left?: {
|
|
15
|
+
menus: MenuItem[];
|
|
16
|
+
classNames?: {
|
|
17
|
+
nav?: string;
|
|
18
|
+
link?: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
right?: {
|
|
22
|
+
menus: MenuItem[];
|
|
23
|
+
classNames?: {
|
|
24
|
+
nav?: string;
|
|
25
|
+
link?: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
sidebar?: {
|
|
29
|
+
title: string;
|
|
30
|
+
content: React__default.ReactNode;
|
|
31
|
+
};
|
|
32
|
+
footer?: {
|
|
33
|
+
menus: MenuItem[];
|
|
34
|
+
content?: string;
|
|
35
|
+
classNames?: {
|
|
36
|
+
wrapper?: string;
|
|
37
|
+
nav?: string;
|
|
38
|
+
link?: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
classNames?: {
|
|
42
|
+
header?: string;
|
|
43
|
+
content?: string;
|
|
44
|
+
contentBottom?: string;
|
|
45
|
+
};
|
|
46
|
+
loading?: boolean;
|
|
47
|
+
children?: React__default.ReactNode;
|
|
48
|
+
aslink: React__default.ElementType;
|
|
49
|
+
}
|
|
50
|
+
declare function SimpleLayout(props: LayoutProps): React__default.JSX.Element;
|
|
51
|
+
|
|
52
|
+
export { SimpleLayout as default };
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
var _chunkQGXFFTPHjs = require('../../chunk-QGXFFTPH.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
var _chunkZOF6UW3Djs = require('../../chunk-ZOF6UW3D.js');
|
|
9
|
+
require('../../chunk-NI2SIUXO.js');
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
var _chunk6N4WCMTEjs = require('../../chunk-6N4WCMTE.js');
|
|
13
|
+
require('../../chunk-2NMEKWO5.js');
|
|
14
|
+
|
|
15
|
+
// layouts/simple/index.tsx
|
|
16
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
17
|
+
var _lucidereact = require('lucide-react');
|
|
18
|
+
function SimpleLayout(props) {
|
|
19
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
20
|
+
const { logo, user, left, right, sidebar, footer, classNames, loading, children, aslink } = props;
|
|
21
|
+
const [mobileMenuOpen, setMobileMenuOpen] = _react.useState.call(void 0, false);
|
|
22
|
+
const [isMobile, setIsMobile] = _react.useState.call(void 0, false);
|
|
23
|
+
const LinkComponent = aslink != null ? aslink : "button";
|
|
24
|
+
_react.useEffect.call(void 0, () => {
|
|
25
|
+
const handleResize = () => {
|
|
26
|
+
setIsMobile(window.innerWidth < 768);
|
|
27
|
+
};
|
|
28
|
+
handleResize();
|
|
29
|
+
window.addEventListener("resize", handleResize);
|
|
30
|
+
return () => window.removeEventListener("resize", handleResize);
|
|
31
|
+
}, []);
|
|
32
|
+
const toggleMobileMenu = () => setMobileMenuOpen(!mobileMenuOpen);
|
|
33
|
+
const leftMenus = (_a = left == null ? void 0 : left.menus) != null ? _a : [];
|
|
34
|
+
const rightMenus = (_b = right == null ? void 0 : right.menus) != null ? _b : [];
|
|
35
|
+
const topMenus = [...leftMenus, ...rightMenus];
|
|
36
|
+
const userMenuSections = (_c = user == null ? void 0 : user.menuSections) != null ? _c : [];
|
|
37
|
+
const footerMenus = (_d = footer == null ? void 0 : footer.menus) != null ? _d : [];
|
|
38
|
+
return /* @__PURE__ */ _react2.default.createElement("div", { className: "flex flex-col min-h-screen" }, /* @__PURE__ */ _react2.default.createElement(
|
|
39
|
+
"header",
|
|
40
|
+
{
|
|
41
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
42
|
+
"px-4 py-2 flex items-center justify-between bg-gray-100 border-b border-gray-300",
|
|
43
|
+
classNames == null ? void 0 : classNames.header
|
|
44
|
+
)
|
|
45
|
+
},
|
|
46
|
+
/* @__PURE__ */ _react2.default.createElement("div", { className: "flex items-center space-x-4" }, sidebar && /* @__PURE__ */ _react2.default.createElement(
|
|
47
|
+
"button",
|
|
48
|
+
{
|
|
49
|
+
className: "bg-transparent border-gray-400 hover:border-gray-500",
|
|
50
|
+
onClick: () => {
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
), logo && /* @__PURE__ */ _react2.default.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "_logo") }, /* @__PURE__ */ _react2.default.createElement(LinkComponent, { to: (_e = logo.link) != null ? _e : "/", href: (_f = logo.link) != null ? _f : "/" }, /* @__PURE__ */ _react2.default.createElement("img", { src: logo.src, alt: "Logo", className: _chunk6N4WCMTEjs.cn.call(void 0, "h-10", logo == null ? void 0 : logo.className) }))), /* @__PURE__ */ _react2.default.createElement("nav", { className: _chunk6N4WCMTEjs.cn.call(void 0, "flex space-x-4 items-center", (_g = left == null ? void 0 : left.classNames) == null ? void 0 : _g.nav) }, leftMenus.map(
|
|
54
|
+
(item) => {
|
|
55
|
+
var _a2, _b2;
|
|
56
|
+
return item.link ? /* @__PURE__ */ _react2.default.createElement(
|
|
57
|
+
LinkComponent,
|
|
58
|
+
{
|
|
59
|
+
key: item.label,
|
|
60
|
+
to: item.link,
|
|
61
|
+
href: item.link,
|
|
62
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
63
|
+
"text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline",
|
|
64
|
+
(_a2 = left == null ? void 0 : left.classNames) == null ? void 0 : _a2.nav,
|
|
65
|
+
item.className,
|
|
66
|
+
item.title || !isMobile ? "inline-block" : "hidden"
|
|
67
|
+
)
|
|
68
|
+
},
|
|
69
|
+
item.label
|
|
70
|
+
) : /* @__PURE__ */ _react2.default.createElement(
|
|
71
|
+
"button",
|
|
72
|
+
{
|
|
73
|
+
key: item.label,
|
|
74
|
+
onClick: item.action,
|
|
75
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
76
|
+
"text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline",
|
|
77
|
+
(_b2 = left == null ? void 0 : left.classNames) == null ? void 0 : _b2.nav,
|
|
78
|
+
item.className,
|
|
79
|
+
item.title || !isMobile ? "inline-block" : "hidden"
|
|
80
|
+
)
|
|
81
|
+
},
|
|
82
|
+
item.label
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
))),
|
|
86
|
+
/* @__PURE__ */ _react2.default.createElement("nav", { className: _chunk6N4WCMTEjs.cn.call(void 0, "hidden md:flex space-x-4 items-center", (_h = right == null ? void 0 : right.classNames) == null ? void 0 : _h.nav) }, rightMenus.map(
|
|
87
|
+
(item) => {
|
|
88
|
+
var _a2, _b2;
|
|
89
|
+
return item.link ? /* @__PURE__ */ _react2.default.createElement(
|
|
90
|
+
LinkComponent,
|
|
91
|
+
{
|
|
92
|
+
key: item.label,
|
|
93
|
+
to: item.link,
|
|
94
|
+
href: item.link,
|
|
95
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
96
|
+
"text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline",
|
|
97
|
+
(_a2 = right == null ? void 0 : right.classNames) == null ? void 0 : _a2.nav,
|
|
98
|
+
item.className
|
|
99
|
+
)
|
|
100
|
+
},
|
|
101
|
+
item.label
|
|
102
|
+
) : /* @__PURE__ */ _react2.default.createElement(
|
|
103
|
+
"button",
|
|
104
|
+
{
|
|
105
|
+
key: item.label,
|
|
106
|
+
onClick: item.action,
|
|
107
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
108
|
+
"text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline",
|
|
109
|
+
(_b2 = right == null ? void 0 : right.classNames) == null ? void 0 : _b2.nav,
|
|
110
|
+
item.className
|
|
111
|
+
)
|
|
112
|
+
},
|
|
113
|
+
item.label
|
|
114
|
+
);
|
|
115
|
+
}
|
|
116
|
+
), userMenuSections.length > 0 && /* @__PURE__ */ _react2.default.createElement(_chunkZOF6UW3Djs.UserMenus, { sections: userMenuSections, trigger: user == null ? void 0 : user.trigger, aslink })),
|
|
117
|
+
/* @__PURE__ */ _react2.default.createElement("button", { onClick: toggleMobileMenu, className: "md:hidden p-2 text-gray-700 hover:text-primary cursor-pointer" }, /* @__PURE__ */ _react2.default.createElement(_lucidereact.Menu, { className: "" }))
|
|
118
|
+
), isMobile && mobileMenuOpen && /* @__PURE__ */ _react2.default.createElement("div", { className: "w-full" }, /* @__PURE__ */ _react2.default.createElement(_chunkQGXFFTPHjs.MobileMenu, { sections: userMenuSections, aslink, onClick: toggleMobileMenu })), /* @__PURE__ */ _react2.default.createElement("main", { className: _chunk6N4WCMTEjs.cn.call(void 0, "p-4 flex flex-col flex-1", classNames == null ? void 0 : classNames.content) }, !loading && /* @__PURE__ */ _react2.default.createElement("div", { className: "flex items-center justify-center h-full" }, children), /* @__PURE__ */ _react2.default.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "flex-1", classNames == null ? void 0 : classNames.contentBottom) })), footer && /* @__PURE__ */ _react2.default.createElement(
|
|
119
|
+
"footer",
|
|
120
|
+
{
|
|
121
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
122
|
+
"px-4 py-4 bg-gray-100 border-t border-gray-300 text-sm text-gray-600",
|
|
123
|
+
(_i = footer == null ? void 0 : footer.classNames) == null ? void 0 : _i.wrapper
|
|
124
|
+
)
|
|
125
|
+
},
|
|
126
|
+
/* @__PURE__ */ _react2.default.createElement("nav", { className: _chunk6N4WCMTEjs.cn.call(void 0, "flex flex-wrap justify-center space-x-4", (_j = footer == null ? void 0 : footer.classNames) == null ? void 0 : _j.nav) }, footerMenus.map(
|
|
127
|
+
(item) => {
|
|
128
|
+
var _a2, _b2;
|
|
129
|
+
return item.link ? /* @__PURE__ */ _react2.default.createElement(
|
|
130
|
+
LinkComponent,
|
|
131
|
+
{
|
|
132
|
+
key: item.label,
|
|
133
|
+
to: item.link,
|
|
134
|
+
href: item.link,
|
|
135
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
136
|
+
"text-secondary hover:text-primary cursor-pointer no-underline",
|
|
137
|
+
(_a2 = footer == null ? void 0 : footer.classNames) == null ? void 0 : _a2.link,
|
|
138
|
+
item.className
|
|
139
|
+
)
|
|
140
|
+
},
|
|
141
|
+
item.label
|
|
142
|
+
) : /* @__PURE__ */ _react2.default.createElement(
|
|
143
|
+
"button",
|
|
144
|
+
{
|
|
145
|
+
key: item.label,
|
|
146
|
+
onClick: item.action,
|
|
147
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
148
|
+
"text-secondary hover:text-primary cursor-pointer no-underline",
|
|
149
|
+
(_b2 = footer == null ? void 0 : footer.classNames) == null ? void 0 : _b2.link,
|
|
150
|
+
item.className
|
|
151
|
+
)
|
|
152
|
+
},
|
|
153
|
+
item.label
|
|
154
|
+
);
|
|
155
|
+
}
|
|
156
|
+
)),
|
|
157
|
+
/* @__PURE__ */ _react2.default.createElement("div", { className: "mt-2 text-center" }, footer == null ? void 0 : footer.content)
|
|
158
|
+
));
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
exports.default = SimpleLayout;
|
|
163
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/simple/index.js","../../../layouts/simple/index.tsx"],"names":["_a","_b"],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/simple/index.js","sourcesContent":[null,"\"use client\";\nimport React, { useState, useMemo, useEffect } from 'react';\nimport { Menu } from 'lucide-react';\nimport { cn } from '../../lib/utils';\nimport { UserMenus } from './user-menu';\nimport { MobileMenu } from './mobile-menu';\nimport type { MenuItem, UserMenuSection } from './types';\n\ninterface LayoutProps {\n logo?: {\n src?: string;\n link?: string;\n className?: string;\n };\n user?: {\n menuSections: UserMenuSection[];\n trigger?: React.ReactNode;\n };\n left?: {\n menus: MenuItem[];\n classNames?: {\n nav?: string;\n link?: string;\n };\n };\n right?: {\n menus: MenuItem[];\n classNames?: {\n nav?: string;\n link?: string;\n };\n };\n sidebar?: {\n title: string;\n content: React.ReactNode;\n };\n footer?: {\n menus: MenuItem[];\n content?: string;\n classNames?: {\n wrapper?: string;\n nav?: string;\n link?: string;\n };\n };\n classNames?: {\n header?: string;\n content?: string;\n contentBottom?: string;\n };\n loading?: boolean;\n children?: React.ReactNode;\n aslink: React.ElementType;\n}\n\nexport default function SimpleLayout(props: LayoutProps) {\n const { logo, user, left, right, sidebar, footer, classNames, loading, children, aslink } = props;\n\n const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n const [isMobile, setIsMobile] = useState(false);\n\n const LinkComponent = aslink ?? 'button';\n\n useEffect(() => {\n const handleResize = () => {\n setIsMobile(window.innerWidth < 768);\n };\n handleResize();\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n const toggleMobileMenu = () => setMobileMenuOpen(!mobileMenuOpen);\n\n const leftMenus = left?.menus ?? [];\n const rightMenus = right?.menus ?? [];\n const topMenus = [...leftMenus, ...rightMenus];\n const userMenuSections = user?.menuSections ?? [];\n const footerMenus = footer?.menus ?? [];\n\n return (\n <div className=\"flex flex-col min-h-screen\">\n {/* Header */}\n <header\n className={cn(\n 'px-4 py-2 flex items-center justify-between bg-gray-100 border-b border-gray-300',\n classNames?.header,\n )}\n >\n <div className=\"flex items-center space-x-4\">\n {sidebar && (\n <button\n className=\"bg-transparent border-gray-400 hover:border-gray-500\"\n onClick={() => {\n /* open sidebar */\n }}\n >\n {/* icon */}\n </button>\n )}\n {logo && (\n <div className={cn('_logo')}>\n <LinkComponent to={logo.link ?? '/'} href={logo.link ?? '/'}>\n <img src={logo.src} alt=\"Logo\" className={cn('h-10', logo?.className)} />\n </LinkComponent>\n </div>\n )}\n\n {/* Left Menus */}\n <nav className={cn('flex space-x-4 items-center', left?.classNames?.nav)}>\n {leftMenus.map((item) =>\n item.link ? (\n <LinkComponent\n key={item.label}\n to={item.link}\n href={item.link}\n className={cn(\n 'text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline',\n left?.classNames?.nav,\n item.className,\n item.title || !isMobile ? 'inline-block' : 'hidden',\n )}\n >\n {item.label}\n </LinkComponent>\n ) : (\n <button\n key={item.label}\n onClick={item.action}\n className={cn(\n 'text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline',\n left?.classNames?.nav,\n item.className,\n item.title || !isMobile ? 'inline-block' : 'hidden',\n )}\n >\n {item.label}\n </button>\n ),\n )}\n </nav>\n </div>\n\n {/* Right menus */}\n <nav className={cn('hidden md:flex space-x-4 items-center', right?.classNames?.nav)}>\n {rightMenus.map((item) =>\n item.link ? (\n <LinkComponent\n key={item.label}\n to={item.link}\n href={item.link}\n className={cn(\n 'text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline',\n right?.classNames?.nav,\n item.className,\n )}\n >\n {item.label}\n </LinkComponent>\n ) : (\n <button\n key={item.label}\n onClick={item.action}\n className={cn(\n 'text-left text-secondary visited:text-secondary hover:text-primary cursor-pointer no-underline',\n right?.classNames?.nav,\n item.className,\n )}\n >\n {item.label}\n </button>\n ),\n )}\n {userMenuSections.length > 0 && (\n <UserMenus sections={userMenuSections} trigger={user?.trigger} aslink={aslink} />\n )}\n </nav>\n\n {/* Mobile menu button */}\n <button onClick={toggleMobileMenu} className=\"md:hidden p-2 text-gray-700 hover:text-primary cursor-pointer\">\n <Menu className=\"\" />\n </button>\n </header>\n\n {/* Mobile menu */}\n {isMobile && mobileMenuOpen && (\n <div className=\"w-full\">\n <MobileMenu sections={userMenuSections} aslink={aslink} onClick={toggleMobileMenu} />\n </div>\n )}\n\n {/* Main content */}\n <main className={cn('p-4 flex flex-col flex-1', classNames?.content)}>\n {!loading && <div className=\"flex items-center justify-center h-full\">{children}</div>}\n <div className={cn('flex-1', classNames?.contentBottom)}></div>\n </main>\n\n {/* Footer */}\n {footer && (\n <footer\n className={cn(\n 'px-4 py-4 bg-gray-100 border-t border-gray-300 text-sm text-gray-600',\n footer?.classNames?.wrapper,\n )}\n >\n <nav className={cn('flex flex-wrap justify-center space-x-4', footer?.classNames?.nav)}>\n {footerMenus.map((item) =>\n item.link ? (\n <LinkComponent\n key={item.label}\n to={item.link}\n href={item.link}\n className={cn(\n 'text-secondary hover:text-primary cursor-pointer no-underline',\n footer?.classNames?.link,\n item.className,\n )}\n >\n {item.label}\n </LinkComponent>\n ) : (\n <button\n key={item.label}\n onClick={item.action}\n className={cn(\n 'text-secondary hover:text-primary cursor-pointer no-underline',\n footer?.classNames?.link,\n item.className,\n )}\n >\n {item.label}\n </button>\n ),\n )}\n </nav>\n <div className=\"mt-2 text-center\">{footer?.content}</div>\n </footer>\n )}\n </div>\n );\n}\n"]}
|