@loykin/designkit 0.0.1-dev.6 → 0.0.1-dev.7

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 +166 -62
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +173 -187
  4. package/dist/index.d.ts +173 -187
  5. package/dist/index.js +157 -64
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.cts 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 {
@@ -447,7 +457,7 @@ interface DetailBodyHeaderProps {
447
457
  compact?: boolean;
448
458
  className?: string;
449
459
  }
450
- declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): react_jsx_runtime.JSX.Element;
460
+ declare function DetailBodyHeader({ eyebrow, title, description, status, actions, compact, className, }: DetailBodyHeaderProps): React__default.JSX.Element;
451
461
  interface DetailBodyTabProps {
452
462
  id: string;
453
463
  label: React__default.ReactNode;
@@ -464,8 +474,8 @@ interface DetailBodySectionProps {
464
474
  className?: string;
465
475
  children?: React__default.ReactNode;
466
476
  }
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;
477
+ declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): React__default.JSX.Element;
478
+ declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): React__default.JSX.Element;
469
479
  declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
470
480
  Header: typeof DetailBodyHeader;
471
481
  Tab: typeof DetailBodyTab;
@@ -494,7 +504,7 @@ interface ListDetailBodyTemplateProps {
494
504
  /** Label for the mobile back button. Default: "Back" */
495
505
  backLabel?: string;
496
506
  }
497
- declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, onBack, backLabel, }: ListDetailBodyTemplateProps): react_jsx_runtime.JSX.Element;
507
+ declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail, emptyDetail, listWidth, listClassName, detailClassName, onBack, backLabel, }: ListDetailBodyTemplateProps): React$1.JSX.Element;
498
508
 
