@marcoschwartz/lite-ui 0.24.5 → 0.24.6
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/dist/index.js +45 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +45 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1396,8 +1396,9 @@ var AppShell = ({
|
|
|
1396
1396
|
const footerCollapsed = footer?.collapsed ?? false;
|
|
1397
1397
|
const showNavbarHamburger = navbar && !navbarCollapsedMobile;
|
|
1398
1398
|
const showAsideHamburger = aside && !asideCollapsedMobile;
|
|
1399
|
-
const
|
|
1400
|
-
const
|
|
1399
|
+
const showHeaderOnlyHamburger = header && !navbar && !aside && !headerCollapsed;
|
|
1400
|
+
const needsMobileHeader = showNavbarHamburger || showAsideHamburger || showHeaderOnlyHamburger;
|
|
1401
|
+
const mobileBreakpoint = navbar ? navbarBreakpoint : "md";
|
|
1401
1402
|
const navbarDesktopShowClass = getBreakpointShowClass(navbarBreakpoint);
|
|
1402
1403
|
const mobileHideClass = getBreakpointHideClass(mobileBreakpoint);
|
|
1403
1404
|
const desktopShowClass = getBreakpointShowClass(mobileBreakpoint);
|
|
@@ -1433,6 +1434,15 @@ var AppShell = ({
|
|
|
1433
1434
|
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
|
|
1434
1435
|
}
|
|
1435
1436
|
),
|
|
1437
|
+
showHeaderOnlyHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
1438
|
+
"button",
|
|
1439
|
+
{
|
|
1440
|
+
className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors text-[hsl(var(--foreground))]",
|
|
1441
|
+
onClick: () => setNavbarOpen(true),
|
|
1442
|
+
"aria-label": "Open menu",
|
|
1443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
|
|
1444
|
+
}
|
|
1445
|
+
),
|
|
1436
1446
|
showAsideHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
1437
1447
|
"button",
|
|
1438
1448
|
{
|
|
@@ -1477,6 +1487,18 @@ var AppShell = ({
|
|
|
1477
1487
|
title: "Sidebar",
|
|
1478
1488
|
children: aside.content
|
|
1479
1489
|
}
|
|
1490
|
+
),
|
|
1491
|
+
showHeaderOnlyHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
1492
|
+
MobileDrawer,
|
|
1493
|
+
{
|
|
1494
|
+
isOpen: navbarOpen,
|
|
1495
|
+
onClose: () => setNavbarOpen(false),
|
|
1496
|
+
position: "left",
|
|
1497
|
+
breakpoint: "md",
|
|
1498
|
+
title,
|
|
1499
|
+
logo,
|
|
1500
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "p-4", children: header?.content })
|
|
1501
|
+
}
|
|
1480
1502
|
)
|
|
1481
1503
|
] }) });
|
|
1482
1504
|
}
|
|
@@ -1493,6 +1515,15 @@ var AppShell = ({
|
|
|
1493
1515
|
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
|
|
1494
1516
|
}
|
|
1495
1517
|
),
|
|
1518
|
+
showHeaderOnlyHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
1519
|
+
"button",
|
|
1520
|
+
{
|
|
1521
|
+
className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors text-[hsl(var(--foreground))]",
|
|
1522
|
+
onClick: () => setNavbarOpen(true),
|
|
1523
|
+
"aria-label": "Open menu",
|
|
1524
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
|
|
1525
|
+
}
|
|
1526
|
+
),
|
|
1496
1527
|
showAsideHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
1497
1528
|
"button",
|
|
1498
1529
|
{
|
|
@@ -1548,6 +1579,18 @@ var AppShell = ({
|
|
|
1548
1579
|
title: "Sidebar",
|
|
1549
1580
|
children: aside.content
|
|
1550
1581
|
}
|
|
1582
|
+
),
|
|
1583
|
+
showHeaderOnlyHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
1584
|
+
MobileDrawer,
|
|
1585
|
+
{
|
|
1586
|
+
isOpen: navbarOpen,
|
|
1587
|
+
onClose: () => setNavbarOpen(false),
|
|
1588
|
+
position: "left",
|
|
1589
|
+
breakpoint: "md",
|
|
1590
|
+
title,
|
|
1591
|
+
logo,
|
|
1592
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "p-4", children: header?.content })
|
|
1593
|
+
}
|
|
1551
1594
|
)
|
|
1552
1595
|
] }) });
|
|
1553
1596
|
};
|