@loykin/designkit 0.0.1-dev.5 → 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 (10) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +2 -0
  3. package/dist/index.cjs +484 -179
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +217 -188
  6. package/dist/index.d.ts +217 -188
  7. package/dist/index.js +468 -181
  8. package/dist/index.js.map +1 -1
  9. package/dist/styles.css +106 -55
  10. package/package.json +5 -4
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,122 +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 const buttonVariants: (props?: ({
39
- variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
40
- size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
41
- } & class_variance_authority_types.ClassProp) | undefined) => string;
42
- declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): 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;
59
+ declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<'a'>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
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;
43
63
 
44
64
  declare function Card({ className, size, ...props }: React$1.ComponentProps<'div'> & {
45
65
  size?: 'default' | 'sm';
46
- }): react_jsx_runtime.JSX.Element;
47
- declare function CardHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
48
- declare function CardTitle({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
49
- declare function CardDescription({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
50
- declare function CardAction({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
51
- declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
52
- declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
53
-
54
- declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): react_jsx_runtime.JSX.Element;
55
-
56
- declare function DropdownMenu({ ...props }: Menu.Root.Props): react_jsx_runtime.JSX.Element;
57
- 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;
58
78
  declare function DropdownMenuTrigger({ asChild: _asChild, ...props }: Menu.Trigger.Props & {
59
79
  asChild?: boolean;
60
- }): react_jsx_runtime.JSX.Element;
61
- 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;
62
- 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;
63
83
  declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
64
84
  inset?: boolean;
65
- }): react_jsx_runtime.JSX.Element;
85
+ }): React$1.JSX.Element;
66
86
  declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
67
87
  inset?: boolean;
68
88
  variant?: 'default' | 'destructive';
69
- }): react_jsx_runtime.JSX.Element;
70
- 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;
71
91
  declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
72
92
  inset?: boolean;
73
- }): react_jsx_runtime.JSX.Element;
74
- 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;
75
95
  declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: Menu.CheckboxItem.Props & {
76
96
  inset?: boolean;
77
- }): react_jsx_runtime.JSX.Element;
78
- 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;
79
99
  declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
80
100
  inset?: boolean;
81
- }): react_jsx_runtime.JSX.Element;
82
- declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): react_jsx_runtime.JSX.Element;
83
- 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;
84
104
 
85
- 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;
86
106
 
87
- 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;
88
108
 
89
- declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
90
- declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
91
- 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;
92
- declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
93
- declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): react_jsx_runtime.JSX.Element;
94
- 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;
95
115
 
96
- declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): react_jsx_runtime.JSX.Element;
97
- 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;
98
118
 
99
- declare function NavigationMenu({ align, className, children, ...props }: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, 'align'>): react_jsx_runtime.JSX.Element;
100
- declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
101
- 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;
102
122
  declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
103
- declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenu$1.Trigger.Props): react_jsx_runtime.JSX.Element;
104
- declare function NavigationMenuContent({ className, ...props }: NavigationMenu$1.Content.Props): react_jsx_runtime.JSX.Element;
105
- declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): react_jsx_runtime.JSX.Element;
106
- declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): react_jsx_runtime.JSX.Element;
107
- 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;
108
128
 
109
129
  declare const Select: typeof Select$1.Root;
110
- declare function SelectGroup({ className, ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
111
- 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;
112
132
  declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
113
133
  size?: 'sm' | 'default';
114
- }): react_jsx_runtime.JSX.Element;
115
- 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;
116
- declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
117
- declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element;
118
- declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): react_jsx_runtime.JSX.Element;
119
- declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
120
- declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
121
-
122
- declare function Separator({ className, orientation, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
123
-
124
- declare function Sheet({ ...props }: Dialog.Root.Props): react_jsx_runtime.JSX.Element;
125
- declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): react_jsx_runtime.JSX.Element;
126
- 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;
127
147
  declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog.Popup.Props & {
128
148
  side?: 'top' | 'right' | 'bottom' | 'left';
129
149
  showCloseButton?: boolean;
130
- }): react_jsx_runtime.JSX.Element;
131
- declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
132
- declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
133
- declare function SheetTitle({ className, ...props }: Dialog.Title.Props): react_jsx_runtime.JSX.Element;
134
- 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;
135
155
 
