@olwiba/ui 0.2.5 → 0.2.6

package/dist/index.d.ts

@@ -258,8 +258,17 @@ interface AppShellProps {
     sidebarPosition?: 'viewport' | 'contained';
     /** Which side the sidebar sits on. @default "left" */
     side?: 'left' | 'right';
+    /**
+     * Class applied to the content wrapper around `children`, between the
+     * header and the page content. Every consuming page otherwise has to
+     * remember its own padding — some do, some don't, and the ones that don't
+     * end up flush against the sidebar/header chrome. Override to `''` for a
+     * genuinely edge-to-edge page (a full-width table, a map/canvas).
+     * @default "p-6"
+     */
+    contentClassName?: string;
 }
-declare function AppShell({ brand, navItems, action, user, pageTitle, headerStart, headerEnd, renderLink, collapsible, sidebarPosition, side, children, }?: AppShellProps): react_jsx_runtime.JSX.Element;
+declare function AppShell({ brand, navItems, action, user, pageTitle, headerStart, headerEnd, renderLink, collapsible, sidebarPosition, side, contentClassName, children, }?: AppShellProps): react_jsx_runtime.JSX.Element;
 
 interface AuthFormProps {
     /**

package/dist/index.js

@@ -429,6 +429,7 @@ function AppShell({
   collapsible = "icon",
   sidebarPosition = "viewport",
   side = "left",
+  contentClassName = "p-6",
   children
 } = {}) {
   const isContained = sidebarPosition === "contained";
@@ -453,7 +454,7 @@ function AppShell({
         ),
         /* @__PURE__ */ jsxs(SidebarInset, { className: isContained ? void 0 : "overflow-y-auto", children: [
           /* @__PURE__ */ jsx(ShellHeader, { pageTitle, headerStart, headerEnd }),
-          children
+          /* @__PURE__ */ jsx("div", { className: contentClassName, children })
         ] })
       ]
     }