@loykin/designkit 0.0.1-dev.6 → 0.0.1

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.
Files changed (7) hide show
  1. package/dist/index.cjs +172 -66
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +175 -187
  4. package/dist/index.d.ts +175 -187
  5. package/dist/index.js +163 -68
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as React$1 from 'react';
3
2
  import React__default, { ComponentType, CSSProperties, ReactNode } from 'react';
4
- import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
3
+ import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
5
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
6
- import { useRender } from '@base-ui/react/use-render';
7
- import { VariantProps } from 'class-variance-authority';
8
5
  import { Button as Button$1 } from '@base-ui/react/button';
6
+ import { VariantProps } from 'class-variance-authority';
7
+ import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
8
+ import { useRender } from '@base-ui/react/use-render';
9
9
  import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
10
10
  import { Menu } from '@base-ui/react/menu';
11
11
  import { Popover as Popover$1 } from '@base-ui/react/popover';
@@ -21,130 +21,142 @@ import { Tabs as Tabs$2 } from '@base-ui/react/tabs';
21
21
  import { ClassValue } from 'clsx';
22
22
  import * as zustand from 'zustand';
23
23
 
24
+ declare const buttonVariants: (props?: ({
25
+ variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
26
+ size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
27
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
28
+ declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): React$1.JSX.Element;
29
+
30
+ declare function AlertDialog({ ...props }: AlertDialog$1.Root.Props): React$1.JSX.Element;
31
+ declare function AlertDialogTrigger({ ...props }: AlertDialog$1.Trigger.Props): React$1.JSX.Element;
32
+ declare function AlertDialogPortal({ ...props }: AlertDialog$1.Portal.Props): React$1.JSX.Element;
33
+ declare function AlertDialogOverlay({ className, ...props }: AlertDialog$1.Backdrop.Props): React$1.JSX.Element;
34
+ declare function AlertDialogContent({ className, children, ...props }: AlertDialog$1.Popup.Props): React$1.JSX.Element;
35
+ declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
36
+ declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
37
+ declare function AlertDialogTitle({ className, ...props }: AlertDialog$1.Title.Props): React$1.JSX.Element;
38
+ declare function AlertDialogDescription({ className, ...props }: AlertDialog$1.Description.Props): React$1.JSX.Element;
39
+ declare function AlertDialogAction({ className, variant, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
40
+ declare function AlertDialogCancel({ className, ...props }: AlertDialog$1.Close.Props): React$1.JSX.Element;
41
+
24
42
  declare function Avatar({ className, size, ...props }: Avatar$1.Root.Props & {
25
43
  size?: 'default' | 'sm' | 'lg';
26
- }): react_jsx_runtime.JSX.Element;
27
- declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): react_jsx_runtime.JSX.Element;
28
- declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): react_jsx_runtime.JSX.Element;
29
- declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
30
- declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
31
- declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
44
+ }): React$1.JSX.Element;
45
+ declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): React$1.JSX.Element;
46
+ declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): React$1.JSX.Element;
47
+ declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
48
+ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
49
+ declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
32
50
 
33
51
  declare const badgeVariants: (props?: ({
34
- variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
52
+ variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
35
53
  } & class_variance_authority_types.ClassProp) | undefined) => string;
36
54
  declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
37
55
 
38
- declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
39
- declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
40
- declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
56
+ declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<'nav'>): React$1.JSX.Element;
57
+ declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<'ol'>): React$1.JSX.Element;
58
+ declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<'li'>): React$1.JSX.Element;
41
59
  declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<'a'>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
42
- declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
43
- declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
44
- declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
45
-
46
- declare const buttonVariants: (props?: ({
47
- variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
48
- size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
49
- } & class_variance_authority_types.ClassProp) | undefined) => string;
50
- declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime.JSX.Element;
60
+ declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
61
+ declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<'li'>): React$1.JSX.Element;
62
+ declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
51
63
 