136
- declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): react_jsx_runtime.JSX.Element;
137
- declare function Tooltip({ ...props }: Tooltip$1.Root.Props): react_jsx_runtime.JSX.Element;
138
- declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): react_jsx_runtime.JSX.Element;
139
- 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;
140
160
 
141
161
  type SidebarContextProps = {
142
162
  state: 'expanded' | 'collapsed';
@@ -152,26 +172,26 @@ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: se
152
172
  defaultOpen?: boolean;
153
173
  open?: boolean;
154
174
  onOpenChange?: (open: boolean) => void;
155
- }): react_jsx_runtime.JSX.Element;
175
+ }): React$1.JSX.Element;
156
176
  declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React$1.ComponentProps<'div'> & {
157
177
  side?: 'left' | 'right';
158
178
  variant?: 'sidebar' | 'floating' | 'inset';
159
179
  collapsible?: 'offcanvas' | 'icon' | 'none';
160
- }): react_jsx_runtime.JSX.Element;
161
- declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
162
- declare function SidebarRail({ className, ...props }: React$1.ComponentProps<'button'>): react_jsx_runtime.JSX.Element;
163
- declare function SidebarInset({ className, ...props }: React$1.ComponentProps<'main'>): react_jsx_runtime.JSX.Element;
164
- declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
165
- declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
166
- declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
167
- declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
168
- declare function SidebarContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
169
- 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;
170
190
  declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<'div'> & React$1.ComponentProps<'div'>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
171
191
  declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<'button'> & React$1.ComponentProps<'button'>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
