@loykin/designkit 0.0.1-dev.1 → 0.0.1-dev.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +174 -99
- package/dist/index.cjs +347 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +104 -3
- package/dist/index.d.ts +104 -3
- package/dist/index.js +347 -4
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ComponentType } from 'react';
|
|
3
|
+
import React__default, { ComponentType, CSSProperties, ReactNode } from 'react';
|
|
4
4
|
import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { useRender } from '@base-ui/react/use-render';
|
|
@@ -237,7 +237,7 @@ declare function TabsContent({ className, ...props }: Tabs$2.Panel.Props): react
|
|
|
237
237
|
|
|
238
238
|
type ShellId = 'sidebar' | 'header';
|
|
239
239
|
type DensityId = 'compact' | 'default' | 'comfortable';
|
|
240
|
-
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';
|
|
240
|
+
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';
|
|
241
241
|
interface GlobalTheme {
|
|
242
242
|
radius: number;
|
|
243
243
|
primaryHue: number;
|
|
@@ -266,6 +266,34 @@ interface ThemeState {
|
|
|
266
266
|
setTemplate: (template: TemplateId) => void;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
+
interface DashboardPanelProps {
|
|
270
|
+
title?: string;
|
|
271
|
+
description?: string;
|
|
272
|
+
loading?: boolean;
|
|
273
|
+
error?: string | null;
|
|
274
|
+
transparent?: boolean;
|
|
275
|
+
/** Edit mode — shows drag handle and grab cursor on the header */
|
|
276
|
+
editable?: boolean;
|
|
277
|
+
className?: string;
|
|
278
|
+
style?: CSSProperties;
|
|
279
|
+
children?: ReactNode;
|
|
280
|
+
headerRight?: ReactNode;
|
|
281
|
+
}
|
|
282
|
+
declare const DashboardPanel: React$1.ForwardRefExoticComponent<DashboardPanelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
283
|
+
interface DashboardBodyTemplateProps {
|
|
284
|
+
theme?: CSSProperties;
|
|
285
|
+
className?: string;
|
|
286
|
+
title?: ReactNode;
|
|
287
|
+
description?: ReactNode;
|
|
288
|
+
topBar?: ReactNode;
|
|
289
|
+
toolbar?: ReactNode;
|
|
290
|
+
/** Variable bar — rendered as a separate strip between the header and content */
|
|
291
|
+
variableBar?: ReactNode;
|
|
292
|
+
children?: ReactNode;
|
|
293
|
+
contentClassName?: string;
|
|
294
|
+
}
|
|
295
|
+
declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): react_jsx_runtime.JSX.Element;
|
|
296
|
+
|
|
269
297
|
interface DataBodyTabProps {
|
|
270
298
|
id: string;
|
|
271
299
|
label: React__default.ReactNode;
|
|
@@ -342,6 +370,79 @@ declare const DataBodyTemplate: typeof Root$1 & {
|
|
|
342
370
|
Field: typeof DataBodyField;
|
|
343
371
|
};
|
|
344
372
|
|
|
373
|
+
interface BrowseBodyTemplateProps {
|
|
374
|
+
theme?: React__default.CSSProperties;
|
|
375
|
+
className?: string;
|
|
376
|
+
topBar?: React__default.ReactNode;
|
|
377
|
+
title?: React__default.ReactNode;
|
|
378
|
+
description?: React__default.ReactNode;
|
|
379
|
+
actions?: React__default.ReactNode;
|
|
380
|
+
sidebar: React__default.ReactNode;
|
|
381
|
+
sidebarTitle?: string;
|
|
382
|
+
sidebarWidth?: string;
|
|
383
|
+
toolbar?: React__default.ReactNode;
|
|
384
|
+
footer?: React__default.ReactNode;
|
|
385
|
+
contentClassName?: string;
|
|
386
|
+
children?: React__default.ReactNode;
|
|
387
|
+
}
|
|
388
|
+
declare function BrowseBodyTemplate({ theme, className, topBar, title, description, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
|
|
389
|
+
|
|
390
|
+
type DetailBodyVariant = 'media' | 'record' | 'full';
|
|
391
|
+
interface DetailBodyTemplateProps {
|
|
392
|
+
variant?: DetailBodyVariant;
|
|
393
|
+
theme?: React__default.CSSProperties;
|
|
394
|
+
className?: string;
|
|
395
|
+
topBar?: React__default.ReactNode;
|
|
396
|
+
header?: React__default.ReactNode;
|
|
397
|
+
lead?: React__default.ReactNode;
|
|
398
|
+
eyebrow?: React__default.ReactNode;
|
|
399
|
+
title?: React__default.ReactNode;
|
|
400
|
+
description?: React__default.ReactNode;
|
|
401
|
+
status?: React__default.ReactNode;
|
|
402
|
+
actions?: React__default.ReactNode;
|
|
403
|
+
media?: React__default.ReactNode;
|
|
404
|
+
aside?: React__default.ReactNode;
|
|
405
|
+
summary?: React__default.ReactNode;
|
|
406
|
+
stickyAside?: boolean;
|
|
407
|
+
contentClassName?: string;
|
|
408
|
+
mediaClassName?: string;
|
|
409
|
+
asideClassName?: string;
|
|
410
|
+
children?: React__default.ReactNode;
|
|
411
|
+
}
|
|
412
|
+
interface DetailBodyHeaderProps {
|
|
413
|
+
eyebrow?: React__default.ReactNode;
|
|
414
|
+
title?: React__default.ReactNode;
|
|
415
|
+
description?: React__default.ReactNode;
|
|
416
|
+
status?: React__default.ReactNode;
|
|
417
|
+
actions?: React__default.ReactNode;
|
|
418
|
+
compact?: boolean;
|
|
419
|
+
className?: string;
|
|
420
|
+
}
|
|
421
|
+
declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): react_jsx_runtime.JSX.Element;
|
|
422
|
+
interface DetailBodyTabProps {
|
|
423
|
+
id: string;
|
|
424
|
+
label: React__default.ReactNode;
|
|
425
|
+
count?: number;
|
|
426
|
+
disabled?: boolean;
|
|
427
|
+
children?: React__default.ReactNode;
|
|
428
|
+
}
|
|
429
|
+
declare function DetailBodyTab(_props: DetailBodyTabProps): null;
|
|
430
|
+
interface DetailBodySectionProps {
|
|
431
|
+
title?: React__default.ReactNode;
|
|
432
|
+
description?: React__default.ReactNode;
|
|
433
|
+
actions?: React__default.ReactNode;
|
|
434
|
+
surface?: 'plain' | 'card' | 'bordered';
|
|
435
|
+
className?: string;
|
|
436
|
+
children?: React__default.ReactNode;
|
|
437
|
+
}
|
|
438
|
+
declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): react_jsx_runtime.JSX.Element;
|
|
439
|
+
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;
|
|
440
|
+
declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
|
|
441
|
+
Header: typeof DetailBodyHeader;
|
|
442
|
+
Tab: typeof DetailBodyTab;
|
|
443
|
+
Section: typeof DetailBodySection;
|
|
444
|
+
};
|
|
445
|
+
|
|
345
446
|
type FormWizardVariant = 'card' | 'plain';
|
|
346
447
|
interface FormWizardStep {
|
|
347
448
|
key: string;
|
|
@@ -542,4 +643,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
542
643
|
|
|
543
644
|
declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
|
|
544
645
|
|
|
545
|
-
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, 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, 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 };
|
|
646
|
+
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ComponentType } from 'react';
|
|
3
|
+
import React__default, { ComponentType, CSSProperties, ReactNode } from 'react';
|
|
4
4
|
import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { useRender } from '@base-ui/react/use-render';
|
|
@@ -237,7 +237,7 @@ declare function TabsContent({ className, ...props }: Tabs$2.Panel.Props): react
|
|
|
237
237
|
|
|
238
238
|
type ShellId = 'sidebar' | 'header';
|
|
239
239
|
type DensityId = 'compact' | 'default' | 'comfortable';
|
|
240
|
-
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';
|
|
240
|
+
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';
|
|
241
241
|
interface GlobalTheme {
|
|
242
242
|
radius: number;
|
|
243
243
|
primaryHue: number;
|
|
@@ -266,6 +266,34 @@ interface ThemeState {
|
|
|
266
266
|
setTemplate: (template: TemplateId) => void;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
+
interface DashboardPanelProps {
|
|
270
|
+
title?: string;
|
|
271
|
+
description?: string;
|
|
272
|
+
loading?: boolean;
|
|
273
|
+
error?: string | null;
|
|
274
|
+
transparent?: boolean;
|
|
275
|
+
/** Edit mode — shows drag handle and grab cursor on the header */
|
|
276
|
+
editable?: boolean;
|
|
277
|
+
className?: string;
|
|
278
|
+
style?: CSSProperties;
|
|
279
|
+
children?: ReactNode;
|
|
280
|
+
headerRight?: ReactNode;
|
|
281
|
+
}
|
|
282
|
+
declare const DashboardPanel: React$1.ForwardRefExoticComponent<DashboardPanelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
283
|
+
interface DashboardBodyTemplateProps {
|
|
284
|
+
theme?: CSSProperties;
|
|
285
|
+
className?: string;
|
|
286
|
+
title?: ReactNode;
|
|
287
|
+
description?: ReactNode;
|
|
288
|
+
topBar?: ReactNode;
|
|
289
|
+
toolbar?: ReactNode;
|
|
290
|
+
/** Variable bar — rendered as a separate strip between the header and content */
|
|
291
|
+
variableBar?: ReactNode;
|
|
292
|
+
children?: ReactNode;
|
|
293
|
+
contentClassName?: string;
|
|
294
|
+
}
|
|
295
|
+
declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): react_jsx_runtime.JSX.Element;
|
|
296
|
+
|
|
269
297
|
interface DataBodyTabProps {
|
|
270
298
|
id: string;
|
|
271
299
|
label: React__default.ReactNode;
|
|
@@ -342,6 +370,79 @@ declare const DataBodyTemplate: typeof Root$1 & {
|
|
|
342
370
|
Field: typeof DataBodyField;
|
|
343
371
|
};
|
|
344
372
|
|
|
373
|
+
interface BrowseBodyTemplateProps {
|
|
374
|
+
theme?: React__default.CSSProperties;
|
|
375
|
+
className?: string;
|
|
376
|
+
topBar?: React__default.ReactNode;
|
|
377
|
+
title?: React__default.ReactNode;
|
|
378
|
+
description?: React__default.ReactNode;
|
|
379
|
+
actions?: React__default.ReactNode;
|
|
380
|
+
sidebar: React__default.ReactNode;
|
|
381
|
+
sidebarTitle?: string;
|
|
382
|
+
sidebarWidth?: string;
|
|
383
|
+
toolbar?: React__default.ReactNode;
|
|
384
|
+
footer?: React__default.ReactNode;
|
|
385
|
+
contentClassName?: string;
|
|
386
|
+
children?: React__default.ReactNode;
|
|
387
|
+
}
|
|
388
|
+
declare function BrowseBodyTemplate({ theme, className, topBar, title, description, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
|
|
389
|
+
|
|
390
|
+
type DetailBodyVariant = 'media' | 'record' | 'full';
|
|
391
|
+
interface DetailBodyTemplateProps {
|
|
392
|
+
variant?: DetailBodyVariant;
|
|
393
|
+
theme?: React__default.CSSProperties;
|
|
394
|
+
className?: string;
|
|
395
|
+
topBar?: React__default.ReactNode;
|
|
396
|
+
header?: React__default.ReactNode;
|
|
397
|
+
lead?: React__default.ReactNode;
|
|
398
|
+
eyebrow?: React__default.ReactNode;
|
|
399
|
+
title?: React__default.ReactNode;
|
|
400
|
+
description?: React__default.ReactNode;
|
|
401
|
+
status?: React__default.ReactNode;
|
|
402
|
+
actions?: React__default.ReactNode;
|
|
403
|
+
media?: React__default.ReactNode;
|
|
404
|
+
aside?: React__default.ReactNode;
|
|
405
|
+
summary?: React__default.ReactNode;
|
|
406
|
+
stickyAside?: boolean;
|
|
407
|
+
contentClassName?: string;
|
|
408
|
+
mediaClassName?: string;
|
|
409
|
+
asideClassName?: string;
|
|
410
|
+
children?: React__default.ReactNode;
|
|
411
|
+
}
|
|
412
|
+
interface DetailBodyHeaderProps {
|
|
413
|
+
eyebrow?: React__default.ReactNode;
|
|
414
|
+
title?: React__default.ReactNode;
|
|
415
|
+
description?: React__default.ReactNode;
|
|
416
|
+
status?: React__default.ReactNode;
|
|
417
|
+
actions?: React__default.ReactNode;
|
|
418
|
+
compact?: boolean;
|
|
419
|
+
className?: string;
|
|
420
|
+
}
|
|
421
|
+
declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): react_jsx_runtime.JSX.Element;
|
|
422
|
+
interface DetailBodyTabProps {
|
|
423
|
+
id: string;
|
|
424
|
+
label: React__default.ReactNode;
|
|
425
|
+
count?: number;
|
|
426
|
+
disabled?: boolean;
|
|
427
|
+
children?: React__default.ReactNode;
|
|
428
|
+
}
|
|
429
|
+
declare function DetailBodyTab(_props: DetailBodyTabProps): null;
|
|
430
|
+
interface DetailBodySectionProps {
|
|
431
|
+
title?: React__default.ReactNode;
|
|
432
|
+
description?: React__default.ReactNode;
|
|
433
|
+
actions?: React__default.ReactNode;
|
|
434
|
+
surface?: 'plain' | 'card' | 'bordered';
|
|
435
|
+
className?: string;
|
|
436
|
+
children?: React__default.ReactNode;
|
|
437
|
+
}
|
|
438
|
+
declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): react_jsx_runtime.JSX.Element;
|
|
439
|
+
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;
|
|
440
|
+
declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
|
|
441
|
+
Header: typeof DetailBodyHeader;
|
|
442
|
+
Tab: typeof DetailBodyTab;
|
|
443
|
+
Section: typeof DetailBodySection;
|
|
444
|
+
};
|
|
445
|
+
|
|
345
446
|
type FormWizardVariant = 'card' | 'plain';
|
|
346
447
|
interface FormWizardStep {
|
|
347
448
|
key: string;
|
|
@@ -542,4 +643,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
542
643
|
|
|
543
644
|
declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
|
|
544
645
|
|
|
545
|
-
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, 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, 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 };
|
|
646
|
+
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 };
|