@logickernel/frame 0.7.0 → 0.8.0

package/README.md

@@ -479,9 +479,7 @@ For cross-origin requests, use the full API URL:
 ```typescript
 <AppSidebar
   user={user}
-  organizations={organizations}
   organizationId={orgId}
-  useApiNavigation={true}
   apiBaseUrl="https://kernel.example.com/api"
 />
 ```

package/dist/index.d.mts

@@ -111,12 +111,6 @@ interface AppLayoutProps {
     organizationId?: string;
     /** Custom API base URL (API mode only, defaults to "/api" which constructs "/api/navigation/{organizationId}") */
     apiBaseUrl?: string;
-    /** Enable API mode - library will fetch navigation from API */
-    useApiNavigation?: boolean;
-    /** Custom header content (breadcrumbs, actions, etc.) */
-    headerContent?: ReactNode;
-    /** Show/hide default header (default: true) */
-    showHeader?: boolean;
     /** Children to render in the main content area */
     children: ReactNode;
 }
@@ -168,18 +162,29 @@ declare function AppSidebar({ user, adapter: externalAdapter, data, organization
  * This component wraps AppSidebar and SidebarInset in SidebarProvider and provides
  * a default header with sidebar trigger. It handles all layout concerns internally.
  *
+ * Navigation mode is determined automatically:
+ * - If `data` prop is provided, uses props mode
+ * - If `data` is not provided, automatically uses API mode (fetches from API)
+ *
  * @example
  * ```tsx
+ * // API mode (no data prop)
+ * <AppLayout
+ *   user={user}
+ * >
+ *   {children}
+ * </AppLayout>
+ *
+ * // Props mode (with data prop)
  * <AppLayout
  *   user={user}
- *   useApiNavigation={true}
- *   headerContent={<Breadcrumb>...</Breadcrumb>}
+ *   data={{ organizations: [...], navigationItems: [...] }}
  * >
  *   {children}
  * </AppLayout>
  * ```
  */
-declare function AppLayout({ user, adapter, data, organizationId, apiBaseUrl, useApiNavigation, headerContent, showHeader, children, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
+declare function AppLayout({ user, adapter, data, organizationId, apiBaseUrl, children, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface NavMainProps {
     items: NavigationItem[];

package/dist/index.d.ts

@@ -111,12 +111,6 @@ interface AppLayoutProps {
     organizationId?: string;
     /** Custom API base URL (API mode only, defaults to "/api" which constructs "/api/navigation/{organizationId}") */
     apiBaseUrl?: string;
-    /** Enable API mode - library will fetch navigation from API */
-    useApiNavigation?: boolean;
-    /** Custom header content (breadcrumbs, actions, etc.) */
-    headerContent?: ReactNode;
-    /** Show/hide default header (default: true) */
-    showHeader?: boolean;
     /** Children to render in the main content area */
     children: ReactNode;
 }
@@ -168,18 +162,29 @@ declare function AppSidebar({ user, adapter: externalAdapter, data, organization
  * This component wraps AppSidebar and SidebarInset in SidebarProvider and provides
  * a default header with sidebar trigger. It handles all layout concerns internally.
  *
+ * Navigation mode is determined automatically:
+ * - If `data` prop is provided, uses props mode
+ * - If `data` is not provided, automatically uses API mode (fetches from API)
+ *
  * @example
  * ```tsx
+ * // API mode (no data prop)
+ * <AppLayout
+ *   user={user}
+ * >
+ *   {children}
+ * </AppLayout>
+ *
+ * // Props mode (with data prop)
  * <AppLayout
  *   user={user}
- *   useApiNavigation={true}
- *   headerContent={<Breadcrumb>...</Breadcrumb>}
+ *   data={{ organizations: [...], navigationItems: [...] }}
  * >
  *   {children}
  * </AppLayout>
  * ```
  */
-declare function AppLayout({ user, adapter, data, organizationId, apiBaseUrl, useApiNavigation, headerContent, showHeader, children, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
+declare function AppLayout({ user, adapter, data, organizationId, apiBaseUrl, children, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface NavMainProps {
     items: NavigationItem[];

package/dist/index.js

@@ -1264,32 +1264,21 @@ function AppLayout({
   data,
   organizationId,
   apiBaseUrl,
-  useApiNavigation,
-  headerContent,
-  showHeader = true,
   children
 }) {
-  const isApiMode = useApiNavigation === true;
-  const navigationApiBaseUrl = apiBaseUrl;
   return /* @__PURE__ */ jsxRuntime.jsxs(SidebarProvider, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       AppSidebar,
       {
         user,
         adapter,
-        data: isApiMode ? void 0 : data,
+        data,
         organizationId,
-        apiBaseUrl: navigationApiBaseUrl
+        apiBaseUrl
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(SidebarInset, { children: [
-      showHeader && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex h-16 shrink-0 items-center gap-2 border-b px-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SidebarTrigger, {}),
-        headerContent && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-border" }),
-          headerContent
-        ] })
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(SidebarTrigger, {}),
       /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex flex-1 flex-col gap-4 p-4 md:p-6", children })
     ] })
   ] });