@marcoschwartz/lite-ui 0.24.1 → 0.24.2

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 +21 -28
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +21 -28
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -1159,8 +1159,7 @@ var MobileDrawer = ({
1159
1159
  breakpoint,
1160
1160
  title,
1161
1161
  logo,
1162
- children,
1163
- headerContent
1162
+ children
1164
1163
  }) => {
1165
1164
  if (!isOpen) return null;
1166
1165
  const hideClass = getBreakpointHideClass(breakpoint);
@@ -1190,7 +1189,6 @@ var MobileDrawer = ({
1190
1189
  }
1191
1190
  )
1192
1191
  ] }),
1193
- headerContent && /* @__PURE__ */ jsx78("div", { className: "p-3 border-b border-[hsl(var(--border))] shrink-0", children: headerContent }),
1194
1192
  /* @__PURE__ */ jsx78("div", { className: "flex-1 overflow-y-auto", onClick: onClose, children })
1195
1193
  ]
1196
1194
  }
@@ -1227,7 +1225,6 @@ var AppShell = ({
1227
1225
  const headerVariant = header?.variant || "solid";
1228
1226
  const headerWithBorder = header?.withBorder ?? true;
1229
1227
  const headerCollapsed = header?.collapsed ?? false;
1230
- const headerMobileActions = header?.mobileActions;
1231
1228
  const footerHeight = footer?.height || "md";
1232
1229
  const footerVariant = footer?.variant || "solid";
1233
1230
  const footerWithBorder = footer?.withBorder ?? true;
@@ -1260,18 +1257,17 @@ var AppShell = ({
1260
1257
  ),
1261
1258
  /* @__PURE__ */ jsxs9("div", { className: "flex-1 flex flex-col min-w-0", children: [
1262
1259
  needsMobileHeader && /* @__PURE__ */ jsxs9("div", { className: `${mobileHideClass} sticky top-0 z-30 ${heightClasses[headerHeight]} px-4 flex items-center justify-between ${getVariantClasses(headerVariant, headerWithBorder)} ${headerWithBorder ? "border-b" : ""}`, children: [
1263
- showNavbarHamburger && /* @__PURE__ */ jsx78(
1264
- "button",
1265
- {
1266
- className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors shrink-0",
1267
- onClick: () => setNavbarOpen(true),
1268
- "aria-label": "Open navigation",
1269
- children: /* @__PURE__ */ jsx78(MenuIcon, { size: "md" })
1270
- }
1271
- ),
1272
- (logo || title) && /* @__PURE__ */ jsx78("div", { className: "flex-1 flex items-center justify-center min-w-0", children: logo || /* @__PURE__ */ jsx78("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1260
+ /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2 min-w-0", children: logo || title && /* @__PURE__ */ jsx78("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1273
1261
  /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1 shrink-0", children: [
1274
- headerMobileActions,
1262
+ showNavbarHamburger && /* @__PURE__ */ jsx78(
1263
+ "button",
1264
+ {
1265
+ className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors",
1266
+ onClick: () => setNavbarOpen(true),
1267
+ "aria-label": "Open navigation",
1268
+ children: /* @__PURE__ */ jsx78(MenuIcon, { size: "md" })
1269
+ }
1270
+ ),
1275
1271
  showAsideHamburger && /* @__PURE__ */ jsx78(
1276
1272
  "button",
1277
1273
  {
@@ -1303,7 +1299,6 @@ var AppShell = ({
1303
1299
  breakpoint: navbarBreakpoint,
1304
1300
  title,
1305
1301
  logo,
1306
- headerContent: header?.content,
1307
1302
  children: navbar.content
1308
1303
  }
1309
1304
  ),
@@ -1322,18 +1317,17 @@ var AppShell = ({
1322
1317
  }
1323
1318
  return /* @__PURE__ */ jsx78(AppShellContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs9("div", { className: `min-h-screen flex flex-col bg-[hsl(var(--background))] ${className}`, children: [
1324
1319
  needsMobileHeader && /* @__PURE__ */ jsxs9("div", { className: `${mobileHideClass} sticky top-0 z-30 ${heightClasses[headerHeight]} px-4 flex items-center justify-between ${getVariantClasses(headerVariant, headerWithBorder)} ${headerWithBorder ? "border-b" : ""}`, children: [
1325
- showNavbarHamburger && /* @__PURE__ */ jsx78(
1326
- "button",
1327
- {
1328
- className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors shrink-0",
1329
- onClick: () => setNavbarOpen(true),
1330
- "aria-label": "Open navigation",
1331
- children: /* @__PURE__ */ jsx78(MenuIcon, { size: "md" })
1332
- }
1333
- ),
1334
- (logo || title) && /* @__PURE__ */ jsx78("div", { className: "flex-1 flex items-center justify-center min-w-0", children: logo || /* @__PURE__ */ jsx78("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1320
+ /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2 min-w-0", children: logo || title && /* @__PURE__ */ jsx78("span", { className: "text-lg font-bold text-[hsl(var(--foreground))] truncate", children: title }) }),
1335
1321
  /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1 shrink-0", children: [
1336
- headerMobileActions,
1322
+ showNavbarHamburger && /* @__PURE__ */ jsx78(
1323
+ "button",
1324
+ {
1325
+ className: "p-2 rounded-lg hover:bg-[hsl(var(--accent))] transition-colors",
1326
+ onClick: () => setNavbarOpen(true),
1327
+ "aria-label": "Open navigation",
1328
+ children: /* @__PURE__ */ jsx78(MenuIcon, { size: "md" })
1329
+ }
1330
+ ),
1337
1331
  showAsideHamburger && /* @__PURE__ */ jsx78(
1338
1332
  "button",
1339
1333
  {
@@ -1376,7 +1370,6 @@ var AppShell = ({
1376
1370
  breakpoint: navbarBreakpoint,
1377
1371
  title,
1378
1372
  logo,
1379
- headerContent: header?.content,
1380
1373
  children: navbar.content
1381
1374
  }
1382
1375
  ),