@inf-monkeys-tech/monkeys-design 1.0.6 → 1.0.7

package/dist/components/layout/index.d.mts

@@ -1,7 +1,36 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import * as React from 'react';
+import { ComponentPropsWithoutRef, ReactNode, CSSProperties } from 'react';
 import { c as BaseAppearance } from '../../types-3c51850d34c1.mjs';
 import '@radix-ui/react-context-menu';
+interface AppShellSidebarClassNames {
+    root?: string;
+    header?: string;
+    navigation?: string;
+    footer?: string;
+}
+interface AppShellSidebarProps extends Omit<ComponentPropsWithoutRef<"aside">, "children"> {
+    /**
+     * Primary navigation content. Routing, permissions and navigation state stay
+     * with the consuming application.
+     */
+    navigation: ReactNode;
+    /** Optional content placed above the primary navigation. */
+    header?: ReactNode;
+    /** Optional utility area kept separate from the primary navigation. */
+    footer?: ReactNode;
+    /** Width override. Defaults to the component token, then 16rem. */
+    width?: CSSProperties["width"];
+    classNames?: AppShellSidebarClassNames;
+}
+/**
+ * Persistent, outermost application navigation surface.
+ *
+ * This is intentionally a single shell component rather than a composition of
+ * generic sidebar primitives. It owns the surface hierarchy while applications
+ * retain routing and navigation behavior inside the semantic slots.
+ */
+declare const AppShellSidebar: React.ForwardRefExoticComponent<AppShellSidebarProps & React.RefAttributes<HTMLElement>>;
 type UserAccountMenuRadius = 'default' | 'full' | 'lg' | 'md' | 'none' | 'sm' | 'xl';
 type UserAccountMenuSide = 'bottom' | 'left' | 'right' | 'top';
 type UserAccountMenuTriggerVariant = 'avatar' | 'profile';
@@ -87,7 +116,7 @@ interface NavButtonProps {
     className?: string;
     children: ReactNode;
 }
