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

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentType } from 'react';
+import React__default, { ComponentType, CSSProperties, ReactNode } from 'react';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { useRender } from '@base-ui/react/use-render';
@@ -18,9 +18,6 @@ import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 import { Slider as Slider$1 } from '@base-ui/react/slider';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import { Tabs as Tabs$2 } from '@base-ui/react/tabs';
-import { DataGridColumnDef } from '@loykin/gridkit';
-export { DataGridColumnDef } from '@loykin/gridkit';
-import { Table as Table$1, Row } from '@tanstack/react-table';
 import { ClassValue } from 'clsx';
 import * as zustand from 'zustand';
 
@@ -240,7 +237,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';
+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';
 interface GlobalTheme {
     radius: number;
     primaryHue: number;
@@ -269,95 +266,33 @@ interface ThemeState {
     setTemplate: (template: TemplateId) => void;
 }
 
-type DataGridViewVariant = 'standard' | 'infinity' | 'drag' | 'card' | 'card-list';
-type DataGridViewFilter<T> = (table: Table$1<T>) => React.ReactNode;
-interface DataGridViewInfinityProps<T> {
-    data?: T[];
-    hasNextPage: boolean;
-    isFetchingNextPage: boolean;
-    fetchNextPage: () => void;
-    tableKey?: string;
-}
-interface DataGridViewDragProps<T> {
-    onRowReorder?: (rows: T[]) => void;
-    dragColumnSize?: number;
-}
-interface DataGridViewCardProps<T> {
-    renderCard?: (row: Row<T>) => React.ReactNode;
-    cardColumns?: number;
-    minCardWidth?: number;
-    minColumns?: number;
-}
-interface DataGridViewProps<T extends Record<string, unknown>> {
-    data: T[];
-    columns: DataGridColumnDef<T>[];
-    getRowId?: (row: T, index: number) => string;
-    variant?: DataGridViewVariant;
-    tableHeight?: string | number;
-    rowHeight?: number;
-    tableWidthMode?: 'spacer' | 'fill-last' | 'independent';
-    enableSorting?: boolean;
-    enableColumnFilters?: boolean;
-    emptyMessage?: string;
-    headerLeft?: DataGridViewFilter<T>;
-    headerRight?: DataGridViewFilter<T>;
-    pagination?: {
-        pageSize?: number;
-    } | false;
-    footer?: (table: Table$1<T>) => React.ReactNode;
-    infinity?: DataGridViewInfinityProps<T>;
-    drag?: DataGridViewDragProps<T>;
-    card?: DataGridViewCardProps<T>;
-}
-
-declare function DataGridView<T extends Record<string, unknown>>({ data, columns, getRowId, variant, tableHeight, rowHeight, tableWidthMode, enableSorting, enableColumnFilters, emptyMessage, headerLeft, headerRight, pagination, footer, infinity, drag, card, }: DataGridViewProps<T>): react_jsx_runtime.JSX.Element;
-
-type TemplateGroup = 'Table' | 'Pages' | 'Design' | 'Auth';
-type TemplateNavigationGroupId = 'DataBodyTemplate' | 'FormWizardBodyTemplate' | 'LoginBodyTemplate' | 'Common';
-type TemplateExportKind = 'data-grid' | 'data-grid-card' | 'body-template' | 'typography' | 'databody' | 'login';
-interface TemplateOptionChoice {
-    value: string;
-    label: string;
+interface DashboardPanelProps {
+    title?: string;
+    description?: string;
+    loading?: boolean;
+    error?: string | null;
+    transparent?: boolean;
+    /** Edit mode — shows drag handle and grab cursor on the header */
+    editable?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    headerRight?: ReactNode;
 }
-interface TemplateOptionSpec {
-    key: string;
-    label: string;
-    type: 'select';
-    choices: TemplateOptionChoice[];
-    defaultValue: string;
+declare const DashboardPanel: React$1.ForwardRefExoticComponent<DashboardPanelProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DashboardBodyTemplateProps {
+    theme?: CSSProperties;
+    className?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    topBar?: ReactNode;
+    toolbar?: ReactNode;
+    /** Variable bar — rendered as a separate strip between the header and content */
+    variableBar?: ReactNode;
+    children?: ReactNode;
+    contentClassName?: string;
 }
-interface TemplateDefinition {
-    id: TemplateId;
-    label: string;
-    /** Short label used only in nav sub-menu (omit to fall back to label) */
-    navigationLabel?: string;
-    /** Section-header label for the nav group this item anchors (omit to fall back to label) */
-    navigationSubgroupLabel?: string;
-    group: TemplateGroup;
-    navigationGroup: TemplateNavigationGroupId;
-    navigationParent?: TemplateId;
-    layoutClassName: string;
-    exportComponent: string;
-    exportKind: TemplateExportKind;
-    preset: TemplateOverride;
-    options?: TemplateOptionSpec[];
-    preview?: {
-        variant?: DataGridViewVariant;
-        breadcrumb?: React.ReactNode;
-        title?: React.ReactNode;
-        description?: React.ReactNode;
-    };
-}
-declare const TEMPLATE_DEFINITIONS: TemplateDefinition[];
-declare function getTemplateDefinition(id: TemplateId): TemplateDefinition | undefined;
-declare function createTemplateOverrides(): Record<TemplateId, TemplateOverride>;
-
-interface TemplateCodeContext {
-    definition: TemplateDefinition;
-    themeProp: string;
-    layoutClassName: string;
-}
-type TemplateCodeBuilder = (context: TemplateCodeContext) => string;
+declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): react_jsx_runtime.JSX.Element;
 
 interface DataBodyTabProps {
     id: string;
@@ -435,13 +370,78 @@ declare const DataBodyTemplate: typeof Root$1 & {
     Field: typeof DataBodyField;
 };
 
-interface DataBodyTemplateDemoProps {
+interface BrowseBodyTemplateProps {
     theme?: React__default.CSSProperties;
-    topBarShow?: string;
-    topBarVariant?: string;
-    topBarBg?: string;
+    className?: string;
+    topBar?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    sidebar: React__default.ReactNode;
+    sidebarTitle?: string;
+    sidebarWidth?: string;
+    toolbar?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    contentClassName?: string;
+    children?: React__default.ReactNode;
 }
-declare function DataBodyTemplateDemo({ theme, topBarShow, topBarVariant, topBarBg }: DataBodyTemplateDemoProps): react_jsx_runtime.JSX.Element;
+declare function BrowseBodyTemplate({ theme, className, topBar, title, description, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
+type DetailBodyVariant = 'media' | 'record' | 'full';
+interface DetailBodyTemplateProps {
+    variant?: DetailBodyVariant;
+    theme?: React__default.CSSProperties;
+    className?: string;
+    topBar?: React__default.ReactNode;
+    header?: React__default.ReactNode;
+    lead?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    status?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    media?: React__default.ReactNode;
+    aside?: React__default.ReactNode;
+    summary?: React__default.ReactNode;
+    stickyAside?: boolean;
+    contentClassName?: string;
+    mediaClassName?: string;
+    asideClassName?: string;
+    children?: React__default.ReactNode;
+}
+interface DetailBodyHeaderProps {
+    eyebrow?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    status?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    compact?: boolean;
+    className?: string;
+}
+declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): react_jsx_runtime.JSX.Element;
+interface DetailBodyTabProps {
+    id: string;
+    label: React__default.ReactNode;
+    count?: number;
+    disabled?: boolean;
+    children?: React__default.ReactNode;
+}
+declare function DetailBodyTab(_props: DetailBodyTabProps): null;
+interface DetailBodySectionProps {
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    surface?: 'plain' | 'card' | 'bordered';
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): react_jsx_runtime.JSX.Element;
+declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
+declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
+    Header: typeof DetailBodyHeader;
+    Tab: typeof DetailBodyTab;
+    Section: typeof DetailBodySection;
+};
 
 type FormWizardVariant = 'card' | 'plain';
 interface FormWizardStep {
@@ -463,14 +463,6 @@ interface FormWizardBodyTemplateProps {
 }
 declare function FormWizardBodyTemplate({ theme, title, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
 
-declare function FormWizardBodyTemplateDemo({ theme, variant, topBarShow, topBarVariant, topBarBg, }: {
-    theme?: React.CSSProperties;
-    variant?: FormWizardVariant;
-    topBarShow?: string;
-    topBarVariant?: string;
-    topBarBg?: string;
-}): react_jsx_runtime.JSX.Element;
-
 interface TypographyBodyTemplateProps {
     theme?: React.CSSProperties;
     breadcrumb?: React.ReactNode;
@@ -614,16 +606,6 @@ declare function buildTopBar(opts: {
 }): React__default.ReactNode;
 declare function PageTopBar({ left, right, variant, height, className, style, children, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
 
-interface TemplateConfig {
-    id: TemplateId;
-    label: string;
-    component: ComponentType<{
-        theme?: React.CSSProperties;
-    }>;
-    buildCode?: TemplateCodeBuilder;
-    group?: string;
-    description?: string;
-}
 interface TemplateNavigationItem {
     id: TemplateId;
     label: string;
@@ -637,9 +619,6 @@ interface TemplateNavigationGroup {
     items: TemplateNavigationItem[];
 }
 
-declare const TEMPLATES: TemplateConfig[];
-declare const TEMPLATE_NAVIGATION: TemplateNavigationGroup[];
-
 declare function useIsMobile(): boolean;
 
 declare function useStyleInjector(): void;
@@ -664,4 +643,4 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, DataBodyTemplateDemo, type DataBodyTemplateProps, DataGridView, type DataGridViewProps, type DataGridViewVariant, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, FormWizardBodyTemplateDemo, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, LoginBodyTemplate, type LoginBodyTemplateProps, 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, TEMPLATES, TEMPLATE_DEFINITIONS, TEMPLATE_NAVIGATION, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, type TemplateCodeBuilder, type TemplateCodeContext, type TemplateConfig, type TemplateDefinition, type TemplateExportKind, type TemplateGroup, type TemplateId, type TemplateNavigationGroup, type TemplateNavigationGroupId, type TemplateNavigationItem, type TemplateOptionChoice, type TemplateOptionSpec, type TemplateOverride, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, type TypographyBodyTemplateProps, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, createTemplateOverrides, getTemplateDefinition, 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, 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 };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentType } from 'react';
+import React__default, { ComponentType, CSSProperties, ReactNode } from 'react';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { useRender } from '@base-ui/react/use-render';
@@ -18,9 +18,6 @@ import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 import { Slider as Slider$1 } from '@base-ui/react/slider';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import { Tabs as Tabs$2 } from '@base-ui/react/tabs';
-import { DataGridColumnDef } from '@loykin/gridkit';
-export { DataGridColumnDef } from '@loykin/gridkit';
-import { Table as Table$1, Row } from '@tanstack/react-table';
 import { ClassValue } from 'clsx';
 import * as zustand from 'zustand';
 
@@ -240,7 +237,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';
+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';
 interface GlobalTheme {
     radius: number;
     primaryHue: number;
@@ -269,95 +266,33 @@ interface ThemeState {
     setTemplate: (template: TemplateId) => void;
 }
 
-type DataGridViewVariant = 'standard' | 'infinity' | 'drag' | 'card' | 'card-list';
-type DataGridViewFilter<T> = (table: Table$1<T>) => React.ReactNode;
-interface DataGridViewInfinityProps<T> {
-    data?: T[];
-    hasNextPage: boolean;
-    isFetchingNextPage: boolean;
-    fetchNextPage: () => void;
-    tableKey?: string;
-}
-interface DataGridViewDragProps<T> {
-    onRowReorder?: (rows: T[]) => void;
-    dragColumnSize?: number;
-}
-interface DataGridViewCardProps<T> {
-    renderCard?: (row: Row<T>) => React.ReactNode;
-    cardColumns?: number;
-    minCardWidth?: number;
-    minColumns?: number;
-}
-interface DataGridViewProps<T extends Record<string, unknown>> {
-    data: T[];
-    columns: DataGridColumnDef<T>[];
-    getRowId?: (row: T, index: number) => string;
-    variant?: DataGridViewVariant;
-    tableHeight?: string | number;
-    rowHeight?: number;
-    tableWidthMode?: 'spacer' | 'fill-last' | 'independent';
-    enableSorting?: boolean;
-    enableColumnFilters?: boolean;
-    emptyMessage?: string;
-    headerLeft?: DataGridViewFilter<T>;
-    headerRight?: DataGridViewFilter<T>;
-    pagination?: {
-        pageSize?: number;
-    } | false;
-    footer?: (table: Table$1<T>) => React.ReactNode;
-    infinity?: DataGridViewInfinityProps<T>;
-    drag?: DataGridViewDragProps<T>;
-    card?: DataGridViewCardProps<T>;
-}
-
-declare function DataGridView<T extends Record<string, unknown>>({ data, columns, getRowId, variant, tableHeight, rowHeight, tableWidthMode, enableSorting, enableColumnFilters, emptyMessage, headerLeft, headerRight, pagination, footer, infinity, drag, card, }: DataGridViewProps<T>): react_jsx_runtime.JSX.Element;
-
-type TemplateGroup = 'Table' | 'Pages' | 'Design' | 'Auth';
-type TemplateNavigationGroupId = 'DataBodyTemplate' | 'FormWizardBodyTemplate' | 'LoginBodyTemplate' | 'Common';
-type TemplateExportKind = 'data-grid' | 'data-grid-card' | 'body-template' | 'typography' | 'databody' | 'login';
-interface TemplateOptionChoice {
-    value: string;
-    label: string;
+interface DashboardPanelProps {
+    title?: string;
+    description?: string;
+    loading?: boolean;
+    error?: string | null;
+    transparent?: boolean;
+    /** Edit mode — shows drag handle and grab cursor on the header */
+    editable?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    headerRight?: ReactNode;
 }
-interface TemplateOptionSpec {
-    key: string;
-    label: string;
-    type: 'select';
-    choices: TemplateOptionChoice[];
-    defaultValue: string;
+declare const DashboardPanel: React$1.ForwardRefExoticComponent<DashboardPanelProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DashboardBodyTemplateProps {
+    theme?: CSSProperties;
+    className?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    topBar?: ReactNode;
+    toolbar?: ReactNode;
+    /** Variable bar — rendered as a separate strip between the header and content */
+    variableBar?: ReactNode;
+    children?: ReactNode;
+    contentClassName?: string;
 }
-interface TemplateDefinition {
-    id: TemplateId;
-    label: string;
-    /** Short label used only in nav sub-menu (omit to fall back to label) */
-    navigationLabel?: string;
-    /** Section-header label for the nav group this item anchors (omit to fall back to label) */
-    navigationSubgroupLabel?: string;
-    group: TemplateGroup;
-    navigationGroup: TemplateNavigationGroupId;
-    navigationParent?: TemplateId;
-    layoutClassName: string;
-    exportComponent: string;
-    exportKind: TemplateExportKind;
-    preset: TemplateOverride;
-    options?: TemplateOptionSpec[];
-    preview?: {
-        variant?: DataGridViewVariant;
-        breadcrumb?: React.ReactNode;
-        title?: React.ReactNode;
-        description?: React.ReactNode;
-    };
-}
-declare const TEMPLATE_DEFINITIONS: TemplateDefinition[];
-declare function getTemplateDefinition(id: TemplateId): TemplateDefinition | undefined;
-declare function createTemplateOverrides(): Record<TemplateId, TemplateOverride>;
-
-interface TemplateCodeContext {
-    definition: TemplateDefinition;
-    themeProp: string;
-    layoutClassName: string;
-}
-type TemplateCodeBuilder = (context: TemplateCodeContext) => string;
+declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): react_jsx_runtime.JSX.Element;
 
 interface DataBodyTabProps {
     id: string;
@@ -435,13 +370,78 @@ declare const DataBodyTemplate: typeof Root$1 & {
     Field: typeof DataBodyField;
 };
 
-interface DataBodyTemplateDemoProps {
+interface BrowseBodyTemplateProps {
     theme?: React__default.CSSProperties;
-    topBarShow?: string;
-    topBarVariant?: string;
-    topBarBg?: string;
+    className?: string;
+    topBar?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    sidebar: React__default.ReactNode;
+    sidebarTitle?: string;
+    sidebarWidth?: string;
+    toolbar?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    contentClassName?: string;
+    children?: React__default.ReactNode;
 }
-declare function DataBodyTemplateDemo({ theme, topBarShow, topBarVariant, topBarBg }: DataBodyTemplateDemoProps): react_jsx_runtime.JSX.Element;
+declare function BrowseBodyTemplate({ theme, className, topBar, title, description, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
+type DetailBodyVariant = 'media' | 'record' | 'full';
+interface DetailBodyTemplateProps {
+    variant?: DetailBodyVariant;
+    theme?: React__default.CSSProperties;
+    className?: string;
+    topBar?: React__default.ReactNode;
+    header?: React__default.ReactNode;
+    lead?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    status?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    media?: React__default.ReactNode;
+    aside?: React__default.ReactNode;
+    summary?: React__default.ReactNode;
+    stickyAside?: boolean;
+    contentClassName?: string;
+    mediaClassName?: string;
+    asideClassName?: string;
+    children?: React__default.ReactNode;
+}
+interface DetailBodyHeaderProps {
+    eyebrow?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    status?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    compact?: boolean;
+    className?: string;
+}
+declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): react_jsx_runtime.JSX.Element;
+interface DetailBodyTabProps {
+    id: string;
+    label: React__default.ReactNode;
+    count?: number;
+    disabled?: boolean;
+    children?: React__default.ReactNode;
+}
+declare function DetailBodyTab(_props: DetailBodyTabProps): null;
+interface DetailBodySectionProps {
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    surface?: 'plain' | 'card' | 'bordered';
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): react_jsx_runtime.JSX.Element;
+declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
+declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
+    Header: typeof DetailBodyHeader;
+    Tab: typeof DetailBodyTab;
+    Section: typeof DetailBodySection;
+};
 
 type FormWizardVariant = 'card' | 'plain';
 interface FormWizardStep {
@@ -463,14 +463,6 @@ interface FormWizardBodyTemplateProps {
 }
 declare function FormWizardBodyTemplate({ theme, title, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
 
-declare function FormWizardBodyTemplateDemo({ theme, variant, topBarShow, topBarVariant, topBarBg, }: {
-    theme?: React.CSSProperties;
-    variant?: FormWizardVariant;
-    topBarShow?: string;
-    topBarVariant?: string;
-    topBarBg?: string;
-}): react_jsx_runtime.JSX.Element;
-
 interface TypographyBodyTemplateProps {
     theme?: React.CSSProperties;
     breadcrumb?: React.ReactNode;
@@ -614,16 +606,6 @@ declare function buildTopBar(opts: {
 }): React__default.ReactNode;
 declare function PageTopBar({ left, right, variant, height, className, style, children, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
 
-interface TemplateConfig {
-    id: TemplateId;
-    label: string;
-    component: ComponentType<{
-        theme?: React.CSSProperties;
-    }>;
-    buildCode?: TemplateCodeBuilder;
-    group?: string;
-    description?: string;
-}
 interface TemplateNavigationItem {
     id: TemplateId;
     label: string;
@@ -637,9 +619,6 @@ interface TemplateNavigationGroup {
     items: TemplateNavigationItem[];
 }
 
-declare const TEMPLATES: TemplateConfig[];
-declare const TEMPLATE_NAVIGATION: TemplateNavigationGroup[];
-
 declare function useIsMobile(): boolean;
 
 declare function useStyleInjector(): void;
@@ -664,4 +643,4 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, DataBodyTemplateDemo, type DataBodyTemplateProps, DataGridView, type DataGridViewProps, type DataGridViewVariant, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, FormWizardBodyTemplateDemo, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, LoginBodyTemplate, type LoginBodyTemplateProps, 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, TEMPLATES, TEMPLATE_DEFINITIONS, TEMPLATE_NAVIGATION, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, type TemplateCodeBuilder, type TemplateCodeContext, type TemplateConfig, type TemplateDefinition, type TemplateExportKind, type TemplateGroup, type TemplateId, type TemplateNavigationGroup, type TemplateNavigationGroupId, type TemplateNavigationItem, type TemplateOptionChoice, type TemplateOptionSpec, type TemplateOverride, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, type TypographyBodyTemplateProps, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, createTemplateOverrides, getTemplateDefinition, 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, 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 };