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

package/dist/index.d.cts

@@ -237,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' | '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';
 interface GlobalTheme {
     radius: number;
     primaryHue: number;
@@ -294,6 +294,43 @@ 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;
+}
+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, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
 interface DataBodyTabProps {
     id: string;
     label: React__default.ReactNode;
@@ -328,6 +365,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 +481,26 @@ 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;
+}
+declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, }: ListDetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
 type FormWizardVariant = 'card' | 'plain';
 interface FormWizardStep {
     key: string;
@@ -627,6 +685,7 @@ declare function buildTemplateTheme(g: {
     radius: number;
     primaryHue: number;
     primaryChroma: number;
+    darkMode?: boolean;
     density?: DensityId;
     fontScale?: number;
     lineHeight?: number;
@@ -643,4 +702,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, 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, useStyleInjector, useThemeStore };

package/dist/index.d.ts

@@ -237,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' | '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';
 interface GlobalTheme {
     radius: number;
     primaryHue: number;
@@ -294,6 +294,43 @@ 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;
+}
+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, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
 interface DataBodyTabProps {
     id: string;
     label: React__default.ReactNode;
@@ -328,6 +365,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 +481,26 @@ 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;
+}
+declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, }: ListDetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
+
 type FormWizardVariant = 'card' | 'plain';
 interface FormWizardStep {
     key: string;
@@ -627,6 +685,7 @@ declare function buildTemplateTheme(g: {
     radius: number;
     primaryHue: number;
     primaryChroma: number;
+    darkMode?: boolean;
     density?: DensityId;
     fontScale?: number;
     lineHeight?: number;
@@ -643,4 +702,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, 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, useStyleInjector, useThemeStore };

package/dist/index.js

@@ -17,7 +17,7 @@ import { Select as Select$1 } from '@base-ui/react/select';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { Dialog } from '@base-ui/react/dialog';
 import * as React2 from 'react';
-import React2__default, { forwardRef, useMemo, Children, useState, Fragment, useEffect } from 'react';
+import React2__default, { forwardRef, useMemo, Children, useState, Fragment, useCallback, useEffect } from 'react';
 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';
@@ -112,7 +112,11 @@ function AvatarGroupCount({ className, ...props }) {
   );
 }
 var badgeVariants = cva(
-  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  // transition-all is replaced with an explicit list to prevent width animation
+  // on font swap (e.g. font-display:swap triggering a layout recalc). Inside
+  // overflow:clip containers like DataGrid cells, an animated width change makes
+  // the pill appear to grow from a clipped state. Color transitions are preserved.
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow,opacity] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
   {
     variants: {
       variant: {
@@ -2195,6 +2199,194 @@ function DashboardBodyTemplate({
     /* @__PURE__ */ jsx("div", { className: cn("flex-1 min-h-0 overflow-auto px-[calc(var(--dk-page-padding-x)-0.5rem)] pt-0 pb-(--dk-page-padding-y)", contentClassName), children })
   ] });
 }
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function ResizeHandle({
+  axis,
+  onPointerDown,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": axis === "x" ? "vertical" : "horizontal",
+      className: cn(
+        "group/resize relative z-10 shrink-0 touch-none bg-transparent",
+        axis === "x" ? "-mx-1 w-2 cursor-col-resize" : "-my-1 h-2 cursor-row-resize",
+        className
+      ),
+      onPointerDown,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute bg-border transition-colors group-hover/resize:bg-muted-foreground/40",
+              axis === "x" ? "left-1/2 top-0 h-full w-px -translate-x-1/2" : "left-0 top-1/2 h-px w-full -translate-y-1/2"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute rounded-full bg-muted-foreground/35 opacity-0 transition-opacity group-hover/resize:opacity-100",
+              axis === "x" ? "left-1/2 top-1/2 h-10 w-1 -translate-x-1/2 -translate-y-1/2" : "left-1/2 top-1/2 h-1 w-10 -translate-x-1/2 -translate-y-1/2"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function WorkbenchBodyTemplate({
+  theme,
+  className,
+  contentClassName,
+  title,
+  description,
+  topBar,
+  headerRight,
+  toolbar,
+  actions,
+  leftPane,
+  mainPane,
+  rightPane,
+  bottomPane,
+  children,
+  resizable = true,
+  leftPaneCollapsed,
+  rightPaneCollapsed,
+  bottomPaneCollapsed,
+  leftPaneWidth = 260,
+  rightPaneWidth = 320,
+  bottomPaneHeight = 240,
+  minLeftPaneWidth = 180,
+  maxLeftPaneWidth = 440,
+  minRightPaneWidth = 240,
+  maxRightPaneWidth = 520,
+  minBottomPaneHeight = 120,
+  maxBottomPaneHeight = 420,
+  leftPaneClassName,
+  mainPaneClassName,
+  rightPaneClassName,
+  bottomPaneClassName
+}) {
+  const [leftWidth, setLeftWidth] = useState(leftPaneWidth);
+  const [rightWidth, setRightWidth] = useState(rightPaneWidth);
+  const [bottomHeight, setBottomHeight] = useState(bottomPaneHeight);
+  const startResize = useCallback((event, axis, applyDelta) => {
+    if (!resizable) return;
+    const start = axis === "x" ? event.clientX : event.clientY;
+    event.currentTarget.setPointerCapture(event.pointerId);
+    const previousCursor = document.body.style.cursor;
+    const previousUserSelect = document.body.style.userSelect;
+    document.body.style.cursor = axis === "x" ? "col-resize" : "row-resize";
+    document.body.style.userSelect = "none";
+    const onPointerMove = (moveEvent) => {
+      applyDelta((axis === "x" ? moveEvent.clientX : moveEvent.clientY) - start);
+    };
+    const onPointerUp = () => {
+      document.body.style.cursor = previousCursor;
+      document.body.style.userSelect = previousUserSelect;
+      window.removeEventListener("pointermove", onPointerMove);
+      window.removeEventListener("pointerup", onPointerUp);
+    };
+    window.addEventListener("pointermove", onPointerMove);
+    window.addEventListener("pointerup", onPointerUp, { once: true });
+  }, [resizable]);
+  const headerRightContent = headerRight ?? toolbar;
+  const showHeader = title || description || headerRightContent || actions;
+  const showLeftPane = leftPane && !leftPaneCollapsed;
+  const showRightPane = rightPane && !rightPaneCollapsed;
+  const showBottomPane = bottomPane && !bottomPaneCollapsed;
+  return /* @__PURE__ */ jsxs(DataPage, { className: cn("layout-workbench", className), style: theme, children: [
+    topBar && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: topBar }),
+    showHeader && /* @__PURE__ */ jsx("header", { className: "shrink-0 border-b px-(--dk-page-padding-x) py-[calc(var(--dk-page-padding-y)*0.75)]", children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-[var(--dk-toolbar-height)] items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        title && /* @__PURE__ */ jsx("h1", { className: "truncate text-sm font-semibold", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: description })
+      ] }),
+      (headerRightContent || actions) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+        headerRightContent,
+        actions
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-0 flex-1 overflow-hidden", contentClassName), children: [
+      showLeftPane && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(
+          "aside",
+          {
+            className: cn("min-h-0 shrink-0 overflow-hidden border-r bg-card/45", leftPaneClassName),
+            style: { width: leftWidth },
+            children: leftPane
+          }
+        ),
+        resizable && /* @__PURE__ */ jsx(
+          ResizeHandle,
+          {
+            axis: "x",
+            onPointerDown: (event) => {
+              const start = leftWidth;
+              startResize(event, "x", (delta) => {
+                setLeftWidth(clamp(start + delta, minLeftPaneWidth, maxLeftPaneWidth));
+              });
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("main", { className: cn("flex min-w-0 flex-1 flex-col overflow-hidden", mainPaneClassName), children: [
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: mainPane ?? children }),
+        showBottomPane && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          resizable && /* @__PURE__ */ jsx(
+            ResizeHandle,
+            {
+              axis: "y",
+              onPointerDown: (event) => {
+                const start = bottomHeight;
+                startResize(event, "y", (delta) => {
+                  setBottomHeight(clamp(start - delta, minBottomPaneHeight, maxBottomPaneHeight));
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "section",
+            {
+              className: cn("min-h-0 shrink-0 overflow-hidden border-t bg-card/40", bottomPaneClassName),
+              style: { height: bottomHeight },
+              children: bottomPane
+            }
+          )
+        ] })
+      ] }),
+      showRightPane && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        resizable && /* @__PURE__ */ jsx(
+          ResizeHandle,
+          {
+            axis: "x",
+            onPointerDown: (event) => {
+              const start = rightWidth;
+              startResize(event, "x", (delta) => {
+                setRightWidth(clamp(start - delta, minRightPaneWidth, maxRightPaneWidth));
+              });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "aside",
+          {
+            className: cn("min-h-0 shrink-0 overflow-hidden border-l bg-card/45", rightPaneClassName),
+            style: { width: rightWidth },
+            children: rightPane
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 function DataBodyTab(_props) {
   return null;
 }
@@ -2267,12 +2459,13 @@ function renderGroupProps(props) {
     description,
     actions,
     danger,
+    className,
     children
   } = props;
   const variant = variantProp ?? layoutDefaultVariant[layout];
   if (layout === "split") {
     const panes = Children.toArray(children);
-    return /* @__PURE__ */ jsxs("div", { className: "py-(--dk-panel-gap)", children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn("py-(--dk-panel-gap)", className), children: [
       (title || description || actions) && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-start justify-between", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           title && /* @__PURE__ */ jsx("h2", { className: cn("text-sm font-semibold", danger && "text-destructive"), children: title }),
@@ -2284,7 +2477,7 @@ function renderGroupProps(props) {
     ] });
   }
   if (layout === "horizontal") {
-    return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-[calc(var(--dk-panel-gap)*2)] py-(--dk-panel-gap)", children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-3 gap-[calc(var(--dk-panel-gap)*2)] py-(--dk-panel-gap)", className), children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: cn("text-sm font-medium", danger && "text-destructive"), children: title }),
         description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: description }),
@@ -2294,7 +2487,7 @@ function renderGroupProps(props) {
     ] });
   }
   if (layout === "inline") {
-    return /* @__PURE__ */ jsxs("div", { className: "py-(--dk-panel-gap)", children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn("py-(--dk-panel-gap)", className), children: [
       (title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-start justify-between", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           title && /* @__PURE__ */ jsx("h2", { className: cn("text-sm font-semibold", danger && "text-destructive"), children: title }),
@@ -2305,7 +2498,7 @@ function renderGroupProps(props) {
       /* @__PURE__ */ jsx(GroupWrapper, { layout, variant, children })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "py-(--dk-panel-gap)", children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("py-(--dk-panel-gap)", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h2", { className: cn("text-sm font-semibold", danger && "text-destructive"), children: title }),
@@ -2541,8 +2734,8 @@ function BrowseBodyTemplate({
           {
             className: cn(
               "min-w-0 flex-1 overflow-hidden px-(--dk-page-padding-x) py-(--dk-page-padding-y)",
-              "[&_.dg-shell]:h-full [&_.dg-table-stack]:flex-1 [&_.dg-table-stack]:min-h-0",
-              "[&_.dg-card-container]:flex-1 [&_.dg-card-container]:min-h-0 [&_.dg-card-container]:overflow-auto",
+              "[&_.gridkit-shell]:h-full [&_.gridkit-table-stack]:flex-1 [&_.gridkit-table-stack]:min-h-0",
+              "[&_.gridkit-frame]:flex-1 [&_.gridkit-frame]:min-h-0 [&_.gridkit-frame]:overflow-auto",
               contentClassName
             ),
             children
@@ -2751,6 +2944,52 @@ var DetailBodyTemplate = Object.assign(DetailBodyTemplateRoot, {
   Tab: DetailBodyTab,
   Section: DetailBodySection
 });
+function ListDetailBodyTemplate({
+  theme,
+  className,
+  topBar,
+  list,
+  detail,
+  emptyDetail,
+  listWidth = 320,
+  listClassName,
+  detailClassName
+}) {
+  return /* @__PURE__ */ jsxs(
+    DataPage,
+    {
+      className: cn("layout-list-detail", className),
+      style: { "--ld-list-width": `${listWidth}px`, ...theme },
+      children: [
+        topBar && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: topBar }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
+          /* @__PURE__ */ jsx(
+            "aside",
+            {
+              className: cn(
+                "min-h-0 shrink-0 overflow-hidden border-r",
+                detail ? "hidden lg:flex lg:w-[var(--ld-list-width)] lg:flex-col" : "flex w-full flex-col lg:w-[var(--ld-list-width)]",
+                listClassName
+              ),
+              children: list
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "main",
+            {
+              className: cn(
+                "min-h-0 min-w-0 flex-1 overflow-auto",
+                !detail && "hidden lg:block",
+                detailClassName
+              ),
+              children: detail ?? emptyDetail
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 function FormWizardBodyTemplate({
   theme,
   title,
@@ -3402,7 +3641,7 @@ function buildTokenMap({
   const c = (factor) => (primaryChroma * factor).toFixed(4);
   return {
     "--dk-radius": `${radius}rem`,
-    "--dg-radius": `${radius}rem`,
+    "--gridkit-radius": `${radius}rem`,
     "--radius": `${radius}rem`,
     "--radius-sm": `${(radius * 0.6).toFixed(4)}rem`,
     "--radius-md": `${(radius * 0.8).toFixed(4)}rem`,
@@ -3413,9 +3652,9 @@ function buildTokenMap({
     "--dk-primary": `oklch(0.52 ${primaryChroma} ${primaryHue})`,
     "--dk-primary-foreground": "oklch(0.985 0 0)",
     "--dk-ring": `oklch(0.50 ${primaryChroma} ${primaryHue})`,
-    "--dg-primary": `oklch(0.52 ${primaryChroma} ${primaryHue})`,
-    "--dg-primary-foreground": "oklch(0.985 0 0)",
-    "--dg-ring": `oklch(0.50 ${primaryChroma} ${primaryHue})`,
+    "--gridkit-primary": `oklch(0.52 ${primaryChroma} ${primaryHue})`,
+    "--gridkit-primary-foreground": "oklch(0.985 0 0)",
+    "--gridkit-ring": `oklch(0.50 ${primaryChroma} ${primaryHue})`,
     "--primary": `oklch(0.52 ${primaryChroma} ${primaryHue})`,
     "--primary-foreground": "oklch(0.985 0 0)",
     "--color-primary": `oklch(0.52 ${primaryChroma} ${primaryHue})`,
@@ -3438,8 +3677,8 @@ function buildTokenMap({
     "--dk-border": `oklch(0.922 ${c(0.04)} ${primaryHue})`,
     "--dk-input": `oklch(0.922 ${c(0.04)} ${primaryHue})`,
     "--dk-muted": `oklch(0.970 ${c(0.02)} ${primaryHue})`,
-    "--dg-border": `oklch(0.922 ${c(0.04)} ${primaryHue})`,
-    "--dg-muted": `oklch(0.970 ${c(0.02)} ${primaryHue})`,
+    "--gridkit-border": `oklch(0.922 ${c(0.04)} ${primaryHue})`,
+    "--gridkit-muted": `oklch(0.970 ${c(0.02)} ${primaryHue})`,
     "--dk-font-scale": fontScale,
     "--dk-line-height": lineHeight,
     "--dk-density": densityValues.density,
@@ -3484,8 +3723,8 @@ function buildDarkTonalTokens(primaryHue, primaryChroma) {
     "--dk-border": `oklch(0.32  ${c(0.06)} ${primaryHue})`,
     "--dk-input": `oklch(0.35  ${c(0.06)} ${primaryHue})`,
     "--dk-muted": `oklch(0.269 ${c(0.03)} ${primaryHue})`,
-    "--dg-border": `oklch(0.32  ${c(0.06)} ${primaryHue})`,
-    "--dg-muted": `oklch(0.269 ${c(0.03)} ${primaryHue})`
+    "--gridkit-border": `oklch(0.32  ${c(0.06)} ${primaryHue})`,
+    "--gridkit-muted": `oklch(0.269 ${c(0.03)} ${primaryHue})`
   };
 }
 function tokenMapToCss(tokens) {
@@ -3538,7 +3777,7 @@ ${tokenMapToCss(tokens)}
   }, [g.density]);
 }
 function buildTemplateTheme(g, ov = {}) {
-  return buildTokenMap({
+  const tokens = buildTokenMap({
     radius: ov.radius ?? g.radius,
     primaryHue: g.primaryHue,
     primaryChroma: ov.primaryChroma ?? g.primaryChroma,
@@ -3549,8 +3788,12 @@ function buildTemplateTheme(g, ov = {}) {
     fontScale: g.fontScale ?? 1,
     lineHeight: g.lineHeight ?? 1
   });
+  if (g.darkMode) {
+    Object.assign(tokens, buildDarkTonalTokens(g.primaryHue, ov.primaryChroma ?? g.primaryChroma));
+  }
+  return tokens;
 }
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BrowseBodyTemplate, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, DashboardBodyTemplate, DashboardPanel, DataBodyTemplate, DataPage, DetailBodyTemplate, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FormWizardBodyTemplate, Input, Label, LoginBodyTemplate, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, PageTopBar, 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, 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, TabsContent, TabsList, TabsTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useStyleInjector, useThemeStore };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BrowseBodyTemplate, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, DashboardBodyTemplate, DashboardPanel, DataBodyTemplate, DataPage, DetailBodyTemplate, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FormWizardBodyTemplate, Input, Label, ListDetailBodyTemplate, LoginBodyTemplate, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, PageTopBar, 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, 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, TabsContent, TabsList, TabsTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, WorkbenchBodyTemplate, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useStyleInjector, useThemeStore };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map