@superdangerous/app-framework 4.16.20 → 4.16.24

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@superdangerous/app-framework",
3
- "version": "4.16.20",
3
+ "version": "4.16.24",
4
4
  "description": "Opinionated TypeScript framework for structured vibecoding - building internal web and desktop apps with batteries included",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -747,12 +747,20 @@ interface AppLayoutProps {
747
747
  connectionStatusUrl?: string;
748
748
  className?: string;
749
749
  primaryColor?: string;
750
+ /** 'stacked' = current two-row layout (default), 'inline' = nav beside logo in one row */
751
+ navLayout?: 'stacked' | 'inline';
752
+ /** 'bar' = current full-width bg block (default), 'pill' = rounded pill highlight */
753
+ navActiveStyle?: 'bar' | 'pill';
754
+ /** Custom class for the <header> element (replaces default 'bg-black') */
755
+ headerClassName?: string;
756
+ /** Custom class for the <nav> element (replaces default 'bg-[#444444]'); unused in inline mode */
757
+ navClassName?: string;
750
758
  }
751
759
  /**
752
760
  * Standardized application layout for web apps
753
761
  * Provides consistent header, navigation, and connection status
754
762
  */
755
- declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor }: AppLayoutProps): react_jsx_runtime.JSX.Element;
763
+ declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor, navLayout, navActiveStyle, headerClassName, navClassName }: AppLayoutProps): react_jsx_runtime.JSX.Element;
756
764
  /**
757
765
  * Layout with sidebar navigation (alternative layout style)
758
766
  */
@@ -747,12 +747,20 @@ interface AppLayoutProps {
747
747
  connectionStatusUrl?: string;
748
748
  className?: string;
749
749
  primaryColor?: string;
750
+ /** 'stacked' = current two-row layout (default), 'inline' = nav beside logo in one row */
751
+ navLayout?: 'stacked' | 'inline';
752
+ /** 'bar' = current full-width bg block (default), 'pill' = rounded pill highlight */
753
+ navActiveStyle?: 'bar' | 'pill';
754
+ /** Custom class for the <header> element (replaces default 'bg-black') */
755
+ headerClassName?: string;
756
+ /** Custom class for the <nav> element (replaces default 'bg-[#444444]'); unused in inline mode */
757
+ navClassName?: string;
750
758
  }
751
759
  /**
752
760
  * Standardized application layout for web apps
753
761
  * Provides consistent header, navigation, and connection status
754
762
  */
755
- declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor }: AppLayoutProps): react_jsx_runtime.JSX.Element;
763
+ declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor, navLayout, navActiveStyle, headerClassName, navClassName }: AppLayoutProps): react_jsx_runtime.JSX.Element;
756
764
  /**
757
765
  * Layout with sidebar navigation (alternative layout style)
758
766
  */