52
64
  declare function Card({ className, size, ...props }: React$1.ComponentProps<'div'> & {
53
65
  size?: 'default' | 'sm';
54
- }): react_jsx_runtime.JSX.Element;
55
- declare function CardHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
56
- declare function CardTitle({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
57
- declare function CardDescription({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
58
- declare function CardAction({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
59
- declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
60
- declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
61
-
62
- declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): react_jsx_runtime.JSX.Element;
63
-
64
- declare function DropdownMenu({ ...props }: Menu.Root.Props): react_jsx_runtime.JSX.Element;
65
- declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): react_jsx_runtime.JSX.Element;
66
+ }): React$1.JSX.Element;
67
+ declare function CardHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
68
+ declare function CardTitle({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
69
+ declare function CardDescription({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
70
+ declare function CardAction({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
71
+ declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
72
+ declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
73
+
74
+ declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React$1.JSX.Element;
75
+
76
+ declare function DropdownMenu({ ...props }: Menu.Root.Props): React$1.JSX.Element;
77
+ declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): React$1.JSX.Element;
66
78
  declare function DropdownMenuTrigger({ asChild: _asChild, ...props }: Menu.Trigger.Props & {
67
79
  asChild?: boolean;
68
- }): react_jsx_runtime.JSX.Element;
69
- declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): react_jsx_runtime.JSX.Element;
70
- declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): react_jsx_runtime.JSX.Element;
80
+ }): React$1.JSX.Element;
81
+ declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): React$1.JSX.Element;
82
+ declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): React$1.JSX.Element;
71
83
  declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
72
84
  inset?: boolean;
73
- }): react_jsx_runtime.JSX.Element;
85
+ }): React$1.JSX.Element;
74
86
  declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
75
87
  inset?: boolean;
76
88
  variant?: 'default' | 'destructive';
77
- }): react_jsx_runtime.JSX.Element;
78
- declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): react_jsx_runtime.JSX.Element;
89
+ }): React$1.JSX.Element;
90
+ declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): React$1.JSX.Element;
79
91
  declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
80
92
  inset?: boolean;
81
- }): react_jsx_runtime.JSX.Element;
82
- declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React$1.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime.JSX.Element;
93
+ }): React$1.JSX.Element;
94
+ declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React$1.ComponentProps<typeof DropdownMenuContent>): React$1.JSX.Element;
83
95
  declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: Menu.CheckboxItem.Props & {
84
96
  inset?: boolean;
85
- }): react_jsx_runtime.JSX.Element;
86
- declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): react_jsx_runtime.JSX.Element;
97
+ }): React$1.JSX.Element;
98
+ declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): React$1.JSX.Element;
87
99
  declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
88
100
  inset?: boolean;
89
- }): react_jsx_runtime.JSX.Element;
90
- declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): react_jsx_runtime.JSX.Element;
91
- declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
101
+ }): React$1.JSX.Element;
102
+ declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React$1.JSX.Element;
103
+ declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
92
104
 
93
- declare function Input({ className, type, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
105
+ declare function Input({ className, type, ...props }: React$1.ComponentProps<'input'>): React$1.JSX.Element;
94
106
 
95
- declare function Label({ className, ...props }: React$1.ComponentProps<'label'>): react_jsx_runtime.JSX.Element;
107
+ declare function Label({ className, ...props }: React$1.ComponentProps<'label'>): React$1.JSX.Element;
96
108
 
97
- declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
98
- declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
99
- declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): react_jsx_runtime.JSX.Element;
100
- declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
101
- declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): react_jsx_runtime.JSX.Element;
102
- declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): react_jsx_runtime.JSX.Element;
109
+ declare function Popover({ ...props }: Popover$1.Root.Props): React$1.JSX.Element;
110
+ declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React$1.JSX.Element;
111
+ declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): React$1.JSX.Element;
112
+ declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
113
+ declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React$1.JSX.Element;
114
+ declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React$1.JSX.Element;
103
115
 
104
- declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): react_jsx_runtime.JSX.Element;
105
- declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): react_jsx_runtime.JSX.Element;
116
+ declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): React$1.JSX.Element;
117
+ declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): React$1.JSX.Element;
106
118
 
107
- declare function NavigationMenu({ align, className, children, ...props }: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, 'align'>): react_jsx_runtime.JSX.Element;
108
- declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
109
- declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime.JSX.Element;
119
+ declare function NavigationMenu({ align, className, children, ...props }: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, 'align'>): React$1.JSX.Element;
120
+ declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): React$1.JSX.Element;
121
+ declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): React$1.JSX.Element;
110
122
  declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
111
- declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenu$1.Trigger.Props): react_jsx_runtime.JSX.Element;
112
- declare function NavigationMenuContent({ className, ...props }: NavigationMenu$1.Content.Props): react_jsx_runtime.JSX.Element;
113
- declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): react_jsx_runtime.JSX.Element;
114
- declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): react_jsx_runtime.JSX.Element;
115
- declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime.JSX.Element;
123
+ declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenu$1.Trigger.Props): React$1.JSX.Element;
124
+ declare function NavigationMenuContent({ className, ...props }: NavigationMenu$1.Content.Props): React$1.JSX.Element;
125
+ declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): React$1.JSX.Element;
126
+ declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): React$1.JSX.Element;
127
+ declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): React$1.JSX.Element;
116
128
 