172
- declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
173
- declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
174
- 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;
175
195
  declare const sidebarMenuButtonVariants: (props?: ({
176
196
  variant?: "default" | "outline" | null | undefined;
177
197
  size?: "default" | "sm" | "lg" | null | undefined;
@@ -179,16 +199,16 @@ declare const sidebarMenuButtonVariants: (props?: ({
179
199
  declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<'button'> & React$1.ComponentProps<'button'> & {
180
200
  isActive?: boolean;
181
201
  tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
182
- } & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
202
+ } & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
183
203
  declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<'button'> & React$1.ComponentProps<'button'> & {
184
204
  showOnHover?: boolean;
185
205
  }): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
186
- 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;
187
207
  declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<'div'> & {
188
208
  showIcon?: boolean;
189
- }): react_jsx_runtime.JSX.Element;
190
- declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
191
- 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;
192
212
  declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<'a'> & React$1.ComponentProps<'a'> & {
193
213
  size?: 'sm' | 'md';
194
214
  isActive?: boolean;
@@ -209,63 +229,32 @@ interface EmptyStateProps {
209
229
  action?: EmptyStateAction;
210
230
  className?: string;
211
231
  }
212
- 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;
213
233
 
214
- 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;
215
235
 
216
- 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;
217
237
 
218
238
  declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
219
239
  size?: 'sm' | 'default';
220
- }): react_jsx_runtime.JSX.Element;
221
-
222
- declare function Table({ className, ...props }: React$1.ComponentProps<'table'>): react_jsx_runtime.JSX.Element;
223
- declare function TableHeader({ className, ...props }: React$1.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
224
- declare function TableBody({ className, ...props }: React$1.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
225
- declare function TableFooter({ className, ...props }: React$1.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element;
226
- declare function TableRow({ className, ...props }: React$1.ComponentProps<'tr'>): react_jsx_runtime.JSX.Element;
227
- declare function TableHead({ className, ...props }: React$1.ComponentProps<'th'>): react_jsx_runtime.JSX.Element;
228
- declare function TableCell({ className, ...props }: React$1.ComponentProps<'td'>): react_jsx_runtime.JSX.Element;
229
- declare function TableCaption({ className, ...props }: React$1.ComponentProps<'caption'>): react_jsx_runtime.JSX.Element;
230
-
231
- 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;
232
252
  declare const tabsListVariants: (props?: ({
233
253
  variant?: "default" | "line" | null | undefined;
234
254
  } & class_variance_authority_types.ClassProp) | undefined) => string;
235
- declare function TabsList({ className, variant, ...props }: Tabs$2.List.Props & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
236
- declare function TabsTrigger({ className, ...props }: Tabs$2.Tab.Props): react_jsx_runtime.JSX.Element;
237
- declare function TabsContent({ className, ...props }: Tabs$2.Panel.Props): react_jsx_runtime.JSX.Element;
238
-
239
- type ShellId = 'sidebar' | 'header';
240
- type DensityId = 'compact' | 'default' | 'comfortable';
241
- type TemplateId = 'table' | 'table-infinity' | 'table-drag' | 'table-card' | 'table-card-list' | 'tabbed' | 'form' | 'form-stacked' | 'form-wizard' | 'form-inline' | 'databody' | 'databody-detail' | 'databody-split' | 'sectioned' | 'typography' | 'colors' | 'login' | 'login-forgot' | 'login-reset' | 'login-otp' | 'dashboard' | 'workbench-panel-editor' | 'workbench-sql-editor' | 'workbench-agent-chat' | 'browse' | 'detail' | 'detail-record' | 'detail-full' | 'list-detail' | 'panel';
242
- interface GlobalTheme {
243
- radius: number;
244
- primaryHue: number;
245
- primaryChroma: number;
246
- fontScale: number;
247
- lineHeight: number;
248
- density: DensityId;
249
- darkMode: boolean;
250
- }
251
- interface TemplateOverride {
252
- radius?: number;
253
- primaryChroma?: number;
254
- density?: DensityId;
255
- pagePaddingY?: string;
256
- panelGap?: string;
257
- toolbarHeight?: string;
258
- }
259
- interface ThemeState {
260
- global: GlobalTheme;
261
- overrides: Record<TemplateId, TemplateOverride>;
262
- activeShell: ShellId;
263
- activeTemplate: TemplateId;
264
- setGlobal: (patch: Partial<GlobalTheme>) => void;
265
- setOverride: (id: TemplateId, patch: Partial<TemplateOverride>) => void;
266
- setShell: (shell: ShellId) => void;
267
- setTemplate: (template: TemplateId) => void;
268
- }
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;
269
258
 
270
259
  interface DashboardPanelProps {
271
260
  title?: string;
@@ -293,8 +282,13 @@ interface DashboardBodyTemplateProps {
293
282
  children?: ReactNode;
294
283
  contentClassName?: string;
295
284
  }
296
- 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;
297
286
 
287
+ interface WorkbenchResizeState {
288
+ leftPaneWidth: number;
289
+ rightPaneWidth: number;
290
+ bottomPaneHeight: number;
291
+ }
298
292
  interface WorkbenchBodyTemplateProps {
299
293
  theme?: CSSProperties;
300
294
  className?: string;
@@ -303,10 +297,8 @@ interface WorkbenchBodyTemplateProps {
303
297
  description?: ReactNode;
304
298
  status?: ReactNode;
305
299
  topBar?: ReactNode;
306
- /** Right side of the built-in workbench header. Prefer this over toolbar for new code. */
300
+ /** Right side of the built-in workbench header. */
307
301
  headerRight?: ReactNode;
308
- /** @deprecated Use headerRight. */
309
- toolbar?: ReactNode;
310
302
  actions?: ReactNode;
311
303
  leftPane?: ReactNode;
312
304
  mainPane?: ReactNode;
@@ -326,6 +318,7 @@ interface WorkbenchBodyTemplateProps {
326
318
  maxRightPaneWidth?: number;
327
319
  minBottomPaneHeight?: number;
328
320
  maxBottomPaneHeight?: number;
321
+ onResize?: (state: WorkbenchResizeState) => void;
329
322
  leftPaneClassName?: string;
330
323
  mainPaneClassName?: string;
331
324
  rightPaneClassName?: string;
@@ -335,7 +328,7 @@ interface WorkbenchBodyTemplateProps {
335
328
  /** Mobile Sheet label for the right pane trigger */
336
329
  rightPaneLabel?: string;
337
330
  }
338
- 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, 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;
339
332
 
340
333
  interface DataBodyTabProps {
341
334
  id: string;
@@ -374,20 +367,20 @@ interface DataBodyGroupProps {
374
367
  className?: string;
375
368
  children?: React__default.ReactNode;
376
369
  }
377
- declare function DataBodyGroup(props: DataBodyGroupProps): react_jsx_runtime.JSX.Element;
370
+ declare function DataBodyGroup(props: DataBodyGroupProps): React__default.JSX.Element;
378
371
  interface DataBodyFieldProps {
379
372
  label: string;
380
373
  description?: string;
381
374
  children?: React__default.ReactNode;
382
375
  }
383
- declare function DataBodyField({ label, description, children }: DataBodyFieldProps): react_jsx_runtime.JSX.Element;
376
+ declare function DataBodyField({ label, description, children }: DataBodyFieldProps): React__default.JSX.Element;
384
377
  interface DataBodyRowProps {
385
378
  label: string;
386
379
  description?: string;
387
380
  required?: boolean;
388
381
  children?: React__default.ReactNode;
389
382
  }
390
- 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;
391
384
  interface DataBodyTemplateProps {
392
385
  theme?: React__default.CSSProperties;
393
386
  className?: string;
@@ -404,7 +397,7 @@ interface DataBodyTemplateProps {
404
397
  children?: React__default.ReactNode;
405
398
  contentClassName?: string;
406
399
  }
407
- 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;
408
401
  declare const DataBodyTemplate: typeof Root$1 & {
409
402
  Body: typeof DataBodyBody;
410
403
  Tab: typeof DataBodyTab;
@@ -431,7 +424,7 @@ interface BrowseBodyTemplateProps {
431
424
  contentClassName?: string;
432
425
  children?: React__default.ReactNode;
433
426
  }
434
- 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;
435
428
 
436
429
  type DetailBodyVariant = 'media' | 'record' | 'full';
437
430
  interface DetailBodyTemplateProps {
@@ -464,7 +457,7 @@ interface DetailBodyHeaderProps {
464
457
  compact?: boolean;
465
458
  className?: string;
466
459
  }
467
- 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;
468
461
  interface DetailBodyTabProps {
469
462
  id: string;
470
463
  label: React__default.ReactNode;
@@ -481,8 +474,8 @@ interface DetailBodySectionProps {
481
474
  className?: string;
482
475
  children?: React__default.ReactNode;
483
476
  }
484
- declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): react_jsx_runtime.JSX.Element;
485
- 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;
486
479
  declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
487
480
  Header: typeof DetailBodyHeader;
488
481
  Tab: typeof DetailBodyTab;
@@ -511,7 +504,7 @@ interface ListDetailBodyTemplateProps {
511
504
  /** Label for the mobile back button. Default: "Back" */
512
505
  backLabel?: string;
513
506
  }
514
- 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;
515
508
 
516
509
  interface PanelTemplateProps {
517
510
  title?: React__default.ReactNode;
@@ -530,8 +523,8 @@ interface PanelTemplateSectionProps {
530
523
  className?: string;
531
524
  children?: React__default.ReactNode;
532
525
  }
533
- declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): react_jsx_runtime.JSX.Element;
534
- 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;
535
528
  declare const PanelTemplate: typeof PanelTemplateRoot & {
536
529
  Section: typeof PanelTemplateSection;
537
530
  };
@@ -555,19 +548,19 @@ interface FormWizardBodyTemplateProps {
555
548
  onBack?: () => void;
556
549
  onFinish?: () => void;
557
550
  }
558
- 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;
559
552
 
560
553
  interface TypographyBodyTemplateProps {
561
554
  theme?: React.CSSProperties;
562
555
  breadcrumb?: React.ReactNode;
563
556
  }
564
- declare function TypographyBodyTemplate({ theme, breadcrumb }: TypographyBodyTemplateProps): react_jsx_runtime.JSX.Element;
557
+ declare function TypographyBodyTemplate({ theme, breadcrumb }: TypographyBodyTemplateProps): React$1.JSX.Element;
565
558
 
566
559
  interface ColorsBodyTemplateProps {
567
560
  theme?: React.CSSProperties;
568
561
  breadcrumb?: React.ReactNode;
569
562
  }
570
- declare function ColorsBodyTemplate({ theme, breadcrumb }: ColorsBodyTemplateProps): react_jsx_runtime.JSX.Element;
563
+ declare function ColorsBodyTemplate({ theme, breadcrumb }: ColorsBodyTemplateProps): React$1.JSX.Element;
571
564
 
572
565
  interface DataPageProps {
573
566
  children: React.ReactNode;
@@ -630,18 +623,18 @@ interface DataPageFooterProps {
630
623
  children?: React.ReactNode;
631
624
  className?: string;
632
625
  }
633
- declare function Root({ children, className, style }: DataPageProps): react_jsx_runtime.JSX.Element;
634
- declare function Header({ children, className }: DataPageHeaderProps): react_jsx_runtime.JSX.Element;
635
- declare function TitleBlock({ title, description, breadcrumb, status, className }: DataPageTitleBlockProps): react_jsx_runtime.JSX.Element | null;
636
- declare function Actions({ children, className }: DataPageActionsProps): react_jsx_runtime.JSX.Element | null;
637
- declare function Tabs({ children, className }: DataPageTabsProps): react_jsx_runtime.JSX.Element | null;
638
- declare function Tab({ active, count, children, onClick, disabled, className }: DataPageTabProps): react_jsx_runtime.JSX.Element;
639
- declare function Content({ children, className, padding }: DataPageContentProps): react_jsx_runtime.JSX.Element;
640
- declare function Group({ children, className, surface }: DataPageGroupProps): react_jsx_runtime.JSX.Element;
641
- declare function GroupHeader({ title, description, actions, children, className, }: DataPageGroupHeaderProps): react_jsx_runtime.JSX.Element | null;
642
- declare function GroupToolbar({ children, className }: DataPageGroupToolbarProps): react_jsx_runtime.JSX.Element | null;
643
- declare function GroupBody({ children, className }: DataPageGroupBodyProps): react_jsx_runtime.JSX.Element;
644
- 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;
645
638
  declare const DataPage: typeof Root & {
646
639
  Header: typeof Header;
647
640
  TitleBlock: typeof TitleBlock;
@@ -672,7 +665,7 @@ interface LoginBodyTemplateProps {
672
665
  children?: React__default.ReactNode;
673
666
  className?: string;
674
667
  }
675
- 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;
676
669
 
677
670
  type PageTopBarVariant = 'ghost' | 'default';
678
671
  interface PageTopBarProps {
@@ -680,6 +673,7 @@ interface PageTopBarProps {
680
673
  right?: React__default.ReactNode;
681
674
  variant?: PageTopBarVariant;
682
675
  height?: string;
676
+ minHeight?: string;
683
677
  className?: string;
684
678
  style?: React__default.CSSProperties;
685
679
  children?: React__default.ReactNode;
@@ -697,7 +691,7 @@ type PageBreadcrumbItem = string | {
697
691
  };
698
692
  declare function PageBreadcrumb({ items }: {
699
693
  items: PageBreadcrumbItem[];
700
- }): react_jsx_runtime.JSX.Element;
694
+ }): React__default.JSX.Element;
701
695
  /** Builds a PageTopBar ReactNode from playground option strings. */
702
696
  declare function buildTopBar(opts: {
703
697
  topBarShow?: string;
@@ -706,10 +700,10 @@ declare function buildTopBar(opts: {
706
700
  left: React__default.ReactNode;
707
701
  right?: React__default.ReactNode;
708
702
  }): React__default.ReactNode;
709
- declare function PageTopBar({ left, right, variant, height, 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;
710
704
 
711
705
  interface TemplateNavigationItem {
712
- id: TemplateId;
706
+ id: string;
713
707
  label: string;
714
708
  icon?: ComponentType<{
715
709
  className?: string;
@@ -723,7 +717,42 @@ interface TemplateNavigationGroup {
723
717
 
724
718
  declare function useIsMobile(): boolean;
725
719
 
726
- declare function useStyleInjector(): void;
720
+ type ShellId = 'sidebar' | 'header';
721
+ type DensityId = 'compact' | 'default' | 'comfortable';
722
+ type CurrentTemplateId = 'form-wizard' | 'databody' | 'sectioned' | 'typography' | 'colors' | 'login' | 'dashboard' | 'workbench' | 'browse' | 'detail' | 'list-detail' | 'panel';
723
+ type TemplateId = CurrentTemplateId;
724
+ interface GlobalTheme {
725
+ radius: number;
726
+ primaryHue: number;
727
+ primaryChroma: number;
728
+ fontScale: number;
729
+ lineHeight: number;
730
+ density: DensityId;
731
+ darkMode: boolean;
732
+ }
733
+ interface TemplateOverride {
734
+ radius?: number;
735
+ primaryChroma?: number;
736
+ density?: DensityId;
737
+ pagePaddingY?: string;
738
+ panelGap?: string;
739
+ toolbarHeight?: string;
740
+ }
741
+ interface ThemeState {
742
+ global: GlobalTheme;
743
+ overrides: Record<string, TemplateOverride>;
744
+ setGlobal: (patch: Partial<GlobalTheme>) => void;
745
+ setOverride: (id: string, patch: Partial<TemplateOverride>) => void;
746
+ }
747
+
748
+ interface StyleInjectorOptions {
749
+ /**
750
+ * CSS selector that receives the generated DesignKit variables.
751
+ * Defaults to `:root`. Use this when embedding DesignKit inside a scoped host.
752
+ */
753
+ scope?: string;
754
+ }
755
+ declare function useStyleInjector(options?: StyleInjectorOptions): void;
727
756
  /** Returns CSS custom properties for a template — used as inline style for external usage */
728
757
  declare function buildTemplateTheme(g: {
729
758
  radius: number;
@@ -746,4 +775,4 @@ declare function cn(...inputs: ClassValue[]): string;
746
775
 
747
776
  declare const useThemeStore: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
748
777
 
749
- export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BrowseBodyTemplate, type BrowseBodyTemplateProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorsBodyTemplate, type ColorsBodyTemplateProps, DashboardBodyTemplate, type DashboardBodyTemplateProps, DashboardPanel, type DashboardPanelProps, type DataBodyBodyProps, type DataBodyFieldProps, type DataBodyGroupProps, type DataBodyRowProps, type DataBodySectionProps, type DataBodySummaryProps, type DataBodyTabProps, DataBodyTemplate, type DataBodyTemplateProps, DataPage, type DataPageActionsProps, type DataPageContentProps, type DataPageFooterProps, type DataPageGroupBodyProps, type DataPageGroupHeaderProps, type DataPageGroupProps, type DataPageGroupToolbarProps, type DataPageHeaderProps, type DataPageProps, type DataPageTabProps, type DataPageTabsProps, type DataPageTitleBlockProps, type DensityId, type DetailBodyHeaderProps, type DetailBodySectionProps, type DetailBodyTabProps, DetailBodyTemplate, type DetailBodyTemplateProps, type DetailBodyVariant, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormWizardBodyTemplate, type FormWizardBodyTemplateProps, type FormWizardStep, type FormWizardVariant, type GlobalTheme, type GroupLayout, type GroupVariant, Input, Label, ListDetailBodyTemplate, type ListDetailBodyTemplateProps, type LoginBg, LoginBodyTemplate, type LoginBodyTemplateProps, type LoginCard, type LoginCardWidth, type LoginLayout, type LoginSide, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, PageBreadcrumb, type PageBreadcrumbItem, PageTopBar, type PageTopBarProps, type PageTopBarVariant, 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, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, type TemplateId, type TemplateNavigationGroup, type TemplateNavigationItem, type TemplateOverride, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBodyTemplate, type TypographyBodyTemplateProps, WorkbenchBodyTemplate, type WorkbenchBodyTemplateProps, badgeVariants, buildTemplateTheme, buildTopBar, buttonVariants, cn, navigationMenuTriggerStyle, tabsListVariants, useIsMobile, useSidebar, 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 };