@onnechat/ui 0.1.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/README.md +26 -0
- package/dist/index.d.mts +1540 -0
- package/dist/index.d.ts +1540 -0
- package/dist/index.js +10869 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +10760 -0
- package/dist/index.mjs.map +1 -0
- package/dist/styles/globals.css +7571 -0
- package/dist/styles/globals.css.map +1 -0
- package/dist/styles/globals.d.mts +2 -0
- package/dist/styles/globals.d.ts +2 -0
- package/dist/styles.css +7524 -0
- package/package.json +129 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,1540 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as NucleoFill from 'nucleo-ui-fill-18';
|
|
3
|
+
import { IconProps as IconProps$1 } from 'nucleo-ui-fill-18';
|
|
4
|
+
import * as React$1 from 'react';
|
|
5
|
+
import React__default, { SVGProps, HTMLAttributes, ReactNode, ComponentProps } from 'react';
|
|
6
|
+
import { motion } from 'motion/react';
|
|
7
|
+
import * as NucleoDuo from 'nucleo-ui-fill-duo-18';
|
|
8
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
9
|
+
import { VariantProps } from 'class-variance-authority';
|
|
10
|
+
import { Separator as Separator$1 } from '@base-ui/react/separator';
|
|
11
|
+
import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
|
|
12
|
+
import { Accordion as Accordion$2 } from '@base-ui/react/accordion';
|
|
13
|
+
import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
|
|
14
|
+
import { ColumnDef, Table as Table$1, Column } from '@tanstack/react-table';
|
|
15
|
+
import * as zustand from 'zustand';
|
|
16
|
+
import { Menu } from '@base-ui/react/menu';
|
|
17
|
+
import { EmojiPicker as EmojiPicker$1 } from 'frimousse';
|
|
18
|
+
import { PreviewCard } from '@base-ui/react/preview-card';
|
|
19
|
+
import { MarqueeProps as MarqueeProps$1 } from 'react-fast-marquee';
|
|
20
|
+
import { Popover as Popover$1 } from '@base-ui/react/popover';
|
|
21
|
+
import { Progress as Progress$1 } from '@base-ui/react/progress';
|
|
22
|
+
import { Radio } from '@base-ui/react/radio';
|
|
23
|
+
import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
|
|
24
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
25
|
+
import { Select as Select$1 } from '@base-ui/react/select';
|
|
26
|
+
import { Dialog as Dialog$2 } from '@base-ui/react/dialog';
|
|
27
|
+
import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
|
|
28
|
+
import { ToasterProps } from 'sonner';
|
|
29
|
+
import { MediaController, MediaControlBar, MediaTimeRange, MediaTimeDisplay, MediaVolumeRange, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaMuteButton } from 'media-chrome/react';
|
|
30
|
+
import { DayPicker } from 'react-day-picker';
|
|
31
|
+
import * as RechartsPrimitive from 'recharts';
|
|
32
|
+
import { DefaultLegendContentProps, TooltipContentProps } from 'recharts';
|
|
33
|
+
import { Command as Command$1 } from 'cmdk';
|
|
34
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
35
|
+
|
|
36
|
+
declare const BrandIcon: {
|
|
37
|
+
Stripe: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
38
|
+
original?: boolean;
|
|
39
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
40
|
+
};
|
|
41
|
+
type BrandIconProps = {
|
|
42
|
+
original?: boolean;
|
|
43
|
+
} & SVGProps<SVGSVGElement>;
|
|
44
|
+
|
|
45
|
+
declare const SocialIcon: {
|
|
46
|
+
Apple: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
47
|
+
original?: boolean;
|
|
48
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
49
|
+
Google: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
50
|
+
original?: boolean;
|
|
51
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
52
|
+
WhatsApp: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
53
|
+
original?: boolean;
|
|
54
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
55
|
+
Facebook: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
56
|
+
original?: boolean;
|
|
57
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
58
|
+
Instagram: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
59
|
+
original?: boolean;
|
|
60
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
61
|
+
Messenger: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
62
|
+
original?: boolean;
|
|
63
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
64
|
+
LinkedIn: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
65
|
+
original?: boolean;
|
|
66
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
67
|
+
X: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
68
|
+
original?: boolean;
|
|
69
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
70
|
+
YouTube: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
71
|
+
original?: boolean;
|
|
72
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
73
|
+
Discord: ({ original, ...props }: SVGProps<SVGSVGElement> & {
|
|
74
|
+
original?: boolean;
|
|
75
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
76
|
+
};
|
|
77
|
+
type SocialIconProps = {
|
|
78
|
+
original?: boolean;
|
|
79
|
+
} & SVGProps<SVGSVGElement>;
|
|
80
|
+
|
|
81
|
+
declare function SidebarToggled(props: React$1.ComponentProps<typeof motion.svg>): react_jsx_runtime.JSX.Element;
|
|
82
|
+
|
|
83
|
+
declare function SidebarToggle(props: React$1.ComponentProps<typeof motion.svg>): react_jsx_runtime.JSX.Element;
|
|
84
|
+
|
|
85
|
+
declare const customIcons: {
|
|
86
|
+
SidebarToggle: typeof SidebarToggle;
|
|
87
|
+
SidebarToggled: typeof SidebarToggled;
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
type NucleoExportToName<T extends string, TSuffix extends string> = T extends `Icon${infer Name}${TSuffix}` ? Name : never;
|
|
91
|
+
|
|
92
|
+
declare const iconVariants: {
|
|
93
|
+
readonly fill: Record<string, React$1.ComponentType<NucleoFill.IconProps>>;
|
|
94
|
+
readonly duo: Record<string, React$1.ComponentType<NucleoFill.IconProps>>;
|
|
95
|
+
readonly brand: {
|
|
96
|
+
Stripe: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
97
|
+
original?: boolean;
|
|
98
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
99
|
+
};
|
|
100
|
+
readonly social: {
|
|
101
|
+
Apple: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
102
|
+
original?: boolean;
|
|
103
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
104
|
+
Google: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
105
|
+
original?: boolean;
|
|
106
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
107
|
+
WhatsApp: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
108
|
+
original?: boolean;
|
|
109
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
110
|
+
Facebook: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
111
|
+
original?: boolean;
|
|
112
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
113
|
+
Instagram: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
114
|
+
original?: boolean;
|
|
115
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
116
|
+
Messenger: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
117
|
+
original?: boolean;
|
|
118
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
119
|
+
LinkedIn: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
120
|
+
original?: boolean;
|
|
121
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
122
|
+
X: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
123
|
+
original?: boolean;
|
|
124
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
125
|
+
YouTube: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
126
|
+
original?: boolean;
|
|
127
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
128
|
+
Discord: ({ original, ...props }: React$1.SVGProps<SVGSVGElement> & {
|
|
129
|
+
original?: boolean;
|
|
130
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
131
|
+
};
|
|
132
|
+
readonly custom: {
|
|
133
|
+
SidebarToggle: typeof SidebarToggle;
|
|
134
|
+
SidebarToggled: typeof SidebarToggled;
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
type IconVariant = keyof typeof iconVariants;
|
|
138
|
+
type NucleoFillExports = keyof typeof NucleoFill;
|
|
139
|
+
type NucleoDuoExports = keyof typeof NucleoDuo;
|
|
140
|
+
type FillIconName = NucleoExportToName<Extract<NucleoFillExports, `Icon${string}Fill18`>, 'Fill18'>;
|
|
141
|
+
type DuoIconName = NucleoExportToName<Extract<NucleoDuoExports, `Icon${string}FillDuo18`>, 'FillDuo18'>;
|
|
142
|
+
type BrandIconName = keyof typeof BrandIcon;
|
|
143
|
+
type SocialIconName = keyof typeof SocialIcon;
|
|
144
|
+
type CustomIconName = keyof typeof customIcons;
|
|
145
|
+
|
|
146
|
+
/** @deprecated Use `FillIconName` or variant-specific names */
|
|
147
|
+
type IconType = FillIconName | CustomIconName;
|
|
148
|
+
/** SVG props shared by all icon variants (excludes `name` and `variant`). */
|
|
149
|
+
type IconSharedProps = Omit<IconProps$1, 'name' | 'variant'>;
|
|
150
|
+
type ThemeIcon = FillIconName | CustomIconName | {
|
|
151
|
+
variant: 'brand';
|
|
152
|
+
name: BrandIconName;
|
|
153
|
+
};
|
|
154
|
+
type FillVariantProps = {
|
|
155
|
+
variant?: 'fill';
|
|
156
|
+
name: FillIconName | CustomIconName;
|
|
157
|
+
} & IconProps$1;
|
|
158
|
+
type DuoVariantProps = {
|
|
159
|
+
variant: 'duo';
|
|
160
|
+
name: DuoIconName;
|
|
161
|
+
} & IconProps$1;
|
|
162
|
+
type BrandVariantProps = {
|
|
163
|
+
variant: 'brand';
|
|
164
|
+
name: BrandIconName;
|
|
165
|
+
} & BrandIconProps;
|
|
166
|
+
type SocialVariantProps = {
|
|
167
|
+
variant: 'social';
|
|
168
|
+
name: SocialIconName;
|
|
169
|
+
} & SocialIconProps;
|
|
170
|
+
type CustomVariantProps = {
|
|
171
|
+
variant: 'custom';
|
|
172
|
+
name: CustomIconName;
|
|
173
|
+
} & IconProps$1;
|
|
174
|
+
type IconProps = FillVariantProps | DuoVariantProps | BrandVariantProps | SocialVariantProps | CustomVariantProps;
|
|
175
|
+
declare function resolveThemeIcon(icon: ThemeIcon | IconType): IconProps;
|
|
176
|
+
declare const Icon: (props: IconProps) => react_jsx_runtime.JSX.Element | null;
|
|
177
|
+
|
|
178
|
+
declare const ANNOUNCEMENT_TYPES: {
|
|
179
|
+
readonly CRITICAL: "CRITICAL";
|
|
180
|
+
readonly ERROR: "ERROR";
|
|
181
|
+
readonly INFO: "INFO";
|
|
182
|
+
readonly MAINTENANCE: "MAINTENANCE";
|
|
183
|
+
readonly NEW: "NEW";
|
|
184
|
+
readonly SALE: "SALE";
|
|
185
|
+
readonly SUCCESS: "SUCCESS";
|
|
186
|
+
readonly UPDATE: "UPDATE";
|
|
187
|
+
readonly WARNING: "WARNING";
|
|
188
|
+
};
|
|
189
|
+
type AnnouncementType = (typeof ANNOUNCEMENT_TYPES)[keyof typeof ANNOUNCEMENT_TYPES];
|
|
190
|
+
type AnnouncementBannerProps = {
|
|
191
|
+
/** Banner message. The banner is not rendered when empty. */
|
|
192
|
+
message?: string;
|
|
193
|
+
/** Semantic type; controls the color pair. Unknown values fall back to `NEW`. */
|
|
194
|
+
type?: AnnouncementType | (string & NonNullable<unknown>);
|
|
195
|
+
/** Chip label shown before the message on desktop. Defaults to the type itself — pass a translated label if needed. */
|
|
196
|
+
typeLabel?: string;
|
|
197
|
+
/** Hides the close button when `false`. */
|
|
198
|
+
dismissible?: boolean;
|
|
199
|
+
/** Called when the user dismisses the banner. */
|
|
200
|
+
onDismiss?: () => void;
|
|
201
|
+
/** Optional `id` for the close button (e.g. an analytics id). */
|
|
202
|
+
closeButtonId?: string;
|
|
203
|
+
className?: string;
|
|
204
|
+
};
|
|
205
|
+
/**
|
|
206
|
+
* Fixed top banner for product announcements. Sets the global
|
|
207
|
+
* `--announcement-height` CSS variable (used by `AppShell` to offset the
|
|
208
|
+
* viewport height) and auto-marquees messages that overflow the available
|
|
209
|
+
* width.
|
|
210
|
+
*/
|
|
211
|
+
declare function AnnouncementBanner({ message, type, typeLabel, dismissible, onDismiss, closeButtonId, className, }: AnnouncementBannerProps): react_jsx_runtime.JSX.Element | null;
|
|
212
|
+
|
|
213
|
+
declare const buttonVariants: (props?: ({
|
|
214
|
+
variant?: "default" | "link" | "success" | "destructive" | "outline" | "primary" | "secondary" | "ghost" | null | undefined;
|
|
215
|
+
size?: "default" | "sm" | "lg" | "icon-sm" | "icon" | null | undefined;
|
|
216
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
217
|
+
type InternalVariantProps = VariantProps<typeof buttonVariants> & {
|
|
218
|
+
asChild?: boolean;
|
|
219
|
+
isLoading?: boolean;
|
|
220
|
+
};
|
|
221
|
+
type ButtonVariants = InternalVariantProps['variant'];
|
|
222
|
+
declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
223
|
+
variant?: "default" | "link" | "success" | "destructive" | "outline" | "primary" | "secondary" | "ghost" | null | undefined;
|
|
224
|
+
size?: "default" | "sm" | "lg" | "icon-sm" | "icon" | null | undefined;
|
|
225
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
226
|
+
asChild?: boolean;
|
|
227
|
+
isLoading?: boolean;
|
|
228
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
229
|
+
|
|
230
|
+
type InputProps = React$1.ComponentProps<'input'>;
|
|
231
|
+
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
232
|
+
|
|
233
|
+
declare function Separator({ className, orientation, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
|
|
234
|
+
|
|
235
|
+
declare function TooltipProvider({ delay, timeout, ...props }: Tooltip$1.Provider.Props): react_jsx_runtime.JSX.Element;
|
|
236
|
+
declare function TooltipRoot({ ...props }: Tooltip$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
237
|
+
declare function TooltipTrigger({ onClick, asChild, children, ...props }: Tooltip$1.Trigger.Props & {
|
|
238
|
+
asChild?: boolean;
|
|
239
|
+
}): react_jsx_runtime.JSX.Element;
|
|
240
|
+
declare function TooltipContent({ className, side, align, sideOffset, children, ...props }: Omit<Tooltip$1.Popup.Props, 'className'> & Pick<Tooltip$1.Positioner.Props, 'side' | 'align' | 'sideOffset'> & {
|
|
241
|
+
className?: string;
|
|
242
|
+
}): react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare const Tooltip: typeof TooltipRoot & {
|
|
244
|
+
Provider: typeof TooltipProvider;
|
|
245
|
+
Content: typeof TooltipContent;
|
|
246
|
+
Trigger: typeof TooltipTrigger;
|
|
247
|
+
};
|
|
248
|
+
|
|
249
|
+
declare const SIDEBAR_WIDTH = "18rem";
|
|
250
|
+
type SidebarContextProps = {
|
|
251
|
+
state: 'expanded' | 'collapsed';
|
|
252
|
+
open: boolean;
|
|
253
|
+
setOpen: (open: boolean) => void;
|
|
254
|
+
openMobile: boolean;
|
|
255
|
+
setOpenMobile: (open: boolean) => void;
|
|
256
|
+
isMobile: boolean;
|
|
257
|
+
toggleSidebar: () => void;
|
|
258
|
+
sidebarWidth: string;
|
|
259
|
+
setSidebarWidth: (width: string) => void;
|
|
260
|
+
};
|
|
261
|
+
declare function useSidebar(): SidebarContextProps;
|
|
262
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<'div'> & {
|
|
263
|
+
defaultOpen?: boolean;
|
|
264
|
+
open?: boolean;
|
|
265
|
+
onOpenChange?: (open: boolean) => void;
|
|
266
|
+
}): react_jsx_runtime.JSX.Element;
|
|
267
|
+
declare function SidebarRoot({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<'div'> & {
|
|
268
|
+
side?: 'left' | 'right';
|
|
269
|
+
variant?: 'sidebar' | 'floating' | 'inset';
|
|
270
|
+
collapsible?: 'offcanvas' | 'icon' | 'none';
|
|
271
|
+
}): react_jsx_runtime.JSX.Element;
|
|
272
|
+
type SidebarTriggerIconProps = IconSharedProps;
|
|
273
|
+
declare function SidebarTrigger({ className, onClick, isOutsideSidebar, iconProps, ...props }: React$1.ComponentProps<typeof Button> & {
|
|
274
|
+
isOutsideSidebar?: boolean;
|
|
275
|
+
iconProps?: SidebarTriggerIconProps;
|
|
276
|
+
}): react_jsx_runtime.JSX.Element;
|
|
277
|
+
declare function SidebarRail({ className, ...props }: React$1.ComponentProps<'button'>): react_jsx_runtime.JSX.Element;
|
|
278
|
+
declare function SidebarInset({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
279
|
+
declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
|
|
280
|
+
declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
281
|
+
declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
282
|
+
declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
|
|
283
|
+
declare function SidebarContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
284
|
+
declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
285
|
+
declare function SidebarGroupLabel({ className, asChild, ...props }: React$1.ComponentProps<'div'> & {
|
|
286
|
+
asChild?: boolean;
|
|
287
|
+
}): react_jsx_runtime.JSX.Element;
|
|
288
|
+
declare function SidebarGroupAction({ className, asChild, ...props }: React$1.ComponentProps<'button'> & {
|
|
289
|
+
asChild?: boolean;
|
|
290
|
+
}): react_jsx_runtime.JSX.Element;
|
|
291
|
+
declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
292
|
+
declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
|
|
293
|
+
declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
|
|
294
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
295
|
+
variant?: "default" | "outline" | null | undefined;
|
|
296
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
297
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
298
|
+
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<'button'> & {
|
|
299
|
+
asChild?: boolean;
|
|
300
|
+
isActive?: boolean;
|
|
301
|
+
tooltip?: string | React$1.ComponentProps<typeof Tooltip.Content>;
|
|
302
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
|
|
303
|
+
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React$1.ComponentProps<'button'> & {
|
|
304
|
+
asChild?: boolean;
|
|
305
|
+
showOnHover?: boolean;
|
|
306
|
+
}): react_jsx_runtime.JSX.Element;
|
|
307
|
+
declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
308
|
+
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<'div'> & {
|
|
309
|
+
showIcon?: boolean;
|
|
310
|
+
}): react_jsx_runtime.JSX.Element;
|
|
311
|
+
declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
|
|
312
|
+
declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
|
|
313
|
+
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React$1.ComponentProps<'a'> & {
|
|
314
|
+
asChild?: boolean;
|
|
315
|
+
size?: 'sm' | 'md';
|
|
316
|
+
isActive?: boolean;
|
|
317
|
+
}): react_jsx_runtime.JSX.Element;
|
|
318
|
+
declare const Sidebar: typeof SidebarRoot & {
|
|
319
|
+
Provider: typeof SidebarProvider;
|
|
320
|
+
Content: typeof SidebarContent;
|
|
321
|
+
Footer: typeof SidebarFooter;
|
|
322
|
+
Group: typeof SidebarGroup;
|
|
323
|
+
GroupAction: typeof SidebarGroupAction;
|
|
324
|
+
GroupContent: typeof SidebarGroupContent;
|
|
325
|
+
GroupLabel: typeof SidebarGroupLabel;
|
|
326
|
+
Header: typeof SidebarHeader;
|
|
327
|
+
Input: typeof SidebarInput;
|
|
328
|
+
Inset: typeof SidebarInset;
|
|
329
|
+
Menu: typeof SidebarMenu;
|
|
330
|
+
MenuAction: typeof SidebarMenuAction;
|
|
331
|
+
MenuBadge: typeof SidebarMenuBadge;
|
|
332
|
+
MenuButton: typeof SidebarMenuButton;
|
|
333
|
+
MenuItem: typeof SidebarMenuItem;
|
|
334
|
+
MenuSkeleton: typeof SidebarMenuSkeleton;
|
|
335
|
+
MenuSub: typeof SidebarMenuSub;
|
|
336
|
+
MenuSubButton: typeof SidebarMenuSubButton;
|
|
337
|
+
MenuSubItem: typeof SidebarMenuSubItem;
|
|
338
|
+
Rail: typeof SidebarRail;
|
|
339
|
+
Separator: typeof SidebarSeparator;
|
|
340
|
+
Trigger: typeof SidebarTrigger;
|
|
341
|
+
};
|
|
342
|
+
|
|
343
|
+
/**
|
|
344
|
+
* Application shell layout, composition-first. Encodes the structure of our
|
|
345
|
+
* dashboards — inset resizable sidebar, glass sticky header, floating mobile
|
|
346
|
+
* navbar, announcement-aware viewport — while leaving every region up to the
|
|
347
|
+
* consumer:
|
|
348
|
+
*
|
|
349
|
+
* ```tsx
|
|
350
|
+
* <AnnouncementBanner message="…" type="NEW" />
|
|
351
|
+
*
|
|
352
|
+
* <AppShell>
|
|
353
|
+
* <AppShell.Sidebar>
|
|
354
|
+
* <AppShell.SidebarHeader>…logo + actions…</AppShell.SidebarHeader>
|
|
355
|
+
* <AppShell.SidebarSection>…workspace switcher…</AppShell.SidebarSection>
|
|
356
|
+
* <AppShell.SidebarSection>
|
|
357
|
+
* <AppShell.CommandButton>Pesquisar…</AppShell.CommandButton>
|
|
358
|
+
* </AppShell.SidebarSection>
|
|
359
|
+
* <AppShell.SidebarContent>
|
|
360
|
+
* <AppShell.SidebarGroup title="Geral">
|
|
361
|
+
* <AppShell.SidebarItem icon="House6" title="Visão Geral" href="/" active />
|
|
362
|
+
* </AppShell.SidebarGroup>
|
|
363
|
+
* </AppShell.SidebarContent>
|
|
364
|
+
* <AppShell.SidebarFooter>…copyright + user…</AppShell.SidebarFooter>
|
|
365
|
+
* </AppShell.Sidebar>
|
|
366
|
+
*
|
|
367
|
+
* <AppShell.Navbar>…mobile items…</AppShell.Navbar>
|
|
368
|
+
*
|
|
369
|
+
* <AppShell.Inset>
|
|
370
|
+
* <AppShell.Header title={…} actions={…} user={…} logo={…} />
|
|
371
|
+
* <MyPage />
|
|
372
|
+
* </AppShell.Inset>
|
|
373
|
+
* </AppShell>
|
|
374
|
+
* ```
|
|
375
|
+
*/
|
|
376
|
+
declare function AppShellRoot({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Provider>): react_jsx_runtime.JSX.Element;
|
|
377
|
+
/**
|
|
378
|
+
* Inset sidebar with a drag-to-resize rail: click toggles, double click
|
|
379
|
+
* resets to the default width, dragging resizes between 16–20rem and
|
|
380
|
+
* collapses past the threshold. Width persists in the `sidebar-width` cookie
|
|
381
|
+
* (read back by `Sidebar.Provider`).
|
|
382
|
+
*/
|
|
383
|
+
declare function AppShellSidebar({ children, ...props }: React$1.ComponentProps<typeof Sidebar>): react_jsx_runtime.JSX.Element;
|
|
384
|
+
declare function AppShellSidebarHeader({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Header>): react_jsx_runtime.JSX.Element;
|
|
385
|
+
declare function AppShellSidebarSection({ className, children, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
386
|
+
declare function AppShellSidebarContent({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Content>): react_jsx_runtime.JSX.Element;
|
|
387
|
+
declare function AppShellSidebarGroup({ className, title, children, ...props }: React$1.ComponentProps<typeof Sidebar.Group> & {
|
|
388
|
+
title?: string;
|
|
389
|
+
}): react_jsx_runtime.JSX.Element;
|
|
390
|
+
type AppShellSidebarItemData = {
|
|
391
|
+
title: string;
|
|
392
|
+
icon?: IconType | React$1.ReactNode;
|
|
393
|
+
href?: string;
|
|
394
|
+
onClick?: () => void;
|
|
395
|
+
/** Marks the item as the current route. The shell has no router — compute it in the app. */
|
|
396
|
+
active?: boolean;
|
|
397
|
+
disabled?: boolean;
|
|
398
|
+
loading?: boolean;
|
|
399
|
+
/** "Coming soon" — disabled with a clock hint. */
|
|
400
|
+
soon?: boolean;
|
|
401
|
+
/** External link — opens in a new tab with a hint icon. */
|
|
402
|
+
external?: boolean;
|
|
403
|
+
items?: AppShellSidebarItemData[];
|
|
404
|
+
};
|
|
405
|
+
type AppShellSidebarItemProps = AppShellSidebarItemData & {
|
|
406
|
+
index?: number;
|
|
407
|
+
isDropdownChild?: boolean;
|
|
408
|
+
level?: number;
|
|
409
|
+
};
|
|
410
|
+
declare function AppShellSidebarItem({ index, isDropdownChild, level, ...item }: AppShellSidebarItemProps): react_jsx_runtime.JSX.Element;
|
|
411
|
+
declare function AppShellCommandButton({ className, children, ...props }: React$1.ComponentProps<'button'>): react_jsx_runtime.JSX.Element;
|
|
412
|
+
declare function AppShellSidebarFooter({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Footer>): react_jsx_runtime.JSX.Element;
|
|
413
|
+
declare function AppShellCopyright({ className, children, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
414
|
+
declare function AppShellHeader({ className, logo, title, actions, user, sidebarToggleLabel, mobileActionsClassName, ...props }: Omit<React$1.ComponentProps<'div'>, 'title'> & {
|
|
415
|
+
/** Mobile-only logo slot (top-left). */
|
|
416
|
+
logo?: React$1.ReactNode;
|
|
417
|
+
/** Page title area (both breakpoints). */
|
|
418
|
+
title?: React$1.ReactNode;
|
|
419
|
+
/** Right-side actions (both breakpoints). */
|
|
420
|
+
actions?: React$1.ReactNode;
|
|
421
|
+
/** Mobile-only user slot (top-right, e.g. avatar). */
|
|
422
|
+
user?: React$1.ReactNode;
|
|
423
|
+
sidebarToggleLabel?: string;
|
|
424
|
+
mobileActionsClassName?: string;
|
|
425
|
+
}): react_jsx_runtime.JSX.Element;
|
|
426
|
+
declare function AppShellNavbar({ className, children, ...props }: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
|
|
427
|
+
declare function AppShellNavbarItem({ className, icon, active, href, children, ...props }: Omit<React$1.ComponentProps<'a'>, 'children'> & {
|
|
428
|
+
icon?: IconType | React$1.ReactNode;
|
|
429
|
+
active?: boolean;
|
|
430
|
+
children?: React$1.ReactNode;
|
|
431
|
+
}): react_jsx_runtime.JSX.Element;
|
|
432
|
+
type AppShellRightSidebarContextValue = {
|
|
433
|
+
state: 'expanded' | 'collapsed';
|
|
434
|
+
open: boolean;
|
|
435
|
+
setOpen: (open: boolean) => void;
|
|
436
|
+
toggleSidebar: () => void;
|
|
437
|
+
sidebarWidth: string;
|
|
438
|
+
setSidebarWidth: (width: string) => void;
|
|
439
|
+
};
|
|
440
|
+
declare function useAppShellRightSidebar(): AppShellRightSidebarContextValue;
|
|
441
|
+
/**
|
|
442
|
+
* State container for the right context sidebar. Wrap the `AppShell` with it
|
|
443
|
+
* whenever a page renders `AppShell.RightSidebar`; open state and width
|
|
444
|
+
* persist in cookies and `]` toggles it.
|
|
445
|
+
*/
|
|
446
|
+
declare function AppShellRightSidebarProvider({ children, defaultOpen, }: {
|
|
447
|
+
children: React$1.ReactNode;
|
|
448
|
+
defaultOpen?: boolean;
|
|
449
|
+
}): react_jsx_runtime.JSX.Element;
|
|
450
|
+
declare function AppShellRightSidebarTrigger({ className, label, ...props }: React$1.ComponentProps<typeof Button> & {
|
|
451
|
+
label?: string;
|
|
452
|
+
}): react_jsx_runtime.JSX.Element;
|
|
453
|
+
/**
|
|
454
|
+
* Fixed right context panel with drag-to-resize on its left edge, matching
|
|
455
|
+
* the left sidebar behavior (click toggles, double click resets, drag past
|
|
456
|
+
* the threshold collapses). Requires `AppShell.RightSidebarProvider`.
|
|
457
|
+
*/
|
|
458
|
+
declare function AppShellRightSidebar({ className, children, ...props }: React$1.ComponentProps<'aside'>): react_jsx_runtime.JSX.Element;
|
|
459
|
+
declare function AppShellInset({ className, style, children, loading, spacing, ...props }: React$1.ComponentProps<'div'> & {
|
|
460
|
+
/**
|
|
461
|
+
* Shows a blocking loading overlay while keeping the shell (sidebar,
|
|
462
|
+
* navbar) interactive. Content stays mounted but hidden.
|
|
463
|
+
*/
|
|
464
|
+
loading?: boolean;
|
|
465
|
+
/** Spacing scale unit for `--calculated-spacing` (bottom paddings, widget offsets). */
|
|
466
|
+
spacing?: number;
|
|
467
|
+
}): react_jsx_runtime.JSX.Element;
|
|
468
|
+
declare function AppShellLoading({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
469
|
+
declare const AppShell: typeof AppShellRoot & {
|
|
470
|
+
Sidebar: typeof AppShellSidebar;
|
|
471
|
+
SidebarHeader: typeof AppShellSidebarHeader;
|
|
472
|
+
SidebarSection: typeof AppShellSidebarSection;
|
|
473
|
+
SidebarContent: typeof AppShellSidebarContent;
|
|
474
|
+
SidebarGroup: typeof AppShellSidebarGroup;
|
|
475
|
+
SidebarItem: typeof AppShellSidebarItem;
|
|
476
|
+
SidebarFooter: typeof AppShellSidebarFooter;
|
|
477
|
+
CommandButton: typeof AppShellCommandButton;
|
|
478
|
+
Copyright: typeof AppShellCopyright;
|
|
479
|
+
Header: typeof AppShellHeader;
|
|
480
|
+
Navbar: typeof AppShellNavbar;
|
|
481
|
+
NavbarItem: typeof AppShellNavbarItem;
|
|
482
|
+
Inset: typeof AppShellInset;
|
|
483
|
+
Loading: typeof AppShellLoading;
|
|
484
|
+
RightSidebar: typeof AppShellRightSidebar;
|
|
485
|
+
RightSidebarProvider: typeof AppShellRightSidebarProvider;
|
|
486
|
+
RightSidebarTrigger: typeof AppShellRightSidebarTrigger;
|
|
487
|
+
};
|
|
488
|
+
|
|
489
|
+
type AccordionProps = Omit<Accordion$2.Root.Props, 'value' | 'defaultValue' | 'onValueChange' | 'multiple'> & {
|
|
490
|
+
/** Radix-compatible API: 'single' keeps at most one item open. */
|
|
491
|
+
type?: 'single' | 'multiple';
|
|
492
|
+
/** Kept for Radix API compatibility; Base UI single accordions are always collapsible. */
|
|
493
|
+
collapsible?: boolean;
|
|
494
|
+
value?: string | string[];
|
|
495
|
+
defaultValue?: string | string[];
|
|
496
|
+
/** Receives a `string` when `type="single"` and a `string[]` when `type="multiple"`. */
|
|
497
|
+
onValueChange?: (value: string & string[]) => void;
|
|
498
|
+
};
|
|
499
|
+
declare function Accordion$1({ type, collapsible: _collapsible, value, defaultValue, onValueChange, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
500
|
+
declare function AccordionItem({ className, ...props }: Accordion$2.Item.Props): react_jsx_runtime.JSX.Element;
|
|
501
|
+
declare function AccordionTrigger({ className, children, ...props }: Accordion$2.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
502
|
+
declare function AccordionContent({ className, children, ...props }: Accordion$2.Panel.Props): react_jsx_runtime.JSX.Element;
|
|
503
|
+
|
|
504
|
+
declare function AccordionRoot({ className, ...props }: React$1.ComponentProps<typeof Accordion$1>): react_jsx_runtime.JSX.Element;
|
|
505
|
+
declare namespace AccordionRoot {
|
|
506
|
+
var displayName: string;
|
|
507
|
+
}
|
|
508
|
+
declare function AccordionItemExtended({ className, ...props }: React$1.ComponentProps<typeof AccordionItem>): react_jsx_runtime.JSX.Element;
|
|
509
|
+
declare namespace AccordionItemExtended {
|
|
510
|
+
var displayName: string;
|
|
511
|
+
}
|
|
512
|
+
declare function AccordionTriggerExtended({ className, ...props }: React$1.ComponentProps<typeof AccordionTrigger>): react_jsx_runtime.JSX.Element;
|
|
513
|
+
declare namespace AccordionTriggerExtended {
|
|
514
|
+
var displayName: string;
|
|
515
|
+
}
|
|
516
|
+
declare function AccordionContentExtended({ className, ...props }: React$1.ComponentProps<typeof AccordionContent>): react_jsx_runtime.JSX.Element;
|
|
517
|
+
declare namespace AccordionContentExtended {
|
|
518
|
+
var displayName: string;
|
|
519
|
+
}
|
|
520
|
+
declare const Accordion: typeof AccordionRoot & {
|
|
521
|
+
Item: typeof AccordionItemExtended;
|
|
522
|
+
Trigger: typeof AccordionTriggerExtended;
|
|
523
|
+
Content: typeof AccordionContentExtended;
|
|
524
|
+
};
|
|
525
|
+
|
|
526
|
+
type ComponentVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'warning' | 'success' | 'ghost' | 'link' | 'outline' | 'default';
|
|
527
|
+
|
|
528
|
+
type ActionItem = {
|
|
529
|
+
label: string;
|
|
530
|
+
icon?: IconType;
|
|
531
|
+
href?: string;
|
|
532
|
+
onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
533
|
+
disabled?: boolean;
|
|
534
|
+
className?: string;
|
|
535
|
+
variant?: ComponentVariant;
|
|
536
|
+
};
|
|
537
|
+
type ActionGroupAlign = 'start' | 'center' | 'end';
|
|
538
|
+
declare function ActionGroup({ items, disabled, children, className, align, }: {
|
|
539
|
+
items?: ActionItem[][];
|
|
540
|
+
disabled?: boolean;
|
|
541
|
+
className?: string;
|
|
542
|
+
children?: React__default.ReactNode;
|
|
543
|
+
align?: ActionGroupAlign;
|
|
544
|
+
}): react_jsx_runtime.JSX.Element;
|
|
545
|
+
|
|
546
|
+
declare const alertVariants: (props?: ({
|
|
547
|
+
variant?: "default" | "success" | "warning" | "info" | "destructive" | null | undefined;
|
|
548
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
549
|
+
declare function AlertRoot({ className, variant, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
|
|
550
|
+
declare function AlertTitle({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
551
|
+
declare function AlertDescription({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
552
|
+
declare const Alert: typeof AlertRoot & {
|
|
553
|
+
Title: typeof AlertTitle;
|
|
554
|
+
Description: typeof AlertDescription;
|
|
555
|
+
};
|
|
556
|
+
|
|
557
|
+
declare const badgeVariants: (props?: ({
|
|
558
|
+
variant?: "default" | "success" | "warning" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
559
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
560
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
561
|
+
}
|
|
562
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
563
|
+
|
|
564
|
+
declare const BrandDomainInput: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
565
|
+
|
|
566
|
+
interface BreadcrumbItem {
|
|
567
|
+
label: string;
|
|
568
|
+
href?: string;
|
|
569
|
+
}
|
|
570
|
+
interface BreadcrumbProps {
|
|
571
|
+
items: BreadcrumbItem[];
|
|
572
|
+
className?: string;
|
|
573
|
+
hideBackButton?: boolean;
|
|
574
|
+
disableLinks?: boolean;
|
|
575
|
+
}
|
|
576
|
+
declare function Breadcrumb({ items, className, hideBackButton, disableLinks }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
577
|
+
|
|
578
|
+
interface CardSliderProps extends React__default.ComponentProps<'div'> {
|
|
579
|
+
/** Zero-based index of the visible panel */
|
|
580
|
+
index: number;
|
|
581
|
+
/** Duration in ms (ignored when `prefers-reduced-motion: reduce`) */
|
|
582
|
+
transitionDurationMs?: number;
|
|
583
|
+
}
|
|
584
|
+
/**
|
|
585
|
+
* Horizontal slide between step panels inside a card (viewport + flex track).
|
|
586
|
+
* Each direct child is one full-width step.
|
|
587
|
+
*/
|
|
588
|
+
declare function CardSlider({ index, className, children, transitionDurationMs, ...props }: CardSliderProps): react_jsx_runtime.JSX.Element | null;
|
|
589
|
+
interface CardProps extends React__default.ComponentProps<'div'> {
|
|
590
|
+
className?: string;
|
|
591
|
+
}
|
|
592
|
+
declare function CardRoot({ className, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
593
|
+
interface CardHeaderProps extends React__default.ComponentProps<'div'> {
|
|
594
|
+
className?: string;
|
|
595
|
+
}
|
|
596
|
+
declare function CardHeader({ className, children, ...props }: CardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
597
|
+
interface CardContentProps extends React__default.ComponentProps<'div'> {
|
|
598
|
+
className?: string;
|
|
599
|
+
}
|
|
600
|
+
declare function CardContent({ className, children, ...props }: CardContentProps): react_jsx_runtime.JSX.Element;
|
|
601
|
+
interface CardFooterProps extends React__default.ComponentProps<'div'> {
|
|
602
|
+
className?: string;
|
|
603
|
+
}
|
|
604
|
+
declare function CardFooter({ className, children, ...props }: CardFooterProps): react_jsx_runtime.JSX.Element;
|
|
605
|
+
declare const Card: typeof CardRoot & {
|
|
606
|
+
Header: typeof CardHeader;
|
|
607
|
+
Content: typeof CardContent;
|
|
608
|
+
Footer: typeof CardFooter;
|
|
609
|
+
Slider: typeof CardSlider;
|
|
610
|
+
};
|
|
611
|
+
|
|
612
|
+
type ChatMessage = {
|
|
613
|
+
role: 'user' | 'assistant';
|
|
614
|
+
content: string;
|
|
615
|
+
};
|
|
616
|
+
|
|
617
|
+
declare const ChatPreview: ({ messages, className, }: {
|
|
618
|
+
messages: ChatMessage[];
|
|
619
|
+
className?: string;
|
|
620
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
621
|
+
|
|
622
|
+
type CheckboxProps = Checkbox$1.Root.Props & {
|
|
623
|
+
indeterminate?: boolean;
|
|
624
|
+
};
|
|
625
|
+
declare function Checkbox({ className, indeterminate, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
626
|
+
|
|
627
|
+
declare const DATA_CUSTOM_TABLE_VARIANTS: readonly ["default", "inset"];
|
|
628
|
+
declare const DEFAULT_DATA_CUSTOM_TABLE_VARIANT = "default";
|
|
629
|
+
type DataCustomTableVariant = (typeof DATA_CUSTOM_TABLE_VARIANTS)[number];
|
|
630
|
+
interface CursorPaginationMeta$2 {
|
|
631
|
+
hasNext?: boolean;
|
|
632
|
+
hasPrevious?: boolean;
|
|
633
|
+
limit?: number;
|
|
634
|
+
nextCursor?: string;
|
|
635
|
+
previousCursor?: string;
|
|
636
|
+
}
|
|
637
|
+
type DataCustomTableProps<T> = {
|
|
638
|
+
isLoading: boolean;
|
|
639
|
+
data: T[];
|
|
640
|
+
columns: ColumnDef<T>[];
|
|
641
|
+
totalItems?: number;
|
|
642
|
+
variant?: DataCustomTableVariant;
|
|
643
|
+
pageSizeOptions?: number[];
|
|
644
|
+
cursorMeta?: CursorPaginationMeta$2;
|
|
645
|
+
onPaginationChange?: (page: number, limit: number, cursor?: string | null, direction?: 'next' | 'previous') => void;
|
|
646
|
+
onRowSelectionChange?: (selectedRows: T[]) => void;
|
|
647
|
+
rowSelection?: Record<string, boolean>;
|
|
648
|
+
onRowSelectionStateChange?: (rowSelection: Record<string, boolean>) => void;
|
|
649
|
+
emptyMessage?: string;
|
|
650
|
+
showIndexCol?: boolean;
|
|
651
|
+
showCheckboxCol?: boolean;
|
|
652
|
+
showPagination?: boolean;
|
|
653
|
+
};
|
|
654
|
+
declare function DataCustomTable<T>({ isLoading, data, columns, totalItems, variant, pageSizeOptions, cursorMeta, onPaginationChange, onRowSelectionChange, rowSelection, onRowSelectionStateChange, emptyMessage, showIndexCol, showCheckboxCol, showPagination, }: DataCustomTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
655
|
+
declare namespace DataCustomTable {
|
|
656
|
+
var displayName: string;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
interface SafariProps extends HTMLAttributes<HTMLDivElement> {
|
|
660
|
+
url: string;
|
|
661
|
+
children?: React.ReactNode;
|
|
662
|
+
}
|
|
663
|
+
declare function Safari({ url, children }: SafariProps): react_jsx_runtime.JSX.Element;
|
|
664
|
+
|
|
665
|
+
declare const Devices: {
|
|
666
|
+
Safari: typeof Safari;
|
|
667
|
+
};
|
|
668
|
+
|
|
669
|
+
declare const useDialog: zustand.UseBoundStore<zustand.StoreApi<DialogStore>>;
|
|
670
|
+
interface DialogStore {
|
|
671
|
+
isOpen: boolean;
|
|
672
|
+
open: () => void;
|
|
673
|
+
close: () => void;
|
|
674
|
+
toggle: () => void;
|
|
675
|
+
}
|
|
676
|
+
interface DialogStackContextType {
|
|
677
|
+
activeIndex: number;
|
|
678
|
+
register: (id: string, order?: number) => number;
|
|
679
|
+
unregister: (id: string) => void;
|
|
680
|
+
goTo: (index: number) => void;
|
|
681
|
+
next: () => void;
|
|
682
|
+
back: () => void;
|
|
683
|
+
total: number;
|
|
684
|
+
}
|
|
685
|
+
declare const useDialogStack: () => DialogStackContextType;
|
|
686
|
+
declare function DialogStack({ children, defaultIndex, onIndexChange, }: {
|
|
687
|
+
children: React__default.ReactNode;
|
|
688
|
+
defaultIndex?: number;
|
|
689
|
+
onIndexChange?: (index: number) => void;
|
|
690
|
+
}): react_jsx_runtime.JSX.Element;
|
|
691
|
+
declare function Dialog$1({ title, description, actions: actionsProp, isOpen, onOpenChange, style, className, overlay, children, order, removeOverlay, notRelative, showDescription, classNames, hideMobileFooterClose, }: {
|
|
692
|
+
title?: string | React__default.ReactNode;
|
|
693
|
+
description?: string;
|
|
694
|
+
actions?: {
|
|
695
|
+
className?: string;
|
|
696
|
+
variant?: ButtonVariants;
|
|
697
|
+
label: string;
|
|
698
|
+
onClick: () => void;
|
|
699
|
+
disabled?: boolean;
|
|
700
|
+
isLoading?: boolean;
|
|
701
|
+
}[] | null | undefined;
|
|
702
|
+
className?: string;
|
|
703
|
+
children: React__default.ReactNode;
|
|
704
|
+
isOpen?: boolean;
|
|
705
|
+
onOpenChange?: (open: boolean) => void;
|
|
706
|
+
style?: React__default.CSSProperties;
|
|
707
|
+
overlay?: boolean;
|
|
708
|
+
order?: number;
|
|
709
|
+
offset?: number;
|
|
710
|
+
removeOverlay?: boolean;
|
|
711
|
+
notRelative?: boolean;
|
|
712
|
+
showDescription?: boolean;
|
|
713
|
+
/** Mobile: do not prepend the default “Close” button next to `actions` (header X still closes). */
|
|
714
|
+
hideMobileFooterClose?: boolean;
|
|
715
|
+
classNames?: {
|
|
716
|
+
container?: string;
|
|
717
|
+
content?: string;
|
|
718
|
+
header?: string;
|
|
719
|
+
description?: string;
|
|
720
|
+
footer?: string;
|
|
721
|
+
};
|
|
722
|
+
}): react_jsx_runtime.JSX.Element;
|
|
723
|
+
|
|
724
|
+
declare const KeyboardShortcut: {
|
|
725
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
726
|
+
displayName: string;
|
|
727
|
+
};
|
|
728
|
+
|
|
729
|
+
type DropdownMenuProps = Omit<Menu.Root.Props, 'onOpenChange'> & {
|
|
730
|
+
onOpenChange?: (open: boolean) => void;
|
|
731
|
+
};
|
|
732
|
+
declare function DropdownMenuRoot({ open, onOpenChange, defaultOpen, children, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
733
|
+
declare function DropdownMenuPortal({ children, ...props }: Menu.Portal.Props): react_jsx_runtime.JSX.Element;
|
|
734
|
+
declare function DropdownMenuTrigger({ className, asChild, children, ...props }: Menu.Trigger.Props & {
|
|
735
|
+
asChild?: boolean;
|
|
736
|
+
}): react_jsx_runtime.JSX.Element;
|
|
737
|
+
declare function DropdownMenuContent({ className, sideOffset, align, side, children, ...props }: Menu.Positioner.Props & {
|
|
738
|
+
sideOffset?: number;
|
|
739
|
+
}): react_jsx_runtime.JSX.Element;
|
|
740
|
+
declare function DropdownMenuGroup({ children, ...props }: Menu.Group.Props): react_jsx_runtime.JSX.Element;
|
|
741
|
+
declare function DropdownMenuItem({ className, inset, variant, resetClassName, asChild, children, ...props }: Menu.Item.Props & {
|
|
742
|
+
inset?: boolean;
|
|
743
|
+
variant?: 'default' | 'destructive';
|
|
744
|
+
resetClassName?: boolean;
|
|
745
|
+
asChild?: boolean;
|
|
746
|
+
}): react_jsx_runtime.JSX.Element;
|
|
747
|
+
declare function DropdownMenuCheckboxItem({ className, children, checked, onCheckedChange, ...props }: Menu.CheckboxItem.Props): react_jsx_runtime.JSX.Element;
|
|
748
|
+
declare function DropdownMenuRadioGroup({ children, ...props }: Menu.RadioGroup.Props): react_jsx_runtime.JSX.Element;
|
|
749
|
+
declare function DropdownMenuRadioItem({ className, children, ...props }: Menu.RadioItem.Props): react_jsx_runtime.JSX.Element;
|
|
750
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
|
|
751
|
+
inset?: boolean;
|
|
752
|
+
}): react_jsx_runtime.JSX.Element;
|
|
753
|
+
declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): react_jsx_runtime.JSX.Element;
|
|
754
|
+
declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<typeof KeyboardShortcut>): react_jsx_runtime.JSX.Element;
|
|
755
|
+
declare function DropdownMenuSub({ children, ...props }: Menu.SubmenuRoot.Props): react_jsx_runtime.JSX.Element;
|
|
756
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
|
|
757
|
+
inset?: boolean;
|
|
758
|
+
}): react_jsx_runtime.JSX.Element;
|
|
759
|
+
declare function DropdownMenuSubContent({ className, sideOffset, alignOffset, children, }: {
|
|
760
|
+
className?: string;
|
|
761
|
+
sideOffset?: number;
|
|
762
|
+
alignOffset?: number;
|
|
763
|
+
children?: React$1.ReactNode;
|
|
764
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
765
|
+
declare function DropdownMenuArrow({ className, ...props }: Menu.Arrow.Props): react_jsx_runtime.JSX.Element;
|
|
766
|
+
declare const DropdownMenu: typeof DropdownMenuRoot & {
|
|
767
|
+
Arrow: typeof DropdownMenuArrow;
|
|
768
|
+
CheckboxItem: typeof DropdownMenuCheckboxItem;
|
|
769
|
+
Content: typeof DropdownMenuContent;
|
|
770
|
+
Group: typeof DropdownMenuGroup;
|
|
771
|
+
Item: typeof DropdownMenuItem;
|
|
772
|
+
Label: typeof DropdownMenuLabel;
|
|
773
|
+
Portal: typeof DropdownMenuPortal;
|
|
774
|
+
RadioGroup: typeof DropdownMenuRadioGroup;
|
|
775
|
+
RadioItem: typeof DropdownMenuRadioItem;
|
|
776
|
+
Separator: typeof DropdownMenuSeparator;
|
|
777
|
+
Shortcut: typeof DropdownMenuShortcut;
|
|
778
|
+
Sub: typeof DropdownMenuSub;
|
|
779
|
+
SubContent: typeof DropdownMenuSubContent;
|
|
780
|
+
SubTrigger: typeof DropdownMenuSubTrigger;
|
|
781
|
+
Trigger: typeof DropdownMenuTrigger;
|
|
782
|
+
};
|
|
783
|
+
|
|
784
|
+
declare function EmojiPickerRoot({ className, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.Root>): react_jsx_runtime.JSX.Element;
|
|
785
|
+
/**
|
|
786
|
+
* Opt-in category strip. Add it inside `EmojiPicker` (e.g. below `Search`) to
|
|
787
|
+
* jump between category sections; it also highlights the section in view.
|
|
788
|
+
*/
|
|
789
|
+
declare function EmojiPickerCategorySelector({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
790
|
+
declare function EmojiPickerSearch({ className, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.Search>): react_jsx_runtime.JSX.Element;
|
|
791
|
+
declare function EmojiPickerViewport({ className, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.Viewport>): react_jsx_runtime.JSX.Element;
|
|
792
|
+
declare function EmojiPickerLoading({ className, children, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.Loading>): react_jsx_runtime.JSX.Element;
|
|
793
|
+
declare function EmojiPickerEmpty({ className, children, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.Empty>): react_jsx_runtime.JSX.Element;
|
|
794
|
+
declare function EmojiPickerList({ className, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.List>): react_jsx_runtime.JSX.Element;
|
|
795
|
+
declare function EmojiPickerSkinToneSelector({ className, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.SkinToneSelector>): react_jsx_runtime.JSX.Element;
|
|
796
|
+
declare function EmojiPickerFooter({ className, children, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
797
|
+
declare function EmojiPickerActiveEmoji({ className, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.ActiveEmoji> & {
|
|
798
|
+
className?: string;
|
|
799
|
+
}): react_jsx_runtime.JSX.Element;
|
|
800
|
+
declare const EmojiPicker: typeof EmojiPickerRoot & {
|
|
801
|
+
Search: typeof EmojiPickerSearch;
|
|
802
|
+
CategorySelector: typeof EmojiPickerCategorySelector;
|
|
803
|
+
Viewport: typeof EmojiPickerViewport;
|
|
804
|
+
Loading: typeof EmojiPickerLoading;
|
|
805
|
+
Empty: typeof EmojiPickerEmpty;
|
|
806
|
+
List: typeof EmojiPickerList;
|
|
807
|
+
SkinToneSelector: typeof EmojiPickerSkinToneSelector;
|
|
808
|
+
Footer: typeof EmojiPickerFooter;
|
|
809
|
+
ActiveEmoji: typeof EmojiPickerActiveEmoji;
|
|
810
|
+
};
|
|
811
|
+
|
|
812
|
+
declare function EmptyState({ icon, title, description, children, variant, className, }: {
|
|
813
|
+
icon?: IconType;
|
|
814
|
+
title?: string;
|
|
815
|
+
description?: string;
|
|
816
|
+
children?: React.ReactNode;
|
|
817
|
+
variant?: 'default' | 'embedded' | 'flat';
|
|
818
|
+
className?: string;
|
|
819
|
+
}): react_jsx_runtime.JSX.Element;
|
|
820
|
+
|
|
821
|
+
declare function HoverCardRoot({ ...props }: PreviewCard.Root.Props): react_jsx_runtime.JSX.Element;
|
|
822
|
+
declare function HoverCardTrigger({ ...props }: PreviewCard.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
823
|
+
type HoverCardContentProps = PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;
|
|
824
|
+
declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: HoverCardContentProps): react_jsx_runtime.JSX.Element;
|
|
825
|
+
declare const HoverCard: typeof HoverCardRoot & {
|
|
826
|
+
Trigger: typeof HoverCardTrigger;
|
|
827
|
+
Content: typeof HoverCardContent;
|
|
828
|
+
};
|
|
829
|
+
|
|
830
|
+
type InputGroupProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
831
|
+
declare function InputGroupRoot({ className, ...props }: InputGroupProps): react_jsx_runtime.JSX.Element;
|
|
832
|
+
type InputGroupInputProps = React$1.ComponentProps<'input'>;
|
|
833
|
+
declare function InputGroupInput({ className, ...props }: InputGroupInputProps): react_jsx_runtime.JSX.Element;
|
|
834
|
+
declare namespace InputGroupInput {
|
|
835
|
+
var displayName: string;
|
|
836
|
+
}
|
|
837
|
+
type InputGroupAddonProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
838
|
+
align?: 'inline-start' | 'inline-end';
|
|
839
|
+
};
|
|
840
|
+
declare function InputGroupAddon({ align, className, ...props }: InputGroupAddonProps): react_jsx_runtime.JSX.Element;
|
|
841
|
+
declare namespace InputGroupAddon {
|
|
842
|
+
var displayName: string;
|
|
843
|
+
}
|
|
844
|
+
type InputGroupTextProps = React$1.HTMLAttributes<HTMLSpanElement>;
|
|
845
|
+
declare function InputGroupText({ className, ...props }: InputGroupTextProps): react_jsx_runtime.JSX.Element;
|
|
846
|
+
declare namespace InputGroupText {
|
|
847
|
+
var displayName: string;
|
|
848
|
+
}
|
|
849
|
+
declare const InputGroup: typeof InputGroupRoot & {
|
|
850
|
+
Input: typeof InputGroupInput;
|
|
851
|
+
Addon: typeof InputGroupAddon;
|
|
852
|
+
Text: typeof InputGroupText;
|
|
853
|
+
};
|
|
854
|
+
|
|
855
|
+
type Currency = {
|
|
856
|
+
code: string;
|
|
857
|
+
symbol: string;
|
|
858
|
+
};
|
|
859
|
+
|
|
860
|
+
interface CurrencyInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
861
|
+
value?: number;
|
|
862
|
+
locale?: string;
|
|
863
|
+
allowZero?: boolean;
|
|
864
|
+
defaultCurrency?: string;
|
|
865
|
+
disableCurrencySelect?: boolean;
|
|
866
|
+
centsMode?: boolean;
|
|
867
|
+
onChange?: (value: number) => void;
|
|
868
|
+
onCurrencyChange?: (currency: Currency) => void;
|
|
869
|
+
align?: 'start' | 'center' | 'end';
|
|
870
|
+
}
|
|
871
|
+
declare const CurrencyInput: React$1.ForwardRefExoticComponent<CurrencyInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
872
|
+
|
|
873
|
+
interface Country {
|
|
874
|
+
code: string;
|
|
875
|
+
name: string;
|
|
876
|
+
flag: string;
|
|
877
|
+
dialCode: string;
|
|
878
|
+
}
|
|
879
|
+
|
|
880
|
+
interface PhoneInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
881
|
+
value?: string;
|
|
882
|
+
onChange?: (value: string) => void;
|
|
883
|
+
onCountryChange?: (country: Country) => void;
|
|
884
|
+
disableCountrySelect?: boolean;
|
|
885
|
+
locale?: string;
|
|
886
|
+
align?: 'start' | 'center' | 'end';
|
|
887
|
+
}
|
|
888
|
+
declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
889
|
+
|
|
890
|
+
type InputTimeType = 'date' | 'time' | 'datetime-local';
|
|
891
|
+
interface InputTimeProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
892
|
+
type?: InputTimeType;
|
|
893
|
+
defaultType?: InputTimeType;
|
|
894
|
+
onTypeChange?: (type: InputTimeType) => void;
|
|
895
|
+
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
|
|
896
|
+
align?: 'start' | 'center' | 'end';
|
|
897
|
+
}
|
|
898
|
+
declare function InputTime({ type: typeProp, defaultType, onTypeChange, className, placeholder, align, ...props }: InputTimeProps): react_jsx_runtime.JSX.Element;
|
|
899
|
+
declare namespace InputTime {
|
|
900
|
+
var displayName: string;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
interface InputTimePickerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
904
|
+
/** The currently selected date. When `undefined`, both selects start empty. */
|
|
905
|
+
date: Date | undefined;
|
|
906
|
+
/**
|
|
907
|
+
* Callback invoked with a new `Date` whenever the hour or minute changes.
|
|
908
|
+
* Only the respective unit is mutated; seconds and milliseconds are preserved.
|
|
909
|
+
*/
|
|
910
|
+
setDate: (date: Date | undefined) => void;
|
|
911
|
+
/** When `true`, both hour and minute Selects are disabled. */
|
|
912
|
+
disabled?: boolean;
|
|
913
|
+
/** Placeholder shown in the hour Select when no value is picked. Defaults to `"HH"`. */
|
|
914
|
+
hourPlaceholder?: string;
|
|
915
|
+
/** Placeholder shown in the minute Select when no value is picked. Defaults to `"MM"`. */
|
|
916
|
+
minutePlaceholder?: string;
|
|
917
|
+
/** `aria-label` for the hour Select trigger. Defaults to `"Hours"`. */
|
|
918
|
+
hourAriaLabel?: string;
|
|
919
|
+
/** `aria-label` for the minute Select trigger. Defaults to `"Minutes"`. */
|
|
920
|
+
minuteAriaLabel?: string;
|
|
921
|
+
}
|
|
922
|
+
/**
|
|
923
|
+
* Controlled hour:minute picker composed of two {@link Select} dropdowns.
|
|
924
|
+
*
|
|
925
|
+
* Displays a single-row selector with hours (00–23) on the left,
|
|
926
|
+
* a colon separator, and minutes (00–59) on the right.
|
|
927
|
+
*
|
|
928
|
+
* When {@link InputTimePickerProps.date} is `undefined`, both selects start empty with
|
|
929
|
+
* English placeholders (`HH` / `MM`). Picking a value creates or mutates a `Date`
|
|
930
|
+
* and passes it to {@link InputTimePickerProps.setDate}.
|
|
931
|
+
*
|
|
932
|
+
* @example
|
|
933
|
+
* const [date, setDate] = useState<Date>();
|
|
934
|
+
* <InputTimePicker date={date} setDate={setDate} />
|
|
935
|
+
*
|
|
936
|
+
* @example
|
|
937
|
+
* <InputTimePicker
|
|
938
|
+
* date={date}
|
|
939
|
+
* setDate={setDate}
|
|
940
|
+
* hourPlaceholder="Hora"
|
|
941
|
+
* minutePlaceholder="Minuto"
|
|
942
|
+
* hourAriaLabel="Horas"
|
|
943
|
+
* minuteAriaLabel="Minutos"
|
|
944
|
+
* />
|
|
945
|
+
*/
|
|
946
|
+
declare const InputTimePicker: React$1.ForwardRefExoticComponent<InputTimePickerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
947
|
+
|
|
948
|
+
type TimeUnit = 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'years';
|
|
949
|
+
interface TimeUnitLabel {
|
|
950
|
+
/** Abbreviated label shown in the Select trigger. */
|
|
951
|
+
short: string;
|
|
952
|
+
/** Full label shown in the Select dropdown. */
|
|
953
|
+
label: string;
|
|
954
|
+
}
|
|
955
|
+
interface TimeUnitOption {
|
|
956
|
+
/** Unit identifier used in the Select value. */
|
|
957
|
+
value: TimeUnit;
|
|
958
|
+
/** Number of minutes in one unit of this type. */
|
|
959
|
+
toMinutes: number;
|
|
960
|
+
}
|
|
961
|
+
/**
|
|
962
|
+
* All supported time units with their minute-conversion factors.
|
|
963
|
+
*
|
|
964
|
+
* Months are approximated as 30 days and years as 365 days.
|
|
965
|
+
*/
|
|
966
|
+
declare const TIME_UNITS: TimeUnitOption[];
|
|
967
|
+
interface InputTimeUnitProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
968
|
+
/** Current value in **minutes**. Drives the input display via unit conversion. */
|
|
969
|
+
value?: number;
|
|
970
|
+
/** Unit selected by default when the user has not manually picked one. */
|
|
971
|
+
defaultUnit?: TimeUnit;
|
|
972
|
+
/** When `true`, the unit Select is disabled — only the numeric input is editable. */
|
|
973
|
+
disableUnitSelect?: boolean;
|
|
974
|
+
/** Restrict which units appear in the dropdown. An empty or omitted array shows all units. */
|
|
975
|
+
allowedUnits?: TimeUnit[];
|
|
976
|
+
/**
|
|
977
|
+
* Called with the total value in **minutes**.
|
|
978
|
+
* Receives `undefined` when the input is empty or invalid.
|
|
979
|
+
*/
|
|
980
|
+
onChange?: (valueInMinutes: number | undefined) => void;
|
|
981
|
+
/** Called whenever the user picks a different unit. */
|
|
982
|
+
onUnitChange?: (unit: TimeUnit) => void;
|
|
983
|
+
/** Alignment of the unit dropdown relative to the trigger. */
|
|
984
|
+
align?: 'start' | 'center' | 'end';
|
|
985
|
+
/** Extra classes for the outermost wrapper div. */
|
|
986
|
+
containerClassName?: string;
|
|
987
|
+
/**
|
|
988
|
+
* Override labels for specific time units. Merged with English defaults.
|
|
989
|
+
* Only the units you provide will be overridden; the rest keep their defaults.
|
|
990
|
+
*
|
|
991
|
+
* @example
|
|
992
|
+
* labels={{ hours: { short: 'hrs', label: 'Horas' } }}
|
|
993
|
+
*/
|
|
994
|
+
labels?: Partial<Record<TimeUnit, Partial<TimeUnitLabel>>>;
|
|
995
|
+
}
|
|
996
|
+
/**
|
|
997
|
+
* Numeric input paired with a time-unit Select.
|
|
998
|
+
*
|
|
999
|
+
* Accepts and emits values in **minutes**, converting the displayed number
|
|
1000
|
+
* based on the selected unit (seconds, minutes, hours, days, weeks, months, years).
|
|
1001
|
+
*
|
|
1002
|
+
* On the left, an {@link Input} for the numeric quantity (digits and decimal dots only).
|
|
1003
|
+
* On the right, a {@link Select} for the time unit, showing a short abbreviation
|
|
1004
|
+
* with English defaults (`s`, `m`, `h`, `d`, `w`, `mo`, `y`).
|
|
1005
|
+
*
|
|
1006
|
+
* When the user picks a different unit, the displayed value is re-computed
|
|
1007
|
+
* so the underlying minute value stays constant — only the representation changes.
|
|
1008
|
+
*
|
|
1009
|
+
* @example
|
|
1010
|
+
* // Basic usage: pick a duration
|
|
1011
|
+
* <InputTimeUnit
|
|
1012
|
+
* value={5}
|
|
1013
|
+
* onChange={(minutes) => console.log(minutes)}
|
|
1014
|
+
* />
|
|
1015
|
+
*
|
|
1016
|
+
* @example
|
|
1017
|
+
* // Restrict to hours and days only, with custom labels
|
|
1018
|
+
* <InputTimeUnit
|
|
1019
|
+
* allowedUnits={['hours', 'days']}
|
|
1020
|
+
* defaultUnit="hours"
|
|
1021
|
+
* labels={{ hours: { short: 'hrs' }, days: { short: 'dias' } }}
|
|
1022
|
+
* />
|
|
1023
|
+
*/
|
|
1024
|
+
declare const InputTimeUnit: React$1.ForwardRefExoticComponent<InputTimeUnitProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1025
|
+
|
|
1026
|
+
type KbdKey = 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'Enter' | 'Escape' | 'Tab' | 'Backspace' | 'Delete' | 'Space' | 'Mod' | 'Command' | 'Meta' | 'Super' | 'Control' | 'Ctrl' | 'Shift' | 'Alt' | 'Option' | 'F1' | 'F2' | 'F3' | 'F4' | 'F5' | 'F6' | 'F7' | 'F8' | 'F9' | 'F10' | 'F11' | 'F12' | (string & NonNullable<unknown>);
|
|
1027
|
+
type KbdProps = {
|
|
1028
|
+
keys: KbdKey | KbdKey[] | KbdKey[][];
|
|
1029
|
+
className?: string;
|
|
1030
|
+
separator?: ReactNode;
|
|
1031
|
+
thenSeparator?: ReactNode;
|
|
1032
|
+
};
|
|
1033
|
+
declare function Kbd({ keys, className, separator, thenSeparator, }: KbdProps): react_jsx_runtime.JSX.Element | null;
|
|
1034
|
+
|
|
1035
|
+
declare const LanguageSwitch: React__default.FC;
|
|
1036
|
+
|
|
1037
|
+
declare function Loader({ text, variant, className, iconClassName, }: {
|
|
1038
|
+
text?: string;
|
|
1039
|
+
variant?: 'default' | 'screen' | 'center' | 'button' | 'clean';
|
|
1040
|
+
className?: string;
|
|
1041
|
+
iconClassName?: string;
|
|
1042
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1043
|
+
|
|
1044
|
+
declare const OnneLogo: ({ variant, className, }: {
|
|
1045
|
+
variant?: "default" | "icon" | "text";
|
|
1046
|
+
className?: string;
|
|
1047
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1048
|
+
|
|
1049
|
+
declare const OnnebookLogo: ({ variant, classNames, className, style, }: {
|
|
1050
|
+
variant?: "default" | "icon" | "text";
|
|
1051
|
+
name?: string;
|
|
1052
|
+
className?: string;
|
|
1053
|
+
classNames?: {
|
|
1054
|
+
icon?: {
|
|
1055
|
+
container?: string;
|
|
1056
|
+
path?: string;
|
|
1057
|
+
};
|
|
1058
|
+
text?: string;
|
|
1059
|
+
};
|
|
1060
|
+
style?: React.CSSProperties;
|
|
1061
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1062
|
+
|
|
1063
|
+
type MarqueeProps = HTMLAttributes<HTMLDivElement>;
|
|
1064
|
+
declare const Marquee: ({ className, ...props }: MarqueeProps) => react_jsx_runtime.JSX.Element;
|
|
1065
|
+
type MarqueeContentProps = MarqueeProps$1;
|
|
1066
|
+
declare const MarqueeContent: ({ loop, autoFill, pauseOnHover, ...props }: MarqueeContentProps) => react_jsx_runtime.JSX.Element;
|
|
1067
|
+
type MarqueeFadeProps = HTMLAttributes<HTMLDivElement> & {
|
|
1068
|
+
side: 'left' | 'right';
|
|
1069
|
+
};
|
|
1070
|
+
declare const MarqueeFade: ({ className, side, ...props }: MarqueeFadeProps) => react_jsx_runtime.JSX.Element;
|
|
1071
|
+
type MarqueeItemProps = HTMLAttributes<HTMLDivElement | HTMLAnchorElement> & {
|
|
1072
|
+
href?: string;
|
|
1073
|
+
};
|
|
1074
|
+
declare const MarqueeItem: ({ href, className, ...props }: MarqueeItemProps) => react_jsx_runtime.JSX.Element;
|
|
1075
|
+
|
|
1076
|
+
declare function NetworkStatus(): react_jsx_runtime.JSX.Element;
|
|
1077
|
+
|
|
1078
|
+
declare function PopoverRoot({ children, ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
1079
|
+
declare function PopoverTrigger({ asChild, children, ...props }: Popover$1.Trigger.Props & {
|
|
1080
|
+
asChild?: boolean;
|
|
1081
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1082
|
+
declare function PopoverContent({ className, align, side, sideOffset, alignOffset, showArrow, children, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, 'align' | 'side' | 'sideOffset' | 'alignOffset'> & {
|
|
1083
|
+
showArrow?: boolean;
|
|
1084
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1085
|
+
declare function PopoverAnchor({ children, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
1086
|
+
declare const Popover: typeof PopoverRoot & {
|
|
1087
|
+
Trigger: typeof PopoverTrigger;
|
|
1088
|
+
Content: typeof PopoverContent;
|
|
1089
|
+
Anchor: typeof PopoverAnchor;
|
|
1090
|
+
};
|
|
1091
|
+
|
|
1092
|
+
declare function ProgressRoot({ className, children, value, ...props }: Progress$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
1093
|
+
declare function ProgressTrack({ className, ...props }: Progress$1.Track.Props): react_jsx_runtime.JSX.Element;
|
|
1094
|
+
declare function ProgressIndicator({ className, ...props }: Progress$1.Indicator.Props): react_jsx_runtime.JSX.Element;
|
|
1095
|
+
declare function ProgressLabel({ className, ...props }: Progress$1.Label.Props): react_jsx_runtime.JSX.Element;
|
|
1096
|
+
declare function ProgressValue({ className, ...props }: Progress$1.Value.Props): react_jsx_runtime.JSX.Element;
|
|
1097
|
+
declare const Progress: typeof ProgressRoot & {
|
|
1098
|
+
Track: typeof ProgressTrack;
|
|
1099
|
+
Indicator: typeof ProgressIndicator;
|
|
1100
|
+
Label: typeof ProgressLabel;
|
|
1101
|
+
Value: typeof ProgressValue;
|
|
1102
|
+
};
|
|
1103
|
+
|
|
1104
|
+
declare function RadioGroupRoot({ className, ...props }: RadioGroup$1.Props): react_jsx_runtime.JSX.Element;
|
|
1105
|
+
declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): react_jsx_runtime.JSX.Element;
|
|
1106
|
+
declare const RadioGroup: typeof RadioGroupRoot & {
|
|
1107
|
+
Item: typeof RadioGroupItem;
|
|
1108
|
+
};
|
|
1109
|
+
|
|
1110
|
+
declare function SelectRoot({ value: valueProp, defaultValue, onValueChange: onValueChangeProp, open: openProp, onOpenChange: onOpenChangeProp, defaultOpen, children, ...props }: Omit<Select$1.Root.Props<string>, 'value' | 'defaultValue' | 'onValueChange' | 'onOpenChange'> & {
|
|
1111
|
+
value?: string;
|
|
1112
|
+
defaultValue?: string;
|
|
1113
|
+
onValueChange?: (value: string) => void;
|
|
1114
|
+
onOpenChange?: (open: boolean) => void;
|
|
1115
|
+
children?: React$1.ReactNode;
|
|
1116
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1117
|
+
declare function SelectGroup({ ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
|
|
1118
|
+
declare function SelectValue({ className, placeholder, children, ...props }: Select$1.Value.Props): react_jsx_runtime.JSX.Element;
|
|
1119
|
+
declare function SelectContent({ className, children, position, side, align, sideOffset, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, 'side' | 'align' | 'sideOffset'> & {
|
|
1120
|
+
position?: 'popper' | 'item-aligned';
|
|
1121
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1122
|
+
declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
|
|
1123
|
+
declare function SelectItem({ className, children, value, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element | null;
|
|
1124
|
+
declare function SelectSeparator({ className, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
|
|
1125
|
+
declare function SelectScrollUpButton({ className, ...props }: Select$1.ScrollUpArrow.Props): react_jsx_runtime.JSX.Element;
|
|
1126
|
+
declare function SelectScrollDownButton({ className, ...props }: Select$1.ScrollDownArrow.Props): react_jsx_runtime.JSX.Element;
|
|
1127
|
+
declare const Select: typeof SelectRoot & {
|
|
1128
|
+
Content: typeof SelectContent;
|
|
1129
|
+
Group: typeof SelectGroup;
|
|
1130
|
+
Item: typeof SelectItem;
|
|
1131
|
+
Label: typeof SelectLabel;
|
|
1132
|
+
ScrollDownButton: typeof SelectScrollDownButton;
|
|
1133
|
+
ScrollUpButton: typeof SelectScrollUpButton;
|
|
1134
|
+
Separator: typeof SelectSeparator;
|
|
1135
|
+
Trigger: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.SelectTriggerProps & {
|
|
1136
|
+
removeIcon?: boolean;
|
|
1137
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1138
|
+
Value: typeof SelectValue;
|
|
1139
|
+
};
|
|
1140
|
+
|
|
1141
|
+
interface SelectInfiniteScrollProps<T extends object> {
|
|
1142
|
+
search?: boolean;
|
|
1143
|
+
value: string;
|
|
1144
|
+
onValueChange: (value: string) => void;
|
|
1145
|
+
/** Fires when the resolved selected item changes (including when cleared). */
|
|
1146
|
+
onSelectedItemChange?: (item: T | null) => void;
|
|
1147
|
+
disabled?: boolean;
|
|
1148
|
+
id?: string;
|
|
1149
|
+
className?: string;
|
|
1150
|
+
enabled?: boolean;
|
|
1151
|
+
queryKey: (string | undefined)[];
|
|
1152
|
+
queryFn: (params: {
|
|
1153
|
+
pageParam?: unknown;
|
|
1154
|
+
search: string;
|
|
1155
|
+
}) => Promise<T[]>;
|
|
1156
|
+
options?: Record<string, unknown>;
|
|
1157
|
+
getItemValue: (item: T) => string;
|
|
1158
|
+
renderItem: (item: T, isSelected: boolean) => React__default.ReactNode;
|
|
1159
|
+
renderSelectedValue?: (item: T) => React__default.ReactNode;
|
|
1160
|
+
placeholder?: string;
|
|
1161
|
+
searchPlaceholder?: string;
|
|
1162
|
+
emptyText?: string;
|
|
1163
|
+
contentTitle?: string;
|
|
1164
|
+
}
|
|
1165
|
+
declare function SelectInfiniteScroll<T extends object>({ value, onValueChange, onSelectedItemChange, disabled, search: searchProp, id, className, queryKey, queryFn, enabled, options, getItemValue, renderItem, renderSelectedValue, placeholder, searchPlaceholder, emptyText, contentTitle, }: SelectInfiniteScrollProps<T>): react_jsx_runtime.JSX.Element;
|
|
1166
|
+
|
|
1167
|
+
interface SelectMultiProps<T extends object> {
|
|
1168
|
+
values: string[];
|
|
1169
|
+
onValuesChange: (values: string[]) => void;
|
|
1170
|
+
options?: T[];
|
|
1171
|
+
isLoading?: boolean;
|
|
1172
|
+
disabled?: boolean;
|
|
1173
|
+
id?: string;
|
|
1174
|
+
className?: string;
|
|
1175
|
+
getItemValue: (item: T) => string;
|
|
1176
|
+
renderItem: (item: T, isSelected: boolean) => React__default.ReactNode;
|
|
1177
|
+
getBadgeLabel?: (item: T) => string;
|
|
1178
|
+
filterFn?: (item: T, search: string) => boolean;
|
|
1179
|
+
placeholder?: string;
|
|
1180
|
+
searchPlaceholder?: string;
|
|
1181
|
+
emptyText?: string;
|
|
1182
|
+
contentTitle?: string;
|
|
1183
|
+
}
|
|
1184
|
+
declare function SelectMulti<T extends object>({ values, onValuesChange, options, isLoading, disabled, id, className, getItemValue, renderItem, getBadgeLabel, filterFn, placeholder, searchPlaceholder, emptyText, contentTitle, }: SelectMultiProps<T>): react_jsx_runtime.JSX.Element;
|
|
1185
|
+
|
|
1186
|
+
declare function SheetRoot({ ...props }: Dialog$2.Root.Props): react_jsx_runtime.JSX.Element;
|
|
1187
|
+
declare function SheetTrigger({ asChild, children, ...props }: Dialog$2.Trigger.Props & {
|
|
1188
|
+
asChild?: boolean;
|
|
1189
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1190
|
+
declare function SheetClose({ asChild, children, ...props }: Dialog$2.Close.Props & {
|
|
1191
|
+
asChild?: boolean;
|
|
1192
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1193
|
+
declare function SheetContent({ className, children, side, ...props }: Dialog$2.Popup.Props & {
|
|
1194
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
1195
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1196
|
+
declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
1197
|
+
declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
1198
|
+
declare function SheetTitle({ className, ...props }: Dialog$2.Title.Props): react_jsx_runtime.JSX.Element;
|
|
1199
|
+
declare function SheetDescription({ className, ...props }: Dialog$2.Description.Props): react_jsx_runtime.JSX.Element;
|
|
1200
|
+
declare const Sheet: typeof SheetRoot & {
|
|
1201
|
+
Close: typeof SheetClose;
|
|
1202
|
+
Content: typeof SheetContent;
|
|
1203
|
+
Description: typeof SheetDescription;
|
|
1204
|
+
Footer: typeof SheetFooter;
|
|
1205
|
+
Header: typeof SheetHeader;
|
|
1206
|
+
Title: typeof SheetTitle;
|
|
1207
|
+
Trigger: typeof SheetTrigger;
|
|
1208
|
+
};
|
|
1209
|
+
|
|
1210
|
+
type TextShimmerProps = {
|
|
1211
|
+
children: string;
|
|
1212
|
+
as?: React__default.ElementType;
|
|
1213
|
+
className?: string;
|
|
1214
|
+
duration?: number;
|
|
1215
|
+
spread?: number;
|
|
1216
|
+
};
|
|
1217
|
+
declare function TextShimmerComponent({ children, as: Component, className, duration, spread, }: TextShimmerProps): react_jsx_runtime.JSX.Element;
|
|
1218
|
+
declare const TextShimmer: React__default.MemoExoticComponent<typeof TextShimmerComponent>;
|
|
1219
|
+
|
|
1220
|
+
declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
1221
|
+
|
|
1222
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & {
|
|
1223
|
+
containerClassName?: string;
|
|
1224
|
+
} & React$1.RefAttributes<HTMLTableElement>> & {
|
|
1225
|
+
Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1226
|
+
Body: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1227
|
+
Footer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1228
|
+
Row: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
1229
|
+
Head: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1230
|
+
Cell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1231
|
+
Caption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
1232
|
+
};
|
|
1233
|
+
|
|
1234
|
+
interface CursorPaginationMeta$1 {
|
|
1235
|
+
hasNext?: boolean;
|
|
1236
|
+
hasPrevious?: boolean;
|
|
1237
|
+
limit?: number;
|
|
1238
|
+
}
|
|
1239
|
+
interface DataTableProps<TData> extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1240
|
+
table: Table$1<TData>;
|
|
1241
|
+
children?: React$1.ReactNode;
|
|
1242
|
+
emptyMessage?: string;
|
|
1243
|
+
cursorMeta?: CursorPaginationMeta$1;
|
|
1244
|
+
onNavigate?: (direction: 'next' | 'previous') => void;
|
|
1245
|
+
showPagination?: boolean;
|
|
1246
|
+
isLoading?: boolean;
|
|
1247
|
+
disablePageSize?: boolean;
|
|
1248
|
+
}
|
|
1249
|
+
declare function DataTable<TData>({ table, children, className, cursorMeta, onNavigate, showPagination, isLoading, disablePageSize, emptyMessage, ...props }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1250
|
+
|
|
1251
|
+
interface CursorPaginationMeta {
|
|
1252
|
+
hasNext?: boolean;
|
|
1253
|
+
hasPrevious?: boolean;
|
|
1254
|
+
limit?: number;
|
|
1255
|
+
}
|
|
1256
|
+
interface DataTablePaginationProps<TData> {
|
|
1257
|
+
table: Table$1<TData>;
|
|
1258
|
+
pageSizeOptions?: number[];
|
|
1259
|
+
cursorMeta?: CursorPaginationMeta;
|
|
1260
|
+
onNavigate?: (direction: 'next' | 'previous') => void;
|
|
1261
|
+
disablePageSize?: boolean;
|
|
1262
|
+
}
|
|
1263
|
+
declare function DataTablePagination<TData>({ table, pageSizeOptions, cursorMeta, onNavigate, disablePageSize, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1264
|
+
|
|
1265
|
+
interface DataTableToolbarProps<TData> {
|
|
1266
|
+
table: Table$1<TData>;
|
|
1267
|
+
show?: {
|
|
1268
|
+
reset: boolean;
|
|
1269
|
+
view: boolean;
|
|
1270
|
+
};
|
|
1271
|
+
children?: React.ReactNode;
|
|
1272
|
+
}
|
|
1273
|
+
declare function DataTableToolbar<TData>({ table, show, children, }: DataTableToolbarProps<TData>): react_jsx_runtime.JSX.Element | null;
|
|
1274
|
+
|
|
1275
|
+
interface DataTableViewOptionsProps<TData> {
|
|
1276
|
+
table: Table$1<TData>;
|
|
1277
|
+
}
|
|
1278
|
+
declare function DataTableViewOptions<TData>({ table, }: DataTableViewOptionsProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1279
|
+
|
|
1280
|
+
interface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {
|
|
1281
|
+
column: Column<TData, TValue>;
|
|
1282
|
+
title: string;
|
|
1283
|
+
}
|
|
1284
|
+
declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
1285
|
+
|
|
1286
|
+
type TabsRootProps = React$1.ComponentProps<typeof Tabs$1.Root>;
|
|
1287
|
+
declare function Tabs({ className, ...props }: TabsRootProps): react_jsx_runtime.JSX.Element;
|
|
1288
|
+
declare namespace Tabs {
|
|
1289
|
+
var List: typeof TabsList;
|
|
1290
|
+
var Trigger: typeof TabsTrigger;
|
|
1291
|
+
var Content: typeof TabsContent;
|
|
1292
|
+
}
|
|
1293
|
+
type TabsListProps = React$1.ComponentProps<typeof Tabs$1.List>;
|
|
1294
|
+
declare function TabsList({ className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
|
|
1295
|
+
type TabsTabProps = React$1.ComponentProps<typeof Tabs$1.Tab>;
|
|
1296
|
+
declare function TabsTrigger({ className, ...props }: TabsTabProps): react_jsx_runtime.JSX.Element;
|
|
1297
|
+
type TabsPanelProps = React$1.ComponentProps<typeof Tabs$1.Panel>;
|
|
1298
|
+
declare function TabsContent({ className, ...props }: TabsPanelProps): react_jsx_runtime.JSX.Element;
|
|
1299
|
+
|
|
1300
|
+
interface CellProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
1301
|
+
wrap?: boolean;
|
|
1302
|
+
emptyText?: string;
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
interface PhoneProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
1306
|
+
phone: string | null | undefined;
|
|
1307
|
+
flag?: boolean;
|
|
1308
|
+
}
|
|
1309
|
+
|
|
1310
|
+
declare const Text: {
|
|
1311
|
+
Phone: ({ phone, flag, className }: PhoneProps) => react_jsx_runtime.JSX.Element;
|
|
1312
|
+
Cell: ({ wrap, children, className, emptyText, ...props }: CellProps) => react_jsx_runtime.JSX.Element;
|
|
1313
|
+
};
|
|
1314
|
+
|
|
1315
|
+
declare function Textarea({ className, ...props }: React$1.ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
|
|
1316
|
+
declare namespace Textarea {
|
|
1317
|
+
var displayName: string;
|
|
1318
|
+
}
|
|
1319
|
+
|
|
1320
|
+
type AppToasterProps = Omit<ToasterProps, 'theme'> & {
|
|
1321
|
+
/** App theme id (`cream`, `onix`, …) or Sonner’s own `light` / `dark` / `system` */
|
|
1322
|
+
theme?: ToasterProps['theme'] | string;
|
|
1323
|
+
};
|
|
1324
|
+
declare const Toaster: ({ theme: themeProp, toastOptions, style, className, richColors, ...props }: AppToasterProps) => react_jsx_runtime.JSX.Element;
|
|
1325
|
+
|
|
1326
|
+
interface TrackerBlockProps {
|
|
1327
|
+
key?: string | number;
|
|
1328
|
+
color?: string;
|
|
1329
|
+
tooltip?: string;
|
|
1330
|
+
defaultBackgroundColor?: string;
|
|
1331
|
+
disabledTooltip?: boolean;
|
|
1332
|
+
}
|
|
1333
|
+
interface TrackerProps extends React.ComponentProps<'div'>, Pick<TrackerBlockProps, 'disabledTooltip'> {
|
|
1334
|
+
data: TrackerBlockProps[];
|
|
1335
|
+
defaultBackgroundColor?: string;
|
|
1336
|
+
}
|
|
1337
|
+
declare const Tracker: ({ data, disabledTooltip, className, ref, ...props }: TrackerProps) => react_jsx_runtime.JSX.Element;
|
|
1338
|
+
|
|
1339
|
+
type VideoPlayerProps = ComponentProps<typeof MediaController>;
|
|
1340
|
+
declare const VideoPlayer: ({ style, ...props }: VideoPlayerProps) => react_jsx_runtime.JSX.Element;
|
|
1341
|
+
type VideoPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
|
|
1342
|
+
declare const VideoPlayerControlBar: (props: VideoPlayerControlBarProps) => react_jsx_runtime.JSX.Element;
|
|
1343
|
+
type VideoPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;
|
|
1344
|
+
declare const VideoPlayerTimeRange: ({ className, ...props }: VideoPlayerTimeRangeProps) => react_jsx_runtime.JSX.Element;
|
|
1345
|
+
type VideoPlayerTimeDisplayProps = ComponentProps<typeof MediaTimeDisplay>;
|
|
1346
|
+
declare const VideoPlayerTimeDisplay: ({ className, ...props }: VideoPlayerTimeDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1347
|
+
type VideoPlayerVolumeRangeProps = ComponentProps<typeof MediaVolumeRange>;
|
|
1348
|
+
declare const VideoPlayerVolumeRange: ({ className, ...props }: VideoPlayerVolumeRangeProps) => react_jsx_runtime.JSX.Element;
|
|
1349
|
+
type VideoPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;
|
|
1350
|
+
declare const VideoPlayerPlayButton: ({ className, ...props }: VideoPlayerPlayButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1351
|
+
type VideoPlayerSeekBackwardButtonProps = ComponentProps<typeof MediaSeekBackwardButton>;
|
|
1352
|
+
declare const VideoPlayerSeekBackwardButton: ({ className, ...props }: VideoPlayerSeekBackwardButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1353
|
+
type VideoPlayerSeekForwardButtonProps = ComponentProps<typeof MediaSeekForwardButton>;
|
|
1354
|
+
declare const VideoPlayerSeekForwardButton: ({ className, ...props }: VideoPlayerSeekForwardButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1355
|
+
type VideoPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;
|
|
1356
|
+
declare const VideoPlayerMuteButton: ({ className, ...props }: VideoPlayerMuteButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1357
|
+
type VideoPlayerContentProps = ComponentProps<'video'>;
|
|
1358
|
+
declare const VideoPlayerContent: ({ className, tabIndex, ...props }: VideoPlayerContentProps) => react_jsx_runtime.JSX.Element;
|
|
1359
|
+
|
|
1360
|
+
declare function AvatarRoot({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
1361
|
+
declare function AvatarImage({ src, className, ...props }: React$1.ComponentProps<'img'>): react_jsx_runtime.JSX.Element | null;
|
|
1362
|
+
declare function AvatarFallback({ name, children, className, ...props }: React$1.ComponentProps<'span'> & {
|
|
1363
|
+
name?: string;
|
|
1364
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
1365
|
+
declare const Avatar: typeof AvatarRoot & {
|
|
1366
|
+
Image: typeof AvatarImage;
|
|
1367
|
+
Fallback: typeof AvatarFallback;
|
|
1368
|
+
};
|
|
1369
|
+
|
|
1370
|
+
declare function Calendar({ className, classNames, showOutsideDays, components: userComponents, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
|
|
1371
|
+
|
|
1372
|
+
declare const THEMES: {
|
|
1373
|
+
readonly light: "";
|
|
1374
|
+
readonly dark: ".dark";
|
|
1375
|
+
};
|
|
1376
|
+
type ChartConfig = {
|
|
1377
|
+
[k in string]: {
|
|
1378
|
+
label?: React$1.ReactNode;
|
|
1379
|
+
icon?: React$1.ComponentType;
|
|
1380
|
+
} & ({
|
|
1381
|
+
color?: string;
|
|
1382
|
+
theme?: never;
|
|
1383
|
+
} | {
|
|
1384
|
+
color?: never;
|
|
1385
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
1386
|
+
});
|
|
1387
|
+
};
|
|
1388
|
+
declare function ChartRoot({ id, className, children, config, ...props }: React$1.ComponentProps<'div'> & {
|
|
1389
|
+
config: ChartConfig;
|
|
1390
|
+
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
|
|
1391
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1392
|
+
/** Recharts injects these when rendering tooltip content; callers may omit them. */
|
|
1393
|
+
type TooltipInjectedProps = 'active' | 'payload' | 'coordinate' | 'accessibilityLayer' | 'activeIndex';
|
|
1394
|
+
type ChartTooltipContentProps = Omit<TooltipContentProps, TooltipInjectedProps> & Partial<Pick<TooltipContentProps, TooltipInjectedProps>> & React$1.ComponentProps<'div'> & {
|
|
1395
|
+
hideLabel?: boolean;
|
|
1396
|
+
hideIndicator?: boolean;
|
|
1397
|
+
indicator?: 'line' | 'dot' | 'dashed';
|
|
1398
|
+
nameKey?: string;
|
|
1399
|
+
labelKey?: string;
|
|
1400
|
+
color?: string;
|
|
1401
|
+
};
|
|
1402
|
+
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): react_jsx_runtime.JSX.Element | null;
|
|
1403
|
+
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<'div'> & Pick<DefaultLegendContentProps, 'payload' | 'verticalAlign'> & {
|
|
1404
|
+
hideIcon?: boolean;
|
|
1405
|
+
nameKey?: string;
|
|
1406
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
1407
|
+
declare const Chart: typeof ChartRoot & {
|
|
1408
|
+
Legend: React$1.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React$1.ReactPortal | null>;
|
|
1409
|
+
LegendContent: typeof ChartLegendContent;
|
|
1410
|
+
Style: ({ id, config }: {
|
|
1411
|
+
id: string;
|
|
1412
|
+
config: ChartConfig;
|
|
1413
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
1414
|
+
Tooltip: typeof RechartsPrimitive.Tooltip;
|
|
1415
|
+
TooltipContent: typeof ChartTooltipContent;
|
|
1416
|
+
};
|
|
1417
|
+
|
|
1418
|
+
declare const collapsibleRootVariants: (props?: ({
|
|
1419
|
+
variant?: "row" | "card" | null | undefined;
|
|
1420
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1421
|
+
/** Extra styles on top of {@link SettingsItem} for the collapsible trigger. */
|
|
1422
|
+
declare const collapsibleTriggerSettingsOverlayVariants: (props?: ({
|
|
1423
|
+
variant?: "row" | "card" | null | undefined;
|
|
1424
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1425
|
+
declare const collapsibleContentVariants: (props?: ({
|
|
1426
|
+
variant?: "row" | "card" | null | undefined;
|
|
1427
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1428
|
+
type CollapsibleAlign = 'center' | 'start' | null | undefined;
|
|
1429
|
+
type CollapsibleContextValue = VariantProps<typeof collapsibleRootVariants> & {
|
|
1430
|
+
align: CollapsibleAlign;
|
|
1431
|
+
open: boolean;
|
|
1432
|
+
setOpen: (next: boolean) => void;
|
|
1433
|
+
contentId: string;
|
|
1434
|
+
disabled: boolean;
|
|
1435
|
+
};
|
|
1436
|
+
/** Read open state from a parent {@link Collapsible} (e.g. custom chevron in the trigger action). */
|
|
1437
|
+
declare function useCollapsibleOpen(): boolean;
|
|
1438
|
+
/** Returns null when not inside {@link Collapsible}; use from {@link SettingsItem} with `collapsibleTrigger`. */
|
|
1439
|
+
declare function useOptionalCollapsibleContext(): CollapsibleContextValue | null;
|
|
1440
|
+
declare function CollapsibleRoot({ className, variant, align, open: openProp, defaultOpen, onOpenChange, expandWhen, disabled, children, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof collapsibleRootVariants> & {
|
|
1441
|
+
align?: CollapsibleAlign;
|
|
1442
|
+
open?: boolean;
|
|
1443
|
+
defaultOpen?: boolean;
|
|
1444
|
+
onOpenChange?: (open: boolean) => void;
|
|
1445
|
+
expandWhen?: boolean;
|
|
1446
|
+
disabled?: boolean;
|
|
1447
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1448
|
+
declare function CollapsibleContent({ className, children, }: {
|
|
1449
|
+
className?: string;
|
|
1450
|
+
children?: React$1.ReactNode;
|
|
1451
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1452
|
+
declare const Collapsible: typeof CollapsibleRoot & {
|
|
1453
|
+
Content: typeof CollapsibleContent;
|
|
1454
|
+
};
|
|
1455
|
+
|
|
1456
|
+
declare function Dialog({ ...props }: Dialog$2.Root.Props): react_jsx_runtime.JSX.Element;
|
|
1457
|
+
|
|
1458
|
+
declare function CommandRoot({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
|
|
1459
|
+
declare function CommandDialog({ title, description, children, className, commandClassName, closeButtonClassName, showCloseButton, filter, ...props }: Omit<React$1.ComponentProps<typeof Dialog>, 'children'> & {
|
|
1460
|
+
children?: React$1.ReactNode;
|
|
1461
|
+
title?: string;
|
|
1462
|
+
description?: string;
|
|
1463
|
+
className?: string;
|
|
1464
|
+
commandClassName?: string;
|
|
1465
|
+
closeButtonClassName?: string;
|
|
1466
|
+
showCloseButton?: boolean;
|
|
1467
|
+
filter?: React$1.ComponentProps<typeof Command$1>['filter'];
|
|
1468
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1469
|
+
declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
|
|
1470
|
+
declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
|
|
1471
|
+
declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
|
|
1472
|
+
declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
|
|
1473
|
+
declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
1474
|
+
declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
|
|
1475
|
+
declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
1476
|
+
declare function CommandFooter({ className, navigateLabel, selectLabel, closeLabel, children, ...props }: React$1.ComponentProps<'div'> & {
|
|
1477
|
+
navigateLabel?: string;
|
|
1478
|
+
selectLabel?: string;
|
|
1479
|
+
closeLabel?: string;
|
|
1480
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1481
|
+
declare const Command: typeof CommandRoot & {
|
|
1482
|
+
Dialog: typeof CommandDialog;
|
|
1483
|
+
Empty: typeof CommandEmpty;
|
|
1484
|
+
Footer: typeof CommandFooter;
|
|
1485
|
+
Group: typeof CommandGroup;
|
|
1486
|
+
Input: typeof CommandInput;
|
|
1487
|
+
Item: typeof CommandItem;
|
|
1488
|
+
List: typeof CommandList;
|
|
1489
|
+
Separator: typeof CommandSeparator;
|
|
1490
|
+
Shortcut: typeof CommandShortcut;
|
|
1491
|
+
};
|
|
1492
|
+
|
|
1493
|
+
declare function DrawerRoot({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
1494
|
+
declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
1495
|
+
declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
1496
|
+
declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
|
|
1497
|
+
declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
1498
|
+
declare function DrawerContent({ className, children, title, showDivider, onOpenAutoFocus, ...props }: React$1.ComponentProps<typeof Drawer$1.Content> & {
|
|
1499
|
+
title?: string;
|
|
1500
|
+
showDivider?: boolean;
|
|
1501
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1502
|
+
declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
1503
|
+
declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
1504
|
+
declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
|
|
1505
|
+
declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
|
|
1506
|
+
declare const Drawer: typeof DrawerRoot & {
|
|
1507
|
+
Close: typeof DrawerClose;
|
|
1508
|
+
Content: typeof DrawerContent;
|
|
1509
|
+
Description: typeof DrawerDescription;
|
|
1510
|
+
Footer: typeof DrawerFooter;
|
|
1511
|
+
Header: typeof DrawerHeader;
|
|
1512
|
+
Overlay: typeof DrawerOverlay;
|
|
1513
|
+
Portal: typeof DrawerPortal;
|
|
1514
|
+
Title: typeof DrawerTitle;
|
|
1515
|
+
Trigger: typeof DrawerTrigger;
|
|
1516
|
+
};
|
|
1517
|
+
|
|
1518
|
+
interface ImageUploadProps {
|
|
1519
|
+
value: File | string | null;
|
|
1520
|
+
onChange: (file: File | null) => void;
|
|
1521
|
+
label?: string;
|
|
1522
|
+
disabled?: boolean;
|
|
1523
|
+
className?: string;
|
|
1524
|
+
previewClassName?: string;
|
|
1525
|
+
id?: string;
|
|
1526
|
+
}
|
|
1527
|
+
declare const ImageUpload: {
|
|
1528
|
+
({ value, onChange, label, disabled, className, previewClassName, id, }: ImageUploadProps): react_jsx_runtime.JSX.Element;
|
|
1529
|
+
displayName: string;
|
|
1530
|
+
};
|
|
1531
|
+
|
|
1532
|
+
declare function Label({ className, children, required, ...props }: React$1.ComponentProps<'label'> & {
|
|
1533
|
+
required?: boolean;
|
|
1534
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1535
|
+
|
|
1536
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaRootProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>> & {
|
|
1537
|
+
ScrollBar: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaScrollbarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1538
|
+
};
|
|
1539
|
+
|
|
1540
|
+
export { ANNOUNCEMENT_TYPES, Accordion, ActionGroup, Alert, AnnouncementBanner, type AnnouncementBannerProps, type AnnouncementType, AppShell, type AppShellSidebarItemData, Avatar, Badge, type BadgeProps, BrandDomainInput, type BrandIconName, Breadcrumb, Button, type ButtonVariants, Calendar, Card, CardContent, CardFooter, CardHeader, CardSlider, Chart, type ChartConfig, ChatPreview, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, Command, type Country, type Currency, CurrencyInput, type CurrencyInputProps, type CustomIconName, DATA_CUSTOM_TABLE_VARIANTS, DEFAULT_DATA_CUSTOM_TABLE_VARIANT, DataCustomTable, type DataCustomTableVariant, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DataTableViewOptions, Devices, Dialog$1 as Dialog, DialogStack, Drawer, DropdownMenu, type DuoIconName, EmojiPicker, EmptyState, type FillIconName, HoverCard, type HoverCardContentProps, Icon, type IconProps, type IconSharedProps, type IconType, type IconVariant, ImageUpload, type ImageUploadProps, Input, InputGroup, type InputProps, InputTime, InputTimePicker, type InputTimePickerProps, type InputTimeProps, type InputTimeType, InputTimeUnit, type InputTimeUnitProps, Kbd, type KbdKey, type KbdProps, Label, LanguageSwitch, Loader, Marquee, MarqueeContent, type MarqueeContentProps, MarqueeFade, type MarqueeFadeProps, MarqueeItem, type MarqueeItemProps, type MarqueeProps, NetworkStatus, OnneLogo, OnnebookLogo, PhoneInput, type PhoneInputProps, Popover, Progress, RadioGroup, SIDEBAR_WIDTH, ScrollArea, Select, SelectInfiniteScroll, type SelectInfiniteScrollProps, SelectMulti, type SelectMultiProps, Separator, Sheet, Sidebar, Skeleton, type SocialIconName, TIME_UNITS, Table, Tabs, Text, TextShimmer, type TextShimmerProps, Textarea, type ThemeIcon, type TimeUnit, type TimeUnitLabel, type TimeUnitOption, Toaster, Tracker, type TrackerBlockProps, VideoPlayer, VideoPlayerContent, type VideoPlayerContentProps, VideoPlayerControlBar, type VideoPlayerControlBarProps, VideoPlayerMuteButton, type VideoPlayerMuteButtonProps, VideoPlayerPlayButton, type VideoPlayerPlayButtonProps, type VideoPlayerProps, VideoPlayerSeekBackwardButton, type VideoPlayerSeekBackwardButtonProps, VideoPlayerSeekForwardButton, type VideoPlayerSeekForwardButtonProps, VideoPlayerTimeDisplay, type VideoPlayerTimeDisplayProps, VideoPlayerTimeRange, type VideoPlayerTimeRangeProps, VideoPlayerVolumeRange, type VideoPlayerVolumeRangeProps, badgeVariants, buttonVariants, collapsibleContentVariants, collapsibleRootVariants, collapsibleTriggerSettingsOverlayVariants, resolveThemeIcon, useAppShellRightSidebar, useCollapsibleOpen, useDialog, useDialogStack, useOptionalCollapsibleContext, useSidebar };
|