117
129
  declare const Select: typeof Select$1.Root;
118
- declare function SelectGroup({ className, ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
119
- declare function SelectValue({ className, ...props }: Select$1.Value.Props): react_jsx_runtime.JSX.Element;
130
+ declare function SelectGroup({ className, ...props }: Select$1.Group.Props): React$1.JSX.Element;
131
+ declare function SelectValue({ className, ...props }: Select$1.Value.Props): React$1.JSX.Element;
120
132
  declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
121
133
  size?: 'sm' | 'default';
122
- }): react_jsx_runtime.JSX.Element;
123
- declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): react_jsx_runtime.JSX.Element;
124
- declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
125
- declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element;
126
- declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): react_jsx_runtime.JSX.Element;
127
- declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
128
- declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
129
-
130
- declare function Separator({ className, orientation, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
131
-
132
- declare function Sheet({ ...props }: Dialog.Root.Props): react_jsx_runtime.JSX.Element;
133
- declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): react_jsx_runtime.JSX.Element;
134
- declare function SheetClose({ ...props }: Dialog.Close.Props): react_jsx_runtime.JSX.Element;
134
+ }): React$1.JSX.Element;
135
+ declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): React$1.JSX.Element;
136
+ declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React$1.JSX.Element;
137
+ declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): React$1.JSX.Element;
138
+ declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React$1.JSX.Element;
139
+ declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): React$1.JSX.Element;
140
+ declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): React$1.JSX.Element;
141
+
142
+ declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
143
+
144
+ declare function Sheet({ ...props }: Dialog.Root.Props): React$1.JSX.Element;
145
+ declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): React$1.JSX.Element;
146
+ declare function SheetClose({ ...props }: Dialog.Close.Props): React$1.JSX.Element;
135
147
  declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog.Popup.Props & {
136
148
  side?: 'top' | 'right' | 'bottom' | 'left';
137
149
  showCloseButton?: boolean;
138
- }): react_jsx_runtime.JSX.Element;
139
- declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
140
- declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
141
- declare function SheetTitle({ className, ...props }: Dialog.Title.Props): react_jsx_runtime.JSX.Element;
142
- declare function SheetDescription({ className, ...props }: Dialog.Description.Props): react_jsx_runtime.JSX.Element;
150
+ }): React$1.JSX.Element;
151
+ declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
152
+ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
153
+ declare function SheetTitle({ className, ...props }: Dialog.Title.Props): React$1.JSX.Element;
154
+ declare function SheetDescription({ className, ...props }: Dialog.Description.Props): React$1.JSX.Element;
143
155
 
144
- declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): react_jsx_runtime.JSX.Element;
145
- declare function Tooltip({ ...props }: Tooltip$1.Root.Props): react_jsx_runtime.JSX.Element;
146
- declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): react_jsx_runtime.JSX.Element;
147
- declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): react_jsx_runtime.JSX.Element;
156
+ declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React$1.JSX.Element;
157
+ declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React$1.JSX.Element;
158
+ declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React$1.JSX.Element;
159
+ declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): React$1.JSX.Element;
148
160
 
