@webdevarif/dashui 0.3.13 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as class_variance_authority_types from 'class-variance-authority/types';
2
- import * as React from 'react';
2
+ import * as React$1 from 'react';
3
3
  import { HTMLAttributes, ComponentProps } from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -21,113 +21,113 @@ declare const buttonVariants: (props?: ({
21
21
  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
22
22
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
23
23
  } & class_variance_authority_types.ClassProp) | undefined) => string;
24
- interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
24
+ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
25
25
  asChild?: boolean;
26
26
  }
27
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
27
+ declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
28
28
 
29
29
  declare const badgeVariants: (props?: ({
30
30
  variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
31
31
  } & class_variance_authority_types.ClassProp) | undefined) => string;
32
- interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
32
+ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
33
33
  }
34
34
  declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
35
35
 
36
- declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
37
- declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
38
- declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
39
- declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
40
- declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
41
- declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
42
-
43
- declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
44
-
45
- declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
46
- declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
47
- declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
48
- declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
49
- declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
50
- declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
36
+ declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
37
+ declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
38
+ declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
39
+ declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
40
+ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
41
+ declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
42
+
43
+ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
44
+
45
+ declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
46
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
47
+ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
48
+ declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
49
+ declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
50
+ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
51
51
  declare const DialogHeader: {
52
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
52
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
53
53
  displayName: string;
54
54
  };
55
55
  declare const DialogFooter: {
56
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
56
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
57
57
  displayName: string;
58
58
  };
59
- declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
60
- declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
61
-
62
- declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
63
- declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
64
- declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
65
- declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
66
- declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
67
- declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
68
- declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
59
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
60
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
61
+
62
+ declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
63
+ declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
64
+ declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
65
+ declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
66
+ declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
67
+ declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
68
+ declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
69
69
  inset?: boolean;
70
- } & React.RefAttributes<HTMLDivElement>>;
71
- declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
72
- declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
73
- declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
70
+ } & React$1.RefAttributes<HTMLDivElement>>;
71
+ declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
72
+ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
73
+ declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
74
74
  inset?: boolean;
75
- } & React.RefAttributes<HTMLDivElement>>;
76
- declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
77
- declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
78
- declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
75
+ } & React$1.RefAttributes<HTMLDivElement>>;
76
+ declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
77
+ declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
78
+ declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
79
79
  inset?: boolean;
80
- } & React.RefAttributes<HTMLDivElement>>;
81
- declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
80
+ } & React$1.RefAttributes<HTMLDivElement>>;
81
+ declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
82
82
  declare const DropdownMenuShortcut: {
83
- ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
83
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
84
84
  displayName: string;
85
85
  };
86
86
 
87
- interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
87
+ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
88
88
  error?: boolean;
89
89
  }
90
- declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
90
+ declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
91
91
 
92
- declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
92
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
93
93
 
94
- declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
95
- declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
96
- declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
94
+ declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
95
+ declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
96
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
97
97
 
98
- declare const Select: React.FC<SelectPrimitive.SelectProps>;
99
- declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
100
- declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
101
- declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
102
- declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
103
- declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
104
- declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
105
- declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
106
- declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
107
- declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
98
+ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
99
+ declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
100
+ declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
101
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
102
+ declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
103
+ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
104
+ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
105
+ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
106
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
107
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
108
108
 
109
- declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
109
+ declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
110
110
 
111
- declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
111
+ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
112
112
 
113
- declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
114
- declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
115
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
116
- declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
113
+ declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
114
+ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
115
+ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
116
+ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
117
117
 
118
- interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
118
+ interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
119
119
  error?: boolean;
120
120
  }
121
- declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
121
+ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
122
122
 
123
- declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
124
- declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
125
- declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
126
- declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
123
+ declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
124
+ declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
125
+ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
126
+ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
127
127
 
128
128
  interface AppShellProps {
129
- sidebar: React.ReactNode;
130
- children: React.ReactNode;
129
+ sidebar: React$1.ReactNode;
130
+ children: React$1.ReactNode;
131
131
  collapsed?: boolean;
132
132
  }
133
133
  declare function AppShell({ sidebar, children, collapsed }: AppShellProps): react_jsx_runtime.JSX.Element;