-declare function NavButton({ active, icon, postfix, onClick, className, children }: NavButtonProps): react_jsx_runtime.JSX.Element;
+declare function NavButton({ active, icon, postfix, onClick, className, children, }: NavButtonProps): react_jsx_runtime.JSX.Element;
 interface HeaderTab {
     id: string;
     label: string;
@@ -171,12 +200,12 @@ interface AppLayoutProps {
     flush?: boolean;
     className?: string;
 }
-declare function AppLayout({ header, sidebar, children, flush, className }: AppLayoutProps): react_jsx_runtime.JSX.Element;
-type NavigationMode = 'headbar' | 'sidebar';
-type HeadbarLayoutMode = 'boxed' | 'full-bleed';
-type HeadbarMenuRadius = 'default' | 'full' | 'lg' | 'md' | 'none' | 'sm' | 'xl';
-type HeadbarNavPosition = 'center' | 'left' | 'right';
-type HeadbarSurface = 'card' | 'ghost' | 'glassy';
+declare function AppLayout({ header, sidebar, children, flush, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
+type NavigationMode = "headbar" | "sidebar";
+type HeadbarLayoutMode = "boxed" | "full-bleed";
+type HeadbarMenuRadius = "default" | "full" | "lg" | "md" | "none" | "sm" | "xl";
+type HeadbarNavPosition = "center" | "left" | "right";
+type HeadbarSurface = "card" | "ghost" | "glassy";
 interface LayoutNavItem {
     id: string;
     label: ReactNode;
@@ -249,4 +278,4 @@ interface NavigationHeadbarProps {
 }
 declare function NavigationHeadbar({ activeItemId, activeRootId, actions, accountMenu, className, extra, layout, brand, logo, navigation, navItems, onNavigate, }: NavigationHeadbarProps): react_jsx_runtime.JSX.Element;
 declare function NavigationLayout({ activeItemId, activeRootId, allowModeSwitch, accountMenu, children, className, collapsedSidebarAccountMenu, collapsedSidebarWidth, defaultMode, defaultSidebarCollapsed, expandedSidebarWidth, expandSidebarLabel, flush, headbarActions, headbarLayout, logo, mode, navItems, onModeChange, onNavigate, onSidebarCollapsedChange, renderHeadbarExtra, collapseSidebarLabel, sidebarCollapsed: controlledSidebarCollapsed, sidebarAccountMenu, sidebarFooter, sidebarHeader, switchToHeadbarLabel, switchToSidebarLabel, }: NavigationLayoutProps): react_jsx_runtime.JSX.Element;
-export { AppHeader, type AppHeaderLogo, type AppHeaderProps, type AppHeaderUser, AppLayout, type AppLayoutProps, AppSidebar, type AppSidebarProps, type HeadbarLayout, type HeadbarLayoutMode, type HeadbarMenuRadius, type HeadbarNavPosition, type HeadbarSurface, type HeaderTab, type LayoutNavItem, NavButton, type NavButtonProps, NavigationHeadbar, NavigationHeadbarMenu, type NavigationHeadbarMenuProps, type NavigationHeadbarProps, NavigationLayout, type NavigationLayoutProps, type NavigationMode, type SidebarAccount, type SidebarNavItem, UserAccountMenu, type UserAccountMenuClassNames, type UserAccountMenuItem, type UserAccountMenuProps, type UserAccountMenuRadius, type UserAccountMenuSelectorConfig, type UserAccountMenuSelectorOption, type UserAccountMenuSide, type UserAccountMenuTriggerVariant, type UserAccountMenuUser, cn };
+export { AppHeader, type AppHeaderLogo, type AppHeaderProps, type AppHeaderUser, AppLayout, type AppLayoutProps, AppShellSidebar, type AppShellSidebarClassNames, type AppShellSidebarProps, AppSidebar, type AppSidebarProps, type HeadbarLayout, type HeadbarLayoutMode, type HeadbarMenuRadius, type HeadbarNavPosition, type HeadbarSurface, type HeaderTab, type LayoutNavItem, NavButton, type NavButtonProps, NavigationHeadbar, NavigationHeadbarMenu, type NavigationHeadbarMenuProps, type NavigationHeadbarProps, NavigationLayout, type NavigationLayoutProps, type NavigationMode, type SidebarAccount, type SidebarNavItem, UserAccountMenu, type UserAccountMenuClassNames, type UserAccountMenuItem, type UserAccountMenuProps, type UserAccountMenuRadius, type UserAccountMenuSelectorConfig, type UserAccountMenuSelectorOption, type UserAccountMenuSide, type UserAccountMenuTriggerVariant, type UserAccountMenuUser, cn };

package/dist/components/layout/index.d.ts

@@ -1,7 +1,36 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import * as React from 'react';
+import { ComponentPropsWithoutRef, ReactNode, CSSProperties } from 'react';
 import { c as BaseAppearance } from '../../types-3c51850d34c1.js';
 import '@radix-ui/react-context-menu';
+interface AppShellSidebarClassNames {
+    root?: string;
+    header?: string;
+    navigation?: string;
+    footer?: string;
+}
+interface AppShellSidebarProps extends Omit<ComponentPropsWithoutRef<"aside">, "children"> {
+    /**
+     * Primary navigation content. Routing, permissions and navigation state stay
+     * with the consuming application.
+     */
+    navigation: ReactNode;
+    /** Optional content placed above the primary navigation. */
+    header?: ReactNode;
+    /** Optional utility area kept separate from the primary navigation. */
+    footer?: ReactNode;
+    /** Width override. Defaults to the component token, then 16rem. */
+    width?: CSSProperties["width"];
+    classNames?: AppShellSidebarClassNames;
+}
+/**
+ * Persistent, outermost application navigation surface.
+ *
+ * This is intentionally a single shell component rather than a composition of
+ * generic sidebar primitives. It owns the surface hierarchy while applications
+ * retain routing and navigation behavior inside the semantic slots.
+ */
+declare const AppShellSidebar: React.ForwardRefExoticComponent<AppShellSidebarProps & React.RefAttributes<HTMLElement>>;
 type UserAccountMenuRadius = 'default' | 'full' | 'lg' | 'md' | 'none' | 'sm' | 'xl';
 type UserAccountMenuSide = 'bottom' | 'left' | 'right' | 'top';
 type UserAccountMenuTriggerVariant = 'avatar' | 'profile';
@@ -87,7 +116,7 @@ interface NavButtonProps {
     className?: string;
     children: ReactNode;
 }
-declare function NavButton({ active, icon, postfix, onClick, className, children }: NavButtonProps): react_jsx_runtime.JSX.Element;
+declare function NavButton({ active, icon, postfix, onClick, className, children, }: NavButtonProps): react_jsx_runtime.JSX.Element;
 interface HeaderTab {
     id: string;
     label: string;
@@ -171,12 +200,12 @@ interface AppLayoutProps {
     flush?: boolean;
     className?: string;
 }
-declare function AppLayout({ header, sidebar, children, flush, className }: AppLayoutProps): react_jsx_runtime.JSX.Element;
-type NavigationMode = 'headbar' | 'sidebar';
-type HeadbarLayoutMode = 'boxed' | 'full-bleed';
-type HeadbarMenuRadius = 'default' | 'full' | 'lg' | 'md' | 'none' | 'sm' | 'xl';
-type HeadbarNavPosition = 'center' | 'left' | 'right';
-type HeadbarSurface = 'card' | 'ghost' | 'glassy';
+declare function AppLayout({ header, sidebar, children, flush, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
+type NavigationMode = "headbar" | "sidebar";
+type HeadbarLayoutMode = "boxed" | "full-bleed";
+type HeadbarMenuRadius = "default" | "full" | "lg" | "md" | "none" | "sm" | "xl";
+type HeadbarNavPosition = "center" | "left" | "right";
+type HeadbarSurface = "card" | "ghost" | "glassy";
 interface LayoutNavItem {
     id: string;
     label: ReactNode;
@@ -249,4 +278,4 @@ interface NavigationHeadbarProps {
 }
 declare function NavigationHeadbar({ activeItemId, activeRootId, actions, accountMenu, className, extra, layout, brand, logo, navigation, navItems, onNavigate, }: NavigationHeadbarProps): react_jsx_runtime.JSX.Element;
 declare function NavigationLayout({ activeItemId, activeRootId, allowModeSwitch, accountMenu, children, className, collapsedSidebarAccountMenu, collapsedSidebarWidth, defaultMode, defaultSidebarCollapsed, expandedSidebarWidth, expandSidebarLabel, flush, headbarActions, headbarLayout, logo, mode, navItems, onModeChange, onNavigate, onSidebarCollapsedChange, renderHeadbarExtra, collapseSidebarLabel, sidebarCollapsed: controlledSidebarCollapsed, sidebarAccountMenu, sidebarFooter, sidebarHeader, switchToHeadbarLabel, switchToSidebarLabel, }: NavigationLayoutProps): react_jsx_runtime.JSX.Element;
-export { AppHeader, type AppHeaderLogo, type AppHeaderProps, type AppHeaderUser, AppLayout, type AppLayoutProps, AppSidebar, type AppSidebarProps, type HeadbarLayout, type HeadbarLayoutMode, type HeadbarMenuRadius, type HeadbarNavPosition, type HeadbarSurface, type HeaderTab, type LayoutNavItem, NavButton, type NavButtonProps, NavigationHeadbar, NavigationHeadbarMenu, type NavigationHeadbarMenuProps, type NavigationHeadbarProps, NavigationLayout, type NavigationLayoutProps, type NavigationMode, type SidebarAccount, type SidebarNavItem, UserAccountMenu, type UserAccountMenuClassNames, type UserAccountMenuItem, type UserAccountMenuProps, type UserAccountMenuRadius, type UserAccountMenuSelectorConfig, type UserAccountMenuSelectorOption, type UserAccountMenuSide, type UserAccountMenuTriggerVariant, type UserAccountMenuUser, cn };
+export { AppHeader, type AppHeaderLogo, type AppHeaderProps, type AppHeaderUser, AppLayout, type AppLayoutProps, AppShellSidebar, type AppShellSidebarClassNames, type AppShellSidebarProps, AppSidebar, type AppSidebarProps, type HeadbarLayout, type HeadbarLayoutMode, type HeadbarMenuRadius, type HeadbarNavPosition, type HeadbarSurface, type HeaderTab, type LayoutNavItem, NavButton, type NavButtonProps, NavigationHeadbar, NavigationHeadbarMenu, type NavigationHeadbarMenuProps, type NavigationHeadbarProps, NavigationLayout, type NavigationLayoutProps, type NavigationMode, type SidebarAccount, type SidebarNavItem, UserAccountMenu, type UserAccountMenuClassNames, type UserAccountMenuItem, type UserAccountMenuProps, type UserAccountMenuRadius, type UserAccountMenuSelectorConfig, type UserAccountMenuSelectorOption, type UserAccountMenuSide, type UserAccountMenuTriggerVariant, type UserAccountMenuUser, cn };