149
161
  type SidebarContextProps = {
150
162
  state: 'expanded' | 'collapsed';
@@ -160,26 +172,26 @@ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: se
160
172
  defaultOpen?: boolean;
161
173
  open?: boolean;
162
174
  onOpenChange?: (open: boolean) => void;
163
- }): react_jsx_runtime.JSX.Element;
175
+ }): React$1.JSX.Element;
164
176
  declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React$1.ComponentProps<'div'> & {
165
177
  side?: 'left' | 'right';
166
178
  variant?: 'sidebar' | 'floating' | 'inset';
167
179
  collapsible?: 'offcanvas' | 'icon' | 'none';
168
- }): react_jsx_runtime.JSX.Element;
169
- declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
170
- declare function SidebarRail({ className, ...props }: React$1.ComponentProps<'button'>): react_jsx_runtime.JSX.Element;
171
- declare function SidebarInset({ className, ...props }: React$1.ComponentProps<'main'>): react_jsx_runtime.JSX.Element;
172
- declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
173
- declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
174
- declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
175
- declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
176
- declare function SidebarContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
177
- declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
180
+ }): React$1.JSX.Element;
181
+ declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
182
+ declare function SidebarRail({ className, ...props }: React$1.ComponentProps<'button'>): React$1.JSX.Element;
183
+ declare function SidebarInset({ className, ...props }: React$1.ComponentProps<'main'>): React$1.JSX.Element;
184
+ declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): React$1.JSX.Element;
185
+ declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
186
+ declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
187
+ declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
188
+ declare function SidebarContent({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
189
+ declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
178
190
  declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<'div'> & React$1.ComponentProps<'div'>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
179
191
  declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<'button'> & React$1.ComponentProps<'button'>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
180
- declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
181
- declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
182
- declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
192
+ declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
193
+ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<'ul'>): React$1.JSX.Element;
194
+ declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<'li'>): React$1.JSX.Element;
183
195
  declare const sidebarMenuButtonVariants: (props?: ({
184
196
  variant?: "default" | "outline" | null | undefined;
185
197
  size?: "default" | "sm" | "lg" | null | undefined;
@@ -187,16 +199,16 @@ declare const sidebarMenuButtonVariants: (props?: ({
187
199
  declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<'button'> & React$1.ComponentProps<'button'> & {
188
200
  isActive?: boolean;
189
201
  tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
190
- } & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
202
+ } & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
191
203
  declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<'button'> & React$1.ComponentProps<'button'> & {
192
204
  showOnHover?: boolean;
193
205
  }): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
194
- declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
206
+ declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
195
207
  declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<'div'> & {
196
208
  showIcon?: boolean;
197
- }): react_jsx_runtime.JSX.Element;
198
- declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
199
- declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
209
+ }): React$1.JSX.Element;
210
+ declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<'ul'>): React$1.JSX.Element;
211
+ declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<'li'>): React$1.JSX.Element;
200
212
  declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<'a'> & React$1.ComponentProps<'a'> & {
201
213
  size?: 'sm' | 'md';
202
214
  isActive?: boolean;
@@ -217,32 +229,32 @@ interface EmptyStateProps {
217
229
  action?: EmptyStateAction;
218
230
  className?: string;
219
231
  }
220
- declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
232
+ declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): React$1.JSX.Element;
221
233
 
222
- declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
234
+ declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
223
235
 
224
- declare function Slider({ className, defaultValue, value, min, max, ...props }: Slider$1.Root.Props): react_jsx_runtime.JSX.Element;
236
+ declare function Slider({ className, defaultValue, value, min, max, ...props }: Slider$1.Root.Props): React$1.JSX.Element;
225
237
 
226
238
  declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
227
239
  size?: 'sm' | 'default';
