@loykin/designkit 0.0.1-dev.2 → 0.0.1-dev.4

package/dist/index.d.cts

@@ -193,6 +193,7 @@ declare function SidebarMenuSubButton({ render, size, isActive, className, ...pr
     size?: 'sm' | 'md';
     isActive?: boolean;
 }): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function useSidebarOptional(): SidebarContextProps | null;
 
 interface EmptyStateAction {
     label: string;
@@ -237,7 +238,7 @@ declare function TabsContent({ className, ...props }: Tabs$2.Panel.Props): react
 
 type ShellId = 'sidebar' | 'header';
 type DensityId = 'compact' | 'default' | 'comfortable';
-type TemplateId = 'table' | 'table-infinity' | 'table-drag' | 'table-card' | 'table-card-list' | 'tabbed' | 'form' | 'form-stacked' | 'form-wizard' | 'form-inline' | 'databody' | 'databody-detail' | 'databody-split' | 'sectioned' | 'typography' | 'colors' | 'login' | 'login-forgot' | 'login-reset' | 'login-otp' | 'dashboard' | 'browse' | 'detail' | 'detail-record' | 'detail-full';
+type TemplateId = 'table' | 'table-infinity' | 'table-drag' | 'table-card' | 'table-card-list' | 'tabbed' | 'form' | 'form-stacked' | 'form-wizard' | 'form-inline' | 'databody' | 'databody-detail' | 'databody-split' | 'sectioned' | 'typography' | 'colors' | 'login' | 'login-forgot' | 'login-reset' | 'login-otp' | 'dashboard' | 'workbench-panel-editor' | 'workbench-sql-editor' | 'workbench-agent-chat' | 'browse' | 'detail' | 'detail-record' | 'detail-full' | 'list-detail' | 'panel';
 interface GlobalTheme {
     radius: number;
     primaryHue: number;
@@ -294,6 +295,47 @@ interface DashboardBodyTemplateProps {
 }
 declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): react_jsx_runtime.JSX.Element;
 
+interface WorkbenchBodyTemplateProps {
+    theme?: CSSProperties;
+    className?: string;
+    contentClassName?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    topBar?: ReactNode;
+    /** Right side of the built-in workbench header. Prefer this over toolbar for new code. */
+    headerRight?: ReactNode;
+    /** @deprecated Use headerRight. */
+    toolbar?: ReactNode;
+    actions?: ReactNode;
+    leftPane?: ReactNode;
+    mainPane?: ReactNode;
+    rightPane?: ReactNode;
+    bottomPane?: ReactNode;
+    children?: ReactNode;
+    resizable?: boolean;
+    leftPaneCollapsed?: boolean;
+    rightPaneCollapsed?: boolean;
+    bottomPaneCollapsed?: boolean;
+    leftPaneWidth?: number;
+    rightPaneWidth?: number;
+    bottomPaneHeight?: number;
+    minLeftPaneWidth?: number;
+    maxLeftPaneWidth?: number;
+    minRightPaneWidth?: number;
+    maxRightPaneWidth?: number;
+    minBottomPaneHeight?: number;
+    maxBottomPaneHeight?: number;
+    leftPaneClassName?: string;
+    mainPaneClassName?: string;
+    rightPaneClassName?: string;
+    bottomPaneClassName?: string;
+    /** Mobile Sheet label for the left pane trigger */
+    leftPaneLabel?: string;
+    /** Mobile Sheet label for the right pane trigger */
+    rightPaneLabel?: string;
+}
+declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, topBar, headerRight, toolbar, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
 interface DataBodyTabProps {
     id: string;
     label: React__default.ReactNode;
@@ -328,6 +370,7 @@ interface DataBodyGroupProps {
     description?: React__default.ReactNode;
     actions?: React__default.ReactNode;
     danger?: boolean;
+    className?: string;
     children?: React__default.ReactNode;
 }
 declare function DataBodyGroup(props: DataBodyGroupProps): react_jsx_runtime.JSX.Element;
@@ -443,6 +486,52 @@ declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
     Section: typeof DetailBodySection;
 };
 
+interface ListDetailBodyTemplateProps {
+    theme?: CSSProperties;
+    className?: string;
+    topBar?: ReactNode;
+    /** List pane content — typically a DataGrid, DataGridList, or navigation list */
+    list: ReactNode;
+    /**
+     * Detail pane content. When undefined, `emptyDetail` is shown on desktop
+     * and the list pane fills the screen on mobile.
+     */
+    detail?: ReactNode;
+    /** Placeholder rendered in the detail pane when nothing is selected */
+    emptyDetail?: ReactNode;
+    /** Width of the list pane in px. Default: 320 */
+    listWidth?: number;
+    listClassName?: string;
+    detailClassName?: string;
+    /** Called when the mobile back button is pressed — use to clear the selected item */
+    onBack?: () => void;
+    /** Label for the mobile back button. Default: "Back" */
+    backLabel?: string;
+}
+declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, onBack, backLabel, }: ListDetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
+interface PanelTemplateProps {
+    title?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    className?: string;
+    bodyClassName?: string;
+}
+interface PanelTemplateSectionProps {
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): react_jsx_runtime.JSX.Element;
+declare function PanelTemplateRoot({ title, eyebrow, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): react_jsx_runtime.JSX.Element;
+declare const PanelTemplate: typeof PanelTemplateRoot & {
+    Section: typeof PanelTemplateSection;
+};
+
 type FormWizardVariant = 'card' | 'plain';
 interface FormWizardStep {
     key: string;
@@ -588,6 +677,13 @@ interface PageTopBarProps {
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
+    /**
+     * Mobile sidebar trigger shown at the far left of the bar.
+     * - undefined (default): auto-detect — shows when inside SidebarProvider on mobile
+     * - false: suppress entirely
+     * - ReactNode: custom trigger content
+     */
+    sidebarTrigger?: false | React__default.ReactNode;
 }
 type PageBreadcrumbItem = string | {
     label: string;
@@ -604,7 +700,7 @@ declare function buildTopBar(opts: {
     left: React__default.ReactNode;
     right?: React__default.ReactNode;
 }): React__default.ReactNode;
-declare function PageTopBar({ left, right, variant, height, className, style, children, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
+declare function PageTopBar({ left, right, variant, height, className, style, children, sidebarTrigger, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
 
 interface TemplateNavigationItem {
     id: TemplateId;
@@ -627,6 +723,7 @@ declare function buildTemplateTheme(g: {
     radius: number;
     primaryHue: number;
     primaryChroma: number;
+    darkMode?: boolean;
     density?: DensityId;
     fontScale?: number;
     lineHeight?: number;
@@ -643,4 +740,4 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BrowseBodyTemplate, type BrowseBodyTemplateProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, DashboardBodyTemplate, type DashboardBodyTemplateProps, DashboardPanel, type DashboardPanelProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, type DataBodyTemplateProps, DataPage, type DataPageActionsProps, type DataPageContentProps, type DataPageFooterProps, type DataPageGroupBodyProps, type DataPageGroupHeaderProps, type DataPageGroupProps, type DataPageGroupToolbarProps, type DataPageHeaderProps, type DataPageProps, type DataPageTabProps, type DataPageTabsProps, type DataPageTitleBlockProps, type DensityId, type DetailBodyHeaderProps, type DetailBodySectionProps, type DetailBodyTabProps, DetailBodyTemplate, type DetailBodyTemplateProps, type DetailBodyVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, type LoginBg, LoginBodyTemplate, type LoginBodyTemplateProps, type LoginCard, type LoginCardWidth, type LoginLayout, type LoginSide, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, type PageBreadcrumbItem, PageTopBar, type PageTopBarProps, type PageTopBarVariant, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, type ShellId, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, type TemplateId, type TemplateNavigationGroup, type TemplateNavigationItem, type TemplateOverride, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, type TypographyBodyTemplateProps, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useStyleInjector, useThemeStore };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BrowseBodyTemplate, type BrowseBodyTemplateProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, DashboardBodyTemplate, type DashboardBodyTemplateProps, DashboardPanel, type DashboardPanelProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, type DataBodyTemplateProps, DataPage, type DataPageActionsProps, type DataPageContentProps, type DataPageFooterProps, type DataPageGroupBodyProps, type DataPageGroupHeaderProps, type DataPageGroupProps, type DataPageGroupToolbarProps, type DataPageHeaderProps, type DataPageProps, type DataPageTabProps, type DataPageTabsProps, type DataPageTitleBlockProps, type DensityId, type DetailBodyHeaderProps, type DetailBodySectionProps, type DetailBodyTabProps, DetailBodyTemplate, type DetailBodyTemplateProps, type DetailBodyVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, ListDetailBodyTemplate, type ListDetailBodyTemplateProps, type LoginBg, LoginBodyTemplate, type LoginBodyTemplateProps, type LoginCard, type LoginCardWidth, type LoginLayout, type LoginSide, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, type PageBreadcrumbItem, PageTopBar, type PageTopBarProps, type PageTopBarVariant, PanelTemplate, type PanelTemplateProps, type PanelTemplateSectionProps, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, type ShellId, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, type TemplateId, type TemplateNavigationGroup, type TemplateNavigationItem, type TemplateOverride, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, type TypographyBodyTemplateProps, WorkbenchBodyTemplate, type WorkbenchBodyTemplateProps, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useSidebarOptional, useStyleInjector, useThemeStore };

package/dist/index.d.ts

@@ -193,6 +193,7 @@ declare function SidebarMenuSubButton({ render, size, isActive, className, ...pr
     size?: 'sm' | 'md';
     isActive?: boolean;
 }): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function useSidebarOptional(): SidebarContextProps | null;
 
 interface EmptyStateAction {
     label: string;
@@ -237,7 +238,7 @@ declare function TabsContent({ className, ...props }: Tabs$2.Panel.Props): react
 
 type ShellId = 'sidebar' | 'header';
 type DensityId = 'compact' | 'default' | 'comfortable';
-type TemplateId = 'table' | 'table-infinity' | 'table-drag' | 'table-card' | 'table-card-list' | 'tabbed' | 'form' | 'form-stacked' | 'form-wizard' | 'form-inline' | 'databody' | 'databody-detail' | 'databody-split' | 'sectioned' | 'typography' | 'colors' | 'login' | 'login-forgot' | 'login-reset' | 'login-otp' | 'dashboard' | 'browse' | 'detail' | 'detail-record' | 'detail-full';
+type TemplateId = 'table' | 'table-infinity' | 'table-drag' | 'table-card' | 'table-card-list' | 'tabbed' | 'form' | 'form-stacked' | 'form-wizard' | 'form-inline' | 'databody' | 'databody-detail' | 'databody-split' | 'sectioned' | 'typography' | 'colors' | 'login' | 'login-forgot' | 'login-reset' | 'login-otp' | 'dashboard' | 'workbench-panel-editor' | 'workbench-sql-editor' | 'workbench-agent-chat' | 'browse' | 'detail' | 'detail-record' | 'detail-full' | 'list-detail' | 'panel';
 interface GlobalTheme {
     radius: number;
     primaryHue: number;
@@ -294,6 +295,47 @@ interface DashboardBodyTemplateProps {
 }
 declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): react_jsx_runtime.JSX.Element;
 
+interface WorkbenchBodyTemplateProps {
+    theme?: CSSProperties;
+    className?: string;
+    contentClassName?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    topBar?: ReactNode;
+    /** Right side of the built-in workbench header. Prefer this over toolbar for new code. */
+    headerRight?: ReactNode;
+    /** @deprecated Use headerRight. */
+    toolbar?: ReactNode;
+    actions?: ReactNode;
+    leftPane?: ReactNode;
+    mainPane?: ReactNode;
+    rightPane?: ReactNode;
+    bottomPane?: ReactNode;
+    children?: ReactNode;
+    resizable?: boolean;
+    leftPaneCollapsed?: boolean;
+    rightPaneCollapsed?: boolean;
+    bottomPaneCollapsed?: boolean;
+    leftPaneWidth?: number;
+    rightPaneWidth?: number;
+    bottomPaneHeight?: number;
+    minLeftPaneWidth?: number;
+    maxLeftPaneWidth?: number;
+    minRightPaneWidth?: number;
+    maxRightPaneWidth?: number;
+    minBottomPaneHeight?: number;
+    maxBottomPaneHeight?: number;
+    leftPaneClassName?: string;
+    mainPaneClassName?: string;
+    rightPaneClassName?: string;
+    bottomPaneClassName?: string;
+    /** Mobile Sheet label for the left pane trigger */
+    leftPaneLabel?: string;
+    /** Mobile Sheet label for the right pane trigger */
+    rightPaneLabel?: string;
+}
+declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, topBar, headerRight, toolbar, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
 interface DataBodyTabProps {
     id: string;
     label: React__default.ReactNode;
@@ -328,6 +370,7 @@ interface DataBodyGroupProps {
     description?: React__default.ReactNode;
     actions?: React__default.ReactNode;
     danger?: boolean;
+    className?: string;
     children?: React__default.ReactNode;
 }
 declare function DataBodyGroup(props: DataBodyGroupProps): react_jsx_runtime.JSX.Element;
@@ -443,6 +486,52 @@ declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
     Section: typeof DetailBodySection;
 };
 
+interface ListDetailBodyTemplateProps {
+    theme?: CSSProperties;
+    className?: string;
+    topBar?: ReactNode;
+    /** List pane content — typically a DataGrid, DataGridList, or navigation list */
+    list: ReactNode;
+    /**
+     * Detail pane content. When undefined, `emptyDetail` is shown on desktop
+     * and the list pane fills the screen on mobile.
+     */
+    detail?: ReactNode;
+    /** Placeholder rendered in the detail pane when nothing is selected */
+    emptyDetail?: ReactNode;
+    /** Width of the list pane in px. Default: 320 */
+    listWidth?: number;
+    listClassName?: string;
+    detailClassName?: string;
+    /** Called when the mobile back button is pressed — use to clear the selected item */
+    onBack?: () => void;
+    /** Label for the mobile back button. Default: "Back" */
+    backLabel?: string;
+}
+declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, onBack, backLabel, }: ListDetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
+interface PanelTemplateProps {
+    title?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    className?: string;
+    bodyClassName?: string;
+}
+interface PanelTemplateSectionProps {
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): react_jsx_runtime.JSX.Element;
+declare function PanelTemplateRoot({ title, eyebrow, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): react_jsx_runtime.JSX.Element;
+declare const PanelTemplate: typeof PanelTemplateRoot & {
+    Section: typeof PanelTemplateSection;
+};
+
 type FormWizardVariant = 'card' | 'plain';
 interface FormWizardStep {
     key: string;
@@ -588,6 +677,13 @@ interface PageTopBarProps {
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
+    /**
+     * Mobile sidebar trigger shown at the far left of the bar.
+     * - undefined (default): auto-detect — shows when inside SidebarProvider on mobile
+     * - false: suppress entirely
+     * - ReactNode: custom trigger content
+     */
+    sidebarTrigger?: false | React__default.ReactNode;
 }
 type PageBreadcrumbItem = string | {
     label: string;
@@ -604,7 +700,7 @@ declare function buildTopBar(opts: {
     left: React__default.ReactNode;
     right?: React__default.ReactNode;
 }): React__default.ReactNode;
-declare function PageTopBar({ left, right, variant, height, className, style, children, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
+declare function PageTopBar({ left, right, variant, height, className, style, children, sidebarTrigger, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
 
 interface TemplateNavigationItem {
     id: TemplateId;
@@ -627,6 +723,7 @@ declare function buildTemplateTheme(g: {
     radius: number;
     primaryHue: number;
     primaryChroma: number;
+    darkMode?: boolean;
     density?: DensityId;
     fontScale?: number;
     lineHeight?: number;
@@ -643,4 +740,4 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BrowseBodyTemplate, type BrowseBodyTemplateProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, DashboardBodyTemplate, type DashboardBodyTemplateProps, DashboardPanel, type DashboardPanelProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, type DataBodyTemplateProps, DataPage, type DataPageActionsProps, type DataPageContentProps, type DataPageFooterProps, type DataPageGroupBodyProps, type DataPageGroupHeaderProps, type DataPageGroupProps, type DataPageGroupToolbarProps, type DataPageHeaderProps, type DataPageProps, type DataPageTabProps, type DataPageTabsProps, type DataPageTitleBlockProps, type DensityId, type DetailBodyHeaderProps, type DetailBodySectionProps, type DetailBodyTabProps, DetailBodyTemplate, type DetailBodyTemplateProps, type DetailBodyVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, type LoginBg, LoginBodyTemplate, type LoginBodyTemplateProps, type LoginCard, type LoginCardWidth, type LoginLayout, type LoginSide, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, type PageBreadcrumbItem, PageTopBar, type PageTopBarProps, type PageTopBarVariant, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, type ShellId, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, type TemplateId, type TemplateNavigationGroup, type TemplateNavigationItem, type TemplateOverride, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, type TypographyBodyTemplateProps, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useStyleInjector, useThemeStore };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BrowseBodyTemplate, type BrowseBodyTemplateProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, DashboardBodyTemplate, type DashboardBodyTemplateProps, DashboardPanel, type DashboardPanelProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, type DataBodyTemplateProps, DataPage, type DataPageActionsProps, type DataPageContentProps, type DataPageFooterProps, type DataPageGroupBodyProps, type DataPageGroupHeaderProps, type DataPageGroupProps, type DataPageGroupToolbarProps, type DataPageHeaderProps, type DataPageProps, type DataPageTabProps, type DataPageTabsProps, type DataPageTitleBlockProps, type DensityId, type DetailBodyHeaderProps, type DetailBodySectionProps, type DetailBodyTabProps, DetailBodyTemplate, type DetailBodyTemplateProps, type DetailBodyVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, ListDetailBodyTemplate, type ListDetailBodyTemplateProps, type LoginBg, LoginBodyTemplate, type LoginBodyTemplateProps, type LoginCard, type LoginCardWidth, type LoginLayout, type LoginSide, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, type PageBreadcrumbItem, PageTopBar, type PageTopBarProps, type PageTopBarVariant, PanelTemplate, type PanelTemplateProps, type PanelTemplateSectionProps, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, type ShellId, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, type TemplateId, type TemplateNavigationGroup, type TemplateNavigationItem, type TemplateOverride, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, type TypographyBodyTemplateProps, WorkbenchBodyTemplate, type WorkbenchBodyTemplateProps, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useSidebarOptional, useStyleInjector, useThemeStore };