@marcoschwartz/lite-ui 0.24.1 → 0.24.3

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.
Files changed (8) hide show
  1. package/dist/index.d.mts +0 -2
  2. package/dist/index.d.ts +0 -2
  3. package/dist/index.js +23 -30
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +23 -30
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -79,8 +79,6 @@ interface AppShellHeaderConfig {
79
79
  variant?: 'solid' | 'glass' | 'transparent';
80
80
  collapsed?: boolean;
81
81
  withBorder?: boolean;
82
- /** Actions to show in the unified mobile header bar (right side) */
83
- mobileActions?: React.ReactNode;
84
82
  }
85
83
  interface AppShellNavbarConfig {
86
84
  content: React.ReactNode;
package/dist/index.d.ts CHANGED
@@ -79,8 +79,6 @@ interface AppShellHeaderConfig {
79
79
  variant?: 'solid' | 'glass' | 'transparent';
80
80
  collapsed?: boolean;
81
81
  withBorder?: boolean;
82
- /** Actions to show in the unified mobile header bar (right side) */
83
- mobileActions?: React.ReactNode;
84
82
  }
85
83
  interface AppShellNavbarConfig {
86
84
  content: React.ReactNode;
package/dist/index.js CHANGED
@@ -1323,8 +1323,7 @@ var MobileDrawer = ({
1323
1323
  breakpoint,
1324
1324
  title,
1325
1325
  logo,
1326
- children,
1327
- headerContent
1326
+ children
1328
1327
  }) => {
1329
1328
  if (!isOpen) return null;
1330
1329
  const hideClass = getBreakpointHideClass(breakpoint);
@@ -1354,7 +1353,6 @@ var MobileDrawer = ({
1354
1353
  }
1355
1354
  )
1356
1355
  ] }),
1357
- headerContent && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "p-3 border-b border-[hsl(var(--border))] shrink-0", children: headerContent }),
1358
1356
  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-1 overflow-y-auto", onClick: onClose, children })
1359
1357
  ]
1360
1358
  }
@@ -1391,7 +1389,6 @@ var AppShell = ({
1391
1389
  const headerVariant = header?.variant || "solid";
1392
1390
  const headerWithBorder = header?.withBorder ?? true;
1393
1391
  const headerCollapsed = header?.collapsed ?? false;
1394
- const headerMobileActions = header?.mobileActions;
1395
1392
  const footerHeight = footer?.height || "md";
1396
1393
  const footerVariant = footer?.variant || "solid";
1397
1394
  const footerWithBorder = footer?.withBorder ?? true;
@@ -1424,22 +1421,21 @@ var AppShell = ({
1424
1421
  ),
1425
1422
  /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
1426
1423
  needsMobileHeader && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `${mobileHideClass} sticky top-0 z-30 ${heightClasses[headerHeight]} px-4 flex items-center justify-between ${getVariantClasses(headerVariant, headerWithBorder)} ${headerWithBorder ? "border-b" : ""}`, children: [
1427
- showNavbarHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
1428
- "button",
1429
- {
1430
- className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors shrink-0",
1431
- onClick: () => setNavbarOpen(true),
1432
- "aria-label": "Open navigation",
1433
- children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
1434
- }
1435
- ),
1436
- (logo || title) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-1 flex items-center justify-center min-w-0", children: logo || /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1424
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center gap-2 min-w-0", children: logo || title && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1437
1425
  /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
1438
- headerMobileActions,
1426
+ showNavbarHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
1427
+ "button",
1428
+ {
1429
+ className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors text-[hsl(var(--foreground))]",
1430
+ onClick: () => setNavbarOpen(true),
1431
+ "aria-label": "Open navigation",
1432
+ children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
1433
+ }
1434
+ ),
1439
1435
  showAsideHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
1440
1436
  "button",
1441
1437
  {
1442
- className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors",
1438
+ className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors text-[hsl(var(--foreground))]",
1443
1439
  onClick: () => setAsideOpen(true),
1444
1440
  "aria-label": "Open sidebar",
1445
1441
  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
@@ -1467,7 +1463,6 @@ var AppShell = ({
1467
1463
  breakpoint: navbarBreakpoint,
1468
1464
  title,
1469
1465
  logo,
1470
- headerContent: header?.content,
1471
1466
  children: navbar.content
1472
1467
  }
1473
1468
  ),
@@ -1486,22 +1481,21 @@ var AppShell = ({
1486
1481
  }
1487
1482
  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(AppShellContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `min-h-screen flex flex-col bg-[hsl(var(--background))] ${className}`, children: [
1488
1483
  needsMobileHeader && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `${mobileHideClass} sticky top-0 z-30 ${heightClasses[headerHeight]} px-4 flex items-center justify-between ${getVariantClasses(headerVariant, headerWithBorder)} ${headerWithBorder ? "border-b" : ""}`, children: [
1489
- showNavbarHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
1490
- "button",
1491
- {
1492
- className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors shrink-0",
1493
- onClick: () => setNavbarOpen(true),
1494
- "aria-label": "Open navigation",
1495
- children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
1496
- }
1497
- ),
1498
- (logo || title) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-1 flex items-center justify-center min-w-0", children: logo || /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1484
+ /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center gap-2 min-w-0", children: logo || title && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1499
1485
  /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
1500
- headerMobileActions,
1486
+ showNavbarHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
1487
+ "button",
1488
+ {
1489
+ className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors text-[hsl(var(--foreground))]",
1490
+ onClick: () => setNavbarOpen(true),
1491
+ "aria-label": "Open navigation",
1492
+ children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
1493
+ }
1494
+ ),
1501
1495
  showAsideHamburger && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
1502
1496
  "button",
1503
1497
  {
1504
- className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors",
1498
+ className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors text-[hsl(var(--foreground))]",
1505
1499
  onClick: () => setAsideOpen(true),
1506
1500
  "aria-label": "Open sidebar",
1507
1501
  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuIcon, { size: "md" })
@@ -1540,7 +1534,6 @@ var AppShell = ({
1540
1534
  breakpoint: navbarBreakpoint,
1541
1535
  title,
1542
1536
  logo,
1543
- headerContent: header?.content,
1544
1537
  children: navbar.content
1545
1538
  }
1546
1539
  ),