499
509
  interface PanelTemplateProps {
500
510
  title?: React__default.ReactNode;
@@ -513,8 +523,8 @@ interface PanelTemplateSectionProps {
513
523
  className?: string;
514
524
  children?: React__default.ReactNode;
515
525
  }
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;
526
+ declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): React__default.JSX.Element;
527
+ declare function PanelTemplateRoot({ title, eyebrow, status, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): React__default.JSX.Element;
518
528
  declare const PanelTemplate: typeof PanelTemplateRoot & {
519
529
  Section: typeof PanelTemplateSection;
520
530
  };
@@ -538,19 +548,19 @@ interface FormWizardBodyTemplateProps {
538
548
  onBack?: () => void;
539
549
  onFinish?: () => void;
540
550
  }
541
- declare function FormWizardBodyTemplate({ theme, title, status, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
551
+ declare function FormWizardBodyTemplate({ theme, title, status, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): React$1.JSX.Element;
542
552
 
543
553
  interface TypographyBodyTemplateProps {
544
554
  theme?: React.CSSProperties;
545
555
  breadcrumb?: React.ReactNode;
546
556
  }
547
- declare function TypographyBodyTemplate({ theme, breadcrumb }: TypographyBodyTemplateProps): react_jsx_runtime.JSX.Element;
557
+ declare function TypographyBodyTemplate({ theme, breadcrumb }: TypographyBodyTemplateProps): React$1.JSX.Element;
548
558
 
549
559
  interface ColorsBodyTemplateProps {
550
560
  theme?: React.CSSProperties;
551
561
  breadcrumb?: React.ReactNode;
552
562
  }
553
- declare function ColorsBodyTemplate({ theme, breadcrumb }: ColorsBodyTemplateProps): react_jsx_runtime.JSX.Element;
563
+ declare function ColorsBodyTemplate({ theme, breadcrumb }: ColorsBodyTemplateProps): React$1.JSX.Element;
554
564
 
555
565
  interface DataPageProps {
556
566
  children: React.ReactNode;
@@ -613,18 +623,18 @@ interface DataPageFooterProps {
613
623
  children?: React.ReactNode;
614
624
  className?: string;
615
625
  }
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;
626
+ declare function Root({ children, className, style }: DataPageProps): React$1.JSX.Element;
627
+ declare function Header({ children, className }: DataPageHeaderProps): React$1.JSX.Element;
628
+ declare function TitleBlock({ title, description, breadcrumb, status, className, }: DataPageTitleBlockProps): React$1.JSX.Element | null;
629
+ declare function Actions({ children, className }: DataPageActionsProps): React$1.JSX.Element | null;
630
+ declare function Tabs({ children, className }: DataPageTabsProps): React$1.JSX.Element | null;
631
+ declare function Tab({ active, count, children, onClick, disabled, className }: DataPageTabProps): React$1.JSX.Element;
632
+ declare function Content({ children, className, padding }: DataPageContentProps): React$1.JSX.Element;
633
+ declare function Group({ children, className, surface }: DataPageGroupProps): React$1.JSX.Element;
634
+ declare function GroupHeader({ title, description, actions, children, className, }: DataPageGroupHeaderProps): React$1.JSX.Element | null;
635
+ declare function GroupToolbar({ children, className }: DataPageGroupToolbarProps): React$1.JSX.Element | null;
636
+ declare function GroupBody({ children, className }: DataPageGroupBodyProps): React$1.JSX.Element;
637
+ declare function Footer({ children, className }: DataPageFooterProps): React$1.JSX.Element | null;
628
638
  declare const DataPage: typeof Root & {
629
639
  Header: typeof Header;
630
640
  TitleBlock: typeof TitleBlock;
@@ -655,7 +665,7 @@ interface LoginBodyTemplateProps {
655
665
  children?: React__default.ReactNode;
656
666
  className?: string;
657
667
  }
658
- declare function LoginBodyTemplate({ theme, layout, side, card, bg, cardWidth, brand, children, className, }: LoginBodyTemplateProps): react_jsx_runtime.JSX.Element;
668
+ declare function LoginBodyTemplate({ theme, layout, side, card, bg, cardWidth, brand, children, className, }: LoginBodyTemplateProps): React__default.JSX.Element;
659
669
 
660
670
  type PageTopBarVariant = 'ghost' | 'default';
661
671
  interface PageTopBarProps {
@@ -681,7 +691,7 @@ type PageBreadcrumbItem = string | {
681
691
  };
682
692
  declare function PageBreadcrumb({ items }: {
683
693
  items: PageBreadcrumbItem[];
684
- }): react_jsx_runtime.JSX.Element;
694
+ }): React__default.JSX.Element;
685
695
  /** Builds a PageTopBar ReactNode from playground option strings. */
686
696
  declare function buildTopBar(opts: {
687
697
  topBarShow?: string;
@@ -690,7 +700,7 @@ declare function buildTopBar(opts: {
690
700
  left: React__default.ReactNode;
691
701
  right?: React__default.ReactNode;
692
702
  }): React__default.ReactNode;
693
- declare function PageTopBar({ left, right, variant, height, minHeight, className, style, children, sidebarTrigger, }: PageTopBarProps): react_jsx_runtime.JSX.Element;
703
+ declare function PageTopBar({ left, right, variant, height, minHeight, className, style, children, sidebarTrigger, }: PageTopBarProps): React__default.JSX.Element;
694
704
 
695
705
  interface TemplateNavigationItem {
696
706
  id: string;
@@ -710,13 +720,7 @@ declare function useIsMobile(): boolean;
710
720
  type ShellId = 'sidebar' | 'header';
711
721
  type DensityId = 'compact' | 'default' | 'comfortable';
712
722
  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;
723
+ type TemplateId = CurrentTemplateId;
720
724
  interface GlobalTheme {
721
725
  radius: number;
722
726
  primaryHue: number;
@@ -737,26 +741,8 @@ interface TemplateOverride {
737
741
  interface ThemeState {
738
742
  global: GlobalTheme;
739
743
  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
744
  setGlobal: (patch: Partial<GlobalTheme>) => void;
751
745
  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
746
  }
761
747
 
762
748
  interface StyleInjectorOptions {
@@ -789,4 +775,4 @@ declare function cn(...inputs: ClassValue[]): string;
789
775
 
790
776
  declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
791
777
 
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 };
778
+ 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 };