@@ -135,7 +135,7 @@ declare function AppShell({ sidebar, children, collapsed }: AppShellProps): reac
135
135
  interface SidebarItem {
136
136
  label: string;
137
137
  href: string;
138
- icon?: React.ComponentType<{
138
+ icon?: React$1.ComponentType<{
139
139
  className?: string;
140
140
  }>;
141
141
  badge?: string | number;
@@ -143,9 +143,9 @@ interface SidebarItem {
143
143
  active?: boolean;
144
144
  }
145
145
  interface SidebarProps {
146
- logo?: React.ReactNode;
146
+ logo?: React$1.ReactNode;
147
147
  items: SidebarItem[];
148
- footer?: React.ReactNode;
148
+ footer?: React$1.ReactNode;
149
149
  collapsed?: boolean;
150
150
  onCollapse?: (collapsed: boolean) => void;
151
151
  }
@@ -159,7 +159,7 @@ interface TopBarProps {
159
159
  avatar?: string;
160
160
  };
161
161
  onMenuToggle?: () => void;
162
- actions?: React.ReactNode;
162
+ actions?: React$1.ReactNode;
163
163
  className?: string;
164
164
  }
165
165
  declare function TopBar({ storeName, user, onMenuToggle, actions, className, }: TopBarProps): react_jsx_runtime.JSX.Element;
@@ -171,9 +171,9 @@ interface Breadcrumb {
171
171
  interface PageProps {
172
172
  title: string;
173
173
  subtitle?: string;
174
- actions?: React.ReactNode;
174
+ actions?: React$1.ReactNode;
175
175
  breadcrumbs?: Breadcrumb[];
176
- children: React.ReactNode;
176
+ children: React$1.ReactNode;
177
177
  fullWidth?: boolean;
178
178
  }
179
179
  declare function Page({ title, subtitle, actions, breadcrumbs, children, fullWidth, }: PageProps): react_jsx_runtime.JSX.Element;
@@ -181,8 +181,8 @@ declare function Page({ title, subtitle, actions, breadcrumbs, children, fullWid
181
181
  interface PageSectionProps {
182
182
  title?: string;
183
183
  description?: string;
184
- children: React.ReactNode;
185
- actions?: React.ReactNode;
184
+ children: React$1.ReactNode;
185
+ actions?: React$1.ReactNode;
186
186
  className?: string;
187
187
  }
188
188
  declare function PageSection({ title, description, children, actions, className, }: PageSectionProps): react_jsx_runtime.JSX.Element;
@@ -216,12 +216,12 @@ declare function ThemeToggle({ className, theme: externalTheme, onToggle }: Them
216
216
  interface NavItem {
217
217
  href: string;
218
218
  label: string;
219
- icon?: React.ReactNode;
219
+ icon?: React$1.ReactNode;
220
220
  badge?: string | number;
221
221
  children?: NavItem[];
222
222
  }
223
223
  interface DashboardLayoutProps {
224
- logo?: React.ReactNode;
224
+ logo?: React$1.ReactNode;
225
225
  appName?: string;
226
226
  navItems: NavItem[];
227
227
  bottomNavItems?: NavItem[];
@@ -237,16 +237,16 @@ interface DashboardLayoutProps {
237
237
  avatar?: string;
238
238
  };
239
239
  onSignOut?: () => void;
240
- children: React.ReactNode;
240
+ children: React$1.ReactNode;
241
241
  defaultCollapsed?: boolean;
242
- footerContent?: React.ReactNode;
242
+ footerContent?: React$1.ReactNode;
243
243
  }
244
244
  declare function DashboardLayout({ logo, appName, navItems, bottomNavItems, activeHref, onNavigate, searchPlaceholder, searchShortcut, notificationCount, onNotificationClick, user, onSignOut, children, defaultCollapsed, footerContent, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
245
245
 
246
246
  interface Column<T> {
247
247
  key: keyof T | string;
248
248
  header: string;
249
- cell?: (row: T) => React.ReactNode;
249
+ cell?: (row: T) => React$1.ReactNode;
250
250
  sortable?: boolean;
251
251
  width?: string;
252
252
  }
@@ -267,18 +267,18 @@ interface DataTableProps<T> {
267
267
  idKey?: keyof T;
268
268
  };
269
269
  onRowClick?: (row: T) => void;
270
- emptyState?: React.ReactNode;
271
- actions?: React.ReactNode;
270
+ emptyState?: React$1.ReactNode;
271
+ actions?: React$1.ReactNode;
272
272
  }
273
273
  declare function DataTable<T extends Record<string, unknown>>({ columns, data, loading, pagination, selection, onRowClick, emptyState, actions, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
274
274
 
275
275
  interface EmptyStateProps {
276
- icon?: React.ComponentType<{
276
+ icon?: React$1.ComponentType<{
277
277
  className?: string;
278
278
  }>;
279
279
  title: string;
280
280
  description?: string;
281
- action?: React.ReactNode;
281
+ action?: React$1.ReactNode;
282
282
  className?: string;
283
283
  }
284
284
  declare function EmptyState({ icon: Icon, title, description, action, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
@@ -298,7 +298,7 @@ interface Stat {
298
298
  value: number;
299
299
  type: "increase" | "decrease";
300
300
  };
301
- icon?: React.ComponentType<{
301
+ icon?: React$1.ComponentType<{
302
302
  className?: string;
303
303
  }>;
304
304
  }
@@ -406,7 +406,7 @@ interface FormFieldProps {
406
406
  error?: string;
407
407
  hint?: string;
408
408
  required?: boolean;
409
- children: React.ReactNode;
409
+ children: React$1.ReactNode;
410
410
  className?: string;
411
411
  }
412
412
  declare function FormField({ label, error, hint, required, children, className, }: FormFieldProps): react_jsx_runtime.JSX.Element;
@@ -414,8 +414,8 @@ declare function FormField({ label, error, hint, required, children, className,
414
414
  interface FormLayoutProps {
415
415
  title?: string;
416
416
  description?: string;
417
- children: React.ReactNode;
418
- actions?: React.ReactNode;
417
+ children: React$1.ReactNode;
418
+ actions?: React$1.ReactNode;
419
419
  className?: string;
420
420
  }
421
421
  declare function FormLayout({ title, description, children, actions, className, }: FormLayoutProps): react_jsx_runtime.JSX.Element;
@@ -423,15 +423,86 @@ declare function FormLayout({ title, description, children, actions, className,
423
423
  interface FormSectionProps {
424
424
  title: string;
425
425
  description?: string;
426
- children: React.ReactNode;
426
+ children: React$1.ReactNode;
427
427
  className?: string;
428
428
  }
429
429
  declare function FormSection({ title, description, children, className, }: FormSectionProps): react_jsx_runtime.JSX.Element;
430
430
 
431
+ /**
432
+ * LocalInput — Prevents cursor jumping in form-heavy UIs
433
+ *
434
+ * Problem: When parent component re-renders, native input loses focus.
435
+ * Solution: Maintains local state + syncs from parent only when not focused.
436
+ *
437
+ * Props:
438
+ * - value: number | string (from parent)
439
+ * - onChange: (val: string) => void (called on every keystroke OR on blur)
440
+ * - commitOnBlur?: boolean (if true, only commits to parent on blur; if false, commits immediately)
441
+ * - ...rest: HTML input attributes
442
+ */
443
+ declare function LocalInput({ value, onChange, commitOnBlur, ...rest }: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
444
+ value: number | string;
445
+ onChange: (val: string) => void;
446
+ commitOnBlur?: boolean;
447
+ }): react_jsx_runtime.JSX.Element;
448
+
449
+ /**
450
+ * Responsive input device types and constants
451
+ */
452
+ type DeviceKey = 'desktop' | 'laptop' | 'tablet' | 'mobile';
453
+ interface DeviceOption {
454
+ key: DeviceKey;
455
+ label: string;
456
+ width: string;
457
+ }
458
+ declare const DEVICES: DeviceOption[];
459
+ declare const DEVICE_ICONS: Record<DeviceKey, React.ReactNode>;
460
+
461
+ /**
462
+ * ResponsiveSizeDeviceIcon
463
+ *
464
+ * Device picker icon + dropdown menu.
465
+ * Typically sits next to a "Size" label in forms.
466
+ *
467
+ * Props:
468
+ * - activeDevice: Currently selected device
469
+ * - setActiveDevice: Callback to change device
470
+ */
471
+ declare function ResponsiveSizeDeviceIcon({ activeDevice, setActiveDevice, }: {
472
+ activeDevice: DeviceKey;
473
+ setActiveDevice: (d: DeviceKey) => void;
474
+ }): react_jsx_runtime.JSX.Element;
475
+
476
+ /**
477
+ * ResponsiveSizeField
478
+ *
479
+ * Bordered input field with device-aware number/text input + unit selector.
480
+ * Supports responsive sizes by device (desktop, laptop, tablet, mobile).
481
+ * Supports custom CSS values (calc, clamp, etc.) when unit is 'custom'.
482
+ *
483
+ * Props:
484
+ * - value: Size values by device
485
+ * - unit: Current unit (px, rem, em, vh, vw, custom)
486
+ * - customUnit?: Custom CSS value (e.g., "calc(100% - 20px)")
487
+ * - activeDevice: Currently selected device
488
+ * - onSizeChange: Callback when size changes
489
+ * - onUnitChange: Callback when unit changes
490
+ * - onCustomChange?: Callback when custom value changes
491
+ */
492
+ declare function ResponsiveSizeField({ value, unit, customUnit, activeDevice, onSizeChange, onUnitChange, onCustomChange, }: {
493
+ value: Partial<Record<DeviceKey, number>>;
494
+ unit: string;
495
+ customUnit?: string;
496
+ activeDevice: DeviceKey;
497
+ onSizeChange: (dev: DeviceKey, val: number) => void;
498
+ onUnitChange: (unit: string) => void;
499
+ onCustomChange?: (val: string) => void;
500
+ }): react_jsx_runtime.JSX.Element;
501
+
431
502
  interface AlertProps {
432
503
  variant?: "info" | "success" | "warning" | "error";
433
504
  title?: string;
434
- children: React.ReactNode;
505
+ children: React$1.ReactNode;
435
506
  dismissible?: boolean;
436
507
  onDismiss?: () => void;
437
508
  className?: string;
@@ -485,7 +556,7 @@ interface PostListTableProps {
485
556
  onDuplicate?: (id: string) => void;
486
557
  onStatusChange?: (id: string, status: PostStatus) => void;
487
558
  emptyMessage?: string;
488
- emptyIcon?: React.ReactNode;
559
+ emptyIcon?: React$1.ReactNode;
489
560
  onNewPost?: () => void;
490
561
  newPostLabel?: string;
491
562
  className?: string;
@@ -514,8 +585,8 @@ interface PostEditorShellProps {
514
585
  saving?: boolean;
515
586
  publishing?: boolean;
516
587
  status?: PostStatus;
517
- children: React.ReactNode;
518
- sidebar: React.ReactNode;
588
+ children: React$1.ReactNode;
589
+ sidebar: React$1.ReactNode;
519
590
  className?: string;
520
591
  }
521
592
  declare function PostEditorShell({ title, backLabel, onBack, onSave, onPublish, saving, publishing, status, children, sidebar, className, }: PostEditorShellProps): react_jsx_runtime.JSX.Element;
@@ -532,7 +603,7 @@ declare function SlugInput({ value, onChange, onGenerate, prefix, disabled, clas
532
603
 
533
604
  interface PostSidebarSectionProps {
534
605
  title: string;
535
- children: React.ReactNode;
606
+ children: React$1.ReactNode;
536
607
  defaultOpen?: boolean;
537
608
  className?: string;
538
609
  }
@@ -565,7 +636,7 @@ type ColorPickerProps = HTMLAttributes<HTMLDivElement> & {
565
636
  onChange?: (hex: string) => void;
566
637
  };
567
638
  declare const ColorPicker: ({ defaultValue, onChange, className, children, ...props }: ColorPickerProps) => react_jsx_runtime.JSX.Element;
568
- declare const ColorPickerSelection: React.MemoExoticComponent<({ className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element>;
639
+ declare const ColorPickerSelection: React$1.MemoExoticComponent<({ className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element>;
569
640
  declare const ColorPickerHue: ({ className, ...props }: Omit<ComponentProps<typeof Slider.Root>, "value" | "onValueChange" | "max" | "step">) => react_jsx_runtime.JSX.Element;
570
641
  declare const ColorPickerAlpha: ({ className, ...props }: Omit<ComponentProps<typeof Slider.Root>, "value" | "onValueChange" | "max" | "step">) => react_jsx_runtime.JSX.Element;
571
642
  declare const ColorPickerEyeDropper: ({ className, ...props }: HTMLAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
@@ -580,11 +651,11 @@ declare function useDisclosure(initial?: boolean): {
580
651
  open: () => void;
581
652
  close: () => void;
582
653
  toggle: () => void;
583
- onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
654
+ onOpenChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
584
655
  };
585
656
  declare function usePagination(total: number, pageSize?: number): {
586
657
  page: number;
587
- setPage: React.Dispatch<React.SetStateAction<number>>;
658
+ setPage: React$1.Dispatch<React$1.SetStateAction<number>>;
588
659
  pageSize: number;
589
660
  total: number;
590
661
  totalPages: number;
@@ -593,7 +664,7 @@ declare function usePagination(total: number, pageSize?: number): {
593
664
  declare function cn(...inputs: ClassValue[]): string;
594
665
 
595
666
  interface AuthShellProps {
596
- children: React.ReactNode;
667
+ children: React$1.ReactNode;
597
668
  /** Optional background pattern — 'dots' | 'grid' | 'none' */
598
669
  pattern?: 'dots' | 'grid' | 'none';
599
670
  maxWidth?: string;
@@ -601,7 +672,7 @@ interface AuthShellProps {
601
672
  declare function AuthShell({ children, pattern, maxWidth }: AuthShellProps): react_jsx_runtime.JSX.Element;
602
673
 
603
674
  interface AuthCardProps {
604
- children: React.ReactNode;
675
+ children: React$1.ReactNode;
605
676
  padding?: string;
606
677
  }
607
678
  declare function AuthCard({ children, padding }: AuthCardProps): react_jsx_runtime.JSX.Element;
@@ -624,15 +695,15 @@ interface AuthHeaderProps {
624
695
  }
625
696
  declare function AuthHeader({ title, description }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
626
697
 
627
- interface AuthFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
698
+ interface AuthFieldProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
628
699
  label: string;
629
700
  error?: string;
630
701
  hint?: string;
631
- rightLabel?: React.ReactNode;
702
+ rightLabel?: React$1.ReactNode;
632
703
  }
633
704
  declare function AuthField({ label, error, hint, rightLabel, id, ...props }: AuthFieldProps): react_jsx_runtime.JSX.Element;
634
705
 
635
- interface AuthButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
706
+ interface AuthButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
636
707
  loading?: boolean;
637
708
  variant?: 'primary' | 'outline' | 'ghost';
638
709
  fullWidth?: boolean;
@@ -655,8 +726,8 @@ interface SkeletonProps {
655
726
  height?: string | number;
656
727
  rounded?: string;
657
728
  className?: string;
658
- style?: React.CSSProperties;
729
+ style?: React$1.CSSProperties;
659
730
  }
660
731
  declare function Skeleton({ width, height, rounded, style }: SkeletonProps): react_jsx_runtime.JSX.Element;
661
732
 
662
- export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorPicker, ColorPickerAlpha, ColorPickerEyeDropper, ColorPickerFormat, ColorPickerHexOutput, ColorPickerHue, ColorPickerOutput, ColorPickerSelection, type Column, ConfirmDialog, type ConfirmDialogProps, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, HslColorInput, ImagePickerField, type ImagePickerFieldProps, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, MediaCard, type MediaCardFile, type MediaCardProps, MediaGrid, type MediaGridProps, MediaPickerDialog, type MediaPickerDialogFolder, type MediaPickerDialogProps, type NavItem, NotificationBell, type NotificationBellProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, PlanBadge, type PlanBadgeProps, type PlanId, Popover, PopoverContent, PopoverTrigger, PostEditorShell, type PostEditorShellProps, PostFiltersBar, type PostFiltersBarProps, type PostListItem, PostListTable, type PostListTableProps, PostSidebarSection, type PostSidebarSectionProps, type PostStatus, PostStatusBadge, type PostStatusBadgeProps, SearchBar, type SearchBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, SlugInput, type SlugInputProps, type Stat, Stats, type StatsProps, StorageBar, type StorageBarProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, type UploadItem, badgeVariants, buttonVariants, cn, useColorPicker, useDisclosure, usePagination };
733
+ export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorPicker, ColorPickerAlpha, ColorPickerEyeDropper, ColorPickerFormat, ColorPickerHexOutput, ColorPickerHue, ColorPickerOutput, ColorPickerSelection, type Column, ConfirmDialog, type ConfirmDialogProps, DEVICES, DEVICE_ICONS, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableProps, type DeviceKey, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, HslColorInput, ImagePickerField, type ImagePickerFieldProps, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, LocalInput, MediaCard, type MediaCardFile, type MediaCardProps, MediaGrid, type MediaGridProps, MediaPickerDialog, type MediaPickerDialogFolder, type MediaPickerDialogProps, type NavItem, NotificationBell, type NotificationBellProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, PlanBadge, type PlanBadgeProps, type PlanId, Popover, PopoverContent, PopoverTrigger, PostEditorShell, type PostEditorShellProps, PostFiltersBar, type PostFiltersBarProps, type PostListItem, PostListTable, type PostListTableProps, PostSidebarSection, type PostSidebarSectionProps, type PostStatus, PostStatusBadge, type PostStatusBadgeProps, ResponsiveSizeDeviceIcon, ResponsiveSizeField, SearchBar, type SearchBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, SlugInput, type SlugInputProps, type Stat, Stats, type StatsProps, StorageBar, type StorageBarProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, type UploadItem, badgeVariants, buttonVariants, cn, useColorPicker, useDisclosure, usePagination };