228
- }): react_jsx_runtime.JSX.Element;
229
-
230
- declare function Table({ className, ...props }: React$1.ComponentProps<'table'>): react_jsx_runtime.JSX.Element;
231
- declare function TableHeader({ className, ...props }: React$1.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
232
- declare function TableBody({ className, ...props }: React$1.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
233
- declare function TableFooter({ className, ...props }: React$1.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element;
234
- declare function TableRow({ className, ...props }: React$1.ComponentProps<'tr'>): react_jsx_runtime.JSX.Element;
235
- declare function TableHead({ className, ...props }: React$1.ComponentProps<'th'>): react_jsx_runtime.JSX.Element;
236
- declare function TableCell({ className, ...props }: React$1.ComponentProps<'td'>): react_jsx_runtime.JSX.Element;
237
- declare function TableCaption({ className, ...props }: React$1.ComponentProps<'caption'>): react_jsx_runtime.JSX.Element;
238
-
239
- declare function Tabs$1({ className, orientation, ...props }: Tabs$2.Root.Props): react_jsx_runtime.JSX.Element;
240
+ }): React$1.JSX.Element;
241
+
242
+ declare function Table({ className, ...props }: React$1.ComponentProps<'table'>): React$1.JSX.Element;
243
+ declare function TableHeader({ className, ...props }: React$1.ComponentProps<'thead'>): React$1.JSX.Element;
244
+ declare function TableBody({ className, ...props }: React$1.ComponentProps<'tbody'>): React$1.JSX.Element;
245
+ declare function TableFooter({ className, ...props }: React$1.ComponentProps<'tfoot'>): React$1.JSX.Element;
246
+ declare function TableRow({ className, ...props }: React$1.ComponentProps<'tr'>): React$1.JSX.Element;
247
+ declare function TableHead({ className, ...props }: React$1.ComponentProps<'th'>): React$1.JSX.Element;
248
+ declare function TableCell({ className, ...props }: React$1.ComponentProps<'td'>): React$1.JSX.Element;
249
+ declare function TableCaption({ className, ...props }: React$1.ComponentProps<'caption'>): React$1.JSX.Element;
250
+
251
+ declare function Tabs$1({ className, orientation, ...props }: Tabs$2.Root.Props): React$1.JSX.Element;
240
252
  declare const tabsListVariants: (props?: ({
241
253
  variant?: "default" | "line" | null | undefined;
242
254
  } & class_variance_authority_types.ClassProp) | undefined) => string;
243
- declare function TabsList({ className, variant, ...props }: Tabs$2.List.Props & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
244
- declare function TabsTrigger({ className, ...props }: Tabs$2.Tab.Props): react_jsx_runtime.JSX.Element;
245
- declare function TabsContent({ className, ...props }: Tabs$2.Panel.Props): react_jsx_runtime.JSX.Element;
255
+ declare function TabsList({ className, variant, ...props }: Tabs$2.List.Props & VariantProps<typeof tabsListVariants>): React$1.JSX.Element;
256
+ declare function TabsTrigger({ className, ...props }: Tabs$2.Tab.Props): React$1.JSX.Element;
257
+ declare function TabsContent({ className, ...props }: Tabs$2.Panel.Props): React$1.JSX.Element;
246
258
 
247
259
  interface DashboardPanelProps {
248
260
  title?: string;
@@ -270,7 +282,7 @@ interface DashboardBodyTemplateProps {
270
282
  children?: ReactNode;
271
283
  contentClassName?: string;
272
284
  }
273
- declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): react_jsx_runtime.JSX.Element;
285
+ declare function DashboardBodyTemplate({ theme, className, title, description, topBar, toolbar, variableBar, children, contentClassName, }: DashboardBodyTemplateProps): React$1.JSX.Element;
274
286
 
275
287
  interface WorkbenchResizeState {
276
288
  leftPaneWidth: number;
@@ -285,10 +297,8 @@ interface WorkbenchBodyTemplateProps {
285
297
  description?: ReactNode;
286
298
  status?: ReactNode;
287
299
  topBar?: ReactNode;
288
- /** Right side of the built-in workbench header. Prefer this over toolbar for new code. */
300
+ /** Right side of the built-in workbench header. */
289
301
  headerRight?: ReactNode;
290
- /** @deprecated Use headerRight. */
291
- toolbar?: ReactNode;
292
302
  actions?: ReactNode;
293
303
  leftPane?: ReactNode;
294
304
  mainPane?: ReactNode;
@@ -318,7 +328,7 @@ interface WorkbenchBodyTemplateProps {
318
328
  /** Mobile Sheet label for the right pane trigger */
319
329
  rightPaneLabel?: string;
320
330
  }
321
- declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, status, topBar, headerRight, toolbar, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, onResize, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
331
+ declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, status, topBar, headerRight, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, onResize, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): React__default.JSX.Element;
322
332
 
323
333
  interface DataBodyTabProps {
324
334
  id: string;
@@ -357,20 +367,20 @@ interface DataBodyGroupProps {
357
367
  className?: string;
358
368
  children?: React__default.ReactNode;
359
369
  }
360
- declare function DataBodyGroup(props: DataBodyGroupProps): react_jsx_runtime.JSX.Element;
370
+ declare function DataBodyGroup(props: DataBodyGroupProps): React__default.JSX.Element;
361
371
  interface DataBodyFieldProps {
362
372
  label: string;
363
373
  description?: string;
364
374
  children?: React__default.ReactNode;
365
375
  }
366
- declare function DataBodyField({ label, description, children }: DataBodyFieldProps): react_jsx_runtime.JSX.Element;
376
+ declare function DataBodyField({ label, description, children }: DataBodyFieldProps): React__default.JSX.Element;
367
377
  interface DataBodyRowProps {
368
378
  label: string;
369
379
  description?: string;
370
380
  required?: boolean;
371
381
  children?: React__default.ReactNode;
372
382
  }
373
- declare function DataBodyRow({ label, description, required, children }: DataBodyRowProps): react_jsx_runtime.JSX.Element;
383
+ declare function DataBodyRow({ label, description, required, children }: DataBodyRowProps): React__default.JSX.Element;
374
384
  interface DataBodyTemplateProps {
375
385
  theme?: React__default.CSSProperties;
376
386
  className?: string;
@@ -387,7 +397,7 @@ interface DataBodyTemplateProps {
387
397
  children?: React__default.ReactNode;
388
398
  contentClassName?: string;
389
399
  }
390
- declare function Root$1({ theme, className, topBar, title, description, status, actions, toolbarLeft, toolbarRight, activeTab: controlledActive, defaultTab, onTabChange, children, contentClassName, }: DataBodyTemplateProps): react_jsx_runtime.JSX.Element;
400
+ declare function Root$1({ theme, className, topBar, title, description, status, actions, toolbarLeft, toolbarRight, activeTab: controlledActive, defaultTab, onTabChange, children, contentClassName, }: DataBodyTemplateProps): React__default.JSX.Element;
391
401
  declare const DataBodyTemplate: typeof Root$1 & {
392
402
  Body: typeof DataBodyBody;
393
403
  Tab: typeof DataBodyTab;
@@ -414,7 +424,7 @@ interface BrowseBodyTemplateProps {
414
424
  contentClassName?: string;
415
425
  children?: React__default.ReactNode;
416
426
  }
417
- declare function BrowseBodyTemplate({ theme, className, topBar, title, description, status, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
427
+ declare function BrowseBodyTemplate({ theme, className, topBar, title, description, status, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): React__default.JSX.Element;
418
428
 
419
429
  type DetailBodyVariant = 'media' | 'record' | 'full';
420
430
  interface DetailBodyTemplateProps {
@@ -433,6 +443,8 @@ interface DetailBodyTemplateProps {
433
443
  aside?: React__default.ReactNode;
434
444
  summary?: React__default.ReactNode;
435
445
  stickyAside?: boolean;
446
+ /** Class applied to the inner content + aside layout container. */
447
+ layoutClassName?: string;
436
448
  contentClassName?: string;
437
449
  mediaClassName?: string;
438
450
  asideClassName?: string;
@@ -447,7 +459,7 @@ interface DetailBodyHeaderProps {
447
459
  compact?: boolean;
448
460
  className?: string;
449
461
  }
450
- declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): react_jsx_runtime.JSX.Element;
462
+ declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): React__default.JSX.Element;
451
463
  interface DetailBodyTabProps {
452
464
  id: string;
453
465
  label: React__default.ReactNode;
@@ -464,8 +476,8 @@ interface DetailBodySectionProps {
464
476
  className?: string;
465
477
  children?: React__default.ReactNode;
466
478
  }
467
- declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): react_jsx_runtime.JSX.Element;
468
- 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;
479
+ declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): React__default.JSX.Element;
480
+ declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, layoutClassName, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): React__default.JSX.Element;
469
481
  declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
470
482
  Header: typeof DetailBodyHeader;
471
483
  Tab: typeof DetailBodyTab;
@@ -494,7 +506,7 @@ interface ListDetailBodyTemplateProps {
494
506
  /** Label for the mobile back button. Default: "Back" */
495
507
  backLabel?: string;
496
508
  }
497
- declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, onBack, backLabel, }: ListDetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
509
+ declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, onBack, backLabel, }: ListDetailBodyTemplateProps): React$1.JSX.Element;
498
510
 
499
511
  interface PanelTemplateProps {
500
512
  title?: React__default.ReactNode;
@@ -513,8 +525,8 @@ interface PanelTemplateSectionProps {
513
525
  className?: string;
514
526
  children?: React__default.ReactNode;
515
527
  }
516
- declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): react_jsx_runtime.JSX.Element;
517
- declare function PanelTemplateRoot({ title, eyebrow, status, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): react_jsx_runtime.JSX.Element;
528
+ declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): React__default.JSX.Element;
529
+ declare function PanelTemplateRoot({ title, eyebrow, status, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): React__default.JSX.Element;
518
530
  declare const PanelTemplate: typeof PanelTemplateRoot & {
519
531
  Section: typeof PanelTemplateSection;
520
532
  };
@@ -538,19 +550,19 @@ interface FormWizardBodyTemplateProps {
538
550
  onBack?: () => void;
539
551
  onFinish?: () => void;
540
552
  }
541
- declare function FormWizardBodyTemplate({ theme, title, status, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
553
+ declare function FormWizardBodyTemplate({ theme, title, status, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): React$1.JSX.Element;
542
554
 
543
555
  interface TypographyBodyTemplateProps {
544
556
  theme?: React.CSSProperties;
545
557
  breadcrumb?: React.ReactNode;
546
558
  }
547
- declare function TypographyBodyTemplate({ theme, breadcrumb }: TypographyBodyTemplateProps): react_jsx_runtime.JSX.Element;
559
+ declare function TypographyBodyTemplate({ theme, breadcrumb }: TypographyBodyTemplateProps): React$1.JSX.Element;
548
560
 
549
561
  interface ColorsBodyTemplateProps {
550
562
  theme?: React.CSSProperties;
551
563
  breadcrumb?: React.ReactNode;
552
564
  }
553
- declare function ColorsBodyTemplate({ theme, breadcrumb }: ColorsBodyTemplateProps): react_jsx_runtime.JSX.Element;
565
+ declare function ColorsBodyTemplate({ theme, breadcrumb }: ColorsBodyTemplateProps): React$1.JSX.Element;
554
566
 
555
567
  interface DataPageProps {
556
568
  children: React.ReactNode;
@@ -613,18 +625,18 @@ interface DataPageFooterProps {
613
625
  children?: React.ReactNode;
614
626
  className?: string;
615
627
  }
616
- declare function Root({ children, className, style }: DataPageProps): react_jsx_runtime.JSX.Element;
617
- declare function Header({ children, className }: DataPageHeaderProps): react_jsx_runtime.JSX.Element;
618
- declare function TitleBlock({ title, description, breadcrumb, status, className, }: DataPageTitleBlockProps): react_jsx_runtime.JSX.Element | null;
619
- declare function Actions({ children, className }: DataPageActionsProps): react_jsx_runtime.JSX.Element | null;
620
- declare function Tabs({ children, className }: DataPageTabsProps): react_jsx_runtime.JSX.Element | null;
621
- declare function Tab({ active, count, children, onClick, disabled, className }: DataPageTabProps): react_jsx_runtime.JSX.Element;
622
- declare function Content({ children, className, padding }: DataPageContentProps): react_jsx_runtime.JSX.Element;
623
- declare function Group({ children, className, surface }: DataPageGroupProps): react_jsx_runtime.JSX.Element;
624
- declare function GroupHeader({ title, description, actions, children, className, }: DataPageGroupHeaderProps): react_jsx_runtime.JSX.Element | null;
625
- declare function GroupToolbar({ children, className }: DataPageGroupToolbarProps): react_jsx_runtime.JSX.Element | null;
626
- declare function GroupBody({ children, className }: DataPageGroupBodyProps): react_jsx_runtime.JSX.Element;
627
- declare function Footer({ children, className }: DataPageFooterProps): react_jsx_runtime.JSX.Element | null;
628
+ declare function Root({ children, className, style }: DataPageProps): React$1.JSX.Element;
629
+ declare function Header({ children, className }: DataPageHeaderProps): React$1.JSX.Element;
630
+ declare function TitleBlock({ title, description, breadcrumb, status, className, }: DataPageTitleBlockProps): React$1.JSX.Element | null;
631
+ declare function Actions({ children, className }: DataPageActionsProps): React$1.JSX.Element | null;
632
+ declare function Tabs({ children, className }: DataPageTabsProps): React$1.JSX.Element | null;
633
+ declare function Tab({ active, count, children, onClick, disabled, className }: DataPageTabProps): React$1.JSX.Element;
634
+ declare function Content({ children, className, padding }: DataPageContentProps): React$1.JSX.Element;
635
+ declare function Group({ children, className, surface }: DataPageGroupProps): React$1.JSX.Element;
636
+ declare function GroupHeader({ title, description, actions, children, className, }: DataPageGroupHeaderProps): React$1.JSX.Element | null;
637
+ declare function GroupToolbar({ children, className }: DataPageGroupToolbarProps): React$1.JSX.Element | null;
638
+ declare function GroupBody({ children, className }: DataPageGroupBodyProps): React$1.JSX.Element;
639
+ declare function Footer({ children, className }: DataPageFooterProps): React$1.JSX.Element | null;
628
640
  declare const DataPage: typeof Root & {
629
641
  Header: typeof Header;
630
642
  TitleBlock: typeof TitleBlock;
@@ -655,7 +667,7 @@ interface LoginBodyTemplateProps {
655
667
  children?: React__default.ReactNode;
656
668
  className?: string;
657
669
  }
658
- declare function LoginBodyTemplate({ theme, layout, side, card, bg, cardWidth, brand, children, className, }: LoginBodyTemplateProps): react_jsx_runtime.JSX.Element;
670
+ declare function LoginBodyTemplate({ theme, layout, side, card, bg, cardWidth, brand, children, className, }: LoginBodyTemplateProps): React__default.JSX.Element;
659
671
 
660
672
  type PageTopBarVariant = 'ghost' | 'default';
661
673
  interface PageTopBarProps {
@@ -681,7 +693,7 @@ type PageBreadcrumbItem = string | {
681
693
  };
682
694
  declare function PageBreadcrumb({ items }: {
683
695
  items: PageBreadcrumbItem[];
684
- }): react_jsx_runtime.JSX.Element;
696
+ }): React__default.JSX.Element;
685
697
  /** Builds a PageTopBar ReactNode from playground option strings. */
686
698
  declare function buildTopBar(opts: {
687
699
  topBarShow?: string;
@@ -690,7 +702,7 @@ declare function buildTopBar(opts: {
690
702
  left: React__default.ReactNode;
691
703
  right?: React__default.ReactNode;
692
704
  }): React__default.ReactNode;
693
- declare function PageTopBar({ left, right, variant, height, minHeight, className, style, children, sidebarTrigger, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
705
+ declare function PageTopBar({ left, right, variant, height, minHeight, className, style, children, sidebarTrigger, }: PageTopBarProps): React__default.JSX.Element;
694
706
 
695
707
  interface TemplateNavigationItem {
696
708
  id: string;
@@ -710,13 +722,7 @@ declare function useIsMobile(): boolean;
710
722
  type ShellId = 'sidebar' | 'header';
711
723
  type DensityId = 'compact' | 'default' | 'comfortable';
712
724
  type CurrentTemplateId = 'form-wizard' | 'databody' | 'sectioned' | 'typography' | 'colors' | 'login' | 'dashboard' | 'workbench' | 'browse' | 'detail' | 'list-detail' | 'panel';
713
- /**
714
- * @deprecated Playground/demo template identifiers remain available for one
715
- * release for source compatibility. New code should use `CurrentTemplateId`
716
- * for shipped DesignKit layouts or app-owned string ids for playground routes.
717
- */
718
- type LegacyTemplateId = 'table' | 'table-infinity' | 'table-drag' | 'table-card' | 'table-card-list' | 'tabbed' | 'form' | 'form-stacked' | 'form-inline' | 'databody-detail' | 'databody-split' | 'login-forgot' | 'login-reset' | 'login-otp' | 'workbench-panel-editor' | 'workbench-sql-editor' | 'workbench-agent-chat' | 'detail-record' | 'detail-full';
719
- type TemplateId = CurrentTemplateId | LegacyTemplateId;
725
+ type TemplateId = CurrentTemplateId;
720
726
  interface GlobalTheme {
721
727
  radius: number;
722
728
  primaryHue: number;
@@ -737,26 +743,8 @@ interface TemplateOverride {
737
743
  interface ThemeState {
738
744
  global: GlobalTheme;
739
745
  overrides: Record<string, TemplateOverride>;
740
- /**
741
- * @deprecated Playground navigation state is no longer managed by DesignKit.
742
- * Keep route or view state in the consuming app instead.
743
- */
744
- activeShell: ShellId;
745
- /**
746
- * @deprecated Playground navigation state is no longer managed by DesignKit.
747
- * Keep route or view state in the consuming app instead.
748
- */
749
- activeTemplate: string;
750
746
  setGlobal: (patch: Partial<GlobalTheme>) => void;
751
747
  setOverride: (id: string, patch: Partial<TemplateOverride>) => void;
752
- /**
753
- * @deprecated No-op compatibility shim. Keep shell routing in the consuming app.
754
- */
755
- setShell: (shell: ShellId) => void;
756
- /**
757
- * @deprecated No-op compatibility shim. Keep template routing in the consuming app.
758
- */
759
- setTemplate: (template: string) => void;
760
748
  }
761
749
 
762
750
  interface StyleInjectorOptions {
@@ -789,4 +777,4 @@ declare function cn(...inputs: ClassValue[]): string;
789
777
 
790
778
  declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
791
779
 
792
- export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BrowseBodyTemplate, type BrowseBodyTemplateProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, type CurrentTemplateId, 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 LegacyTemplateId, ListDetailBodyTemplate, type ListDetailBodyTemplateProps, type LoginBg, LoginBodyTemplate, type LoginBodyTemplateProps, type LoginCard, type LoginCardWidth, type LoginLayout, type LoginSide, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, type PageBreadcrumbItem, PageTopBar, type PageTopBarProps, type PageTopBarVariant, PanelTemplate, type PanelTemplateProps, type PanelTemplateSectionProps, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, type ShellId, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type StyleInjectorOptions, 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, type WorkbenchResizeState, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useSidebarOptional, useStyleInjector, useThemeStore };
780
+ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BrowseBodyTemplate, type BrowseBodyTemplateProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, type CurrentTemplateId, DashboardBodyTemplate, type DashboardBodyTemplateProps, DashboardPanel, type DashboardPanelProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, type DataBodyTemplateProps, DataPage, type DataPageActionsProps, type DataPageContentProps, type DataPageFooterProps, type DataPageGroupBodyProps, type DataPageGroupHeaderProps, type DataPageGroupProps, type DataPageGroupToolbarProps, type DataPageHeaderProps, type DataPageProps, type DataPageTabProps, type DataPageTabsProps, type DataPageTitleBlockProps, type DensityId, type DetailBodyHeaderProps, type DetailBodySectionProps, type DetailBodyTabProps, DetailBodyTemplate, type DetailBodyTemplateProps, type DetailBodyVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, ListDetailBodyTemplate, type ListDetailBodyTemplateProps, type LoginBg, LoginBodyTemplate, type LoginBodyTemplateProps, type LoginCard, type LoginCardWidth, type LoginLayout, type LoginSide, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, type PageBreadcrumbItem, PageTopBar, type PageTopBarProps, type PageTopBarVariant, PanelTemplate, type PanelTemplateProps, type PanelTemplateSectionProps, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, type ShellId, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type StyleInjectorOptions, 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, type WorkbenchResizeState, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, useSidebarOptional, useStyleInjector, useThemeStore };