@maxsteinwender/sort-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 +136 -0
- package/dist/index.d.mts +2238 -0
- package/dist/index.d.ts +2238 -0
- package/dist/index.js +13871 -0
- package/dist/index.mjs +13505 -0
- package/dist/styles.css +21436 -0
- package/dist/tailwind-preset.d.mts +5 -0
- package/dist/tailwind-preset.d.ts +5 -0
- package/dist/tailwind-preset.js +498 -0
- package/dist/tailwind-preset.mjs +496 -0
- package/package.json +119 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,2238 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
7
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
8
|
+
import { DayPicker, DayButton, DateRange } from 'react-day-picker';
|
|
9
|
+
import * as recharts_types_util_payload_getUniqPayload from 'recharts/types/util/payload/getUniqPayload';
|
|
10
|
+
import * as recharts_types_component_Tooltip from 'recharts/types/component/Tooltip';
|
|
11
|
+
import * as recharts_types_util_types from 'recharts/types/util/types';
|
|
12
|
+
import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
|
|
13
|
+
import * as RechartsPrimitive from 'recharts';
|
|
14
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
15
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
16
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
17
|
+
import { DialogProps } from '@radix-ui/react-dialog';
|
|
18
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
19
|
+
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
20
|
+
import * as react_hook_form from 'react-hook-form';
|
|
21
|
+
import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
22
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
23
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
24
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
25
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
26
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
27
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
28
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
29
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
30
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
31
|
+
import { Toaster as Toaster$2 } from 'sonner';
|
|
32
|
+
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
33
|
+
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
34
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
35
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
36
|
+
|
|
37
|
+
declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
declare const accordionItemVariants: (props?: ({
|
|
39
|
+
variant?: "default" | "soft" | "ghost" | "line" | null | undefined;
|
|
40
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
41
|
+
type AccordionItemVariant = VariantProps<typeof accordionItemVariants>["variant"];
|
|
42
|
+
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
|
|
43
|
+
variant?: "default" | "soft" | "ghost" | "line" | null | undefined;
|
|
44
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
47
|
+
|
|
48
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
49
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
50
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
51
|
+
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
52
|
+
declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
53
|
+
|
|
54
|
+
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
55
|
+
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
56
|
+
declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
57
|
+
declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
59
|
+
declare const AlertDialogHeader: {
|
|
60
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
61
|
+
displayName: string;
|
|
62
|
+
};
|
|
63
|
+
declare const AlertDialogFooter: {
|
|
64
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
65
|
+
displayName: string;
|
|
66
|
+
};
|
|
67
|
+
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
68
|
+
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
69
|
+
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
70
|
+
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
71
|
+
|
|
72
|
+
type StatusBadgeVariant = "verified" | "company" | "online" | "offline" | "busy" | "away";
|
|
73
|
+
type StatusBadgeSize = "2xs" | "xs" | "sm" | "md" | "lg" | "default";
|
|
74
|
+
interface StatusBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
75
|
+
/** Required. Which variant to render. */
|
|
76
|
+
variant: StatusBadgeVariant;
|
|
77
|
+
/** Badge size — controls container and internal icon scaling. Default: 24px standalone. */
|
|
78
|
+
size?: StatusBadgeSize;
|
|
79
|
+
/** Only for `company`: URL to custom logo image. */
|
|
80
|
+
src?: string;
|
|
81
|
+
/** Additional CSS classes (e.g. size override from Avatar). */
|
|
82
|
+
className?: string;
|
|
83
|
+
}
|
|
84
|
+
declare const StatusBadge: React$1.ForwardRefExoticComponent<StatusBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
85
|
+
|
|
86
|
+
declare const avatarVariants: (props?: ({
|
|
87
|
+
size?: "lg" | "md" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "3xl" | null | undefined;
|
|
88
|
+
shape?: "rounded" | "circular" | null | undefined;
|
|
89
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
90
|
+
/**
|
|
91
|
+
* Extract up to 2 initials from a string.
|
|
92
|
+
* - Single word: first 2 chars → "Al" from "Alexander"
|
|
93
|
+
* - Multiple words: first char of first + last word → "AM" from "Alexander Muller"
|
|
94
|
+
* - Already 1-2 chars: pass through as-is
|
|
95
|
+
*/
|
|
96
|
+
declare function extractInitials(value: string): string;
|
|
97
|
+
interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, "children">, VariantProps<typeof avatarVariants> {
|
|
98
|
+
/** Image URL */
|
|
99
|
+
src?: string;
|
|
100
|
+
/** Alt text for the image */
|
|
101
|
+
alt?: string;
|
|
102
|
+
/** Initials string — extracted to max 2 chars. If omitted and no src, shows fallback icon. */
|
|
103
|
+
fallback?: string;
|
|
104
|
+
/** Show ring outline around avatar (2px border, extends 2px beyond avatar) */
|
|
105
|
+
ring?: boolean;
|
|
106
|
+
/** Show top-right badge */
|
|
107
|
+
topBadge?: boolean;
|
|
108
|
+
/** Top badge variant (semantic names from StatusBadge) */
|
|
109
|
+
topBadgeVariant?: StatusBadgeVariant;
|
|
110
|
+
/** Show bottom-right badge */
|
|
111
|
+
bottomBadge?: boolean;
|
|
112
|
+
/** Bottom badge variant (semantic names from StatusBadge) */
|
|
113
|
+
bottomBadgeVariant?: StatusBadgeVariant;
|
|
114
|
+
/** Fallback background color (applies when no image is shown) */
|
|
115
|
+
color?: "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
|
|
116
|
+
children?: React$1.ReactNode;
|
|
117
|
+
}
|
|
118
|
+
declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
119
|
+
declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
120
|
+
interface AvatarFallbackProps extends Omit<React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>, "children"> {
|
|
121
|
+
/** Initials string — if provided, shows extracted initials. Otherwise shows user icon. */
|
|
122
|
+
fallback?: string;
|
|
123
|
+
children?: React$1.ReactNode;
|
|
124
|
+
}
|
|
125
|
+
declare const AvatarFallback: React$1.ForwardRefExoticComponent<AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
126
|
+
|
|
127
|
+
declare const avatarButtonVariants: (props?: ({
|
|
128
|
+
variant?: "default" | "soft" | null | undefined;
|
|
129
|
+
size?: "lg" | "sm" | null | undefined;
|
|
130
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
131
|
+
interface AvatarButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof avatarButtonVariants> {
|
|
132
|
+
avatar: React$1.ReactNode;
|
|
133
|
+
label: string;
|
|
134
|
+
tailIcon?: boolean;
|
|
135
|
+
asChild?: boolean;
|
|
136
|
+
/** Set to "menu" | "listbox" | "dialog" when this button triggers a dropdown */
|
|
137
|
+
"aria-haspopup"?: React$1.AriaAttributes["aria-haspopup"];
|
|
138
|
+
/** Reflect the open/closed state of the dropdown: aria-expanded={isOpen} */
|
|
139
|
+
"aria-expanded"?: React$1.AriaAttributes["aria-expanded"];
|
|
140
|
+
/** ID of the controlled dropdown panel: aria-controls="my-panel-id" */
|
|
141
|
+
"aria-controls"?: string;
|
|
142
|
+
}
|
|
143
|
+
declare const AvatarButton: React$1.ForwardRefExoticComponent<AvatarButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
144
|
+
|
|
145
|
+
type AvatarGroupSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
|
|
146
|
+
type AvatarGroupStacking = "first-on-top" | "last-on-top";
|
|
147
|
+
interface AvatarGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
148
|
+
/** Size of all avatars in the group */
|
|
149
|
+
size?: AvatarGroupSize;
|
|
150
|
+
/** Stacking order: "first-on-top" or "last-on-top" */
|
|
151
|
+
stacking?: AvatarGroupStacking;
|
|
152
|
+
/** Avatar data — each item maps to an Avatar with ring enabled */
|
|
153
|
+
items: Array<Pick<AvatarProps, "src" | "alt" | "fallback">>;
|
|
154
|
+
/**
|
|
155
|
+
* Accessible label describing the group.
|
|
156
|
+
* Recommended when used without surrounding context, e.g.:
|
|
157
|
+
* `<AvatarGroup aria-label="3 team members" items={[...]} />`
|
|
158
|
+
* Sets `role="group"` automatically when provided.
|
|
159
|
+
*/
|
|
160
|
+
"aria-label"?: string;
|
|
161
|
+
}
|
|
162
|
+
declare const AvatarGroup: React$1.ForwardRefExoticComponent<AvatarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
163
|
+
|
|
164
|
+
interface AvatarUploadProps {
|
|
165
|
+
/** URL of the uploaded avatar image */
|
|
166
|
+
src?: string;
|
|
167
|
+
/** Alt text for the avatar image */
|
|
168
|
+
alt?: string;
|
|
169
|
+
/** Initials fallback for Avatar when no src */
|
|
170
|
+
fallback?: string;
|
|
171
|
+
/** Callback when Upload button is clicked */
|
|
172
|
+
onUpload?: () => void;
|
|
173
|
+
/** Callback when Delete button is clicked — if undefined and src is set, delete button is hidden */
|
|
174
|
+
onRemove?: () => void;
|
|
175
|
+
/** Helper text describing allowed file formats */
|
|
176
|
+
helperText?: string;
|
|
177
|
+
/** Avatar size */
|
|
178
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
179
|
+
/** Avatar shape */
|
|
180
|
+
shape?: "circular" | "rounded";
|
|
181
|
+
/** Disabled state — disables all buttons */
|
|
182
|
+
disabled?: boolean;
|
|
183
|
+
/** Additional CSS classes on the root container */
|
|
184
|
+
className?: string;
|
|
185
|
+
}
|
|
186
|
+
declare const AvatarUpload: React$1.ForwardRefExoticComponent<AvatarUploadProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
187
|
+
|
|
188
|
+
type BadgeColor = "neutral" | "red" | "orange" | "lime" | "green" | "cyan" | "blue" | "violet" | "fuchsia" | "pink";
|
|
189
|
+
type BadgeSize = "lg" | "sm";
|
|
190
|
+
type BadgeShape = "rounded" | "pill";
|
|
191
|
+
type BadgeVariant = "label" | "icon" | "image" | "dot";
|
|
192
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
193
|
+
/** Color variant. Default: "default" (frosted) */
|
|
194
|
+
color?: BadgeColor;
|
|
195
|
+
/** Size variant. Default: "lg" */
|
|
196
|
+
size?: BadgeSize;
|
|
197
|
+
/** Shape variant. Default: "rounded" */
|
|
198
|
+
shape?: BadgeShape;
|
|
199
|
+
/** Content variant. Default: "label" */
|
|
200
|
+
variant?: BadgeVariant;
|
|
201
|
+
/** Image src — required for variant="image" */
|
|
202
|
+
src?: string;
|
|
203
|
+
/** Show 1px border using border-default token. Default: false */
|
|
204
|
+
border?: boolean;
|
|
205
|
+
/** When provided, renders a close button on the right. */
|
|
206
|
+
onClose?: React$1.MouseEventHandler<HTMLButtonElement>;
|
|
207
|
+
/**
|
|
208
|
+
* Render the close ControlButton as `<span role="button">` instead of `<button>`.
|
|
209
|
+
* Use when Badge is nested inside a `<button>` (e.g. tags in a select trigger).
|
|
210
|
+
*/
|
|
211
|
+
closeAsSpan?: boolean;
|
|
212
|
+
}
|
|
213
|
+
declare function Badge({ color, size, shape, variant, src, border, onClose, closeAsSpan, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
214
|
+
|
|
215
|
+
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
216
|
+
separator?: React$1.ReactNode;
|
|
217
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
218
|
+
declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
219
|
+
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
220
|
+
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
221
|
+
asChild?: boolean;
|
|
222
|
+
} & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
223
|
+
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
224
|
+
declare const BreadcrumbSeparator: {
|
|
225
|
+
({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
226
|
+
displayName: string;
|
|
227
|
+
};
|
|
228
|
+
declare const BreadcrumbEllipsis: {
|
|
229
|
+
({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
230
|
+
displayName: string;
|
|
231
|
+
};
|
|
232
|
+
|
|
233
|
+
type BreadcrumbVariant = "slash" | "arrow" | "dot";
|
|
234
|
+
interface BreadcrumbItemData {
|
|
235
|
+
label: string;
|
|
236
|
+
/** URL for the breadcrumb link. Non-current items render as <a> when provided. */
|
|
237
|
+
href?: string;
|
|
238
|
+
type?: BreadcrumbItemType;
|
|
239
|
+
leadIcon?: boolean;
|
|
240
|
+
icon?: React$1.ReactNode;
|
|
241
|
+
avatarSrc?: string;
|
|
242
|
+
avatarAlt?: string;
|
|
243
|
+
}
|
|
244
|
+
interface SortBreadcrumbProps {
|
|
245
|
+
/** Array of 2-6 breadcrumb items. Provide `href` on each item for keyboard navigation. */
|
|
246
|
+
items: BreadcrumbItemData[];
|
|
247
|
+
/** Divider variant between items. Default: "slash" */
|
|
248
|
+
variant?: BreadcrumbVariant;
|
|
249
|
+
/** Additional CSS classes */
|
|
250
|
+
className?: string;
|
|
251
|
+
}
|
|
252
|
+
declare function SortBreadcrumb({ items, variant, className, }: SortBreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
253
|
+
type BreadcrumbItemType = "default" | "avatar";
|
|
254
|
+
type BreadcrumbItemState = "default" | "hover" | "current";
|
|
255
|
+
interface SortBreadcrumbItemProps {
|
|
256
|
+
/** Text label for the breadcrumb item */
|
|
257
|
+
label: string;
|
|
258
|
+
/** URL — non-current items render as <a> when provided; <span> otherwise */
|
|
259
|
+
href?: string;
|
|
260
|
+
/** Type variant. Default: "default" */
|
|
261
|
+
type?: BreadcrumbItemType;
|
|
262
|
+
/** Visual state. Default: "default" (active/prominent) */
|
|
263
|
+
state?: BreadcrumbItemState;
|
|
264
|
+
/** Show leading icon — only for type="default". Default: true */
|
|
265
|
+
leadIcon?: boolean;
|
|
266
|
+
/** Custom icon slot — replaces default folder icon */
|
|
267
|
+
icon?: React$1.ReactNode;
|
|
268
|
+
/** Avatar image source — only for type="avatar" */
|
|
269
|
+
avatarSrc?: string;
|
|
270
|
+
/** Avatar image alt text */
|
|
271
|
+
avatarAlt?: string;
|
|
272
|
+
/** Additional CSS classes */
|
|
273
|
+
className?: string;
|
|
274
|
+
}
|
|
275
|
+
declare function SortBreadcrumbItem({ label, href, type, state, leadIcon, icon, avatarSrc, avatarAlt, className, }: SortBreadcrumbItemProps): react_jsx_runtime.JSX.Element;
|
|
276
|
+
|
|
277
|
+
declare const buttonVariants: (props?: ({
|
|
278
|
+
variant?: "default" | "ghost" | "destructive" | "secondary" | "outline" | "ghost-muted" | null | undefined;
|
|
279
|
+
shape?: "rounded" | "pill" | null | undefined;
|
|
280
|
+
size?: "lg" | "md" | "sm" | "xs" | "2xs" | null | undefined;
|
|
281
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
282
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
283
|
+
asChild?: boolean;
|
|
284
|
+
/**
|
|
285
|
+
* Renders the button as a square icon-only variant (no text, larger icon).
|
|
286
|
+
* **IMPORTANT:** You MUST supply an `aria-label` prop when `iconOnly` is true
|
|
287
|
+
* so screen readers have an accessible name, e.g.:
|
|
288
|
+
* `<Button iconOnly aria-label="Open settings"><SettingsIcon /></Button>`
|
|
289
|
+
*/
|
|
290
|
+
iconOnly?: boolean;
|
|
291
|
+
/** Activates loading state: shows spinner, loading background, disables button */
|
|
292
|
+
loading?: boolean;
|
|
293
|
+
/** Story-only toggle — consumed by Storybook render, stripped here to prevent DOM warning */
|
|
294
|
+
leadIcon?: boolean;
|
|
295
|
+
/** Story-only toggle — consumed by Storybook render, stripped here to prevent DOM warning */
|
|
296
|
+
tailIcon?: boolean;
|
|
297
|
+
/** Keyboard shortcut badge rendered before children (e.g. "⌘K"). Ignored when iconOnly or asChild. */
|
|
298
|
+
badgeLeft?: string;
|
|
299
|
+
/** Keyboard shortcut badge rendered after children (e.g. "/"). Ignored when iconOnly or asChild. */
|
|
300
|
+
badgeRight?: string;
|
|
301
|
+
}
|
|
302
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
303
|
+
|
|
304
|
+
type ButtonGroupSize = "lg" | "md" | "sm" | "xs" | "2xs";
|
|
305
|
+
type ButtonGroupOrientation = "horizontal" | "vertical";
|
|
306
|
+
interface ButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
307
|
+
/** Size propagated to all ButtonGroupItem children */
|
|
308
|
+
size?: ButtonGroupSize;
|
|
309
|
+
/** Accessible label describing the group's purpose (required) */
|
|
310
|
+
"aria-label": string;
|
|
311
|
+
/** Layout orientation — sets flex direction */
|
|
312
|
+
orientation?: ButtonGroupOrientation;
|
|
313
|
+
}
|
|
314
|
+
declare const ButtonGroup: React$1.ForwardRefExoticComponent<ButtonGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
315
|
+
|
|
316
|
+
declare const buttonGroupItemVariants: (props?: ({
|
|
317
|
+
size?: "lg" | "md" | "sm" | "xs" | "2xs" | null | undefined;
|
|
318
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
319
|
+
interface ButtonGroupItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof buttonGroupItemVariants> {
|
|
320
|
+
/** Text label displayed in the item */
|
|
321
|
+
label?: string;
|
|
322
|
+
/** Remixicon class for leading icon (e.g. "ri-check-line") */
|
|
323
|
+
leadIcon?: string;
|
|
324
|
+
/** Remixicon class for trailing icon */
|
|
325
|
+
tailIcon?: string;
|
|
326
|
+
/** Badge counter displayed after the label */
|
|
327
|
+
badge?: string | number;
|
|
328
|
+
/**
|
|
329
|
+
* Icon-only mode — hides label/badge, square dimensions.
|
|
330
|
+
* **IMPORTANT:** When `iconOnly` is true you MUST pass `aria-label` for
|
|
331
|
+
* screen readers, e.g. `<ButtonGroupItem iconOnly aria-label="Bold" />`.
|
|
332
|
+
*/
|
|
333
|
+
iconOnly?: boolean;
|
|
334
|
+
/** Show vertical separator line on the left */
|
|
335
|
+
showSeparator?: boolean;
|
|
336
|
+
}
|
|
337
|
+
declare const ButtonGroupItem: React$1.ForwardRefExoticComponent<ButtonGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
338
|
+
|
|
339
|
+
declare const controlButtonVariants: (props?: ({
|
|
340
|
+
variant?: "default" | "inverted" | null | undefined;
|
|
341
|
+
size?: "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
342
|
+
shape?: "circle" | "rounded" | null | undefined;
|
|
343
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
344
|
+
interface ControlButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof controlButtonVariants> {
|
|
345
|
+
asChild?: boolean;
|
|
346
|
+
/**
|
|
347
|
+
* Render as `<span role="button">` instead of `<button>`.
|
|
348
|
+
* Use when the ControlButton is nested inside another `<button>`
|
|
349
|
+
* (e.g. tag close inside a trigger button) to avoid HTML nesting errors.
|
|
350
|
+
*/
|
|
351
|
+
asSpan?: boolean;
|
|
352
|
+
/**
|
|
353
|
+
* Describes what is being closed/dismissed.
|
|
354
|
+
* Rendered as `aria-label` when no explicit `aria-label` prop is provided.
|
|
355
|
+
* Prefer specific context: "Close dialog", "Dismiss notification".
|
|
356
|
+
* Falls back to "Close".
|
|
357
|
+
*/
|
|
358
|
+
dismissLabel?: string;
|
|
359
|
+
}
|
|
360
|
+
declare const ControlButton: React$1.ForwardRefExoticComponent<ControlButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
361
|
+
|
|
362
|
+
declare const filterButtonVariants: (props?: ({
|
|
363
|
+
size?: "lg" | "md" | "xs" | null | undefined;
|
|
364
|
+
shape?: "rounded" | "pill" | null | undefined;
|
|
365
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
366
|
+
interface FilterButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof filterButtonVariants> {
|
|
367
|
+
selected?: boolean;
|
|
368
|
+
filterValue?: string;
|
|
369
|
+
leadIcon?: React$1.ReactNode;
|
|
370
|
+
tailIcon?: React$1.ReactNode;
|
|
371
|
+
asChild?: boolean;
|
|
372
|
+
/** onClick handler for the dismiss "×" button in compound active state */
|
|
373
|
+
onClearFilter?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
|
|
374
|
+
/** aria-expanded for the dropdown trigger button in compound active state */
|
|
375
|
+
dropdownExpanded?: boolean;
|
|
376
|
+
}
|
|
377
|
+
declare const FilterButton: React$1.ForwardRefExoticComponent<FilterButtonProps & React$1.RefAttributes<HTMLElement>>;
|
|
378
|
+
|
|
379
|
+
declare const linkButtonVariants: (props?: ({
|
|
380
|
+
variant?: "default" | "muted" | "informative" | null | undefined;
|
|
381
|
+
size?: "lg" | "md" | "sm" | null | undefined;
|
|
382
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
383
|
+
interface LinkButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof linkButtonVariants> {
|
|
384
|
+
asChild?: boolean;
|
|
385
|
+
leadIcon?: React$1.ReactNode;
|
|
386
|
+
tailIcon?: React$1.ReactNode;
|
|
387
|
+
}
|
|
388
|
+
declare const LinkButton: React$1.ForwardRefExoticComponent<LinkButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
389
|
+
|
|
390
|
+
declare const socialButtonVariants: (props?: ({
|
|
391
|
+
variant?: "secondary" | "brand" | null | undefined;
|
|
392
|
+
shape?: "rounded" | "pill" | null | undefined;
|
|
393
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
394
|
+
type SocialBrand = "apple" | "facebook" | "google" | "twitter" | "linkedin" | "dribbble" | "dropbox" | "github";
|
|
395
|
+
interface SocialButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof socialButtonVariants> {
|
|
396
|
+
brand: SocialBrand;
|
|
397
|
+
iconOnly?: boolean;
|
|
398
|
+
asChild?: boolean;
|
|
399
|
+
}
|
|
400
|
+
declare const SocialButton: React$1.ForwardRefExoticComponent<SocialButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
401
|
+
|
|
402
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
|
|
403
|
+
declare namespace Calendar {
|
|
404
|
+
var displayName: string;
|
|
405
|
+
}
|
|
406
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
|
|
407
|
+
declare namespace CalendarDayButton {
|
|
408
|
+
var displayName: string;
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
412
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
413
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
414
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
415
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
416
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
417
|
+
|
|
418
|
+
declare const THEMES: {
|
|
419
|
+
readonly light: "";
|
|
420
|
+
readonly dark: ".dark";
|
|
421
|
+
};
|
|
422
|
+
type ChartConfig = {
|
|
423
|
+
[k in string]: {
|
|
424
|
+
label?: React$1.ReactNode;
|
|
425
|
+
icon?: React$1.ComponentType;
|
|
426
|
+
} & ({
|
|
427
|
+
color?: string;
|
|
428
|
+
theme?: never;
|
|
429
|
+
} | {
|
|
430
|
+
color?: never;
|
|
431
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
432
|
+
});
|
|
433
|
+
};
|
|
434
|
+
declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
435
|
+
config: ChartConfig;
|
|
436
|
+
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
437
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
438
|
+
declare const ChartStyle: ({ id, config }: {
|
|
439
|
+
id: string;
|
|
440
|
+
config: ChartConfig;
|
|
441
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
442
|
+
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
443
|
+
declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> & {
|
|
444
|
+
accessibilityLayer?: boolean;
|
|
445
|
+
active?: boolean | undefined;
|
|
446
|
+
includeHidden?: boolean | undefined;
|
|
447
|
+
allowEscapeViewBox?: recharts_types_util_types.AllowInDimension;
|
|
448
|
+
animationDuration?: recharts_types_util_types.AnimationDuration;
|
|
449
|
+
animationEasing?: recharts_types_util_types.AnimationTiming;
|
|
450
|
+
content?: recharts_types_component_Tooltip.ContentType<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> | undefined;
|
|
451
|
+
coordinate?: Partial<recharts_types_util_types.Coordinate>;
|
|
452
|
+
cursor?: boolean | React$1.ReactElement | React$1.SVGProps<SVGElement>;
|
|
453
|
+
filterNull?: boolean;
|
|
454
|
+
defaultIndex?: number;
|
|
455
|
+
isAnimationActive?: boolean;
|
|
456
|
+
offset?: number;
|
|
457
|
+
payloadUniqBy?: recharts_types_util_payload_getUniqPayload.UniqueOption<recharts_types_component_DefaultTooltipContent.Payload<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType>> | undefined;
|
|
458
|
+
position?: Partial<recharts_types_util_types.Coordinate>;
|
|
459
|
+
reverseDirection?: recharts_types_util_types.AllowInDimension;
|
|
460
|
+
shared?: boolean;
|
|
461
|
+
trigger?: "hover" | "click";
|
|
462
|
+
useTranslate3d?: boolean;
|
|
463
|
+
viewBox?: recharts_types_util_types.CartesianViewBox;
|
|
464
|
+
wrapperStyle?: React$1.CSSProperties;
|
|
465
|
+
} & React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
466
|
+
hideLabel?: boolean;
|
|
467
|
+
hideIndicator?: boolean;
|
|
468
|
+
indicator?: "line" | "dot" | "dashed";
|
|
469
|
+
nameKey?: string;
|
|
470
|
+
labelKey?: string;
|
|
471
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
472
|
+
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
473
|
+
declare const ChartLegendContent: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
474
|
+
hideIcon?: boolean;
|
|
475
|
+
nameKey?: string;
|
|
476
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
477
|
+
|
|
478
|
+
declare const checkboxVariants: (props?: ({
|
|
479
|
+
variant?: "default" | "shadow" | null | undefined;
|
|
480
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
481
|
+
interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
482
|
+
}
|
|
483
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
484
|
+
|
|
485
|
+
declare const checkboxCardVariants: (props?: ({
|
|
486
|
+
variant?: "default" | "soft" | null | undefined;
|
|
487
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
488
|
+
interface CheckboxCardProps extends VariantProps<typeof checkboxCardVariants> {
|
|
489
|
+
title: string;
|
|
490
|
+
description?: string;
|
|
491
|
+
supporterTitle?: string;
|
|
492
|
+
supporterDescription?: string;
|
|
493
|
+
checkboxPosition?: "off" | "right" | "left";
|
|
494
|
+
layout?: "horizontal" | "vertical";
|
|
495
|
+
selected?: boolean;
|
|
496
|
+
onSelectedChange?: (selected: boolean) => void;
|
|
497
|
+
disabled?: boolean;
|
|
498
|
+
className?: string;
|
|
499
|
+
}
|
|
500
|
+
declare const CheckboxCard: React$1.ForwardRefExoticComponent<CheckboxCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
501
|
+
|
|
502
|
+
interface CheckboxListProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
503
|
+
/** Show border dividers between items (default: true) */
|
|
504
|
+
divider?: boolean;
|
|
505
|
+
}
|
|
506
|
+
declare const CheckboxList: React$1.ForwardRefExoticComponent<CheckboxListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
507
|
+
|
|
508
|
+
declare const checkboxWithTextVariants: (props?: ({
|
|
509
|
+
checkboxPosition?: "left" | "right" | null | undefined;
|
|
510
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
511
|
+
type CheckedState = CheckboxPrimitive.CheckedState;
|
|
512
|
+
interface CheckboxWithTextProps extends VariantProps<typeof checkboxWithTextVariants> {
|
|
513
|
+
label: string;
|
|
514
|
+
description?: string;
|
|
515
|
+
variant?: "default" | "shadow";
|
|
516
|
+
disabled?: boolean;
|
|
517
|
+
checked?: CheckedState;
|
|
518
|
+
defaultChecked?: boolean;
|
|
519
|
+
onCheckedChange?: (checked: CheckedState) => void;
|
|
520
|
+
className?: string;
|
|
521
|
+
id?: string;
|
|
522
|
+
}
|
|
523
|
+
declare const CheckboxWithText: React$1.ForwardRefExoticComponent<CheckboxWithTextProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
524
|
+
|
|
525
|
+
declare const chipVariants: (props?: ({
|
|
526
|
+
variant?: "default" | "soft" | "ghost" | "ghost-muted" | null | undefined;
|
|
527
|
+
size?: "lg" | "md" | "sm" | null | undefined;
|
|
528
|
+
shape?: "rounded" | "pill" | null | undefined;
|
|
529
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
530
|
+
interface ChipProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof chipVariants> {
|
|
531
|
+
/** Text content displayed in the chip */
|
|
532
|
+
label: string;
|
|
533
|
+
/** Show a leading icon (ri-sparkling-2-fill by default) */
|
|
534
|
+
leadIcon?: boolean;
|
|
535
|
+
/** Custom Remixicon class name (e.g. "ri-global-line"). Defaults to "ri-sparkling-2-fill" */
|
|
536
|
+
iconName?: string;
|
|
537
|
+
/** Icon-only mode — hides label, square dimensions, centered icon */
|
|
538
|
+
iconOnly?: boolean;
|
|
539
|
+
/** Controlled selected state */
|
|
540
|
+
selected?: boolean;
|
|
541
|
+
/** Callback when selected state changes */
|
|
542
|
+
onSelectedChange?: (selected: boolean) => void;
|
|
543
|
+
/** Disabled state — prevents interaction and applies muted styling */
|
|
544
|
+
disabled?: boolean;
|
|
545
|
+
}
|
|
546
|
+
declare const Chip: React$1.ForwardRefExoticComponent<ChipProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
547
|
+
|
|
548
|
+
interface CodeBlockTab {
|
|
549
|
+
label: string;
|
|
550
|
+
code: string;
|
|
551
|
+
}
|
|
552
|
+
interface CodeBlockProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
553
|
+
/** Layout variant */
|
|
554
|
+
variant?: "simple" | "advanced";
|
|
555
|
+
/** Code content (simple variant) */
|
|
556
|
+
code?: string;
|
|
557
|
+
/** Tabs with code content (advanced variant) */
|
|
558
|
+
tabs?: CodeBlockTab[];
|
|
559
|
+
/** Language label shown in the language selector */
|
|
560
|
+
language?: string;
|
|
561
|
+
/** Available language options — defaults to React, JavaScript, TypeScript, Next.js */
|
|
562
|
+
languages?: string[];
|
|
563
|
+
/** Callback when language changes */
|
|
564
|
+
onLanguageChange?: (lang: string) => void;
|
|
565
|
+
/** Custom copy callback — defaults to navigator.clipboard */
|
|
566
|
+
onCopy?: () => void;
|
|
567
|
+
/** Description shown in a tooltip when the info button is clicked/hovered. If omitted the info button is hidden. */
|
|
568
|
+
description?: string;
|
|
569
|
+
/** Show copy icon button */
|
|
570
|
+
showCopy?: boolean;
|
|
571
|
+
/** Show language selector */
|
|
572
|
+
showLanguageSelector?: boolean;
|
|
573
|
+
/** Show line numbers */
|
|
574
|
+
showLineNumbers?: boolean;
|
|
575
|
+
}
|
|
576
|
+
declare const CodeBlock: React$1.ForwardRefExoticComponent<CodeBlockProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
577
|
+
|
|
578
|
+
declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
579
|
+
declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
580
|
+
declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
581
|
+
|
|
582
|
+
declare const Command: React$1.ForwardRefExoticComponent<Omit<{
|
|
583
|
+
children?: React$1.ReactNode;
|
|
584
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
585
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
586
|
+
} & {
|
|
587
|
+
asChild?: boolean;
|
|
588
|
+
}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
589
|
+
label?: string;
|
|
590
|
+
shouldFilter?: boolean;
|
|
591
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
592
|
+
defaultValue?: string;
|
|
593
|
+
value?: string;
|
|
594
|
+
onValueChange?: (value: string) => void;
|
|
595
|
+
loop?: boolean;
|
|
596
|
+
disablePointerSelection?: boolean;
|
|
597
|
+
vimBindings?: boolean;
|
|
598
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
599
|
+
declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
|
|
600
|
+
declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
|
|
601
|
+
ref?: React$1.Ref<HTMLInputElement>;
|
|
602
|
+
} & {
|
|
603
|
+
asChild?: boolean;
|
|
604
|
+
}, "key" | "asChild" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
|
|
605
|
+
value?: string;
|
|
606
|
+
onValueChange?: (search: string) => void;
|
|
607
|
+
} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
608
|
+
declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
|
|
609
|
+
children?: React$1.ReactNode;
|
|
610
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
611
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
612
|
+
} & {
|
|
613
|
+
asChild?: boolean;
|
|
614
|
+
}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
615
|
+
label?: string;
|
|
616
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
617
|
+
declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
|
|
618
|
+
children?: React$1.ReactNode;
|
|
619
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
620
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
621
|
+
} & {
|
|
622
|
+
asChild?: boolean;
|
|
623
|
+
}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
624
|
+
declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
|
|
625
|
+
children?: React$1.ReactNode;
|
|
626
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
627
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
628
|
+
} & {
|
|
629
|
+
asChild?: boolean;
|
|
630
|
+
}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
631
|
+
heading?: React$1.ReactNode;
|
|
632
|
+
value?: string;
|
|
633
|
+
forceMount?: boolean;
|
|
634
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
635
|
+
declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
636
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
637
|
+
} & {
|
|
638
|
+
asChild?: boolean;
|
|
639
|
+
}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
640
|
+
alwaysRender?: boolean;
|
|
641
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
642
|
+
declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
|
|
643
|
+
children?: React$1.ReactNode;
|
|
644
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
645
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
646
|
+
} & {
|
|
647
|
+
asChild?: boolean;
|
|
648
|
+
}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
649
|
+
disabled?: boolean;
|
|
650
|
+
onSelect?: (value: string) => void;
|
|
651
|
+
value?: string;
|
|
652
|
+
keywords?: string[];
|
|
653
|
+
forceMount?: boolean;
|
|
654
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
655
|
+
declare const CommandShortcut: {
|
|
656
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
657
|
+
displayName: string;
|
|
658
|
+
};
|
|
659
|
+
|
|
660
|
+
interface DataRangeSliderProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
661
|
+
/** Current range [min, max] */
|
|
662
|
+
value?: [number, number];
|
|
663
|
+
/** Histogram data (array of bin values) */
|
|
664
|
+
data?: number[];
|
|
665
|
+
/** Minimum value */
|
|
666
|
+
min?: number;
|
|
667
|
+
/** Maximum value */
|
|
668
|
+
max?: number;
|
|
669
|
+
/** Step increment */
|
|
670
|
+
step?: number;
|
|
671
|
+
/** Show tick marks */
|
|
672
|
+
points?: boolean;
|
|
673
|
+
/** Custom tick labels */
|
|
674
|
+
pointLabels?: string[];
|
|
675
|
+
/** Number of tick points */
|
|
676
|
+
pointCount?: number;
|
|
677
|
+
/** Disabled state */
|
|
678
|
+
disabled?: boolean;
|
|
679
|
+
/** Show tooltip on handles */
|
|
680
|
+
showTooltip?: boolean;
|
|
681
|
+
/** Format the displayed value */
|
|
682
|
+
formatValue?: (value: number) => string;
|
|
683
|
+
/** Callback when value changes */
|
|
684
|
+
onValueChange?: (value: [number, number]) => void;
|
|
685
|
+
}
|
|
686
|
+
declare const DataRangeSlider: React$1.ForwardRefExoticComponent<DataRangeSliderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
687
|
+
|
|
688
|
+
interface DataRangeSliderInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
689
|
+
/** Current range [min, max] */
|
|
690
|
+
value?: [number, number];
|
|
691
|
+
/** Histogram data (array of bin values) */
|
|
692
|
+
data?: number[];
|
|
693
|
+
/** Minimum value */
|
|
694
|
+
min?: number;
|
|
695
|
+
/** Maximum value */
|
|
696
|
+
max?: number;
|
|
697
|
+
/** Step increment */
|
|
698
|
+
step?: number;
|
|
699
|
+
/** Disabled state */
|
|
700
|
+
disabled?: boolean;
|
|
701
|
+
/** Show tooltip on handles */
|
|
702
|
+
showTooltip?: boolean;
|
|
703
|
+
/** Format the displayed value */
|
|
704
|
+
formatValue?: (value: number) => string;
|
|
705
|
+
/** Callback when value changes */
|
|
706
|
+
onValueChange?: (value: [number, number]) => void;
|
|
707
|
+
}
|
|
708
|
+
declare const DataRangeSliderInput: React$1.ForwardRefExoticComponent<DataRangeSliderInputProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
709
|
+
|
|
710
|
+
interface DatePickerProps {
|
|
711
|
+
/** Currently selected date */
|
|
712
|
+
date?: Date;
|
|
713
|
+
/** Callback when the date changes */
|
|
714
|
+
onDateChange?: (date: Date | undefined) => void;
|
|
715
|
+
/** Placeholder text shown when no date is selected */
|
|
716
|
+
placeholder?: string;
|
|
717
|
+
/** Additional class names for the trigger button */
|
|
718
|
+
className?: string;
|
|
719
|
+
/** Disable the date picker */
|
|
720
|
+
disabled?: boolean;
|
|
721
|
+
}
|
|
722
|
+
declare function DatePicker({ date, onDateChange, placeholder, className, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
723
|
+
declare namespace DatePicker {
|
|
724
|
+
var displayName: string;
|
|
725
|
+
}
|
|
726
|
+
interface DateRangePickerProps {
|
|
727
|
+
/** Currently selected date range */
|
|
728
|
+
dateRange?: DateRange;
|
|
729
|
+
/** Callback when the date range changes */
|
|
730
|
+
onDateRangeChange?: (range: DateRange | undefined) => void;
|
|
731
|
+
/** Placeholder text shown when no range is selected */
|
|
732
|
+
placeholder?: string;
|
|
733
|
+
/** Additional class names for the trigger button */
|
|
734
|
+
className?: string;
|
|
735
|
+
/** Disable the date range picker */
|
|
736
|
+
disabled?: boolean;
|
|
737
|
+
}
|
|
738
|
+
declare function DateRangePicker({ dateRange, onDateRangeChange, placeholder, className, disabled, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
|
|
739
|
+
declare namespace DateRangePicker {
|
|
740
|
+
var displayName: string;
|
|
741
|
+
}
|
|
742
|
+
interface DatePreset {
|
|
743
|
+
/** Display label for the preset */
|
|
744
|
+
label: string;
|
|
745
|
+
/** Date value when preset is selected */
|
|
746
|
+
value: Date;
|
|
747
|
+
}
|
|
748
|
+
interface DatePickerWithPresetsProps {
|
|
749
|
+
/** Currently selected date */
|
|
750
|
+
date?: Date;
|
|
751
|
+
/** Callback when the date changes */
|
|
752
|
+
onDateChange?: (date: Date | undefined) => void;
|
|
753
|
+
/** Quick preset options */
|
|
754
|
+
presets: DatePreset[];
|
|
755
|
+
/** Placeholder text shown when no date is selected */
|
|
756
|
+
placeholder?: string;
|
|
757
|
+
/** Additional class names for the trigger button */
|
|
758
|
+
className?: string;
|
|
759
|
+
/** Disable the date picker */
|
|
760
|
+
disabled?: boolean;
|
|
761
|
+
}
|
|
762
|
+
declare function DatePickerWithPresets({ date, onDateChange, presets, placeholder, className, disabled, }: DatePickerWithPresetsProps): react_jsx_runtime.JSX.Element;
|
|
763
|
+
declare namespace DatePickerWithPresets {
|
|
764
|
+
var displayName: string;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
declare const datePickerInputContainerVariants: (props?: ({
|
|
768
|
+
inputStyle?: "default" | "soft" | "shadow" | null | undefined;
|
|
769
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
770
|
+
interface DatePickerInputProps extends VariantProps<typeof datePickerInputContainerVariants> {
|
|
771
|
+
/** Single date or date range mode */
|
|
772
|
+
type?: "single" | "range";
|
|
773
|
+
/** Container size */
|
|
774
|
+
inputSize?: "lg" | "sm";
|
|
775
|
+
/** Selected date (single mode) */
|
|
776
|
+
date?: Date;
|
|
777
|
+
/** Callback when date changes (single mode) */
|
|
778
|
+
onDateChange?: (date: Date | undefined) => void;
|
|
779
|
+
/** Selected date range (range mode) */
|
|
780
|
+
dateRange?: DateRange;
|
|
781
|
+
/** Callback when date range changes (range mode) */
|
|
782
|
+
onDateRangeChange?: (range: DateRange | undefined) => void;
|
|
783
|
+
/** Label text above the input */
|
|
784
|
+
label?: string;
|
|
785
|
+
/** Caption text below the input */
|
|
786
|
+
caption?: string;
|
|
787
|
+
/** Error message — triggers failed state */
|
|
788
|
+
error?: string;
|
|
789
|
+
/** Disable the input */
|
|
790
|
+
disabled?: boolean;
|
|
791
|
+
/** Additional class names */
|
|
792
|
+
className?: string;
|
|
793
|
+
}
|
|
794
|
+
declare function DatePickerInput({ type, inputStyle, inputSize, date, onDateChange, dateRange, onDateRangeChange, label, caption, error, disabled, className, }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
|
|
795
|
+
declare namespace DatePickerInput {
|
|
796
|
+
var displayName: string;
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
800
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
801
|
+
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
802
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
803
|
+
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
804
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
805
|
+
declare const DialogHeader: {
|
|
806
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
807
|
+
displayName: string;
|
|
808
|
+
};
|
|
809
|
+
declare const DialogFooter: {
|
|
810
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
811
|
+
displayName: string;
|
|
812
|
+
};
|
|
813
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
814
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
815
|
+
|
|
816
|
+
declare const dividerVariants: (props?: ({
|
|
817
|
+
type?: "default" | "text-center" | "text-left" | "text-right" | "button-left" | "button-center" | "button-right" | "icon-left" | "icon-center" | "icon-right" | null | undefined;
|
|
818
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
819
|
+
declare const lineVariants: (props?: ({
|
|
820
|
+
lineStyle?: "dashed" | "solid" | null | undefined;
|
|
821
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
822
|
+
interface DividerProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
|
|
823
|
+
/** Line style: solid or dashed */
|
|
824
|
+
lineStyle?: "solid" | "dashed";
|
|
825
|
+
/** Text label (for text-* types) */
|
|
826
|
+
label?: string;
|
|
827
|
+
/** Remix Icon class name (for icon-* types) */
|
|
828
|
+
icon?: string;
|
|
829
|
+
}
|
|
830
|
+
declare const Divider: React$1.ForwardRefExoticComponent<DividerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
831
|
+
|
|
832
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
833
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
834
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
835
|
+
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
836
|
+
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
837
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
838
|
+
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
839
|
+
inset?: boolean;
|
|
840
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
841
|
+
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
842
|
+
interface DropdownMenuContentProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
|
|
843
|
+
/** Show a MenuSearchInput at the top of the dropdown */
|
|
844
|
+
search?: boolean;
|
|
845
|
+
/** Controlled search value */
|
|
846
|
+
searchValue?: string;
|
|
847
|
+
/** Callback when search value changes */
|
|
848
|
+
onSearchChange?: (value: string) => void;
|
|
849
|
+
/** Callback when search clear button is clicked */
|
|
850
|
+
onSearchClear?: () => void;
|
|
851
|
+
/** Placeholder text for the search input */
|
|
852
|
+
searchPlaceholder?: string;
|
|
853
|
+
}
|
|
854
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
855
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
856
|
+
inset?: boolean;
|
|
857
|
+
variant?: "default" | "destructive";
|
|
858
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
859
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
860
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
861
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
862
|
+
inset?: boolean;
|
|
863
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
864
|
+
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
865
|
+
declare const DropdownMenuShortcut: {
|
|
866
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
867
|
+
displayName: string;
|
|
868
|
+
};
|
|
869
|
+
declare const DropdownMenuCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
870
|
+
interface DropdownMenuUserbarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
871
|
+
name: string;
|
|
872
|
+
email?: string;
|
|
873
|
+
avatar?: React$1.ReactNode;
|
|
874
|
+
badge?: React$1.ReactNode;
|
|
875
|
+
}
|
|
876
|
+
declare const DropdownMenuUserbar: React$1.ForwardRefExoticComponent<DropdownMenuUserbarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
877
|
+
interface DropdownMenuLargeItemProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
|
|
878
|
+
label: string;
|
|
879
|
+
caption?: string;
|
|
880
|
+
icon?: React$1.ReactNode;
|
|
881
|
+
badge?: React$1.ReactNode;
|
|
882
|
+
tailIcon?: React$1.ReactNode;
|
|
883
|
+
}
|
|
884
|
+
declare const DropdownMenuLargeItem: React$1.ForwardRefExoticComponent<DropdownMenuLargeItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
885
|
+
|
|
886
|
+
declare const emptyStateVariants: (props?: ({
|
|
887
|
+
variant?: "default" | "icon" | "placeholder-icon" | null | undefined;
|
|
888
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
889
|
+
interface EmptyStateProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
|
|
890
|
+
title?: string;
|
|
891
|
+
description?: string;
|
|
892
|
+
/** Remix Icon CSS class — used when variant="icon" (e.g. "ri-error-warning-fill") */
|
|
893
|
+
icon?: string;
|
|
894
|
+
/** Path to an Isocon SVG in /public — used when variant="placeholder-icon" */
|
|
895
|
+
placeholderIcon?: string;
|
|
896
|
+
/** Optional action slot: pass a <Button> or any ReactNode */
|
|
897
|
+
action?: React$1.ReactNode;
|
|
898
|
+
}
|
|
899
|
+
declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
900
|
+
|
|
901
|
+
/** Represents a single file in the upload queue */
|
|
902
|
+
interface UploadFile {
|
|
903
|
+
/** Unique identifier for this file entry */
|
|
904
|
+
id: string;
|
|
905
|
+
/** The underlying File object */
|
|
906
|
+
file: File;
|
|
907
|
+
/** Upload state */
|
|
908
|
+
state: "uploaded" | "uploading" | "failed";
|
|
909
|
+
/** Upload progress 0-100 */
|
|
910
|
+
progress?: number;
|
|
911
|
+
/** Preview/thumbnail URL (generated client-side for images) */
|
|
912
|
+
thumbnail?: string;
|
|
913
|
+
/** AbortController for cancelling in-flight uploads */
|
|
914
|
+
abortController?: AbortController;
|
|
915
|
+
}
|
|
916
|
+
interface FileUploadProps {
|
|
917
|
+
/** Current list of files — controlled by parent */
|
|
918
|
+
files?: UploadFile[];
|
|
919
|
+
/** Called when files are added (via click or drop). Parent handles upload logic. */
|
|
920
|
+
onFilesAdded?: (files: File[]) => void;
|
|
921
|
+
/** Called when a file is removed */
|
|
922
|
+
onRemove?: (id: string) => void;
|
|
923
|
+
/** Called when a failed file should be retried */
|
|
924
|
+
onRetry?: (id: string) => void;
|
|
925
|
+
/** Called when an uploading file should be cancelled. Receives the id and AbortController. */
|
|
926
|
+
onCancel?: (id: string, abortController?: AbortController) => void;
|
|
927
|
+
/** Automatically generate client-side thumbnails for image files (via URL.createObjectURL) */
|
|
928
|
+
autoPreview?: boolean;
|
|
929
|
+
/** Enable paste support (Ctrl+V / Cmd+V to paste images from clipboard) */
|
|
930
|
+
pasteEnabled?: boolean;
|
|
931
|
+
/** Accepted file types (e.g. "image/*,.pdf") — maps to input accept attribute */
|
|
932
|
+
accept?: string;
|
|
933
|
+
/** Maximum file size in bytes (e.g. 10 * 1024 * 1024 for 10MB) */
|
|
934
|
+
maxSize?: number;
|
|
935
|
+
/** Maximum number of files allowed */
|
|
936
|
+
maxFiles?: number;
|
|
937
|
+
/** Allow multiple file selection */
|
|
938
|
+
multiple?: boolean;
|
|
939
|
+
/** Disabled state */
|
|
940
|
+
disabled?: boolean;
|
|
941
|
+
/** Card size for the file list */
|
|
942
|
+
cardSize?: "lg" | "sm";
|
|
943
|
+
/** Custom title for the upload area */
|
|
944
|
+
title?: string;
|
|
945
|
+
/** Custom link text for the upload area */
|
|
946
|
+
linkText?: string;
|
|
947
|
+
/** Custom description for the upload area — auto-generated from constraints if omitted */
|
|
948
|
+
description?: string;
|
|
949
|
+
/** Custom icon for the upload area */
|
|
950
|
+
icon?: string;
|
|
951
|
+
/** Additional CSS classes */
|
|
952
|
+
className?: string;
|
|
953
|
+
}
|
|
954
|
+
/** Format bytes to human-readable string */
|
|
955
|
+
declare function formatBytes(bytes: number): string;
|
|
956
|
+
/** Validate a single file against constraints */
|
|
957
|
+
declare function validateFile(file: File, accept?: string, maxSize?: number): string | null;
|
|
958
|
+
declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
959
|
+
|
|
960
|
+
interface FileUploadAreaProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onDrop" | "onDragOver"> {
|
|
961
|
+
/** Main text displayed before the link */
|
|
962
|
+
title?: string;
|
|
963
|
+
/** Blue clickable link text */
|
|
964
|
+
linkText?: string;
|
|
965
|
+
/** Helper text below the title */
|
|
966
|
+
description?: string;
|
|
967
|
+
/** Path to an Isocon SVG in /public (e.g. "/icons/isocons/download--T.svg") */
|
|
968
|
+
isoconSrc?: string;
|
|
969
|
+
/** Remix Icon CSS class — used as fallback when isoconSrc is not set */
|
|
970
|
+
icon?: string;
|
|
971
|
+
/** Disabled state */
|
|
972
|
+
disabled?: boolean;
|
|
973
|
+
/** Click callback (triggers file browser) */
|
|
974
|
+
onClick?: () => void;
|
|
975
|
+
/** Drop callback */
|
|
976
|
+
onDrop?: (e: React$1.DragEvent<HTMLDivElement>) => void;
|
|
977
|
+
/** Drag over callback */
|
|
978
|
+
onDragOver?: (e: React$1.DragEvent<HTMLDivElement>) => void;
|
|
979
|
+
}
|
|
980
|
+
declare const FileUploadArea: React$1.ForwardRefExoticComponent<FileUploadAreaProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
981
|
+
|
|
982
|
+
declare const fileUploadCardVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
983
|
+
interface FileUploadCardProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
984
|
+
/** Card size — lg shows full file info, sm shows file name only */
|
|
985
|
+
size?: "lg" | "sm";
|
|
986
|
+
/** File name */
|
|
987
|
+
fileName?: string;
|
|
988
|
+
/** File size as string (e.g. "1.5 MB") */
|
|
989
|
+
fileSize?: string;
|
|
990
|
+
/** Upload state */
|
|
991
|
+
state?: "uploaded" | "uploading" | "failed";
|
|
992
|
+
/** Thumbnail image URL */
|
|
993
|
+
thumbnail?: string;
|
|
994
|
+
/** Upload progress 0-100 (shown as progress bar when uploading) */
|
|
995
|
+
progress?: number;
|
|
996
|
+
/** Callback when close/remove button is clicked */
|
|
997
|
+
onRemove?: () => void;
|
|
998
|
+
/** Callback when more button is clicked (only shown in uploaded state) */
|
|
999
|
+
onMore?: () => void;
|
|
1000
|
+
/** Callback when retry button is clicked (only shown in failed state) */
|
|
1001
|
+
onRetry?: () => void;
|
|
1002
|
+
}
|
|
1003
|
+
declare const FileUploadCard: React$1.ForwardRefExoticComponent<FileUploadCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1004
|
+
|
|
1005
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
|
|
1006
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
|
|
1007
|
+
declare const useFormField: () => {
|
|
1008
|
+
invalid: boolean;
|
|
1009
|
+
isDirty: boolean;
|
|
1010
|
+
isTouched: boolean;
|
|
1011
|
+
isValidating: boolean;
|
|
1012
|
+
error?: react_hook_form.FieldError;
|
|
1013
|
+
id: string;
|
|
1014
|
+
name: string;
|
|
1015
|
+
formItemId: string;
|
|
1016
|
+
formDescriptionId: string;
|
|
1017
|
+
formMessageId: string;
|
|
1018
|
+
};
|
|
1019
|
+
declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1020
|
+
declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
1021
|
+
declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
1022
|
+
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
1023
|
+
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
1024
|
+
|
|
1025
|
+
declare const gridTableHeaderItemVariants: (props?: ({
|
|
1026
|
+
variant?: "label" | "checkbox" | "icon" | "empty" | null | undefined;
|
|
1027
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1028
|
+
type GridSortDirection = "asc" | "desc" | "none";
|
|
1029
|
+
interface GridTableHeaderItemProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridTableHeaderItemVariants> {
|
|
1030
|
+
/** Text label (only for variant="label") */
|
|
1031
|
+
label?: string;
|
|
1032
|
+
/** Show lead icon slot (only for variant="label") */
|
|
1033
|
+
leadIcon?: boolean;
|
|
1034
|
+
/** Custom lead icon content */
|
|
1035
|
+
leadIconContent?: React$1.ReactNode;
|
|
1036
|
+
/** Show tail icon (only for variant="label") */
|
|
1037
|
+
tailIcon?: boolean;
|
|
1038
|
+
/** Custom tail icon content */
|
|
1039
|
+
tailIconContent?: React$1.ReactNode;
|
|
1040
|
+
/** Enable sort behavior (only for variant="label") */
|
|
1041
|
+
sortable?: boolean;
|
|
1042
|
+
/** Current sort direction */
|
|
1043
|
+
sortDirection?: GridSortDirection;
|
|
1044
|
+
/** Sort click handler */
|
|
1045
|
+
onSort?: () => void;
|
|
1046
|
+
/** Checkbox checked state (only for variant="checkbox") */
|
|
1047
|
+
checked?: boolean | "indeterminate";
|
|
1048
|
+
/** Checkbox change handler */
|
|
1049
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1050
|
+
/** Icon class name for icon variant */
|
|
1051
|
+
iconClassName?: string;
|
|
1052
|
+
}
|
|
1053
|
+
declare const GridTableHeaderItem: React$1.ForwardRefExoticComponent<GridTableHeaderItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1054
|
+
|
|
1055
|
+
declare const gridTableRowVariants: (props?: ({
|
|
1056
|
+
variant?: "default" | "header" | "hover" | "selected" | null | undefined;
|
|
1057
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1058
|
+
interface GridTableRowProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridTableRowVariants> {
|
|
1059
|
+
}
|
|
1060
|
+
declare const GridTableRow: React$1.ForwardRefExoticComponent<GridTableRowProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1061
|
+
interface GridTableCellProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1062
|
+
/** Width of the cell — use Tailwind width classes or inline style */
|
|
1063
|
+
bordered?: boolean;
|
|
1064
|
+
}
|
|
1065
|
+
declare const GridTableCell: React$1.ForwardRefExoticComponent<GridTableCellProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1066
|
+
|
|
1067
|
+
declare const gridTableSlotItemVariants: (props?: ({
|
|
1068
|
+
variant?: "number" | "default" | "checkbox" | "avatar" | "icon" | "badge" | "empty" | "progressBar" | null | undefined;
|
|
1069
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1070
|
+
type SlotState = "default" | "selected" | "failed";
|
|
1071
|
+
interface GridTableSlotItemProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridTableSlotItemVariants> {
|
|
1072
|
+
/** Cell state */
|
|
1073
|
+
state?: SlotState;
|
|
1074
|
+
/** Text label (for default, avatar variants) */
|
|
1075
|
+
label?: string;
|
|
1076
|
+
/** Show lead icon (default variant) */
|
|
1077
|
+
leadIcon?: boolean;
|
|
1078
|
+
/** Custom lead icon content */
|
|
1079
|
+
leadIconContent?: React$1.ReactNode;
|
|
1080
|
+
/** Show tail icon (default, avatar, badge, progressBar variants) */
|
|
1081
|
+
tailIcon?: boolean;
|
|
1082
|
+
/** Custom tail icon content */
|
|
1083
|
+
tailIconContent?: React$1.ReactNode;
|
|
1084
|
+
/** Avatar image src (avatar variant) */
|
|
1085
|
+
avatarSrc?: string;
|
|
1086
|
+
/** Avatar fallback initials (avatar variant) */
|
|
1087
|
+
avatarFallback?: string;
|
|
1088
|
+
/** Badge content (badge variant) */
|
|
1089
|
+
badgeContent?: React$1.ReactNode;
|
|
1090
|
+
/** Progress value 0-100 (progressBar variant) */
|
|
1091
|
+
progressValue?: number;
|
|
1092
|
+
/** Checkbox checked state (checkbox variant) */
|
|
1093
|
+
checked?: boolean | "indeterminate";
|
|
1094
|
+
/** Checkbox change handler */
|
|
1095
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1096
|
+
/** Icon class (icon variant) */
|
|
1097
|
+
iconClassName?: string;
|
|
1098
|
+
/** Number text (number variant) */
|
|
1099
|
+
numberText?: string;
|
|
1100
|
+
}
|
|
1101
|
+
declare const GridTableSlotItem: React$1.ForwardRefExoticComponent<GridTableSlotItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1102
|
+
|
|
1103
|
+
declare const horizontalStepperItemVariants: (props?: ({
|
|
1104
|
+
position?: "bottom" | "top" | null | undefined;
|
|
1105
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1106
|
+
type StepperState = "completed" | "current" | "upcoming";
|
|
1107
|
+
type StepperVariant = "number" | "icon";
|
|
1108
|
+
type StepperColorMode = "colored" | "neutral";
|
|
1109
|
+
type CaptionColor = "default" | "success" | "informative" | "warning" | "destructive";
|
|
1110
|
+
interface HorizontalStepperItemProps extends Omit<React$1.HTMLAttributes<HTMLLIElement>, "align">, VariantProps<typeof horizontalStepperItemVariants> {
|
|
1111
|
+
state?: StepperState;
|
|
1112
|
+
/** Whether this step uses a number or icon indicator */
|
|
1113
|
+
variant?: StepperVariant;
|
|
1114
|
+
/** "colored" = green indicators/lines for completed, "neutral" = inverted indicators, default lines */
|
|
1115
|
+
colorMode?: StepperColorMode;
|
|
1116
|
+
align?: "left" | "center" | "right";
|
|
1117
|
+
label?: string;
|
|
1118
|
+
caption?: string;
|
|
1119
|
+
/** Semantic color for the caption text */
|
|
1120
|
+
captionColor?: CaptionColor;
|
|
1121
|
+
leftLine?: boolean;
|
|
1122
|
+
rightLine?: boolean;
|
|
1123
|
+
/** When true, right line uses success color (set by parent when next step is also completed) */
|
|
1124
|
+
successRightLine?: boolean;
|
|
1125
|
+
number?: string;
|
|
1126
|
+
/** Icon element for icon variant (Remix Icon, e.g. <i className="ri-check-line" />) */
|
|
1127
|
+
icon?: React$1.ReactNode;
|
|
1128
|
+
}
|
|
1129
|
+
declare const HorizontalStepperItem: React$1.ForwardRefExoticComponent<HorizontalStepperItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
1130
|
+
|
|
1131
|
+
interface StepperStep {
|
|
1132
|
+
label: string;
|
|
1133
|
+
caption?: string;
|
|
1134
|
+
captionColor?: CaptionColor;
|
|
1135
|
+
icon?: React$1.ReactNode;
|
|
1136
|
+
}
|
|
1137
|
+
interface HorizontalStepperProps extends Omit<React$1.HTMLAttributes<HTMLOListElement>, "align"> {
|
|
1138
|
+
steps: StepperStep[];
|
|
1139
|
+
activeStep?: number;
|
|
1140
|
+
/** Use "number" for numbered steps or "icon" for icon-based steps */
|
|
1141
|
+
variant?: StepperVariant;
|
|
1142
|
+
/** "colored" = green indicators/lines for completed, "neutral" = inverted indicators, default lines */
|
|
1143
|
+
colorMode?: StepperColorMode;
|
|
1144
|
+
position?: HorizontalStepperItemProps["position"];
|
|
1145
|
+
align?: HorizontalStepperItemProps["align"];
|
|
1146
|
+
/** Called when a step is clicked, receives the step index */
|
|
1147
|
+
onStepClick?: (index: number) => void;
|
|
1148
|
+
}
|
|
1149
|
+
declare const HorizontalStepper: React$1.ForwardRefExoticComponent<HorizontalStepperProps & React$1.RefAttributes<HTMLOListElement>>;
|
|
1150
|
+
|
|
1151
|
+
declare const inlineTipsVariants: (props?: ({
|
|
1152
|
+
variant?: "default" | "error" | "success" | "information" | "warning" | null | undefined;
|
|
1153
|
+
colorStyle?: "neutral" | "colored" | null | undefined;
|
|
1154
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1155
|
+
interface InlineTipsProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inlineTipsVariants> {
|
|
1156
|
+
title?: string;
|
|
1157
|
+
}
|
|
1158
|
+
declare const InlineTips: React$1.ForwardRefExoticComponent<InlineTipsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1159
|
+
|
|
1160
|
+
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
1161
|
+
|
|
1162
|
+
declare const inputButtonVariants: (props?: ({
|
|
1163
|
+
variant?: "default" | "shortcut" | "tags" | "icon-only" | null | undefined;
|
|
1164
|
+
inputButtonStyle?: "default" | "inline" | "muted" | null | undefined;
|
|
1165
|
+
size?: "lg" | "sm" | null | undefined;
|
|
1166
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1167
|
+
interface InputButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof inputButtonVariants> {
|
|
1168
|
+
asChild?: boolean;
|
|
1169
|
+
/** Show lead icon slot (default/shortcut/tags variant) */
|
|
1170
|
+
leadIcon?: boolean;
|
|
1171
|
+
/** Show tail icon slot (default/tags variant only) */
|
|
1172
|
+
tailIcon?: boolean;
|
|
1173
|
+
/** Custom lead icon element */
|
|
1174
|
+
leadIconElement?: React$1.ReactNode;
|
|
1175
|
+
/** Custom tail icon element */
|
|
1176
|
+
tailIconElement?: React$1.ReactNode;
|
|
1177
|
+
/** Keyboard shortcut text for shortcut variant (e.g., "/", "Ctrl+K") */
|
|
1178
|
+
shortcutKey?: string;
|
|
1179
|
+
/** Array of tag strings for tags variant */
|
|
1180
|
+
tags?: string[];
|
|
1181
|
+
/** Placeholder text (for shortcut/tags variant) */
|
|
1182
|
+
placeholder?: string;
|
|
1183
|
+
}
|
|
1184
|
+
declare const InputButton: React$1.ForwardRefExoticComponent<InputButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1185
|
+
|
|
1186
|
+
interface PasswordRequirement {
|
|
1187
|
+
label: string;
|
|
1188
|
+
met: boolean;
|
|
1189
|
+
}
|
|
1190
|
+
type InputCaptionVariant = "default" | "success" | "error" | "checkbox" | "password" | "buttons";
|
|
1191
|
+
interface InputCaptionProps {
|
|
1192
|
+
variant?: InputCaptionVariant;
|
|
1193
|
+
className?: string;
|
|
1194
|
+
children?: React$1.ReactNode;
|
|
1195
|
+
/** Checkbox variant: controlled checked state */
|
|
1196
|
+
checked?: boolean;
|
|
1197
|
+
/** Checkbox variant: change callback */
|
|
1198
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1199
|
+
/** Password variant: strength level (0 = none, 1 = low, 2 = medium, 3 = high) */
|
|
1200
|
+
strength?: 0 | 1 | 2 | 3;
|
|
1201
|
+
/** Password variant: list of requirements with met/unmet status */
|
|
1202
|
+
requirements?: PasswordRequirement[];
|
|
1203
|
+
/** Password variant: custom label above strength bars */
|
|
1204
|
+
passwordLabel?: string;
|
|
1205
|
+
}
|
|
1206
|
+
declare const InputCaption: React$1.ForwardRefExoticComponent<InputCaptionProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1207
|
+
|
|
1208
|
+
declare const inputContainerVariants: (props?: ({
|
|
1209
|
+
inputStyle?: "default" | "soft" | "shadow" | null | undefined;
|
|
1210
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1211
|
+
interface InputFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputContainerVariants> {
|
|
1212
|
+
/** Size: lg (default) or sm (reduced vertical padding) */
|
|
1213
|
+
inputSize?: "lg" | "sm";
|
|
1214
|
+
/** Label text above the input */
|
|
1215
|
+
label?: string;
|
|
1216
|
+
/** Show required asterisk on label */
|
|
1217
|
+
required?: boolean;
|
|
1218
|
+
/** Support text in the label tail */
|
|
1219
|
+
labelSupportText?: string;
|
|
1220
|
+
/** Icon in the label tail */
|
|
1221
|
+
labelTailIcon?: React$1.ReactNode;
|
|
1222
|
+
/** Caption text below the input */
|
|
1223
|
+
caption?: string;
|
|
1224
|
+
/** Error message — shows instead of caption, triggers failed state */
|
|
1225
|
+
error?: string;
|
|
1226
|
+
/** Lead icon inside the input (left) */
|
|
1227
|
+
leadIcon?: React$1.ReactNode;
|
|
1228
|
+
/** Tail icon inside the input (right) */
|
|
1229
|
+
tailIcon?: React$1.ReactNode;
|
|
1230
|
+
/** Prefix text (e.g. "$", "https://") */
|
|
1231
|
+
prefix?: string;
|
|
1232
|
+
/** Suffix text (e.g. ".com", "kg") */
|
|
1233
|
+
suffix?: string;
|
|
1234
|
+
/** Tag badges displayed inline inside the input container */
|
|
1235
|
+
tags?: string[];
|
|
1236
|
+
/** Button element rendered at the right edge inside the container (e.g. currency dropdown) */
|
|
1237
|
+
tailButton?: React$1.ReactNode;
|
|
1238
|
+
/** Button element rendered at the left edge inside the container (e.g. country code dropdown) */
|
|
1239
|
+
leadButton?: React$1.ReactNode;
|
|
1240
|
+
/** Show vertical divider before tailButton */
|
|
1241
|
+
tailDivider?: boolean;
|
|
1242
|
+
/** Show vertical divider after leadButton */
|
|
1243
|
+
leadDivider?: boolean;
|
|
1244
|
+
/** Bordered add-on section on the left (e.g. "https://") */
|
|
1245
|
+
leadAddon?: string;
|
|
1246
|
+
/** Bordered add-on section on the right (e.g. ".com") */
|
|
1247
|
+
tailAddon?: string;
|
|
1248
|
+
/** Additional className applied to the inner <input> element */
|
|
1249
|
+
inputClassName?: string;
|
|
1250
|
+
}
|
|
1251
|
+
declare const InputField: React$1.ForwardRefExoticComponent<InputFieldProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1252
|
+
|
|
1253
|
+
interface InputStepperProps {
|
|
1254
|
+
/** Called when the increment (up) button is clicked */
|
|
1255
|
+
onIncrement?: () => void;
|
|
1256
|
+
/** Called when the decrement (down) button is clicked */
|
|
1257
|
+
onDecrement?: () => void;
|
|
1258
|
+
/** Disable both buttons */
|
|
1259
|
+
disabled?: boolean;
|
|
1260
|
+
className?: string;
|
|
1261
|
+
}
|
|
1262
|
+
/**
|
|
1263
|
+
* InputStepper — A vertical up/down stepper control for use inside InputField's
|
|
1264
|
+
* `tailButton` slot. Renders two chevron buttons stacked vertically with a
|
|
1265
|
+
* horizontal divider between them.
|
|
1266
|
+
*/
|
|
1267
|
+
declare const InputStepper: React$1.ForwardRefExoticComponent<InputStepperProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1268
|
+
|
|
1269
|
+
declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1270
|
+
interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
1271
|
+
required?: boolean;
|
|
1272
|
+
supportText?: string;
|
|
1273
|
+
tailIcon?: React$1.ReactNode;
|
|
1274
|
+
}
|
|
1275
|
+
declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
|
|
1276
|
+
|
|
1277
|
+
interface MenuSearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
1278
|
+
/** Size: lg = 40px (default), sm = 36px */
|
|
1279
|
+
inputSize?: "lg" | "sm";
|
|
1280
|
+
/** Callback when clear button is clicked — shows clear button when provided and input has value */
|
|
1281
|
+
onClear?: () => void;
|
|
1282
|
+
/** Keyboard shortcut badge text (e.g. "/", "Ctrl+K") */
|
|
1283
|
+
shortcutKey?: string;
|
|
1284
|
+
}
|
|
1285
|
+
declare const MenuSearchInput: React$1.ForwardRefExoticComponent<MenuSearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1286
|
+
|
|
1287
|
+
declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
1288
|
+
declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
1289
|
+
declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
1290
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1291
|
+
declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1292
|
+
declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1293
|
+
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1294
|
+
declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1295
|
+
declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1296
|
+
|
|
1297
|
+
declare const pageItemVariants: (props?: ({
|
|
1298
|
+
variant?: "default" | "dot" | null | undefined;
|
|
1299
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1300
|
+
interface PageItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof pageItemVariants> {
|
|
1301
|
+
/** Active/selected state */
|
|
1302
|
+
active?: boolean;
|
|
1303
|
+
/** Page number label (only for variant="default") */
|
|
1304
|
+
label?: string;
|
|
1305
|
+
}
|
|
1306
|
+
declare const PageItem: React$1.ForwardRefExoticComponent<PageItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1307
|
+
|
|
1308
|
+
declare const Pagination: {
|
|
1309
|
+
({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
1310
|
+
displayName: string;
|
|
1311
|
+
};
|
|
1312
|
+
declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
1313
|
+
declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
1314
|
+
type PaginationLinkProps = {
|
|
1315
|
+
isActive?: boolean;
|
|
1316
|
+
} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
|
|
1317
|
+
declare const PaginationLink: {
|
|
1318
|
+
({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
1319
|
+
displayName: string;
|
|
1320
|
+
};
|
|
1321
|
+
declare const PaginationPrevious: {
|
|
1322
|
+
({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
1323
|
+
displayName: string;
|
|
1324
|
+
};
|
|
1325
|
+
declare const PaginationNext: {
|
|
1326
|
+
({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
1327
|
+
displayName: string;
|
|
1328
|
+
};
|
|
1329
|
+
declare const PaginationEllipsis: {
|
|
1330
|
+
({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
1331
|
+
displayName: string;
|
|
1332
|
+
};
|
|
1333
|
+
|
|
1334
|
+
interface PaginatorProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
1335
|
+
/** Paginator style */
|
|
1336
|
+
variant?: "simple" | "numbered" | "dots";
|
|
1337
|
+
/** Current active page (1-based) */
|
|
1338
|
+
currentPage?: number;
|
|
1339
|
+
/** Total number of pages */
|
|
1340
|
+
totalPages?: number;
|
|
1341
|
+
/** Total results count (simple variant only) */
|
|
1342
|
+
totalResults?: number;
|
|
1343
|
+
/** Results per page (simple variant only) */
|
|
1344
|
+
resultsPerPage?: number;
|
|
1345
|
+
/** Called when page changes */
|
|
1346
|
+
onPageChange?: (page: number) => void;
|
|
1347
|
+
/** Label for previous button (simple variant) */
|
|
1348
|
+
prevLabel?: string;
|
|
1349
|
+
/** Label for next button (simple variant) */
|
|
1350
|
+
nextLabel?: string;
|
|
1351
|
+
/** Max visible page items before ellipsis (numbered variant) */
|
|
1352
|
+
maxVisiblePages?: number;
|
|
1353
|
+
/** Disable all interactions */
|
|
1354
|
+
disabled?: boolean;
|
|
1355
|
+
}
|
|
1356
|
+
declare const Paginator: React$1.ForwardRefExoticComponent<PaginatorProps & React$1.RefAttributes<HTMLElement>>;
|
|
1357
|
+
|
|
1358
|
+
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
1359
|
+
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1360
|
+
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1361
|
+
|
|
1362
|
+
declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1363
|
+
|
|
1364
|
+
declare const progressBarVariants: (props?: ({
|
|
1365
|
+
variant?: "linear" | "dashed" | null | undefined;
|
|
1366
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1367
|
+
interface ProgressBarProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof progressBarVariants> {
|
|
1368
|
+
/** Progress value 0-100 */
|
|
1369
|
+
value?: number;
|
|
1370
|
+
/** Show the label row (Label + percentage) above the bar */
|
|
1371
|
+
label?: boolean;
|
|
1372
|
+
/** Custom label text (left side) */
|
|
1373
|
+
labelText?: string;
|
|
1374
|
+
/** Show caption text below the bar */
|
|
1375
|
+
caption?: boolean;
|
|
1376
|
+
/** Caption text content */
|
|
1377
|
+
captionText?: string;
|
|
1378
|
+
}
|
|
1379
|
+
declare const ProgressBar: React$1.ForwardRefExoticComponent<ProgressBarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1380
|
+
|
|
1381
|
+
declare const radialProgressBarVariants: (props?: ({
|
|
1382
|
+
variant?: "default" | "success" | "failed" | null | undefined;
|
|
1383
|
+
shape?: "default" | "half" | null | undefined;
|
|
1384
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1385
|
+
interface RadialProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof radialProgressBarVariants> {
|
|
1386
|
+
/** Progress value 0–100 */
|
|
1387
|
+
value?: number;
|
|
1388
|
+
/** Diameter in px */
|
|
1389
|
+
size?: number;
|
|
1390
|
+
/** Stroke width of the progress arc */
|
|
1391
|
+
strokeWidth?: number;
|
|
1392
|
+
/** Show the center value label */
|
|
1393
|
+
showValue?: boolean;
|
|
1394
|
+
/** Custom label text — overrides percentage display */
|
|
1395
|
+
label?: string;
|
|
1396
|
+
}
|
|
1397
|
+
declare const RadialProgressBar: React$1.ForwardRefExoticComponent<RadialProgressBarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1398
|
+
|
|
1399
|
+
declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1400
|
+
declare const radioButtonVariants: (props?: ({
|
|
1401
|
+
variant?: "default" | "shadow" | null | undefined;
|
|
1402
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1403
|
+
interface RadioButtonProps extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, VariantProps<typeof radioButtonVariants> {
|
|
1404
|
+
}
|
|
1405
|
+
declare const RadioButton: React$1.ForwardRefExoticComponent<RadioButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1406
|
+
|
|
1407
|
+
declare const RadioCardGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1408
|
+
declare const radioButtonCardVariants: (props?: ({
|
|
1409
|
+
variant?: "default" | "soft" | null | undefined;
|
|
1410
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1411
|
+
interface RadioButtonCardProps extends VariantProps<typeof radioButtonCardVariants> {
|
|
1412
|
+
title: string;
|
|
1413
|
+
description?: string;
|
|
1414
|
+
supporterTitle?: string;
|
|
1415
|
+
supporterDescription?: string;
|
|
1416
|
+
radioPosition?: "off" | "right" | "left";
|
|
1417
|
+
layout?: "horizontal" | "vertical";
|
|
1418
|
+
value: string;
|
|
1419
|
+
disabled?: boolean;
|
|
1420
|
+
className?: string;
|
|
1421
|
+
}
|
|
1422
|
+
declare const RadioButtonCard: React$1.ForwardRefExoticComponent<RadioButtonCardProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1423
|
+
|
|
1424
|
+
interface RadioButtonListProps {
|
|
1425
|
+
/** Show border dividers between items (default: true) */
|
|
1426
|
+
divider?: boolean;
|
|
1427
|
+
/** Controlled selected value */
|
|
1428
|
+
value?: string;
|
|
1429
|
+
/** Uncontrolled default value */
|
|
1430
|
+
defaultValue?: string;
|
|
1431
|
+
/** Change handler */
|
|
1432
|
+
onValueChange?: (value: string) => void;
|
|
1433
|
+
/** Disable all items */
|
|
1434
|
+
disabled?: boolean;
|
|
1435
|
+
className?: string;
|
|
1436
|
+
children?: React$1.ReactNode;
|
|
1437
|
+
}
|
|
1438
|
+
declare const RadioButtonList: React$1.ForwardRefExoticComponent<RadioButtonListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1439
|
+
|
|
1440
|
+
declare const radioButtonWithTextVariants: (props?: ({
|
|
1441
|
+
radioPosition?: "left" | "right" | null | undefined;
|
|
1442
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1443
|
+
interface RadioButtonWithTextProps extends VariantProps<typeof radioButtonWithTextVariants> {
|
|
1444
|
+
label: string;
|
|
1445
|
+
description?: string;
|
|
1446
|
+
variant?: "default" | "shadow";
|
|
1447
|
+
disabled?: boolean;
|
|
1448
|
+
value: string;
|
|
1449
|
+
className?: string;
|
|
1450
|
+
id?: string;
|
|
1451
|
+
}
|
|
1452
|
+
declare const RadioButtonWithText: React$1.ForwardRefExoticComponent<RadioButtonWithTextProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1453
|
+
|
|
1454
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1455
|
+
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1456
|
+
|
|
1457
|
+
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
1458
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1459
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
1460
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1461
|
+
declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1462
|
+
declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1463
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1464
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1465
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1466
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1467
|
+
|
|
1468
|
+
interface SelectMenuProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1469
|
+
/**
|
|
1470
|
+
* Indicator type applied to all SelectMenuItems rendered via the `items` prop.
|
|
1471
|
+
* When composing with children manually, pass `indicator` directly to each item.
|
|
1472
|
+
*/
|
|
1473
|
+
selectType?: "default" | "checkbox" | "radio";
|
|
1474
|
+
/** Show/hide the MenuSearchInput at the top. Default: true */
|
|
1475
|
+
searchInput?: boolean;
|
|
1476
|
+
/** Controlled search value */
|
|
1477
|
+
searchValue?: string;
|
|
1478
|
+
/** Callback when search input changes */
|
|
1479
|
+
onSearch?: (query: string) => void;
|
|
1480
|
+
/** Placeholder text for the search input */
|
|
1481
|
+
searchPlaceholder?: string;
|
|
1482
|
+
/** Optional footer slot (e.g. an "Add new" button row) */
|
|
1483
|
+
footer?: React$1.ReactNode;
|
|
1484
|
+
/** Shown when the scrollable list is empty */
|
|
1485
|
+
emptyState?: React$1.ReactNode;
|
|
1486
|
+
/** Max height of the scrollable list area. Default: "none" (natural height) */
|
|
1487
|
+
listMaxHeight?: string;
|
|
1488
|
+
/**
|
|
1489
|
+
* Default lead icon injected into every SelectMenuItem child (icon variant).
|
|
1490
|
+
* Per-item icons override this default — pass `icon` directly on the item.
|
|
1491
|
+
*/
|
|
1492
|
+
itemIcon?: React$1.ReactNode;
|
|
1493
|
+
/**
|
|
1494
|
+
* Default avatar injected into every SelectMenuItem child (avatar variant).
|
|
1495
|
+
* Per-item avatars override this default — pass `avatar` directly on the item.
|
|
1496
|
+
*/
|
|
1497
|
+
itemAvatar?: React$1.ReactNode;
|
|
1498
|
+
}
|
|
1499
|
+
declare const SelectMenu: React$1.ForwardRefExoticComponent<SelectMenuProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1500
|
+
interface SelectMenuFooterButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1501
|
+
/** Remix Icon class for the lead icon. Default: ri-add-line */
|
|
1502
|
+
icon?: string;
|
|
1503
|
+
}
|
|
1504
|
+
declare const SelectMenuFooterButton: React$1.ForwardRefExoticComponent<SelectMenuFooterButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1505
|
+
|
|
1506
|
+
interface SelectInputProps {
|
|
1507
|
+
/** Label text above the trigger */
|
|
1508
|
+
label?: string;
|
|
1509
|
+
/** Show required asterisk on label */
|
|
1510
|
+
required?: boolean;
|
|
1511
|
+
/** Support text in the label tail */
|
|
1512
|
+
labelSupportText?: string;
|
|
1513
|
+
/** Placeholder text when no value is selected */
|
|
1514
|
+
placeholder?: string;
|
|
1515
|
+
/** Display text of the currently selected value */
|
|
1516
|
+
value?: string;
|
|
1517
|
+
/** Caption text below the trigger */
|
|
1518
|
+
caption?: string;
|
|
1519
|
+
/** Error message — shows instead of caption, triggers error state */
|
|
1520
|
+
error?: string;
|
|
1521
|
+
/** Disabled state */
|
|
1522
|
+
disabled?: boolean;
|
|
1523
|
+
/** Visual style of the trigger. Default: "default" */
|
|
1524
|
+
inputStyle?: "default" | "shadow" | "soft";
|
|
1525
|
+
/** Size of the trigger. Default: "lg" */
|
|
1526
|
+
inputSize?: "lg" | "sm";
|
|
1527
|
+
/** Lead icon inside the trigger (left) */
|
|
1528
|
+
leadIcon?: React$1.ReactNode;
|
|
1529
|
+
/**
|
|
1530
|
+
* Avatar shown in the trigger when a value is selected (Avatar variant).
|
|
1531
|
+
* Replaces the leadIcon when present and a value is set.
|
|
1532
|
+
*/
|
|
1533
|
+
triggerAvatar?: React$1.ReactNode;
|
|
1534
|
+
/** Tail icon inside the trigger (right, before expand chevron) */
|
|
1535
|
+
tailIcon?: React$1.ReactNode;
|
|
1536
|
+
/** Controlled open state */
|
|
1537
|
+
open?: boolean;
|
|
1538
|
+
/** Callback when open state changes */
|
|
1539
|
+
onOpenChange?: (open: boolean) => void;
|
|
1540
|
+
/** SelectMenuItem children rendered inside the menu */
|
|
1541
|
+
children?: React$1.ReactNode;
|
|
1542
|
+
/** Show search input in the menu. Default: false */
|
|
1543
|
+
searchInput?: boolean;
|
|
1544
|
+
/** Placeholder for the search input */
|
|
1545
|
+
searchPlaceholder?: string;
|
|
1546
|
+
/** Controlled search value */
|
|
1547
|
+
searchValue?: string;
|
|
1548
|
+
/** Callback when search input changes */
|
|
1549
|
+
onSearch?: (query: string) => void;
|
|
1550
|
+
/** Indicator type for menu items */
|
|
1551
|
+
selectType?: SelectMenuProps["selectType"];
|
|
1552
|
+
/** Default icon injected into every SelectMenuItem */
|
|
1553
|
+
itemIcon?: React$1.ReactNode;
|
|
1554
|
+
/** Default avatar injected into every SelectMenuItem */
|
|
1555
|
+
itemAvatar?: React$1.ReactNode;
|
|
1556
|
+
/** Max height of the scrollable list. Default: "232px" */
|
|
1557
|
+
listMaxHeight?: string;
|
|
1558
|
+
/** Shown when the list is empty */
|
|
1559
|
+
emptyState?: React$1.ReactNode;
|
|
1560
|
+
/** Footer slot in the menu */
|
|
1561
|
+
footer?: React$1.ReactNode;
|
|
1562
|
+
/**
|
|
1563
|
+
* Multi-select mode. When true, the menu stays open after clicking an item
|
|
1564
|
+
* and the trigger shows comma-separated values. Default: false
|
|
1565
|
+
*/
|
|
1566
|
+
multiSelect?: boolean;
|
|
1567
|
+
/**
|
|
1568
|
+
* Tags displayed in the trigger (Tags variant).
|
|
1569
|
+
* When provided, renders removable tag chips instead of a text value.
|
|
1570
|
+
*/
|
|
1571
|
+
tags?: {
|
|
1572
|
+
label: string;
|
|
1573
|
+
onRemove?: () => void;
|
|
1574
|
+
}[];
|
|
1575
|
+
/** Additional class name on the outer wrapper */
|
|
1576
|
+
className?: string;
|
|
1577
|
+
}
|
|
1578
|
+
declare const SelectInput: React$1.ForwardRefExoticComponent<SelectInputProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1579
|
+
|
|
1580
|
+
type SelectMenuIndicator = "none" | "checkmark" | "checkbox" | "radio";
|
|
1581
|
+
interface SelectMenuItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1582
|
+
/** Indicator type shown in the leading position. Default: "none" */
|
|
1583
|
+
indicator?: SelectMenuIndicator;
|
|
1584
|
+
/** Whether this item is currently selected/checked. */
|
|
1585
|
+
selected?: boolean;
|
|
1586
|
+
/** Optional icon (Remix Icon <i> or Lucide <svg>). Rendered after the indicator. */
|
|
1587
|
+
icon?: React$1.ReactNode;
|
|
1588
|
+
/** Optional avatar (React node, e.g. <Avatar />). Replaces icon with avatar styling + extra label padding. */
|
|
1589
|
+
avatar?: React$1.ReactNode;
|
|
1590
|
+
/** Optional right-aligned caption text. */
|
|
1591
|
+
caption?: string;
|
|
1592
|
+
/** Optional badge label rendered as a small bordered badge. */
|
|
1593
|
+
badge?: string;
|
|
1594
|
+
}
|
|
1595
|
+
declare const SelectMenuItem: React$1.ForwardRefExoticComponent<SelectMenuItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1596
|
+
interface SelectMenuLabelProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1597
|
+
/** Optional right-aligned caption */
|
|
1598
|
+
caption?: string;
|
|
1599
|
+
}
|
|
1600
|
+
declare const SelectMenuLabel: React$1.ForwardRefExoticComponent<SelectMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1601
|
+
declare const SelectMenuDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
1602
|
+
declare const SelectMenuSeparator: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1603
|
+
interface SelectMenuLargeItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1604
|
+
/** Main label text */
|
|
1605
|
+
label: string;
|
|
1606
|
+
/** Secondary caption text below the label */
|
|
1607
|
+
caption?: string;
|
|
1608
|
+
/** Icon inside the 36px circular container (Remix Icon <i> or Lucide <svg>) */
|
|
1609
|
+
icon?: React$1.ReactNode;
|
|
1610
|
+
/** Whether this item is currently selected (shows tail checkmark) */
|
|
1611
|
+
selected?: boolean;
|
|
1612
|
+
/** Optional badge label */
|
|
1613
|
+
badge?: string;
|
|
1614
|
+
}
|
|
1615
|
+
declare const SelectMenuLargeItem: React$1.ForwardRefExoticComponent<SelectMenuLargeItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1616
|
+
|
|
1617
|
+
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1618
|
+
|
|
1619
|
+
declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
|
|
1620
|
+
declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1621
|
+
declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1622
|
+
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
1623
|
+
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1624
|
+
declare const sheetVariants: (props?: ({
|
|
1625
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
1626
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1627
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
1628
|
+
}
|
|
1629
|
+
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1630
|
+
declare const SheetHeader: {
|
|
1631
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1632
|
+
displayName: string;
|
|
1633
|
+
};
|
|
1634
|
+
declare const SheetFooter: {
|
|
1635
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1636
|
+
displayName: string;
|
|
1637
|
+
};
|
|
1638
|
+
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
1639
|
+
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
1640
|
+
|
|
1641
|
+
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
1642
|
+
declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
1643
|
+
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1644
|
+
declare const tooltipContentVariants: (props?: ({
|
|
1645
|
+
variant?: "default" | "light" | null | undefined;
|
|
1646
|
+
weight?: "bold" | "subtle" | null | undefined;
|
|
1647
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1648
|
+
interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
|
|
1649
|
+
/** Optional keyboard shortcut badge (e.g., "/", "⌘K") */
|
|
1650
|
+
shortcut?: string;
|
|
1651
|
+
}
|
|
1652
|
+
declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1653
|
+
|
|
1654
|
+
type SidebarContextProps = {
|
|
1655
|
+
state: "expanded" | "collapsed";
|
|
1656
|
+
open: boolean;
|
|
1657
|
+
setOpen: (open: boolean) => void;
|
|
1658
|
+
openMobile: boolean;
|
|
1659
|
+
setOpenMobile: (open: boolean) => void;
|
|
1660
|
+
isMobile: boolean;
|
|
1661
|
+
toggleSidebar: () => void;
|
|
1662
|
+
};
|
|
1663
|
+
declare function useSidebar(): SidebarContextProps;
|
|
1664
|
+
declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
1665
|
+
defaultOpen?: boolean;
|
|
1666
|
+
open?: boolean;
|
|
1667
|
+
onOpenChange?: (open: boolean) => void;
|
|
1668
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1669
|
+
declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
1670
|
+
side?: "left" | "right";
|
|
1671
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
1672
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
1673
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1674
|
+
declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1675
|
+
declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1676
|
+
declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1677
|
+
declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
1678
|
+
declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1679
|
+
declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1680
|
+
declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1681
|
+
declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1682
|
+
declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1683
|
+
declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
1684
|
+
asChild?: boolean;
|
|
1685
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1686
|
+
declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1687
|
+
asChild?: boolean;
|
|
1688
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1689
|
+
declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1690
|
+
declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
1691
|
+
declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1692
|
+
asChild?: boolean;
|
|
1693
|
+
isActive?: boolean;
|
|
1694
|
+
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
1695
|
+
} & VariantProps<(props?: ({
|
|
1696
|
+
variant?: "default" | "outline" | null | undefined;
|
|
1697
|
+
size?: "default" | "lg" | "sm" | null | undefined;
|
|
1698
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1699
|
+
declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1700
|
+
asChild?: boolean;
|
|
1701
|
+
showOnHover?: boolean;
|
|
1702
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1703
|
+
declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1704
|
+
declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
1705
|
+
showIcon?: boolean;
|
|
1706
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1707
|
+
declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
1708
|
+
declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
1709
|
+
declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
1710
|
+
asChild?: boolean;
|
|
1711
|
+
size?: "sm" | "md";
|
|
1712
|
+
isActive?: boolean;
|
|
1713
|
+
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1714
|
+
|
|
1715
|
+
declare const sidebarCardVariants: (props?: ({
|
|
1716
|
+
variant?: "default" | "soft" | null | undefined;
|
|
1717
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1718
|
+
interface SidebarCardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarCardVariants> {
|
|
1719
|
+
children: React$1.ReactNode;
|
|
1720
|
+
}
|
|
1721
|
+
declare const SidebarCard: React$1.ForwardRefExoticComponent<SidebarCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1722
|
+
|
|
1723
|
+
declare const sidebarMenuItemVariants: (props?: ({
|
|
1724
|
+
variant?: "default" | "label" | "caption" | "children" | "avatar" | "divider" | "collapsed" | "collapsed-avatar" | null | undefined;
|
|
1725
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1726
|
+
interface SidebarMenuItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof sidebarMenuItemVariants> {
|
|
1727
|
+
/** Active/selected state */
|
|
1728
|
+
active?: boolean;
|
|
1729
|
+
/** Menu item label text */
|
|
1730
|
+
label?: string;
|
|
1731
|
+
/** Remix icon class for lead icon */
|
|
1732
|
+
leadIcon?: string;
|
|
1733
|
+
/** Remix icon class for tail icon */
|
|
1734
|
+
tailIcon?: string;
|
|
1735
|
+
/** Secondary text (right side) */
|
|
1736
|
+
supporterText?: string;
|
|
1737
|
+
/** Badge label text */
|
|
1738
|
+
badge?: string;
|
|
1739
|
+
/** Keyboard shortcut shown in the collapsed tooltip (e.g. "/", "⌘K") */
|
|
1740
|
+
shortcut?: string;
|
|
1741
|
+
/** Avatar image URL (avatar/collapsed-avatar variants) */
|
|
1742
|
+
avatarSrc?: string;
|
|
1743
|
+
/** Avatar fallback initials */
|
|
1744
|
+
avatarFallback?: string;
|
|
1745
|
+
/** Override children */
|
|
1746
|
+
children?: React$1.ReactNode;
|
|
1747
|
+
}
|
|
1748
|
+
declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<SidebarMenuItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1749
|
+
|
|
1750
|
+
declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1751
|
+
|
|
1752
|
+
interface SliderProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1753
|
+
/** Current value */
|
|
1754
|
+
value?: number;
|
|
1755
|
+
/** Minimum value */
|
|
1756
|
+
min?: number;
|
|
1757
|
+
/** Maximum value */
|
|
1758
|
+
max?: number;
|
|
1759
|
+
/** Step increment */
|
|
1760
|
+
step?: number;
|
|
1761
|
+
/** Show label row (title + value) */
|
|
1762
|
+
label?: boolean;
|
|
1763
|
+
/** Label text (left side) */
|
|
1764
|
+
labelText?: string;
|
|
1765
|
+
/** Show tick marks */
|
|
1766
|
+
points?: boolean;
|
|
1767
|
+
/** Custom tick labels */
|
|
1768
|
+
pointLabels?: string[];
|
|
1769
|
+
/** Number of tick points */
|
|
1770
|
+
pointCount?: number;
|
|
1771
|
+
/** Disabled state */
|
|
1772
|
+
disabled?: boolean;
|
|
1773
|
+
/** Show tooltip on handle */
|
|
1774
|
+
showTooltip?: boolean;
|
|
1775
|
+
/** Format the displayed value */
|
|
1776
|
+
formatValue?: (value: number) => string;
|
|
1777
|
+
/** Callback when value changes */
|
|
1778
|
+
onValueChange?: (value: number) => void;
|
|
1779
|
+
}
|
|
1780
|
+
declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1781
|
+
|
|
1782
|
+
declare const sliderHandleVariants: (props?: ({
|
|
1783
|
+
state?: "default" | "disabled" | "hover" | null | undefined;
|
|
1784
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1785
|
+
interface SliderHandleProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sliderHandleVariants> {
|
|
1786
|
+
/** Value label shown in the tooltip */
|
|
1787
|
+
value?: string;
|
|
1788
|
+
/** Show the value tooltip above the handle */
|
|
1789
|
+
showTooltip?: boolean;
|
|
1790
|
+
}
|
|
1791
|
+
declare const SliderHandle: React$1.ForwardRefExoticComponent<SliderHandleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1792
|
+
|
|
1793
|
+
interface SliderInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1794
|
+
/** Current value */
|
|
1795
|
+
value?: number;
|
|
1796
|
+
/** Minimum value */
|
|
1797
|
+
min?: number;
|
|
1798
|
+
/** Maximum value */
|
|
1799
|
+
max?: number;
|
|
1800
|
+
/** Step increment */
|
|
1801
|
+
step?: number;
|
|
1802
|
+
/** Disabled state */
|
|
1803
|
+
disabled?: boolean;
|
|
1804
|
+
/** Show tooltip on handle */
|
|
1805
|
+
showTooltip?: boolean;
|
|
1806
|
+
/** Format the displayed value */
|
|
1807
|
+
formatValue?: (value: number) => string;
|
|
1808
|
+
/** Callback when value changes */
|
|
1809
|
+
onValueChange?: (value: number) => void;
|
|
1810
|
+
}
|
|
1811
|
+
declare const SliderInput: React$1.ForwardRefExoticComponent<SliderInputProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1812
|
+
|
|
1813
|
+
interface SliderRangeProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1814
|
+
/** Current range [min, max] */
|
|
1815
|
+
value?: [number, number];
|
|
1816
|
+
/** Minimum value */
|
|
1817
|
+
min?: number;
|
|
1818
|
+
/** Maximum value */
|
|
1819
|
+
max?: number;
|
|
1820
|
+
/** Step increment */
|
|
1821
|
+
step?: number;
|
|
1822
|
+
/** Show label row (title + value) */
|
|
1823
|
+
label?: boolean;
|
|
1824
|
+
/** Label text (left side) */
|
|
1825
|
+
labelText?: string;
|
|
1826
|
+
/** Show tick marks */
|
|
1827
|
+
points?: boolean;
|
|
1828
|
+
/** Custom tick labels */
|
|
1829
|
+
pointLabels?: string[];
|
|
1830
|
+
/** Number of tick points */
|
|
1831
|
+
pointCount?: number;
|
|
1832
|
+
/** Disabled state */
|
|
1833
|
+
disabled?: boolean;
|
|
1834
|
+
/** Show tooltip on handles */
|
|
1835
|
+
showTooltip?: boolean;
|
|
1836
|
+
/** Format the displayed value */
|
|
1837
|
+
formatValue?: (value: number) => string;
|
|
1838
|
+
/** Callback when value changes */
|
|
1839
|
+
onValueChange?: (value: [number, number]) => void;
|
|
1840
|
+
}
|
|
1841
|
+
declare const SliderRange: React$1.ForwardRefExoticComponent<SliderRangeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1842
|
+
|
|
1843
|
+
interface SliderRangeInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1844
|
+
/** Current range [min, max] */
|
|
1845
|
+
value?: [number, number];
|
|
1846
|
+
/** Minimum value */
|
|
1847
|
+
min?: number;
|
|
1848
|
+
/** Maximum value */
|
|
1849
|
+
max?: number;
|
|
1850
|
+
/** Step increment */
|
|
1851
|
+
step?: number;
|
|
1852
|
+
/** Disabled state */
|
|
1853
|
+
disabled?: boolean;
|
|
1854
|
+
/** Show tooltip on handles */
|
|
1855
|
+
showTooltip?: boolean;
|
|
1856
|
+
/** Format the displayed value */
|
|
1857
|
+
formatValue?: (value: number) => string;
|
|
1858
|
+
/** Callback when value changes */
|
|
1859
|
+
onValueChange?: (value: [number, number]) => void;
|
|
1860
|
+
}
|
|
1861
|
+
declare const SliderRangeInput: React$1.ForwardRefExoticComponent<SliderRangeInputProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1862
|
+
|
|
1863
|
+
type ToasterProps = React.ComponentProps<typeof Toaster$2>;
|
|
1864
|
+
declare const Toaster$1: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
1865
|
+
|
|
1866
|
+
declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
|
|
1867
|
+
declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
1868
|
+
declare const Toast: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
1869
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
1870
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
|
|
1871
|
+
declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1872
|
+
declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1873
|
+
declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1874
|
+
declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1875
|
+
type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast>;
|
|
1876
|
+
type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
|
|
1877
|
+
|
|
1878
|
+
declare function Toaster(): react_jsx_runtime.JSX.Element;
|
|
1879
|
+
|
|
1880
|
+
declare const stepperIconVariants: (props?: ({
|
|
1881
|
+
variant?: "icon" | "dot-large" | "dot-small" | null | undefined;
|
|
1882
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1883
|
+
interface StepperIconProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stepperIconVariants> {
|
|
1884
|
+
icon?: React$1.ReactNode;
|
|
1885
|
+
}
|
|
1886
|
+
declare const StepperIcon: React$1.ForwardRefExoticComponent<StepperIconProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1887
|
+
|
|
1888
|
+
declare const stepperNumberVariants: (props?: ({
|
|
1889
|
+
size?: "lg" | "md" | "sm" | null | undefined;
|
|
1890
|
+
color?: "default" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "inverted" | null | undefined;
|
|
1891
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1892
|
+
interface StepperNumberProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof stepperNumberVariants> {
|
|
1893
|
+
number?: string;
|
|
1894
|
+
}
|
|
1895
|
+
declare const StepperNumber: React$1.ForwardRefExoticComponent<StepperNumberProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1896
|
+
|
|
1897
|
+
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1898
|
+
|
|
1899
|
+
interface SwitchListProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1900
|
+
/** Show border dividers between items (default: true) */
|
|
1901
|
+
divider?: boolean;
|
|
1902
|
+
}
|
|
1903
|
+
declare const SwitchList: React$1.ForwardRefExoticComponent<SwitchListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1904
|
+
|
|
1905
|
+
interface SwitchWithTextProps extends Omit<React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, "children"> {
|
|
1906
|
+
/** Label text displayed next to the switch */
|
|
1907
|
+
title: string;
|
|
1908
|
+
/** Optional description text below the title */
|
|
1909
|
+
description?: string;
|
|
1910
|
+
/** Position of the switch relative to the label */
|
|
1911
|
+
switchPosition?: "left" | "right";
|
|
1912
|
+
}
|
|
1913
|
+
declare const SwitchWithText: React$1.ForwardRefExoticComponent<SwitchWithTextProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1914
|
+
|
|
1915
|
+
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
|
|
1916
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1917
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1918
|
+
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1919
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
1920
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1921
|
+
declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1922
|
+
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
1923
|
+
|
|
1924
|
+
declare const tableHeaderItemVariants: (props?: ({
|
|
1925
|
+
variant?: "label" | "checkbox" | "empty" | null | undefined;
|
|
1926
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1927
|
+
type SortDirection = "asc" | "desc" | "none";
|
|
1928
|
+
interface TableHeaderItemProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tableHeaderItemVariants> {
|
|
1929
|
+
/** Text label (only for variant="label") */
|
|
1930
|
+
label?: string;
|
|
1931
|
+
/** Show sort icon (only for variant="label") */
|
|
1932
|
+
sortable?: boolean;
|
|
1933
|
+
/** Current sort direction (only for variant="label" + sortable) */
|
|
1934
|
+
sortDirection?: SortDirection;
|
|
1935
|
+
/** Sort click handler (only for variant="label" + sortable) */
|
|
1936
|
+
onSort?: () => void;
|
|
1937
|
+
/** Allow column resize via drag handle on right edge (only for variant="label") */
|
|
1938
|
+
resizable?: boolean;
|
|
1939
|
+
/** Pointer-down handler for starting a column resize drag (only when resizable) */
|
|
1940
|
+
onResizeStart?: (e: React$1.PointerEvent) => void;
|
|
1941
|
+
/** Checkbox checked state (only for variant="checkbox") */
|
|
1942
|
+
checked?: boolean | "indeterminate";
|
|
1943
|
+
/** Checkbox change handler (only for variant="checkbox") */
|
|
1944
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1945
|
+
}
|
|
1946
|
+
declare const TableHeaderItem: React$1.ForwardRefExoticComponent<TableHeaderItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1947
|
+
|
|
1948
|
+
declare const tableItemVariants: (props?: ({
|
|
1949
|
+
variant?: "button" | "base" | "switch" | "checkbox" | "badge" | "subtle" | "empty" | "icon-single" | "avatar-single" | "lead" | "lead-avatar" | "file-icon" | null | undefined;
|
|
1950
|
+
size?: "lg" | "sm" | null | undefined;
|
|
1951
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1952
|
+
interface TableItemProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tableItemVariants> {
|
|
1953
|
+
/** Text label for lead / lead-avatar / base / subtle variants */
|
|
1954
|
+
label?: string;
|
|
1955
|
+
/** Caption text below the label (lg size only, lead / lead-avatar / base / subtle) */
|
|
1956
|
+
caption?: string;
|
|
1957
|
+
/** Show leading icon (lead / base / subtle variants) */
|
|
1958
|
+
showIcon?: boolean;
|
|
1959
|
+
/** Custom content: icon, avatar, badge, switch, button, file-icon etc. */
|
|
1960
|
+
children?: React$1.ReactNode;
|
|
1961
|
+
}
|
|
1962
|
+
declare const TableItem: React$1.ForwardRefExoticComponent<TableItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1963
|
+
|
|
1964
|
+
interface TablePaginationProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1965
|
+
/** Current active page (1-based) */
|
|
1966
|
+
currentPage: number;
|
|
1967
|
+
/** Total number of pages */
|
|
1968
|
+
totalPages: number;
|
|
1969
|
+
/** Total number of results */
|
|
1970
|
+
totalResults: number;
|
|
1971
|
+
/** Results per page */
|
|
1972
|
+
resultsPerPage: number;
|
|
1973
|
+
/** Called when page changes */
|
|
1974
|
+
onPageChange: (page: number) => void;
|
|
1975
|
+
/** Paginator display style */
|
|
1976
|
+
paginatorVariant?: "simple" | "numbered";
|
|
1977
|
+
/** Disable all interactions */
|
|
1978
|
+
disabled?: boolean;
|
|
1979
|
+
}
|
|
1980
|
+
declare const TablePagination: React$1.ForwardRefExoticComponent<TablePaginationProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1981
|
+
|
|
1982
|
+
declare const tableRowSortVariants: (props?: ({
|
|
1983
|
+
variant?: "default" | "header" | "hover" | "selected" | null | undefined;
|
|
1984
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1985
|
+
interface TableRowSortProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tableRowSortVariants> {
|
|
1986
|
+
/** Apply alternating stripe background (consumer passes based on row index) */
|
|
1987
|
+
striped?: boolean;
|
|
1988
|
+
/** Make header row sticky when table scrolls (only applies to variant="header") */
|
|
1989
|
+
sticky?: boolean;
|
|
1990
|
+
}
|
|
1991
|
+
declare const TableRowSort: React$1.ForwardRefExoticComponent<TableRowSortProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1992
|
+
|
|
1993
|
+
interface TableSkeletonColumn {
|
|
1994
|
+
/** Cell content type — determines skeleton shape */
|
|
1995
|
+
type: "checkbox" | "avatar-text" | "text" | "badge" | "button" | "empty";
|
|
1996
|
+
/** Additional className passed to the TableItem wrapper */
|
|
1997
|
+
className?: string;
|
|
1998
|
+
}
|
|
1999
|
+
interface TableSkeletonRowProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2000
|
+
/** Column definitions matching the table layout */
|
|
2001
|
+
columns: TableSkeletonColumn[];
|
|
2002
|
+
/** Number of skeleton rows to render */
|
|
2003
|
+
rowCount?: number;
|
|
2004
|
+
/** Row size */
|
|
2005
|
+
size?: "lg" | "sm";
|
|
2006
|
+
}
|
|
2007
|
+
declare const TableSkeletonRow: React$1.ForwardRefExoticComponent<TableSkeletonRowProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2008
|
+
|
|
2009
|
+
declare const tabListVariants: (props?: ({
|
|
2010
|
+
variant?: "pill" | "segmented" | null | undefined;
|
|
2011
|
+
shape?: "rounded" | "pill" | null | undefined;
|
|
2012
|
+
layout?: "default" | "fixed" | null | undefined;
|
|
2013
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2014
|
+
interface TabListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabListVariants> {
|
|
2015
|
+
}
|
|
2016
|
+
declare const TabList: React$1.ForwardRefExoticComponent<TabListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2017
|
+
declare const tabItemVariants: (props?: ({
|
|
2018
|
+
shape?: "rounded" | "pill" | null | undefined;
|
|
2019
|
+
size?: "lg" | "sm" | null | undefined;
|
|
2020
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2021
|
+
interface TabItemProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabItemVariants> {
|
|
2022
|
+
}
|
|
2023
|
+
declare const TabItem: React$1.ForwardRefExoticComponent<TabItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2024
|
+
|
|
2025
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2026
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2027
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2028
|
+
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2029
|
+
|
|
2030
|
+
declare const underlineTabsListVariants: (props?: ({
|
|
2031
|
+
layout?: "default" | "fixed" | null | undefined;
|
|
2032
|
+
size?: "lg" | "sm" | null | undefined;
|
|
2033
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2034
|
+
interface UnderlineTabsListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof underlineTabsListVariants> {
|
|
2035
|
+
}
|
|
2036
|
+
declare const UnderlineTabsList: React$1.ForwardRefExoticComponent<UnderlineTabsListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2037
|
+
declare const underlineTabItemVariants: (props?: ({
|
|
2038
|
+
size?: "lg" | "sm" | null | undefined;
|
|
2039
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2040
|
+
interface UnderlineTabItemProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof underlineTabItemVariants> {
|
|
2041
|
+
/** Show default lead icon (ri-checkbox-circle-fill) */
|
|
2042
|
+
leadIcon?: boolean;
|
|
2043
|
+
/** Show default tail icon (ri-checkbox-circle-fill) */
|
|
2044
|
+
tailIcon?: boolean;
|
|
2045
|
+
/** Custom lead icon element */
|
|
2046
|
+
leadIconSlot?: React$1.ReactNode;
|
|
2047
|
+
/** Custom tail icon element */
|
|
2048
|
+
tailIconSlot?: React$1.ReactNode;
|
|
2049
|
+
}
|
|
2050
|
+
declare const UnderlineTabItem: React$1.ForwardRefExoticComponent<UnderlineTabItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2051
|
+
|
|
2052
|
+
declare const textAreaContainerVariants: (props?: ({
|
|
2053
|
+
inputStyle?: "default" | "soft" | "shadow" | null | undefined;
|
|
2054
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2055
|
+
interface TextAreaFieldProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "className">, VariantProps<typeof textAreaContainerVariants> {
|
|
2056
|
+
/** Label text above the textarea */
|
|
2057
|
+
label?: string;
|
|
2058
|
+
/** Show required asterisk on label */
|
|
2059
|
+
required?: boolean;
|
|
2060
|
+
/** Support text in the label tail */
|
|
2061
|
+
labelSupportText?: string;
|
|
2062
|
+
/** Icon in the label tail */
|
|
2063
|
+
labelTailIcon?: React$1.ReactNode;
|
|
2064
|
+
/** Caption text below the textarea */
|
|
2065
|
+
caption?: string;
|
|
2066
|
+
/** Error message — shows instead of caption, triggers failed state */
|
|
2067
|
+
error?: string;
|
|
2068
|
+
/** Action elements on the left side of the bottom bar (chips, icon buttons) */
|
|
2069
|
+
leadActions?: React$1.ReactNode;
|
|
2070
|
+
/** Action elements on the right side of the bottom bar (submit button, etc.) */
|
|
2071
|
+
tailActions?: React$1.ReactNode;
|
|
2072
|
+
/** Show character count (requires maxLength to be set) */
|
|
2073
|
+
showCharCount?: boolean;
|
|
2074
|
+
/** Compact single-line mode (inline prompt bar) */
|
|
2075
|
+
compact?: boolean;
|
|
2076
|
+
/** Toolbar content rendered below textarea, separated by border-top (e.g. rich text toolbar) */
|
|
2077
|
+
bottomToolbar?: React$1.ReactNode;
|
|
2078
|
+
/** Enable vertical resize handle + scroll. Only applies to plain variants (no compact/toolbar/action bar). */
|
|
2079
|
+
resizable?: boolean;
|
|
2080
|
+
/** Wrapper className */
|
|
2081
|
+
className?: string;
|
|
2082
|
+
}
|
|
2083
|
+
declare const TextAreaField: React$1.ForwardRefExoticComponent<TextAreaFieldProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
2084
|
+
|
|
2085
|
+
declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
2086
|
+
|
|
2087
|
+
declare const toggleVariants: (props?: ({
|
|
2088
|
+
variant?: "default" | "outline" | null | undefined;
|
|
2089
|
+
size?: "default" | "lg" | "sm" | "xs" | null | undefined;
|
|
2090
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2091
|
+
declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
2092
|
+
variant?: "default" | "outline" | null | undefined;
|
|
2093
|
+
size?: "default" | "lg" | "sm" | "xs" | null | undefined;
|
|
2094
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2095
|
+
|
|
2096
|
+
/**
|
|
2097
|
+
* ToggleGroup — A11y Audit Summary
|
|
2098
|
+
*
|
|
2099
|
+
* Inherited from ButtonGroup audit:
|
|
2100
|
+
* - [FIXED] Focus ring: overrides Chip's ring-based ring with outline + z-10 in ToggleGroupItem
|
|
2101
|
+
* className, matching ButtonGroupItem's approach (prevents clipping by siblings)
|
|
2102
|
+
*
|
|
2103
|
+
* ToggleGroup-specific fixes:
|
|
2104
|
+
* - [FIXED] aria-label: removed `|| ""` fallback — passing empty string overrides
|
|
2105
|
+
* aria-labelledby in some AT; undefined correctly leaves the attribute absent
|
|
2106
|
+
* - [FIXED] Single-select arrow keys now select: arrow navigation calls ctx.toggle() on
|
|
2107
|
+
* the target when type="single" and it's not already active (radio pattern)
|
|
2108
|
+
* - [FIXED] Space/Enter no longer deselects in single mode: radio pattern means Space
|
|
2109
|
+
* activates the focused item but never deselects; multiple mode retains toggle behavior
|
|
2110
|
+
* - [FIXED] Initial tabIndex for single mode: selected item gets tabIndex=0 when the
|
|
2111
|
+
* user first tabs into the group (radio pattern), not just the first enabled item
|
|
2112
|
+
* - [FIXED] First-render tabIndex timing bug: itemValues.current is empty on first render
|
|
2113
|
+
* (effects run after commit), so all items got tabIndex=-1 and the group was unreachable
|
|
2114
|
+
* via Tab. Fixed with notifyRegistration() — items bump a reducer in ToggleGroup on
|
|
2115
|
+
* mount/unmount, triggering exactly one re-render (React 18 batching) after registration.
|
|
2116
|
+
*/
|
|
2117
|
+
|
|
2118
|
+
interface ToggleGroupSingleProps {
|
|
2119
|
+
type: "single";
|
|
2120
|
+
value?: string;
|
|
2121
|
+
defaultValue?: string;
|
|
2122
|
+
onValueChange?: (value: string | undefined) => void;
|
|
2123
|
+
}
|
|
2124
|
+
interface ToggleGroupMultipleProps {
|
|
2125
|
+
type: "multiple";
|
|
2126
|
+
value?: string[];
|
|
2127
|
+
defaultValue?: string[];
|
|
2128
|
+
onValueChange?: (value: string[]) => void;
|
|
2129
|
+
}
|
|
2130
|
+
type ToggleGroupBaseProps = {
|
|
2131
|
+
orientation?: ButtonGroupOrientation;
|
|
2132
|
+
size?: ButtonGroupSize;
|
|
2133
|
+
disabled?: boolean;
|
|
2134
|
+
children: React$1.ReactNode;
|
|
2135
|
+
className?: string;
|
|
2136
|
+
};
|
|
2137
|
+
type ToggleGroupAriaProps = {
|
|
2138
|
+
"aria-label": string;
|
|
2139
|
+
"aria-labelledby"?: string;
|
|
2140
|
+
} | {
|
|
2141
|
+
"aria-label"?: string;
|
|
2142
|
+
"aria-labelledby": string;
|
|
2143
|
+
};
|
|
2144
|
+
type ToggleGroupProps = (ToggleGroupSingleProps | ToggleGroupMultipleProps) & ToggleGroupBaseProps & ToggleGroupAriaProps;
|
|
2145
|
+
declare const ToggleGroup: React$1.ForwardRefExoticComponent<ToggleGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2146
|
+
interface ToggleGroupItemProps {
|
|
2147
|
+
value: string;
|
|
2148
|
+
/** Text label — required when not using children */
|
|
2149
|
+
label?: string;
|
|
2150
|
+
leadIcon?: boolean;
|
|
2151
|
+
iconOnly?: boolean;
|
|
2152
|
+
disabled?: boolean;
|
|
2153
|
+
className?: string;
|
|
2154
|
+
/** Custom content (e.g. SVG icons). When provided, renders a styled button instead of Chip */
|
|
2155
|
+
children?: React$1.ReactNode;
|
|
2156
|
+
/** Click handler (in addition to internal toggle logic) */
|
|
2157
|
+
onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
|
|
2158
|
+
/** Accessible label for the item */
|
|
2159
|
+
"aria-label"?: string;
|
|
2160
|
+
showSeparator?: boolean;
|
|
2161
|
+
size?: ButtonGroupSize;
|
|
2162
|
+
variant?: string;
|
|
2163
|
+
}
|
|
2164
|
+
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2165
|
+
|
|
2166
|
+
declare const userbarVariants: (props?: ({
|
|
2167
|
+
variant?: "default" | "compact" | "contained" | null | undefined;
|
|
2168
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2169
|
+
interface UserbarProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof userbarVariants> {
|
|
2170
|
+
/** User display name */
|
|
2171
|
+
name?: string;
|
|
2172
|
+
/** Avatar image URL */
|
|
2173
|
+
avatarSrc?: string;
|
|
2174
|
+
/** Avatar fallback initials */
|
|
2175
|
+
avatarFallback?: string;
|
|
2176
|
+
/** Show only avatar (collapsed sidebar) */
|
|
2177
|
+
collapsed?: boolean;
|
|
2178
|
+
/** Override children */
|
|
2179
|
+
children?: React$1.ReactNode;
|
|
2180
|
+
/** If provided, wraps the trigger in a DropdownMenu with this content */
|
|
2181
|
+
dropdownContent?: React$1.ReactNode;
|
|
2182
|
+
/** Which side the dropdown opens on (default: bottom) */
|
|
2183
|
+
dropdownSide?: "top" | "bottom" | "left" | "right";
|
|
2184
|
+
/** Alignment of the dropdown (default: start) */
|
|
2185
|
+
dropdownAlign?: "start" | "center" | "end";
|
|
2186
|
+
/** Override variant-default sideOffset */
|
|
2187
|
+
dropdownSideOffset?: number;
|
|
2188
|
+
/** Override variant-default alignOffset */
|
|
2189
|
+
dropdownAlignOffset?: number;
|
|
2190
|
+
}
|
|
2191
|
+
declare const Userbar: React$1.ForwardRefExoticComponent<UserbarProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2192
|
+
|
|
2193
|
+
interface VerticalStepperStep {
|
|
2194
|
+
label: string;
|
|
2195
|
+
caption?: string;
|
|
2196
|
+
supportText?: string;
|
|
2197
|
+
icon?: React$1.ReactNode;
|
|
2198
|
+
/** Custom content rendered below the label/caption */
|
|
2199
|
+
children?: React$1.ReactNode;
|
|
2200
|
+
/** Action buttons rendered below children */
|
|
2201
|
+
actions?: React$1.ReactNode;
|
|
2202
|
+
}
|
|
2203
|
+
interface VerticalStepperProps extends React$1.HTMLAttributes<HTMLOListElement> {
|
|
2204
|
+
steps: VerticalStepperStep[];
|
|
2205
|
+
activeStep?: number;
|
|
2206
|
+
/** Use "number" for numbered steps or "icon" for icon-based steps */
|
|
2207
|
+
variant?: "number" | "icon";
|
|
2208
|
+
/** "colored" = green indicators/lines for completed, "neutral" = inverted indicators, default lines */
|
|
2209
|
+
colorMode?: "colored" | "neutral";
|
|
2210
|
+
/** Indicator column on left or right side */
|
|
2211
|
+
align?: "left" | "right";
|
|
2212
|
+
/** Called when a step is clicked, receives the step index */
|
|
2213
|
+
onStepClick?: (index: number) => void;
|
|
2214
|
+
}
|
|
2215
|
+
declare const VerticalStepper: React$1.ForwardRefExoticComponent<VerticalStepperProps & React$1.RefAttributes<HTMLOListElement>>;
|
|
2216
|
+
|
|
2217
|
+
type VerticalStepperColorMode = "colored" | "neutral";
|
|
2218
|
+
interface VerticalStepperItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2219
|
+
state?: StepperState;
|
|
2220
|
+
variant?: "number" | "icon";
|
|
2221
|
+
/** "colored" = green indicators/lines for completed, "neutral" = inverted indicators, default lines */
|
|
2222
|
+
colorMode?: VerticalStepperColorMode;
|
|
2223
|
+
align?: "left" | "right";
|
|
2224
|
+
label?: string;
|
|
2225
|
+
caption?: string;
|
|
2226
|
+
supportText?: string;
|
|
2227
|
+
line?: boolean;
|
|
2228
|
+
/** When true, line uses success color (set by parent when between two completed steps) */
|
|
2229
|
+
successLine?: boolean;
|
|
2230
|
+
/** Adds 24px bottom padding to content area (used when line is shown to create spacing between steps) */
|
|
2231
|
+
bottomPadding?: boolean;
|
|
2232
|
+
number?: string;
|
|
2233
|
+
icon?: React$1.ReactNode;
|
|
2234
|
+
actions?: React$1.ReactNode;
|
|
2235
|
+
}
|
|
2236
|
+
declare const VerticalStepperItem: React$1.ForwardRefExoticComponent<VerticalStepperItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2237
|
+
|
|
2238
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemVariant, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarButton, type AvatarButtonProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, type AvatarGroupSize, type AvatarGroupStacking, AvatarImage, type AvatarProps, AvatarUpload, type AvatarUploadProps, Badge, type BadgeColor, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemData, type BreadcrumbItemState, type BreadcrumbItemType, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbVariant, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSize, type ButtonProps, Calendar, CalendarDayButton, type CaptionColor, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxCard, CheckboxList, type CheckboxListProps, CheckboxWithText, Chip, type ChipProps, CodeBlock, type CodeBlockProps, type CodeBlockTab, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ControlButton, type ControlButtonProps, DataRangeSlider, DataRangeSliderInput, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DatePickerWithPresets, type DatePickerWithPresetsProps, type DatePreset, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenu, DropdownMenuCaption, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLargeItem, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuUserbar, EmptyState, FileUpload, FileUploadArea, type FileUploadAreaProps, FileUploadCard, type FileUploadCardProps, type FileUploadProps, FilterButton, type FilterButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridSortDirection, GridTableCell, type GridTableCellProps, GridTableHeaderItem, type GridTableHeaderItemProps, GridTableRow, type GridTableRowProps, GridTableSlotItem, type GridTableSlotItemProps, HorizontalStepper, HorizontalStepperItem, type HorizontalStepperItemProps, type HorizontalStepperProps, InlineTips, Input, InputButton, type InputButtonProps, InputCaption, type InputCaptionProps, InputField, type InputFieldProps, InputStepper, type InputStepperProps, Label, LinkButton, type LinkButtonProps, MenuSearchInput, type MenuSearchInputProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageItem, type PageItemProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paginator, type PaginatorProps, type PasswordRequirement, Popover, PopoverContent, PopoverTrigger, Progress, ProgressBar, type ProgressBarProps, RadialProgressBar, type RadialProgressBarProps, RadioButton, RadioButtonCard, RadioButtonList, type RadioButtonListProps, RadioButtonWithText, RadioCardGroup, RadioGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, SelectLabel, SelectMenu, SelectMenuDescription, SelectMenuFooterButton, type SelectMenuFooterButtonProps, type SelectMenuIndicator, SelectMenuItem, type SelectMenuItemProps, SelectMenuLabel, type SelectMenuLabelProps, SelectMenuLargeItem, type SelectMenuLargeItemProps, type SelectMenuProps, SelectMenuSeparator, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Toaster as ShadcnToaster, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarCard, type SidebarCardProps, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, type SidebarMenuItemProps, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderHandle, SliderInput, SliderRange, SliderRangeInput, type SlotState, type SocialBrand, SocialButton, type SocialButtonProps, SortBreadcrumb, SortBreadcrumbItem, type SortBreadcrumbItemProps, type SortBreadcrumbProps, type SortDirection, StatusBadge, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeVariant, type StepperColorMode, StepperIcon, type StepperIconProps, StepperNumber, type StepperNumberProps, type StepperState, type StepperStep, type StepperVariant, Switch, SwitchList, type SwitchListProps, SwitchWithText, type SwitchWithTextProps, TabItem, type TabItemProps, TabList, type TabListProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableHeaderItem, TableItem, TablePagination, type TablePaginationProps, TableRow, TableRowSort, type TableSkeletonColumn, TableSkeletonRow, type TableSkeletonRowProps, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaField, type TextAreaFieldProps, Textarea, Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster$1 as Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, UnderlineTabItem, UnderlineTabsList, type UploadFile, Userbar, type UserbarProps, VerticalStepper, type VerticalStepperColorMode, VerticalStepperItem, type VerticalStepperItemProps, type VerticalStepperProps, type VerticalStepperStep, accordionItemVariants, avatarButtonVariants, avatarVariants, buttonGroupItemVariants, buttonVariants, checkboxCardVariants, checkboxVariants, checkboxWithTextVariants, chipVariants, controlButtonVariants, datePickerInputContainerVariants, dividerVariants, emptyStateVariants, extractInitials, fileUploadCardVariants, filterButtonVariants, formatBytes, gridTableHeaderItemVariants, gridTableRowVariants, gridTableSlotItemVariants, horizontalStepperItemVariants, inlineTipsVariants, inputButtonVariants, inputContainerVariants, lineVariants, linkButtonVariants, navigationMenuTriggerStyle, pageItemVariants, progressBarVariants, radialProgressBarVariants, radioButtonCardVariants, radioButtonVariants, radioButtonWithTextVariants, sidebarCardVariants, sidebarMenuItemVariants, sliderHandleVariants, socialButtonVariants, stepperIconVariants, stepperNumberVariants, tabItemVariants, tabListVariants, tableHeaderItemVariants, tableItemVariants, tableRowSortVariants, textAreaContainerVariants, toggleVariants, tooltipContentVariants, underlineTabItemVariants, underlineTabsListVariants, useFormField, useSidebar, userbarVariants, validateFile };
|