@northslopetech/altitude-ui 3.0.0-alpha.9 → 3.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 +11 -11
- package/dist/index.d.mts +913 -1031
- package/dist/index.d.ts +913 -1031
- package/dist/index.js +4792 -4683
- package/dist/index.mjs +4884 -4838
- package/dist/styles.css +1 -0
- package/package.json +16 -18
- package/dist/pdf.worker.min.mjs +0 -28
package/dist/index.d.mts
CHANGED
|
@@ -1,89 +1,130 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
3
|
import * as React$1 from 'react';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
|
|
5
|
+
export { VariantProps, cva } from 'class-variance-authority';
|
|
6
6
|
import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
|
|
7
7
|
import { Button as Button$1 } from '@base-ui/react/button';
|
|
8
|
-
import * as _base_ui_react_use_render from '@base-ui/react/use-render';
|
|
9
8
|
import { useRender } from '@base-ui/react/use-render';
|
|
10
|
-
import * as _base_ui_react_separator from '@base-ui/react/separator';
|
|
11
9
|
import { Separator as Separator$1 } from '@base-ui/react/separator';
|
|
12
10
|
import * as _base_ui_react_select from '@base-ui/react/select';
|
|
13
11
|
import { Select as Select$1 } from '@base-ui/react/select';
|
|
14
|
-
import
|
|
12
|
+
import { Combobox as Combobox$1 } from '@base-ui/react';
|
|
15
13
|
import * as _base_ui_react_dialog from '@base-ui/react/dialog';
|
|
16
14
|
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
15
|
+
import * as vaul from 'vaul';
|
|
16
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
17
17
|
import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
|
|
18
|
+
import * as _base_ui_react_toast from '@base-ui/react/toast';
|
|
19
|
+
import { Toast as Toast$1 } from '@base-ui/react/toast';
|
|
20
|
+
import { PreviewCard } from '@base-ui/react/preview-card';
|
|
18
21
|
import { Popover as Popover$1 } from '@base-ui/react/popover';
|
|
19
22
|
import { DayPicker, DayButton, Locale } from 'react-day-picker';
|
|
20
23
|
export { DateRange } from 'react-day-picker';
|
|
21
|
-
import * as _base_ui_react_avatar from '@base-ui/react/avatar';
|
|
22
24
|
import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
|
|
23
|
-
import * as _base_ui_react_checkbox from '@base-ui/react/checkbox';
|
|
24
25
|
import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
|
|
26
|
+
import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
|
|
27
|
+
import { Radio } from '@base-ui/react/radio';
|
|
25
28
|
import { Switch as Switch$1 } from '@base-ui/react/switch';
|
|
29
|
+
import { Slider as Slider$1 } from '@base-ui/react/slider';
|
|
26
30
|
import { Input as Input$1 } from '@base-ui/react/input';
|
|
27
|
-
import * as _base_ui_react from '@base-ui/react';
|
|
28
31
|
import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
|
|
32
|
+
import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
|
|
29
33
|
import * as _base_ui_react_menu from '@base-ui/react/menu';
|
|
30
34
|
import { Menu } from '@base-ui/react/menu';
|
|
31
|
-
import
|
|
35
|
+
import * as RechartsPrimitive from 'recharts';
|
|
36
|
+
import { DefaultTooltipContentProps, DefaultLegendContentProps } from 'recharts';
|
|
37
|
+
import { ClassValue } from 'clsx';
|
|
38
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
39
|
+
import { ColumnDef, RowSelectionState, Table as Table$1, Row, Column } from '@tanstack/react-table';
|
|
32
40
|
|
|
33
41
|
declare const alertVariants: (props?: ({
|
|
34
42
|
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
35
43
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
-
type AlertProps = React$1.
|
|
37
|
-
declare
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
type
|
|
41
|
-
declare
|
|
42
|
-
type
|
|
43
|
-
declare
|
|
44
|
-
type
|
|
45
|
-
declare
|
|
46
|
-
type AlertActionsProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
47
|
-
declare const AlertActions: React$1.ForwardRefExoticComponent<AlertActionsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
44
|
+
type AlertProps = React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
|
|
45
|
+
declare function Alert({ className, variant, ref, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
46
|
+
type AlertBodyProps = React$1.ComponentProps<"div">;
|
|
47
|
+
declare function AlertBody({ className, ref, ...props }: AlertBodyProps): react_jsx_runtime.JSX.Element;
|
|
48
|
+
type AlertTitleProps = React$1.ComponentProps<"p">;
|
|
49
|
+
declare function AlertTitle({ className, ref, ...props }: AlertTitleProps): react_jsx_runtime.JSX.Element;
|
|
50
|
+
type AlertDescriptionProps = React$1.ComponentProps<"p">;
|
|
51
|
+
declare function AlertDescription({ className, ref: externalRef, ...props }: AlertDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
52
|
+
type AlertActionsProps = React$1.ComponentProps<"div">;
|
|
53
|
+
declare function AlertActions({ className, ref, ...props }: AlertActionsProps): react_jsx_runtime.JSX.Element;
|
|
48
54
|
|
|
49
55
|
type AccordionProps = Accordion$1.Root.Props;
|
|
50
|
-
declare
|
|
56
|
+
declare function Accordion({ className, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
51
57
|
type AccordionItemProps = Accordion$1.Item.Props;
|
|
52
|
-
declare
|
|
58
|
+
declare function AccordionItem({ className, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
|
|
53
59
|
type AccordionTriggerProps = Accordion$1.Trigger.Props;
|
|
54
|
-
declare
|
|
60
|
+
declare function AccordionTrigger({ className, children, ref, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
|
|
55
61
|
type AccordionContentProps = Accordion$1.Panel.Props;
|
|
56
|
-
declare
|
|
62
|
+
declare function AccordionContent({ className, children, ref, ...props }: AccordionContentProps): react_jsx_runtime.JSX.Element;
|
|
57
63
|
|
|
58
64
|
declare const buttonVariants: (props?: ({
|
|
59
|
-
variant?: "default" | "link" | "primary" | "destructive" | "ghost" | null | undefined;
|
|
65
|
+
variant?: "default" | "link" | "primary" | "destructive" | "destructive-subtle" | "ghost" | null | undefined;
|
|
60
66
|
size?: "default" | "lg" | "sm" | "mini" | null | undefined;
|
|
61
67
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
62
68
|
interface ButtonProps extends Button$1.Props, VariantProps<typeof buttonVariants> {
|
|
63
69
|
}
|
|
64
|
-
declare
|
|
70
|
+
declare function Button({ className, style, variant, size, children, ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
65
71
|
|
|
66
72
|
type SeparatorProps = Separator$1.Props;
|
|
67
|
-
declare
|
|
73
|
+
declare function Separator({ className, orientation, ref, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
|
68
74
|
|
|
69
75
|
declare const buttonGroupVariants: (props?: ({
|
|
70
76
|
variant?: "ghost" | "outlined" | null | undefined;
|
|
71
77
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
72
78
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
73
|
-
type ButtonGroupProps = React$1.
|
|
74
|
-
declare
|
|
75
|
-
variant?: "ghost" | "outlined" | null | undefined;
|
|
76
|
-
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
77
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
79
|
+
type ButtonGroupProps = React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
|
|
80
|
+
declare function ButtonGroup({ className, variant, orientation, children, ref, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
78
81
|
declare const buttonGroupTextVariants: (props?: ({
|
|
79
82
|
size?: "default" | "lg" | "sm" | null | undefined;
|
|
80
83
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
81
|
-
type ButtonGroupTextProps =
|
|
82
|
-
declare
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
declare const
|
|
84
|
+
type ButtonGroupTextProps = useRender.ComponentProps<"div"> & VariantProps<typeof buttonGroupTextVariants>;
|
|
85
|
+
declare function ButtonGroupText({ className, size, ref, render, ...props }: ButtonGroupTextProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
86
|
+
type ButtonGroupSeparatorProps = Omit<React$1.ComponentProps<typeof Separator>, "orientation">;
|
|
87
|
+
declare function ButtonGroupSeparator({ className, ref, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
|
|
88
|
+
|
|
89
|
+
declare const emptyVariants: (props?: ({
|
|
90
|
+
variant?: "default" | "outline" | "background" | "outline-dashed" | null | undefined;
|
|
91
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
92
|
+
interface EmptyProps extends React$1.ComponentProps<"div">, VariantProps<typeof emptyVariants> {
|
|
93
|
+
}
|
|
94
|
+
declare const Empty: {
|
|
95
|
+
({ className, variant, children, ref, ...props }: EmptyProps): react_jsx_runtime.JSX.Element;
|
|
96
|
+
displayName: string;
|
|
97
|
+
};
|
|
98
|
+
declare const emptyMediaVariants: (props?: ({
|
|
99
|
+
variant?: "default" | "icon" | null | undefined;
|
|
100
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
101
|
+
type EmptyMediaProps = React$1.ComponentPropsWithoutRef<"div"> & VariantProps<typeof emptyMediaVariants>;
|
|
102
|
+
declare const EmptyMedia: {
|
|
103
|
+
({ className, variant, ...props }: EmptyMediaProps): react_jsx_runtime.JSX.Element;
|
|
104
|
+
displayName: string;
|
|
105
|
+
};
|
|
106
|
+
type EmptyContentProps = React$1.ComponentProps<"div">;
|
|
107
|
+
declare const EmptyContent: {
|
|
108
|
+
({ className, ref, ...props }: EmptyContentProps): react_jsx_runtime.JSX.Element;
|
|
109
|
+
displayName: string;
|
|
110
|
+
};
|
|
111
|
+
type EmptyTitleProps = React$1.ComponentProps<"p"> & {
|
|
112
|
+
as?: React$1.ElementType;
|
|
113
|
+
};
|
|
114
|
+
declare const EmptyTitle: {
|
|
115
|
+
({ className, as: Component, ref, ...props }: EmptyTitleProps): react_jsx_runtime.JSX.Element;
|
|
116
|
+
displayName: string;
|
|
117
|
+
};
|
|
118
|
+
type EmptyDescriptionProps = React$1.ComponentProps<"p">;
|
|
119
|
+
declare const EmptyDescription: {
|
|
120
|
+
({ className, ref, ...props }: EmptyDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
121
|
+
displayName: string;
|
|
122
|
+
};
|
|
123
|
+
type EmptyActionsProps = React$1.ComponentProps<"div">;
|
|
124
|
+
declare const EmptyActions: {
|
|
125
|
+
({ className, ref, ...props }: EmptyActionsProps): react_jsx_runtime.JSX.Element;
|
|
126
|
+
displayName: string;
|
|
127
|
+
};
|
|
87
128
|
|
|
88
129
|
/**
|
|
89
130
|
* Current-generation text variant styles using @utility classes from design tokens.
|
|
@@ -93,53 +134,33 @@ declare const textVariants: (props?: ({
|
|
|
93
134
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
94
135
|
interface TextProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
|
|
95
136
|
as?: React$1.ElementType;
|
|
137
|
+
ref?: React$1.Ref<HTMLElement>;
|
|
96
138
|
}
|
|
97
139
|
/**
|
|
98
140
|
* Text component for rendering text with design system styles.
|
|
99
141
|
* @param {React.ElementType} [props.as] - Custom HTML element to render
|
|
100
142
|
* @param {string} [props.variant] - Text variant from design tokens
|
|
101
143
|
*/
|
|
102
|
-
declare
|
|
144
|
+
declare function Text({ className, variant, as, style, ref, ...props }: TextProps): react_jsx_runtime.JSX.Element;
|
|
103
145
|
|
|
104
|
-
type CardProps = React$1.
|
|
146
|
+
type CardProps = React$1.ComponentProps<"div"> & {
|
|
105
147
|
size?: "default" | "sm";
|
|
106
148
|
};
|
|
107
|
-
declare
|
|
108
|
-
|
|
109
|
-
}
|
|
110
|
-
type
|
|
111
|
-
declare
|
|
112
|
-
type
|
|
113
|
-
declare
|
|
114
|
-
type
|
|
115
|
-
declare
|
|
116
|
-
type
|
|
117
|
-
declare const CardAction: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
118
|
-
type CardContentProps = React$1.ComponentPropsWithoutRef<"div"> & {
|
|
149
|
+
declare function Card({ className, size, ref, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
150
|
+
type CardHeaderProps = React$1.ComponentProps<"div">;
|
|
151
|
+
declare function CardHeader({ className, ref, ...props }: CardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
152
|
+
type CardTitleProps = React$1.ComponentProps<typeof Text>;
|
|
153
|
+
declare function CardTitle({ className, ref, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
|
|
154
|
+
type CardDescriptionProps = React$1.ComponentProps<typeof Text>;
|
|
155
|
+
declare function CardDescription({ className, ref, ...props }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
156
|
+
type CardActionProps = React$1.ComponentProps<"div">;
|
|
157
|
+
declare function CardAction({ className, ref, ...props }: CardActionProps): react_jsx_runtime.JSX.Element;
|
|
158
|
+
type CardContentProps = React$1.ComponentProps<"div"> & {
|
|
119
159
|
bleed?: boolean;
|
|
120
160
|
};
|
|
121
|
-
declare
|
|
122
|
-
|
|
123
|
-
}
|
|
124
|
-
type CardFooterProps = React$1.ComponentPropsWithoutRef<"div">;
|
|
125
|
-
declare const CardFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* Typography variant styles using @utility classes from design tokens.
|
|
129
|
-
* Original variant names mapped to current-generation type-* utilities.
|
|
130
|
-
*/
|
|
131
|
-
declare const typographyVariants: (props?: ({
|
|
132
|
-
variant?: "body-xs" | "body-sm" | "body-md" | "label-xs" | "label-sm" | "label-md" | "display-lg" | "display-xl" | "display-2xl" | "display-3xl" | "heading-lg" | "heading-xl" | "heading-2xl" | "heading-3xl" | "body-base" | "label-xs-bold" | "label-sm-bold" | "label-base" | "label-base-bold" | "label-md-bold" | null | undefined;
|
|
133
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
134
|
-
interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
|
|
135
|
-
as?: React$1.ElementType;
|
|
136
|
-
}
|
|
137
|
-
/**
|
|
138
|
-
* Typography component for rendering text with design system styles.
|
|
139
|
-
* @param {React.ElementType} [props.as] - Custom HTML element to render
|
|
140
|
-
* @param {string} [props.variant] - Typography variant from design tokens
|
|
141
|
-
*/
|
|
142
|
-
declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
|
|
161
|
+
declare function CardContent({ className, bleed, ref, ...props }: CardContentProps): react_jsx_runtime.JSX.Element;
|
|
162
|
+
type CardFooterProps = React$1.ComponentProps<"div">;
|
|
163
|
+
declare function CardFooter({ className, ref, ...props }: CardFooterProps): react_jsx_runtime.JSX.Element;
|
|
143
164
|
|
|
144
165
|
declare const selectTriggerVariants: (props?: ({
|
|
145
166
|
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
@@ -151,7 +172,7 @@ declare const Select: typeof Select$1.Root;
|
|
|
151
172
|
type SelectProps = Select$1.Root.Props<string>;
|
|
152
173
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_select.SelectGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
153
174
|
declare const SelectValue: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_select.SelectValueProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
154
|
-
interface SelectTriggerProps extends React$1.
|
|
175
|
+
interface SelectTriggerProps extends React$1.ComponentProps<typeof Select$1.Trigger>, VariantProps<typeof selectTriggerVariants> {
|
|
155
176
|
}
|
|
156
177
|
/**
|
|
157
178
|
* Select trigger button.
|
|
@@ -159,33 +180,87 @@ interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof Sel
|
|
|
159
180
|
* @param {boolean} [props.disabled] - Disables the trigger
|
|
160
181
|
* @param {boolean} [props["aria-invalid"]] - Applies error styling
|
|
161
182
|
*/
|
|
162
|
-
declare
|
|
163
|
-
interface SelectContentProps extends React$1.
|
|
183
|
+
declare function SelectTrigger({ className, size, children, ref, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
|
|
184
|
+
interface SelectContentProps extends React$1.ComponentProps<typeof Select$1.Positioner> {
|
|
164
185
|
children?: React$1.ReactNode;
|
|
165
186
|
className?: string;
|
|
166
187
|
positionerClassName?: string;
|
|
167
188
|
}
|
|
168
|
-
declare
|
|
169
|
-
type SelectLabelProps = React$1.
|
|
170
|
-
declare
|
|
171
|
-
type SelectItemProps = React$1.
|
|
189
|
+
declare function SelectContent({ className, positionerClassName, children, ref, ...props }: SelectContentProps): react_jsx_runtime.JSX.Element;
|
|
190
|
+
type SelectLabelProps = React$1.ComponentProps<typeof Select$1.GroupLabel>;
|
|
191
|
+
declare function SelectLabel({ className, ref, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
|
|
192
|
+
type SelectItemProps = React$1.ComponentProps<typeof Select$1.Item>;
|
|
172
193
|
/**
|
|
173
194
|
* Select menu item.
|
|
174
195
|
* @param {boolean} [props.disabled] - Disables the item
|
|
175
196
|
*/
|
|
176
|
-
declare
|
|
177
|
-
declare
|
|
178
|
-
declare
|
|
179
|
-
declare
|
|
197
|
+
declare function SelectItem({ className, children, label, ref, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
|
|
198
|
+
declare function SelectSeparator({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
199
|
+
declare function SelectScrollUpButton({ className, ref, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
|
|
200
|
+
declare function SelectScrollDownButton({ className, ref, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
|
|
180
201
|
|
|
181
202
|
/**
|
|
182
|
-
* @fileoverview
|
|
203
|
+
* @fileoverview Utility functions for Altitude UI components.
|
|
204
|
+
* Provides class name merging and variant utilities.
|
|
183
205
|
*/
|
|
184
206
|
|
|
185
|
-
|
|
186
|
-
|
|
207
|
+
/**
|
|
208
|
+
* Merges Tailwind CSS classes intelligently, handling conflicts and conditional classes.
|
|
209
|
+
* Combines clsx for conditional class handling with tailwind-merge for deduplication.
|
|
210
|
+
*
|
|
211
|
+
* @param inputs - Class values to merge (strings, objects, arrays)
|
|
212
|
+
* @returns Merged and deduplicated class string
|
|
213
|
+
*
|
|
214
|
+
* @example
|
|
215
|
+
* ```typescript
|
|
216
|
+
* // Basic usage
|
|
217
|
+
* cn('px-2 py-1', 'px-4') // Returns: 'py-1 px-4'
|
|
218
|
+
*
|
|
219
|
+
* // Conditional classes
|
|
220
|
+
* cn('base-class', { 'active': isActive, 'disabled': isDisabled })
|
|
221
|
+
*
|
|
222
|
+
* // Array of classes
|
|
223
|
+
* cn(['class1', 'class2'], 'class3')
|
|
224
|
+
* ```
|
|
225
|
+
*/
|
|
226
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
227
|
+
|
|
228
|
+
declare const comboboxInputVariants: (props?: ({
|
|
229
|
+
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
230
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
231
|
+
declare const Combobox: typeof Combobox$1.Root;
|
|
232
|
+
declare const useComboboxFilter: typeof Combobox$1.useFilter;
|
|
233
|
+
declare function ComboboxTrigger({ className, ...props }: Combobox$1.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
234
|
+
interface ComboboxInputProps extends Omit<Combobox$1.Input.Props, "size" | "ref">, VariantProps<typeof comboboxInputVariants> {
|
|
235
|
+
showTrigger?: boolean;
|
|
236
|
+
showClear?: boolean;
|
|
237
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
238
|
+
}
|
|
239
|
+
declare function ComboboxInput({ className, children, size, disabled, showTrigger, showClear, ref, ...props }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
|
|
240
|
+
declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime.JSX.Element;
|
|
241
|
+
declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): react_jsx_runtime.JSX.Element;
|
|
242
|
+
declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare function ComboboxGroup({ className, ...props }: Combobox$1.Group.Props): react_jsx_runtime.JSX.Element;
|
|
244
|
+
declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
|
|
245
|
+
declare function ComboboxEmpty({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
246
|
+
declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): react_jsx_runtime.JSX.Element;
|
|
247
|
+
declare const comboboxChipsVariants: (props?: ({
|
|
248
|
+
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
249
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
250
|
+
interface ComboboxChipsProps extends React$1.ComponentPropsWithRef<typeof Combobox$1.Chips>, VariantProps<typeof comboboxChipsVariants> {
|
|
251
|
+
showTrigger?: boolean;
|
|
252
|
+
disabled?: boolean;
|
|
187
253
|
}
|
|
188
|
-
declare
|
|
254
|
+
declare function ComboboxChips({ className, children, size, showTrigger, disabled, ...props }: ComboboxChipsProps): react_jsx_runtime.JSX.Element;
|
|
255
|
+
declare function ComboboxChip({ className, children, showRemove, removeLabel, ...props }: Combobox$1.Chip.Props & {
|
|
256
|
+
showRemove?: boolean;
|
|
257
|
+
removeLabel?: string;
|
|
258
|
+
}): react_jsx_runtime.JSX.Element;
|
|
259
|
+
declare function ComboboxChipsInput({ className, ...props }: Combobox$1.Input.Props): react_jsx_runtime.JSX.Element;
|
|
260
|
+
declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
|
|
261
|
+
|
|
262
|
+
type LabelProps = React$1.ComponentProps<"label">;
|
|
263
|
+
declare function Label({ className, ref, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
|
|
189
264
|
|
|
190
265
|
declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
|
|
191
266
|
declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
|
|
@@ -209,13 +284,13 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
|
|
|
209
284
|
} | undefined>;
|
|
210
285
|
}): react_jsx_runtime.JSX.Element | null;
|
|
211
286
|
|
|
212
|
-
type DialogProps = React$1.
|
|
287
|
+
type DialogProps = React$1.ComponentProps<typeof Dialog$1.Root>;
|
|
213
288
|
declare const Dialog: typeof Dialog$1.Root;
|
|
214
|
-
type DialogTriggerProps = React$1.
|
|
289
|
+
type DialogTriggerProps = React$1.ComponentProps<typeof Dialog$1.Trigger>;
|
|
215
290
|
declare const DialogTrigger: Dialog$1.Trigger;
|
|
216
|
-
type DialogOverlayProps = React$1.
|
|
217
|
-
declare
|
|
218
|
-
type DialogContentProps = React$1.
|
|
291
|
+
type DialogOverlayProps = React$1.ComponentProps<typeof Dialog$1.Backdrop>;
|
|
292
|
+
declare function DialogOverlay({ className, ref, ...props }: DialogOverlayProps): react_jsx_runtime.JSX.Element;
|
|
293
|
+
type DialogContentProps = React$1.ComponentProps<typeof Dialog$1.Popup> & {
|
|
219
294
|
/**
|
|
220
295
|
* Whether to show the default close button in the top-right corner.
|
|
221
296
|
* Set to false to hide it (e.g., when providing custom actions).
|
|
@@ -223,47 +298,79 @@ type DialogContentProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Popup
|
|
|
223
298
|
showCloseButton?: boolean;
|
|
224
299
|
/**
|
|
225
300
|
* Preset dialog dimensions.
|
|
226
|
-
* - desktop:
|
|
227
|
-
* - mobile:
|
|
301
|
+
* - desktop: 640px wide, content-driven height
|
|
302
|
+
* - mobile: 320px wide, min 240px, grows up to 640px height
|
|
228
303
|
*/
|
|
229
304
|
size?: "desktop" | "mobile";
|
|
230
305
|
};
|
|
231
|
-
declare
|
|
232
|
-
|
|
233
|
-
* Whether to show the default close button in the top-right corner.
|
|
234
|
-
* Set to false to hide it (e.g., when providing custom actions).
|
|
235
|
-
*/
|
|
236
|
-
showCloseButton?: boolean;
|
|
237
|
-
/**
|
|
238
|
-
* Preset dialog dimensions.
|
|
239
|
-
* - desktop: 640x480
|
|
240
|
-
* - mobile: 320x240, can grow up to 640px height
|
|
241
|
-
*/
|
|
242
|
-
size?: "desktop" | "mobile";
|
|
243
|
-
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
244
|
-
type DialogBodyProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
306
|
+
declare function DialogContent({ className, children, showCloseButton, size, ref, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
|
|
307
|
+
type DialogBodyProps = React$1.ComponentProps<"div">;
|
|
245
308
|
/**
|
|
246
309
|
* Scrollable main region of the dialog (Figma "Slot"). Keep {@link DialogFooter}
|
|
247
310
|
* as a sibling so the footer stays pinned to the bottom while this area scrolls.
|
|
248
311
|
*/
|
|
249
|
-
declare
|
|
250
|
-
type DialogFooterProps = React$1.
|
|
251
|
-
declare
|
|
252
|
-
type
|
|
253
|
-
declare
|
|
254
|
-
type
|
|
255
|
-
declare
|
|
256
|
-
type
|
|
312
|
+
declare function DialogBody({ className, ref, ...props }: DialogBodyProps): react_jsx_runtime.JSX.Element;
|
|
313
|
+
type DialogFooterProps = React$1.ComponentProps<"div">;
|
|
314
|
+
declare function DialogFooter({ className, ref, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
|
|
315
|
+
type DialogHeaderProps = React$1.ComponentProps<"div">;
|
|
316
|
+
declare function DialogHeader({ className, children, ref, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
|
|
317
|
+
type DialogTitleProps = React$1.ComponentProps<typeof Dialog$1.Title>;
|
|
318
|
+
declare function DialogTitle({ className, ref, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
|
|
319
|
+
type DialogDescriptionProps = React$1.ComponentProps<typeof Dialog$1.Description>;
|
|
320
|
+
declare function DialogDescription({ className, ref, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
321
|
+
type DialogCloseProps = React$1.ComponentProps<typeof Dialog$1.Close>;
|
|
257
322
|
declare const DialogClose: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_dialog.DialogCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
258
323
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
324
|
+
type DrawerProps = React$1.ComponentProps<typeof Drawer$1.Root>;
|
|
325
|
+
/**
|
|
326
|
+
* Drawer root. Pass `direction` to control which edge the panel slides from.
|
|
327
|
+
* Vaul handles drag-to-dismiss and spring animations automatically.
|
|
328
|
+
*
|
|
329
|
+
* @example
|
|
330
|
+
* ```tsx
|
|
331
|
+
* <Drawer direction="right">
|
|
332
|
+
* <DrawerTrigger asChild><Button>Open</Button></DrawerTrigger>
|
|
333
|
+
* <DrawerContent>...</DrawerContent>
|
|
334
|
+
* </Drawer>
|
|
335
|
+
* ```
|
|
336
|
+
*/
|
|
337
|
+
declare const Drawer: ({ direction, ...props }: DrawerProps) => react_jsx_runtime.JSX.Element;
|
|
338
|
+
type DrawerTriggerProps = React$1.ComponentPropsWithoutRef<typeof Drawer$1.Trigger>;
|
|
339
|
+
declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DrawerTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
340
|
+
declare const DrawerPortal: typeof vaul.Portal;
|
|
341
|
+
type DrawerCloseProps = React$1.ComponentPropsWithoutRef<typeof Drawer$1.Close>;
|
|
342
|
+
declare const DrawerClose: React$1.ForwardRefExoticComponent<DrawerCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
343
|
+
type DrawerOverlayProps = React$1.ComponentPropsWithoutRef<typeof Drawer$1.Overlay>;
|
|
344
|
+
declare const DrawerOverlay: React$1.ForwardRefExoticComponent<DrawerOverlayProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
345
|
+
type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof Drawer$1.Content>;
|
|
346
|
+
declare const DrawerContent: React$1.ForwardRefExoticComponent<DrawerContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
347
|
+
type DrawerTitleProps = React$1.ComponentPropsWithoutRef<"h2">;
|
|
348
|
+
declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
349
|
+
type DrawerBodyProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
350
|
+
/**
|
|
351
|
+
* Scrollable main region of the drawer. Keep {@link DrawerFooter} as a sibling
|
|
352
|
+
* so the footer stays pinned to the bottom while this area scrolls.
|
|
353
|
+
*/
|
|
354
|
+
declare const DrawerBody: React$1.ForwardRefExoticComponent<DrawerBodyProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
355
|
+
type DrawerDescriptionProps = React$1.ComponentPropsWithoutRef<"p">;
|
|
356
|
+
declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
357
|
+
type DrawerFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
358
|
+
declare const DrawerFooter: React$1.ForwardRefExoticComponent<DrawerFooterProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
359
|
+
|
|
360
|
+
type BreadcrumbProps = React$1.ComponentProps<"nav">;
|
|
361
|
+
declare function Breadcrumb({ className, ref, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
362
|
+
type BreadcrumbListProps = React$1.ComponentProps<"ol">;
|
|
363
|
+
declare function BreadcrumbList({ className, ref, ...props }: BreadcrumbListProps): react_jsx_runtime.JSX.Element;
|
|
364
|
+
type BreadcrumbItemProps = React$1.ComponentProps<"li">;
|
|
365
|
+
declare function BreadcrumbItem({ className, ref, ...props }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
|
|
366
|
+
type BreadcrumbLinkProps = useRender.ComponentProps<"a">;
|
|
367
|
+
declare function BreadcrumbLink({ className, ref, render, ...props }: BreadcrumbLinkProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
368
|
+
type BreadcrumbPageProps = React$1.ComponentProps<"span">;
|
|
369
|
+
declare function BreadcrumbPage({ className, ref, ...props }: BreadcrumbPageProps): react_jsx_runtime.JSX.Element;
|
|
370
|
+
type BreadcrumbSeparatorProps = React$1.ComponentProps<"li">;
|
|
371
|
+
declare function BreadcrumbSeparator({ children, className, ref, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
|
|
372
|
+
type BreadcrumbEllipsisProps = React$1.ComponentProps<"span">;
|
|
373
|
+
declare function BreadcrumbEllipsis({ className, ref, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
|
|
267
374
|
|
|
268
375
|
declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): react_jsx_runtime.JSX.Element;
|
|
269
376
|
declare function Tooltip({ ...props }: Tooltip$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
@@ -274,6 +381,132 @@ type TooltipProps = Tooltip$1.Root.Props;
|
|
|
274
381
|
type TooltipTriggerProps = Tooltip$1.Trigger.Props;
|
|
275
382
|
type TooltipProviderProps = Tooltip$1.Provider.Props;
|
|
276
383
|
|
|
384
|
+
type ToastManager = ReturnType<typeof Toast$1.createToastManager>;
|
|
385
|
+
/**
|
|
386
|
+
* Shared, module-level toast manager. Mirrors the ergonomics of `sonner`:
|
|
387
|
+
* mount a single `<Toaster />` anywhere in the tree, then call `toast(...)`
|
|
388
|
+
* from anywhere in the app — no context or hook required at the call site.
|
|
389
|
+
*/
|
|
390
|
+
declare const toastManager: _base_ui_react_toast.ToastManager;
|
|
391
|
+
/** Friendly options accepted by the `toast()` helpers. */
|
|
392
|
+
interface ToastOptions {
|
|
393
|
+
/** Secondary line rendered under the title. */
|
|
394
|
+
description?: React$1.ReactNode;
|
|
395
|
+
/**
|
|
396
|
+
* Time in ms before the toast auto-dismisses. `0` keeps it until dismissed.
|
|
397
|
+
* @default 5000 (inherited from the Toaster)
|
|
398
|
+
*/
|
|
399
|
+
duration?: number;
|
|
400
|
+
/** Announce urgently (`high`) for errors, politely (`low`) otherwise. */
|
|
401
|
+
priority?: "low" | "high";
|
|
402
|
+
/** Optional inline action button. */
|
|
403
|
+
action?: {
|
|
404
|
+
label: React$1.ReactNode;
|
|
405
|
+
onClick?: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
|
|
406
|
+
};
|
|
407
|
+
/** Stable id — pass to update or dedupe a toast. */
|
|
408
|
+
id?: string;
|
|
409
|
+
}
|
|
410
|
+
/** Builds the friendly `toast(...)` helper bound to a specific manager. */
|
|
411
|
+
declare function makeToast(manager: ToastManager): ((title: React$1.ReactNode, options?: ToastOptions) => string) & {
|
|
412
|
+
success: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
413
|
+
error: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
414
|
+
info: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
415
|
+
warning: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
416
|
+
/** Resolve/reject a promise into loading → success/error toasts. */
|
|
417
|
+
promise: <Value, Data extends object>(promiseValue: Promise<Value>, options: _base_ui_react_toast.ToastManagerPromiseOptions<Value, Data>) => Promise<Value>;
|
|
418
|
+
/** Dismiss a specific toast by id. */
|
|
419
|
+
dismiss: (id: string) => void;
|
|
420
|
+
/** Imperatively update an existing toast. */
|
|
421
|
+
update: <Data extends object>(id: string, updates: _base_ui_react_toast.ToastManagerUpdateOptions<Data>) => void;
|
|
422
|
+
};
|
|
423
|
+
/**
|
|
424
|
+
* Create and display a toast.
|
|
425
|
+
*
|
|
426
|
+
* @example
|
|
427
|
+
* toast("Saved");
|
|
428
|
+
* toast.success("Profile updated", { description: "Changes are live." });
|
|
429
|
+
* toast.promise(save(), { loading: "Saving…", success: "Saved", error: "Failed" });
|
|
430
|
+
*/
|
|
431
|
+
declare const toast: ((title: React$1.ReactNode, options?: ToastOptions) => string) & {
|
|
432
|
+
success: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
433
|
+
error: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
434
|
+
info: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
435
|
+
warning: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
436
|
+
/** Resolve/reject a promise into loading → success/error toasts. */
|
|
437
|
+
promise: <Value, Data extends object>(promiseValue: Promise<Value>, options: _base_ui_react_toast.ToastManagerPromiseOptions<Value, Data>) => Promise<Value>;
|
|
438
|
+
/** Dismiss a specific toast by id. */
|
|
439
|
+
dismiss: (id: string) => void;
|
|
440
|
+
/** Imperatively update an existing toast. */
|
|
441
|
+
update: <Data extends object>(id: string, updates: _base_ui_react_toast.ToastManagerUpdateOptions<Data>) => void;
|
|
442
|
+
};
|
|
443
|
+
/** The `toast` helper: callable, plus `.success`/`.error`/`.info`/`.warning`/`.promise`/`.dismiss`/`.update`. */
|
|
444
|
+
type Toast = ReturnType<typeof makeToast>;
|
|
445
|
+
/** All positions supported by the {@link Toaster}. */
|
|
446
|
+
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
447
|
+
interface ToasterProps {
|
|
448
|
+
/** Where toasts appear on screen. @default "bottom-right" */
|
|
449
|
+
position?: ToastPosition;
|
|
450
|
+
/** Default auto-dismiss time in ms for toasts without an explicit duration. */
|
|
451
|
+
timeout?: number;
|
|
452
|
+
/** Maximum number of visible toasts before the oldest is dropped. */
|
|
453
|
+
limit?: number;
|
|
454
|
+
/** Additional classes for the viewport. */
|
|
455
|
+
className?: string;
|
|
456
|
+
/**
|
|
457
|
+
* The manager whose toasts this viewport renders. Defaults to the shared
|
|
458
|
+
* module-level manager that backs the global {@link toast}. Pass a manager
|
|
459
|
+
* from {@link createToaster} to run an isolated, independent toaster.
|
|
460
|
+
*/
|
|
461
|
+
toastManager?: ToastManager;
|
|
462
|
+
}
|
|
463
|
+
/**
|
|
464
|
+
* Mount once near the root of your app. Renders the toast viewport and wires
|
|
465
|
+
* up the shared {@link toast} manager so `toast(...)` works app-wide.
|
|
466
|
+
*/
|
|
467
|
+
declare function Toaster({ position, timeout, limit, className, toastManager: manager, }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
468
|
+
/**
|
|
469
|
+
* Create an isolated `{ toast, Toaster }` pair backed by its own manager.
|
|
470
|
+
* Use this when you need multiple independent toasters on screen at once
|
|
471
|
+
* (e.g. demos, embedded widgets) so each one only renders its own toasts.
|
|
472
|
+
* Most apps want the global {@link toast} + a single {@link Toaster} instead.
|
|
473
|
+
*
|
|
474
|
+
* Call this once at module scope (or memoize it) — calling it during render
|
|
475
|
+
* creates a fresh manager and `Toaster` identity every time, which remounts
|
|
476
|
+
* the viewport and drops any visible toasts.
|
|
477
|
+
*/
|
|
478
|
+
declare function createToaster(): {
|
|
479
|
+
toast: ((title: React$1.ReactNode, options?: ToastOptions) => string) & {
|
|
480
|
+
success: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
481
|
+
error: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
482
|
+
info: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
483
|
+
warning: (title: React$1.ReactNode, options?: ToastOptions) => string;
|
|
484
|
+
/** Resolve/reject a promise into loading → success/error toasts. */
|
|
485
|
+
promise: <Value, Data extends object>(promiseValue: Promise<Value>, options: _base_ui_react_toast.ToastManagerPromiseOptions<Value, Data>) => Promise<Value>;
|
|
486
|
+
/** Dismiss a specific toast by id. */
|
|
487
|
+
dismiss: (id: string) => void;
|
|
488
|
+
/** Imperatively update an existing toast. */
|
|
489
|
+
update: <Data extends object>(id: string, updates: _base_ui_react_toast.ToastManagerUpdateOptions<Data>) => void;
|
|
490
|
+
};
|
|
491
|
+
Toaster: (props: Omit<ToasterProps, "toastManager">) => react_jsx_runtime.JSX.Element;
|
|
492
|
+
};
|
|
493
|
+
|
|
494
|
+
declare function HoverCard({ ...props }: PreviewCard.Root.Props): react_jsx_runtime.JSX.Element;
|
|
495
|
+
declare namespace HoverCard {
|
|
496
|
+
var displayName: string;
|
|
497
|
+
}
|
|
498
|
+
declare function HoverCardTrigger({ ...props }: PreviewCard.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
499
|
+
declare namespace HoverCardTrigger {
|
|
500
|
+
var displayName: string;
|
|
501
|
+
}
|
|
502
|
+
type HoverCardContentProps = PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
|
|
503
|
+
declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: HoverCardContentProps): react_jsx_runtime.JSX.Element;
|
|
504
|
+
declare namespace HoverCardContent {
|
|
505
|
+
var displayName: string;
|
|
506
|
+
}
|
|
507
|
+
type HoverCardProps = PreviewCard.Root.Props;
|
|
508
|
+
type HoverCardTriggerProps = PreviewCard.Trigger.Props;
|
|
509
|
+
|
|
277
510
|
declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
278
511
|
declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
279
512
|
type PopoverContentProps = Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
|
|
@@ -287,11 +520,6 @@ type PopoverHeaderProps = React$1.ComponentProps<"div">;
|
|
|
287
520
|
type PopoverTitleProps = Popover$1.Title.Props;
|
|
288
521
|
type PopoverDescriptionProps = Popover$1.Description.Props;
|
|
289
522
|
|
|
290
|
-
/**
|
|
291
|
-
* @fileoverview Sidebar component for Altitude UI.
|
|
292
|
-
* Provides a collapsible sidebar navigation with icon-only and expanded states.
|
|
293
|
-
*/
|
|
294
|
-
|
|
295
523
|
type SidebarContextProps = {
|
|
296
524
|
state: "expanded" | "collapsed";
|
|
297
525
|
open: boolean;
|
|
@@ -332,50 +560,50 @@ declare function useSidebar(): SidebarContextProps;
|
|
|
332
560
|
* @param {boolean} [props.open] - Controlled open state
|
|
333
561
|
* @param {(open: boolean) => void} [props.onOpenChange] - Callback when open state changes
|
|
334
562
|
*/
|
|
335
|
-
declare
|
|
563
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ref, ...props }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
|
|
336
564
|
/**
|
|
337
565
|
* Sidebar - Main sidebar container
|
|
338
566
|
* @param {('icon')} [props.collapsible='icon'] - Collapsible behavior
|
|
339
567
|
*/
|
|
340
|
-
declare
|
|
568
|
+
declare function Sidebar({ collapsible, className, children, ref, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
341
569
|
/**
|
|
342
570
|
* SidebarInset - Main content area that sits beside the sidebar
|
|
343
571
|
*/
|
|
344
|
-
declare
|
|
572
|
+
declare function SidebarInset({ className, ref, ...props }: SidebarInsetProps): react_jsx_runtime.JSX.Element;
|
|
345
573
|
/**
|
|
346
574
|
* SidebarHeader - Header section of sidebar
|
|
347
575
|
*/
|
|
348
|
-
declare
|
|
576
|
+
declare function SidebarHeader({ className, ref, ...props }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
|
|
349
577
|
/**
|
|
350
578
|
* SidebarFooter - Footer section of sidebar
|
|
351
579
|
*/
|
|
352
|
-
declare
|
|
580
|
+
declare function SidebarFooter({ className, ref, ...props }: SidebarFooterProps): react_jsx_runtime.JSX.Element;
|
|
353
581
|
/**
|
|
354
582
|
* SidebarContent - Scrollable content area of sidebar
|
|
355
583
|
*/
|
|
356
|
-
declare
|
|
584
|
+
declare function SidebarContent({ className, ref, ...props }: SidebarContentProps): react_jsx_runtime.JSX.Element;
|
|
357
585
|
/**
|
|
358
586
|
* SidebarGroup - Logical grouping of sidebar items
|
|
359
587
|
*/
|
|
360
|
-
declare
|
|
588
|
+
declare function SidebarGroup({ className, ref, ...props }: SidebarGroupProps): react_jsx_runtime.JSX.Element;
|
|
361
589
|
/**
|
|
362
590
|
* SidebarGroupContent - Content wrapper for sidebar group
|
|
363
591
|
*/
|
|
364
|
-
declare
|
|
592
|
+
declare function SidebarGroupContent({ className, ref, ...props }: SidebarGroupContentProps): react_jsx_runtime.JSX.Element;
|
|
365
593
|
/**
|
|
366
594
|
* SidebarMenu - Menu list container
|
|
367
595
|
*/
|
|
368
|
-
declare
|
|
596
|
+
declare function SidebarMenu({ className, ref, ...props }: SidebarMenuProps): react_jsx_runtime.JSX.Element;
|
|
369
597
|
/**
|
|
370
598
|
* SidebarMenuItem - Individual menu item container
|
|
371
599
|
*/
|
|
372
|
-
declare
|
|
600
|
+
declare function SidebarMenuItem({ className, ref, ...props }: SidebarMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
373
601
|
/**
|
|
374
602
|
* SidebarMenuButton - Interactive menu button with optional tooltip
|
|
375
603
|
* @param {boolean} [props.isActive=false] - Whether button is in active state
|
|
376
604
|
* @param {string | React.ComponentProps<typeof TooltipContent>} [props.tooltip] - Tooltip configuration
|
|
377
605
|
*/
|
|
378
|
-
declare
|
|
606
|
+
declare function SidebarMenuButton({ isActive, tooltip, className, children, ref, ...props }: SidebarMenuButtonProps): react_jsx_runtime.JSX.Element;
|
|
379
607
|
|
|
380
608
|
type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
|
|
381
609
|
navButtonVariant?: React$1.ComponentProps<typeof Button>["variant"];
|
|
@@ -405,13 +633,14 @@ interface DatePickerTriggerProps extends Omit<React$1.ButtonHTMLAttributes<HTMLB
|
|
|
405
633
|
label?: string | null;
|
|
406
634
|
placeholder?: string;
|
|
407
635
|
disabled?: boolean;
|
|
636
|
+
ref?: React$1.Ref<HTMLButtonElement>;
|
|
408
637
|
}
|
|
409
638
|
/**
|
|
410
639
|
* The trigger button for a DatePicker. Must be rendered inside a `<Popover>`.
|
|
411
640
|
* Used internally by `DatePicker` and exposed for composing custom pickers
|
|
412
641
|
* (e.g. date range) with `Popover` + `Calendar`.
|
|
413
642
|
*/
|
|
414
|
-
declare
|
|
643
|
+
declare function DatePickerTrigger({ label, placeholder, disabled, className, ref, ...rest }: DatePickerTriggerProps): react_jsx_runtime.JSX.Element;
|
|
415
644
|
interface DatePickerProps {
|
|
416
645
|
value?: Date;
|
|
417
646
|
onValueChange?: (date: Date | undefined) => void;
|
|
@@ -423,6 +652,7 @@ interface DatePickerProps {
|
|
|
423
652
|
toDate?: Date;
|
|
424
653
|
placeholder?: string;
|
|
425
654
|
className?: string;
|
|
655
|
+
ref?: React$1.Ref<HTMLButtonElement>;
|
|
426
656
|
}
|
|
427
657
|
/**
|
|
428
658
|
* DatePicker component.
|
|
@@ -432,7 +662,7 @@ interface DatePickerProps {
|
|
|
432
662
|
* the `value` prop is present at mount — do not switch between modes after the
|
|
433
663
|
* component mounts.
|
|
434
664
|
*/
|
|
435
|
-
declare
|
|
665
|
+
declare function DatePicker(props: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
436
666
|
|
|
437
667
|
/**
|
|
438
668
|
* Upload variant styles for different states.
|
|
@@ -441,7 +671,7 @@ declare const uploadVariants: (props?: ({
|
|
|
441
671
|
state?: "default" | "success" | "error" | "dragOver" | "uploading" | null | undefined;
|
|
442
672
|
disabled?: boolean | null | undefined;
|
|
443
673
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
444
|
-
interface UploadProps extends Omit<React$1.
|
|
674
|
+
interface UploadProps extends Omit<React$1.ComponentProps<"div">, "onError"> {
|
|
445
675
|
onFileSelect?: (files: File[]) => void;
|
|
446
676
|
acceptedFileTypes?: string[];
|
|
447
677
|
disabled?: boolean;
|
|
@@ -462,7 +692,7 @@ interface UploadProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onEr
|
|
|
462
692
|
* @param {File[]} [props.selectedFiles] - Currently selected files
|
|
463
693
|
* @param {number} [props.maxFileSize] - Maximum file size in bytes
|
|
464
694
|
*/
|
|
465
|
-
declare
|
|
695
|
+
declare function Upload({ className, onFileSelect, maxFileSize, acceptedFileTypes, disabled, state, progress, errorMessage, selectedFiles, ref, ...props }: UploadProps): react_jsx_runtime.JSX.Element;
|
|
466
696
|
|
|
467
697
|
/**
|
|
468
698
|
* Avatar size and shape variants.
|
|
@@ -480,34 +710,34 @@ interface AvatarProps extends Avatar$1.Root.Props, VariantProps<typeof avatarVar
|
|
|
480
710
|
* @param {string} [props.size] - Avatar size: regular (40px), sm (32px), mini (24px), xMini (20px)
|
|
481
711
|
* @param {string} [props.shape] - Corner style: round (circle) or roundrect (rounded rect)
|
|
482
712
|
*/
|
|
483
|
-
declare
|
|
713
|
+
declare function Avatar({ className, size, shape, ref, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
484
714
|
/**
|
|
485
715
|
* Avatar image. Falls back to AvatarFallback if the image fails to load.
|
|
486
716
|
*/
|
|
487
|
-
declare
|
|
717
|
+
declare function AvatarImage({ className, ref, ...props }: Avatar$1.Image.Props): react_jsx_runtime.JSX.Element;
|
|
488
718
|
/**
|
|
489
719
|
* Fallback shown when no image is provided or the image fails to load.
|
|
490
720
|
* Typically displays 1–2 character initials.
|
|
491
721
|
*/
|
|
492
|
-
declare
|
|
493
|
-
interface AvatarGroupProps extends React$1.
|
|
722
|
+
declare function AvatarFallback({ className, ref, ...props }: Avatar$1.Fallback.Props): react_jsx_runtime.JSX.Element;
|
|
723
|
+
interface AvatarGroupProps extends React$1.ComponentProps<"div"> {
|
|
494
724
|
ringColor?: string;
|
|
495
725
|
}
|
|
496
726
|
/**
|
|
497
727
|
* Container that stacks multiple avatars with an overlapping layout.
|
|
498
728
|
* @param {string} [props.ringColor] - Ring color around each avatar. Defaults to the surface-default token.
|
|
499
729
|
*/
|
|
500
|
-
declare
|
|
501
|
-
interface AvatarGroupCountProps extends React$1.
|
|
730
|
+
declare function AvatarGroup({ className, ringColor, style, ref, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
731
|
+
interface AvatarGroupCountProps extends React$1.ComponentProps<"div">, Pick<VariantProps<typeof avatarVariants>, "size" | "shape"> {
|
|
502
732
|
}
|
|
503
733
|
/**
|
|
504
734
|
* Displays the overflow count in an avatar group (e.g. "+3").
|
|
505
735
|
* Must receive the same size and shape as the other avatars in the group.
|
|
506
736
|
*/
|
|
507
|
-
declare
|
|
737
|
+
declare function AvatarGroupCount({ className, size, shape, ref, ...props }: AvatarGroupCountProps): react_jsx_runtime.JSX.Element;
|
|
508
738
|
|
|
509
739
|
declare const checkboxVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
510
|
-
type CheckboxProps = React$1.
|
|
740
|
+
type CheckboxProps = React$1.ComponentProps<typeof Checkbox$1.Root>;
|
|
511
741
|
/**
|
|
512
742
|
* Checkbox component for binary and indeterminate selection states.
|
|
513
743
|
* @param {boolean} [props.checked] - Controlled checked state
|
|
@@ -517,7 +747,58 @@ type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof Checkbox$1.Root>;
|
|
|
517
747
|
* @param {boolean} [props.disabled] - Disables interaction and applies disabled styles
|
|
518
748
|
* @param {string} [props.className] - Additional class names for custom styling
|
|
519
749
|
*/
|
|
520
|
-
declare
|
|
750
|
+
declare function Checkbox({ className, ref, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
751
|
+
|
|
752
|
+
declare const radioGroupVariants: (props?: ({
|
|
753
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
754
|
+
layout?: "inline" | "block" | null | undefined;
|
|
755
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
756
|
+
declare const radioItemVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
757
|
+
type RadioGroupProps = React$1.ComponentProps<typeof RadioGroup$1> & VariantProps<typeof radioGroupVariants>;
|
|
758
|
+
type RadioGroupItemProps = React$1.ComponentProps<typeof Radio.Root>;
|
|
759
|
+
/**
|
|
760
|
+
* RadioGroup container that manages selection state across a set of radio items.
|
|
761
|
+
* @param {"vertical" | "horizontal"} [props.orientation] - Layout direction of the group
|
|
762
|
+
* @param {"inline" | "block"} [props.layout] - inline: items shrink-wrap; block: items stretch full width.
|
|
763
|
+
* `block` requires the DOM shape `RadioGroup > div > (RadioGroupItem + label)` — use RadioGroupCard to satisfy this automatically.
|
|
764
|
+
* @param {any} [props.value] - Controlled selected value
|
|
765
|
+
* @param {any} [props.defaultValue] - Initial selected value (uncontrolled)
|
|
766
|
+
* @param {(value: any) => void} [props.onValueChange] - Callback when selection changes
|
|
767
|
+
* @param {boolean} [props.disabled] - Disables all items in the group
|
|
768
|
+
* @param {string} [props.className] - Additional class names
|
|
769
|
+
*/
|
|
770
|
+
declare function RadioGroup({ className, orientation, layout, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
771
|
+
/**
|
|
772
|
+
* Individual radio button item within a RadioGroup.
|
|
773
|
+
* @param {any} props.value - The value this item represents in the group
|
|
774
|
+
* @param {boolean} [props.disabled] - Disables this specific item
|
|
775
|
+
* @param {boolean} [props.aria-invalid] - Applies error styling
|
|
776
|
+
* @param {string} [props.className] - Additional class names
|
|
777
|
+
*/
|
|
778
|
+
declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
|
|
779
|
+
interface RadioGroupCardProps extends Omit<RadioGroupItemProps, "className" | "ref"> {
|
|
780
|
+
/** Primary label text */
|
|
781
|
+
label: string;
|
|
782
|
+
/** Optional secondary description text */
|
|
783
|
+
description?: string;
|
|
784
|
+
/** When true, places the radio button on the right side */
|
|
785
|
+
flipped?: boolean;
|
|
786
|
+
/** Additional class names for the card wrapper */
|
|
787
|
+
className?: string;
|
|
788
|
+
/** Ref forwarded to the outer <label> element */
|
|
789
|
+
ref?: React$1.Ref<HTMLLabelElement>;
|
|
790
|
+
}
|
|
791
|
+
/**
|
|
792
|
+
* Card-style radio option that makes the entire card clickable.
|
|
793
|
+
* Combines a RadioGroupItem with a label and optional description.
|
|
794
|
+
* The ref is forwarded to the outer <label> element.
|
|
795
|
+
* @param {string} props.label - Primary label text
|
|
796
|
+
* @param {string} [props.description] - Optional secondary description
|
|
797
|
+
* @param {boolean} [props.flipped] - Positions the radio on the right when true
|
|
798
|
+
* @param {boolean} [props.disabled] - Disables the card and radio item
|
|
799
|
+
* @param {string} [props.className] - Additional class names for the card wrapper
|
|
800
|
+
*/
|
|
801
|
+
declare function RadioGroupCard({ className, label, description, flipped, id, ref, ...props }: RadioGroupCardProps): react_jsx_runtime.JSX.Element;
|
|
521
802
|
|
|
522
803
|
declare const switchVariants: (props?: ({
|
|
523
804
|
size?: "default" | "sm" | null | undefined;
|
|
@@ -532,13 +813,35 @@ interface SwitchProps extends Switch$1.Root.Props, VariantProps<typeof switchVar
|
|
|
532
813
|
* @param {boolean} [props.disabled] - Whether the switch is disabled
|
|
533
814
|
* @param {string} [props.className] - Additional CSS classes
|
|
534
815
|
*/
|
|
535
|
-
declare
|
|
816
|
+
declare function Switch({ className, size, ref, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
817
|
+
|
|
818
|
+
type SliderProps = Slider$1.Root.Props & {
|
|
819
|
+
/**
|
|
820
|
+
* Accessible labels for each thumb, in order. Required in range mode to
|
|
821
|
+
* distinguish thumbs for screen readers (e.g. ["Minimum", "Maximum"]).
|
|
822
|
+
*/
|
|
823
|
+
thumbLabels?: string[];
|
|
824
|
+
};
|
|
825
|
+
/**
|
|
826
|
+
* Slider component with Altitude design system styling.
|
|
827
|
+
* Supports single-value and range (multi-thumb) modes, and horizontal/vertical orientation.
|
|
828
|
+
* @param {number | number[]} [props.value] - Controlled value; array enables range mode
|
|
829
|
+
* @param {number | number[]} [props.defaultValue] - Uncontrolled initial value
|
|
830
|
+
* @param {number} [props.min=0] - Minimum value
|
|
831
|
+
* @param {number} [props.max=100] - Maximum value
|
|
832
|
+
* @param {number} [props.step] - Step increment
|
|
833
|
+
* @param {"horizontal" | "vertical"} [props.orientation="horizontal"] - Slider orientation
|
|
834
|
+
* @param {boolean} [props.disabled] - Disables interaction and applies disabled styles
|
|
835
|
+
* @param {string[]} [props.thumbLabels] - Accessible labels for each thumb (required in range mode)
|
|
836
|
+
* @param {string} [props.className] - Additional CSS classes
|
|
837
|
+
*/
|
|
838
|
+
declare function Slider({ className, defaultValue, value, min, max, thumbLabels, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
|
|
536
839
|
|
|
537
840
|
declare const inputVariants: (props?: ({
|
|
538
841
|
roundness?: "default" | "round" | null | undefined;
|
|
539
842
|
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
540
843
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
541
|
-
interface InputProps extends Omit<React$1.
|
|
844
|
+
interface InputProps extends Omit<React$1.ComponentProps<typeof Input$1>, "size">, VariantProps<typeof inputVariants> {
|
|
542
845
|
}
|
|
543
846
|
/**
|
|
544
847
|
* Input component for single-line text entry.
|
|
@@ -548,19 +851,18 @@ interface InputProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Input$
|
|
|
548
851
|
* @param {boolean} [props.aria-invalid] - Applies error styling
|
|
549
852
|
* @param {string} [props.className] - Additional class names for custom styling
|
|
550
853
|
*/
|
|
551
|
-
declare
|
|
854
|
+
declare function Input({ className, size, roundness, ref, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
552
855
|
|
|
553
|
-
interface TextareaProps extends Omit<React$1.
|
|
554
|
-
className?: string;
|
|
856
|
+
interface TextareaProps extends Omit<React$1.ComponentProps<"textarea">, "style"> {
|
|
555
857
|
style?: React$1.CSSProperties;
|
|
556
858
|
}
|
|
557
|
-
declare
|
|
859
|
+
declare function Textarea({ className, style, ref, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
558
860
|
|
|
559
861
|
declare const inputGroupVariants: (props?: ({
|
|
560
862
|
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
561
863
|
roundness?: "default" | "round" | null | undefined;
|
|
562
864
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
563
|
-
interface InputGroupProps extends React$1.
|
|
865
|
+
interface InputGroupProps extends React$1.ComponentProps<"div">, VariantProps<typeof inputGroupVariants> {
|
|
564
866
|
}
|
|
565
867
|
/**
|
|
566
868
|
* Groups related form controls (input, addons, buttons) into a single visual unit.
|
|
@@ -574,69 +876,70 @@ interface InputGroupProps extends React$1.HTMLAttributes<HTMLDivElement>, Varian
|
|
|
574
876
|
* <InputGroupInput placeholder="Search…" />
|
|
575
877
|
* </InputGroup>
|
|
576
878
|
*/
|
|
577
|
-
declare
|
|
879
|
+
declare function InputGroup({ className, size, roundness, ref, ...props }: InputGroupProps): react_jsx_runtime.JSX.Element;
|
|
578
880
|
declare const inputGroupAddonVariants: (props?: ({
|
|
579
881
|
align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
|
|
580
882
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
581
|
-
interface InputGroupAddonProps extends React$1.
|
|
883
|
+
interface InputGroupAddonProps extends React$1.ComponentProps<"div">, VariantProps<typeof inputGroupAddonVariants> {
|
|
582
884
|
}
|
|
583
|
-
declare
|
|
885
|
+
declare function InputGroupAddon({ className, align, ref, ...props }: InputGroupAddonProps): react_jsx_runtime.JSX.Element;
|
|
584
886
|
declare const inputGroupButtonVariants: (props?: ({
|
|
585
887
|
size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
|
|
586
888
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
587
889
|
interface InputGroupButtonProps extends Omit<React$1.ComponentProps<typeof Button>, "size" | "type">, VariantProps<typeof inputGroupButtonVariants> {
|
|
588
890
|
type?: "button" | "submit" | "reset";
|
|
589
891
|
}
|
|
590
|
-
declare
|
|
591
|
-
type InputGroupTextProps = React$1.
|
|
592
|
-
declare
|
|
892
|
+
declare function InputGroupButton({ className, type, variant, size, ref, ...props }: InputGroupButtonProps): react_jsx_runtime.JSX.Element;
|
|
893
|
+
type InputGroupTextProps = React$1.ComponentProps<"span">;
|
|
894
|
+
declare function InputGroupText({ className, ref, ...props }: InputGroupTextProps): react_jsx_runtime.JSX.Element;
|
|
593
895
|
type InputGroupInputProps = Omit<React$1.ComponentProps<typeof Input>, "size" | "roundness">;
|
|
594
|
-
declare
|
|
896
|
+
declare function InputGroupInput({ className, ref, ...props }: InputGroupInputProps): react_jsx_runtime.JSX.Element;
|
|
595
897
|
type InputGroupTextareaProps = React$1.ComponentProps<typeof Textarea>;
|
|
596
|
-
declare
|
|
898
|
+
declare function InputGroupTextarea({ className, ref, ...props }: InputGroupTextareaProps): react_jsx_runtime.JSX.Element;
|
|
597
899
|
|
|
598
|
-
/**
|
|
599
|
-
* Badge variant styles.
|
|
600
|
-
*/
|
|
601
900
|
declare const badgeVariants: (props?: ({
|
|
602
|
-
variant?: "primary" | "
|
|
603
|
-
rounded?: boolean | null | undefined;
|
|
901
|
+
variant?: "primary" | "ghost" | "outline" | "secondary" | "urgent" | null | undefined;
|
|
604
902
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
605
|
-
interface BadgeProps extends React$1.
|
|
903
|
+
interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
904
|
+
/** Left icon slot. */
|
|
905
|
+
iconLeft?: React$1.ReactNode;
|
|
906
|
+
/** Right icon slot. */
|
|
907
|
+
iconRight?: React$1.ReactNode;
|
|
606
908
|
}
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
909
|
+
declare function Badge({ className, variant, iconLeft, iconRight, onKeyDown, style, children, ref, ...props }: BadgeProps): react_jsx_runtime.JSX.Element | null;
|
|
910
|
+
|
|
911
|
+
declare const tagVariants: (props?: ({
|
|
912
|
+
color?: "cyan" | "indigo" | "orange" | "pink" | "violet" | "verdant" | "stone" | null | undefined;
|
|
913
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
914
|
+
interface TagProps extends Omit<React$1.ComponentProps<"span">, "color">, VariantProps<typeof tagVariants> {
|
|
915
|
+
}
|
|
916
|
+
declare function Tag({ className, color, ref, ...props }: TagProps): react_jsx_runtime.JSX.Element;
|
|
614
917
|
|
|
615
918
|
declare function AlertDialog({ ...props }: AlertDialog$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
616
|
-
declare
|
|
919
|
+
declare function AlertDialogTrigger({ ref, ...props }: AlertDialog$1.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
617
920
|
interface AlertDialogContentProps extends AlertDialog$1.Popup.Props {
|
|
618
921
|
size?: "desktop" | "mobile";
|
|
619
922
|
}
|
|
620
|
-
declare
|
|
621
|
-
declare
|
|
622
|
-
declare
|
|
623
|
-
declare
|
|
624
|
-
declare
|
|
923
|
+
declare function AlertDialogContent({ className, size, children, ref, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
|
|
924
|
+
declare function AlertDialogHeader({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
925
|
+
declare function AlertDialogFooter({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
926
|
+
declare function AlertDialogTitle({ className, ref, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
|
|
927
|
+
declare function AlertDialogDescription({ className, ref, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
|
|
625
928
|
/**
|
|
626
929
|
* Primary action button. Closes the dialog on click. Defaults to the `primary` variant.
|
|
627
930
|
*/
|
|
628
|
-
declare
|
|
931
|
+
declare function AlertDialogAction({ className, variant, size, ref, ...props }: AlertDialog$1.Close.Props & Pick<ButtonProps, "variant" | "size">): react_jsx_runtime.JSX.Element;
|
|
629
932
|
/**
|
|
630
933
|
* Cancel / dismiss button. Closes the dialog on click. Defaults to the `default` variant.
|
|
631
934
|
*/
|
|
632
|
-
declare
|
|
935
|
+
declare function AlertDialogCancel({ className, variant, size, ref, ...props }: AlertDialog$1.Close.Props & Pick<ButtonProps, "variant" | "size">): react_jsx_runtime.JSX.Element;
|
|
633
936
|
|
|
634
937
|
/**
|
|
635
938
|
* Wrapper that provides `role="list"` semantics and adjusts gap spacing
|
|
636
939
|
* based on the `size` of its child Items.
|
|
637
940
|
*/
|
|
638
|
-
declare
|
|
639
|
-
declare
|
|
941
|
+
declare function ItemGroup({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
942
|
+
declare function ItemSeparator({ className, ref, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
|
|
640
943
|
/** Item variant styles. */
|
|
641
944
|
declare const itemVariants: (props?: ({
|
|
642
945
|
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
@@ -648,10 +951,7 @@ type ItemProps = useRender.ComponentProps<"div"> & VariantProps<typeof itemVaria
|
|
|
648
951
|
* when inside an `ItemGroup` (`role="list"`), and no role otherwise.
|
|
649
952
|
* Supports polymorphic rendering via the `render` prop (e.g. `<a>`, `<Link>`).
|
|
650
953
|
*/
|
|
651
|
-
declare const Item: {
|
|
652
|
-
({ className, variant, size, render, ...props }: ItemProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
653
|
-
displayName: string;
|
|
654
|
-
};
|
|
954
|
+
declare const Item: ({ className, variant, size, render, ...props }: ItemProps) => React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
655
955
|
/** ItemMedia variant styles. */
|
|
656
956
|
declare const itemMediaVariants: (props?: ({
|
|
657
957
|
variant?: "default" | "image" | "icon" | "iconBadge" | null | undefined;
|
|
@@ -662,324 +962,82 @@ type ItemMediaProps = React$1.ComponentProps<"div"> & VariantProps<typeof itemMe
|
|
|
662
962
|
* `variant="iconBadge"` for icons in a 32px badge container (icon auto-sized to 16px),
|
|
663
963
|
* or `variant="image"` for thumbnails (cropped to fit, size-responsive).
|
|
664
964
|
*/
|
|
665
|
-
declare
|
|
965
|
+
declare function ItemMedia({ className, variant, ref, ...props }: ItemMediaProps): react_jsx_runtime.JSX.Element;
|
|
666
966
|
/** Flex container for title and description. Grows to fill available space. */
|
|
667
|
-
declare
|
|
668
|
-
declare
|
|
967
|
+
declare function ItemContent({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
968
|
+
declare function ItemTitle({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
669
969
|
/** Secondary text, clamped to 2 lines. Inline links are auto-styled. */
|
|
670
|
-
declare
|
|
671
|
-
declare
|
|
672
|
-
declare
|
|
673
|
-
declare
|
|
674
|
-
|
|
675
|
-
/**
|
|
676
|
-
* @fileoverview Shared TypeScript types for PDF viewer components.
|
|
677
|
-
*/
|
|
678
|
-
/**
|
|
679
|
-
* PDF file input type - can be a URL string or File object.
|
|
680
|
-
*/
|
|
681
|
-
type PdfFile = string | File;
|
|
682
|
-
type BoundingBoxStyle = {
|
|
683
|
-
/** CSS color string. @default 'rgba(59, 130, 246, 0.2)' */
|
|
684
|
-
fillColor?: string;
|
|
685
|
-
/** CSS color string. @default 'rgba(59, 130, 246, 0.8)' */
|
|
686
|
-
borderColor?: string;
|
|
687
|
-
/** Border width in pixels (non-scaling). @default 2 */
|
|
688
|
-
borderWidth?: number;
|
|
689
|
-
};
|
|
690
|
-
/**
|
|
691
|
-
* A bounding box region on a PDF page.
|
|
692
|
-
* Coordinates are normalized (0-1) relative to page size.
|
|
693
|
-
*
|
|
694
|
-
* Coordinate system origin is at the top-left corner:
|
|
695
|
-
* - x1: left edge
|
|
696
|
-
* - x2: right edge
|
|
697
|
-
* - y1: top edge
|
|
698
|
-
* - y2: bottom edge
|
|
699
|
-
*/
|
|
700
|
-
interface BoundingBox {
|
|
701
|
-
id: string;
|
|
702
|
-
/** 1-indexed */
|
|
703
|
-
page: number;
|
|
704
|
-
x1: number;
|
|
705
|
-
y1: number;
|
|
706
|
-
x2: number;
|
|
707
|
-
y2: number;
|
|
708
|
-
label?: string;
|
|
709
|
-
/** Style overrides merged over defaultBoxStyle */
|
|
710
|
-
style?: BoundingBoxStyle;
|
|
711
|
-
/** Consumer metadata */
|
|
712
|
-
data?: Record<string, unknown>;
|
|
713
|
-
}
|
|
714
|
-
/**
|
|
715
|
-
* Dimensions of a single PDF page at scale 1.0.
|
|
716
|
-
*/
|
|
717
|
-
type PdfPageDimensions = {
|
|
718
|
-
/** 1-indexed */
|
|
719
|
-
pageNumber: number;
|
|
720
|
-
/** Width in PDF units at scale 1.0 */
|
|
721
|
-
width: number;
|
|
722
|
-
/** Height in PDF units at scale 1.0 */
|
|
723
|
-
height: number;
|
|
724
|
-
};
|
|
725
|
-
/**
|
|
726
|
-
* Map of page numbers to their dimensions.
|
|
727
|
-
* Key is 1-indexed page number.
|
|
728
|
-
*/
|
|
729
|
-
type PdfPageDimensionsMap = Map<number, PdfPageDimensions>;
|
|
730
|
-
/**
|
|
731
|
-
* Scroll behavior when navigating to a page.
|
|
732
|
-
* - 'smooth': Animate scrolling to the target page
|
|
733
|
-
* - 'instant': Jump immediately to the target page
|
|
734
|
-
*/
|
|
735
|
-
type ScrollBehavior = "smooth" | "instant";
|
|
736
|
-
/**
|
|
737
|
-
* Target for programmatic scrolling within the PDF viewer.
|
|
738
|
-
* Coordinates are normalized (0-1) matching the bounding box coordinate system.
|
|
739
|
-
*/
|
|
740
|
-
type ScrollTarget = {
|
|
741
|
-
/** 1-indexed */
|
|
742
|
-
page: number;
|
|
743
|
-
/** @default 0 */
|
|
744
|
-
x?: number;
|
|
745
|
-
/** @default 0 */
|
|
746
|
-
y?: number;
|
|
747
|
-
/** Change key — update to re-trigger scroll to the same position */
|
|
748
|
-
key?: string | number;
|
|
749
|
-
};
|
|
750
|
-
/**
|
|
751
|
-
* View mode for PDF display.
|
|
752
|
-
* - 'continuous': All pages rendered in a scrollable container with virtualization
|
|
753
|
-
* - 'single': One page at a time with navigation controls
|
|
754
|
-
*/
|
|
755
|
-
type PdfViewMode = "continuous" | "single";
|
|
756
|
-
/**
|
|
757
|
-
* Props for PDF viewer components.
|
|
758
|
-
*/
|
|
759
|
-
type PdfViewerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onError"> & {
|
|
760
|
-
file?: PdfFile;
|
|
761
|
-
/** Document title shown in the viewer header */
|
|
762
|
-
title?: string;
|
|
763
|
-
/** Custom page width in pixels. If not provided, pages auto-fit to container width */
|
|
764
|
-
pageWidth?: number;
|
|
765
|
-
onDownload?: () => void;
|
|
766
|
-
onPrint?: () => void;
|
|
767
|
-
onLoadSuccess?: (numPages: number) => void;
|
|
768
|
-
/** Called on PDF load or render failure (replaces native onError) */
|
|
769
|
-
onError?: (error: Error) => void;
|
|
770
|
-
/** Enable text layer for text selection. Defaults to false for performance */
|
|
771
|
-
enableTextLayer?: boolean;
|
|
772
|
-
/** Show the built-in controls bar (page navigation, zoom) */
|
|
773
|
-
showControls?: boolean;
|
|
774
|
-
/**
|
|
775
|
-
* Number of pages to render above and below the viewport for virtualization.
|
|
776
|
-
* Higher values reduce blank pages during fast scrolling but use more memory.
|
|
777
|
-
*/
|
|
778
|
-
viewportBuffer?: number;
|
|
779
|
-
/**
|
|
780
|
-
* Scroll target for controlled navigation. When provided, the component operates
|
|
781
|
-
* in controlled mode and expects the parent to manage page state via onPageChange.
|
|
782
|
-
*
|
|
783
|
-
* @example
|
|
784
|
-
* ```tsx
|
|
785
|
-
* // Page-level navigation
|
|
786
|
-
* <PdfViewer file={url} scrollTo={{ page: 5 }} onPageChange={setPage} />
|
|
787
|
-
*
|
|
788
|
-
* // Scroll to bounding box position
|
|
789
|
-
* <PdfViewer
|
|
790
|
-
* file={url}
|
|
791
|
-
* scrollTo={{ page: box.page, x: box.x1, y: box.y1, key: Date.now() }}
|
|
792
|
-
* onPageChange={setPage}
|
|
793
|
-
* />
|
|
794
|
-
* ```
|
|
795
|
-
*/
|
|
796
|
-
scrollTo?: ScrollTarget;
|
|
797
|
-
/** Fires when a different page becomes primary via scrolling or navigation */
|
|
798
|
-
onPageChange?: (page: number) => void;
|
|
799
|
-
scrollBehavior?: ScrollBehavior;
|
|
800
|
-
/**
|
|
801
|
-
* - 'continuous': Scrollable view with all pages (virtualized)
|
|
802
|
-
* - 'single': One page at a time with navigation
|
|
803
|
-
*/
|
|
804
|
-
viewMode?: PdfViewMode;
|
|
805
|
-
/** Fires after PDF metadata is parsed. Useful for sizing bounding-box overlays */
|
|
806
|
-
onDimensionsReady?: (dimensions: PdfPageDimensionsMap) => void;
|
|
807
|
-
/** Overlay regions rendered on top of PDF pages */
|
|
808
|
-
boundingBoxes?: BoundingBox[];
|
|
809
|
-
/** Box IDs that receive `highlightStyle` instead of `defaultBoxStyle` */
|
|
810
|
-
highlightedBoxIds?: string[];
|
|
811
|
-
/** Style applied to highlighted boxes, overrides `defaultBoxStyle` */
|
|
812
|
-
highlightStyle?: BoundingBoxStyle;
|
|
813
|
-
/** Base style applied to all bounding boxes unless overridden by `highlightStyle` */
|
|
814
|
-
defaultBoxStyle?: BoundingBoxStyle;
|
|
815
|
-
onBoxClick?: (box: BoundingBox, event: React.MouseEvent) => void;
|
|
816
|
-
onBoxMouseEnter?: (box: BoundingBox, event: React.MouseEvent) => void;
|
|
817
|
-
onBoxMouseLeave?: (box: BoundingBox, event: React.MouseEvent) => void;
|
|
818
|
-
};
|
|
970
|
+
declare function ItemDescription({ className, ref, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
|
|
971
|
+
declare function ItemActions({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
972
|
+
declare function ItemHeader({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
973
|
+
declare function ItemFooter({ className, ref, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
819
974
|
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
/**
|
|
824
|
-
* Initialize PDF.js worker with a custom URL.
|
|
825
|
-
*
|
|
826
|
-
* The worker file is bundled with @northslopetech/altitude-ui at:
|
|
827
|
-
* @northslopetech/altitude-ui/pdf.worker.min.mjs
|
|
828
|
-
*
|
|
829
|
-
* **IMPORTANT**: You must call this function once at application startup before
|
|
830
|
-
* using the PdfViewer component.
|
|
831
|
-
*
|
|
832
|
-
* @param workerUrl - The URL where the PDF.js worker can be accessed
|
|
833
|
-
*
|
|
834
|
-
* @example
|
|
835
|
-
* ```tsx
|
|
836
|
-
* // For Vite/Webpack - import directly from the package (recommended):
|
|
837
|
-
* import workerUrl from '@northslopetech/altitude-ui/pdf.worker.min.mjs?url';
|
|
838
|
-
* import { initializePdfWorker } from '@northslopetech/altitude-ui';
|
|
839
|
-
*
|
|
840
|
-
* // Call once at app startup (e.g., in main.tsx, _app.tsx, or layout.tsx)
|
|
841
|
-
* initializePdfWorker(workerUrl);
|
|
842
|
-
*
|
|
843
|
-
* // Or if you've copied the worker to your public folder:
|
|
844
|
-
* initializePdfWorker('/pdf.worker.min.mjs');
|
|
845
|
-
* ```
|
|
846
|
-
*/
|
|
847
|
-
declare function initializePdfWorker(workerUrl: string): void;
|
|
848
|
-
|
|
849
|
-
/**
|
|
850
|
-
* PDF document viewer component with multi-page support.
|
|
851
|
-
*
|
|
852
|
-
* Supports both controlled and uncontrolled modes for page state:
|
|
853
|
-
* - Uncontrolled (default): Component manages page state internally
|
|
854
|
-
* - Controlled: Parent manages page state via `scrollTo` and `onPageChange` props
|
|
855
|
-
*
|
|
856
|
-
* @example
|
|
857
|
-
* ```tsx
|
|
858
|
-
* // Simple usage (uncontrolled)
|
|
859
|
-
* <PdfViewer file="/document.pdf" />
|
|
860
|
-
*
|
|
861
|
-
* // Controlled mode (page-level navigation)
|
|
862
|
-
* const [page, setPage] = useState(1);
|
|
863
|
-
* <PdfViewer
|
|
864
|
-
* file="/document.pdf"
|
|
865
|
-
* scrollTo={{ page }}
|
|
866
|
-
* onPageChange={setPage}
|
|
867
|
-
* />
|
|
868
|
-
*
|
|
869
|
-
* // Scroll to bounding box position
|
|
870
|
-
* <PdfViewer
|
|
871
|
-
* file="/document.pdf"
|
|
872
|
-
* scrollTo={{ page: box.page, x: box.x1, y: box.y1, key: Date.now() }}
|
|
873
|
-
* onPageChange={setPage}
|
|
874
|
-
* />
|
|
875
|
-
* ```
|
|
876
|
-
*/
|
|
877
|
-
declare const PdfViewer: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "onError"> & {
|
|
878
|
-
file?: PdfFile;
|
|
879
|
-
title?: string;
|
|
880
|
-
pageWidth?: number;
|
|
881
|
-
onDownload?: () => void;
|
|
882
|
-
onPrint?: () => void;
|
|
883
|
-
onLoadSuccess?: (numPages: number) => void;
|
|
884
|
-
onError?: (error: Error) => void;
|
|
885
|
-
enableTextLayer?: boolean;
|
|
886
|
-
showControls?: boolean;
|
|
887
|
-
viewportBuffer?: number;
|
|
888
|
-
scrollTo?: ScrollTarget;
|
|
889
|
-
onPageChange?: (page: number) => void;
|
|
890
|
-
scrollBehavior?: ScrollBehavior;
|
|
891
|
-
viewMode?: PdfViewMode;
|
|
892
|
-
onDimensionsReady?: (dimensions: PdfPageDimensionsMap) => void;
|
|
893
|
-
boundingBoxes?: BoundingBox[];
|
|
894
|
-
highlightedBoxIds?: string[];
|
|
895
|
-
highlightStyle?: BoundingBoxStyle;
|
|
896
|
-
defaultBoxStyle?: BoundingBoxStyle;
|
|
897
|
-
onBoxClick?: (box: BoundingBox, event: React$1.MouseEvent) => void;
|
|
898
|
-
onBoxMouseEnter?: (box: BoundingBox, event: React$1.MouseEvent) => void;
|
|
899
|
-
onBoxMouseLeave?: (box: BoundingBox, event: React$1.MouseEvent) => void;
|
|
900
|
-
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
901
|
-
|
|
902
|
-
/**
|
|
903
|
-
* Tabs trigger variant styles.
|
|
904
|
-
*/
|
|
905
|
-
declare const tabsVariants: (props?: ({
|
|
906
|
-
variant?: "default" | null | undefined;
|
|
975
|
+
declare function Tabs({ className, orientation, ...props }: Tabs$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
976
|
+
declare const tabsListVariants: (props?: ({
|
|
977
|
+
variant?: "default" | "line" | null | undefined;
|
|
907
978
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
}
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
*/
|
|
919
|
-
declare const Tabs: React$1.ForwardRefExoticComponent<TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
920
|
-
interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
921
|
-
children: React$1.ReactNode;
|
|
922
|
-
}
|
|
923
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
924
|
-
interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof tabsVariants> {
|
|
925
|
-
value: string;
|
|
926
|
-
}
|
|
927
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
928
|
-
interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
929
|
-
value: string;
|
|
930
|
-
}
|
|
931
|
-
declare const TabsContent: React$1.ForwardRefExoticComponent<TabsContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
979
|
+
declare function TabsList({ className, variant, ...props }: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
|
|
980
|
+
declare const tabsTriggerVariants: (props?: ({
|
|
981
|
+
size?: "small" | "regular" | "mini" | "large" | null | undefined;
|
|
982
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
983
|
+
declare function TabsTrigger({ className, size, ...props }: Tabs$1.Tab.Props & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime.JSX.Element;
|
|
984
|
+
declare function TabsContent({ className, ...props }: Tabs$1.Panel.Props): react_jsx_runtime.JSX.Element;
|
|
985
|
+
type TabsProps = Tabs$1.Root.Props;
|
|
986
|
+
type TabsListProps = Tabs$1.List.Props & VariantProps<typeof tabsListVariants>;
|
|
987
|
+
type TabsTriggerProps = Tabs$1.Tab.Props & VariantProps<typeof tabsTriggerVariants>;
|
|
988
|
+
type TabsContentProps = Tabs$1.Panel.Props;
|
|
932
989
|
|
|
933
990
|
declare const DropdownMenu: typeof Menu.Root;
|
|
934
991
|
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_menu.MenuGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
935
992
|
declare const DropdownMenuSub: typeof Menu.SubmenuRoot;
|
|
936
993
|
declare const DropdownMenuRadioGroup: React$1.NamedExoticComponent<Omit<_base_ui_react_menu.MenuRadioGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
937
|
-
type DropdownMenuTriggerProps = Omit<Menu.Trigger.Props, "ref"
|
|
938
|
-
|
|
994
|
+
type DropdownMenuTriggerProps = Omit<Menu.Trigger.Props, "ref"> & {
|
|
995
|
+
ref?: React$1.Ref<HTMLButtonElement>;
|
|
996
|
+
};
|
|
997
|
+
declare function DropdownMenuTrigger({ className, ref, ...props }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
|
|
939
998
|
interface DropdownMenuContentProps extends Menu.Popup.Props {
|
|
940
999
|
align?: Menu.Positioner.Props["align"];
|
|
941
1000
|
alignOffset?: Menu.Positioner.Props["alignOffset"];
|
|
942
1001
|
side?: Menu.Positioner.Props["side"];
|
|
943
1002
|
sideOffset?: Menu.Positioner.Props["sideOffset"];
|
|
1003
|
+
ref?: React$1.Ref<React$1.ComponentRef<typeof Menu.Popup>>;
|
|
944
1004
|
}
|
|
945
|
-
declare
|
|
1005
|
+
declare function DropdownMenuContent({ className, align, alignOffset, side, sideOffset, ref, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element;
|
|
946
1006
|
interface DropdownMenuSubTriggerProps extends React$1.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger> {
|
|
947
1007
|
inset?: boolean;
|
|
1008
|
+
ref?: React$1.Ref<React$1.ComponentRef<typeof Menu.SubmenuTrigger>>;
|
|
948
1009
|
}
|
|
949
|
-
declare
|
|
950
|
-
type DropdownMenuSubContentProps =
|
|
951
|
-
declare
|
|
1010
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ref, ...props }: DropdownMenuSubTriggerProps): react_jsx_runtime.JSX.Element;
|
|
1011
|
+
type DropdownMenuSubContentProps = DropdownMenuContentProps;
|
|
1012
|
+
declare function DropdownMenuSubContent({ className, align, alignOffset, side, sideOffset, ref, ...props }: DropdownMenuSubContentProps): react_jsx_runtime.JSX.Element;
|
|
952
1013
|
declare const dropdownMenuItemVariants: (props?: ({
|
|
953
1014
|
variant?: "default" | "destructive" | null | undefined;
|
|
954
1015
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
955
1016
|
interface DropdownMenuItemProps extends React$1.ComponentPropsWithoutRef<typeof Menu.Item>, VariantProps<typeof dropdownMenuItemVariants> {
|
|
956
1017
|
inset?: boolean;
|
|
1018
|
+
ref?: React$1.Ref<React$1.ComponentRef<typeof Menu.Item>>;
|
|
957
1019
|
}
|
|
958
|
-
declare
|
|
1020
|
+
declare function DropdownMenuItem({ className, variant, inset, ref, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
959
1021
|
interface DropdownMenuCheckboxItemProps extends React$1.ComponentPropsWithoutRef<typeof Menu.CheckboxItem> {
|
|
960
1022
|
inset?: boolean;
|
|
1023
|
+
ref?: React$1.Ref<React$1.ComponentRef<typeof Menu.CheckboxItem>>;
|
|
961
1024
|
}
|
|
962
|
-
declare
|
|
1025
|
+
declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ref, ...props }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
|
|
963
1026
|
interface DropdownMenuRadioItemProps extends React$1.ComponentPropsWithoutRef<typeof Menu.RadioItem> {
|
|
964
1027
|
inset?: boolean;
|
|
1028
|
+
ref?: React$1.Ref<React$1.ComponentRef<typeof Menu.RadioItem>>;
|
|
965
1029
|
}
|
|
966
|
-
declare
|
|
967
|
-
type DropdownMenuLabelProps = React$1.ComponentPropsWithoutRef<typeof Menu.GroupLabel
|
|
968
|
-
|
|
969
|
-
type DropdownMenuSeparatorProps = Separator$1.Props;
|
|
970
|
-
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_separator.SeparatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
971
|
-
type DropdownMenuShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
|
|
972
|
-
declare const DropdownMenuShortcut: {
|
|
973
|
-
({ className, ...props }: DropdownMenuShortcutProps): react_jsx_runtime.JSX.Element;
|
|
974
|
-
displayName: string;
|
|
1030
|
+
declare function DropdownMenuRadioItem({ className, children, inset, ref, ...props }: DropdownMenuRadioItemProps): react_jsx_runtime.JSX.Element;
|
|
1031
|
+
type DropdownMenuLabelProps = React$1.ComponentPropsWithoutRef<typeof Menu.GroupLabel> & {
|
|
1032
|
+
ref?: React$1.Ref<React$1.ComponentRef<typeof Menu.GroupLabel>>;
|
|
975
1033
|
};
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
1034
|
+
declare function DropdownMenuLabel({ className, ref, ...props }: DropdownMenuLabelProps): react_jsx_runtime.JSX.Element;
|
|
1035
|
+
type DropdownMenuSeparatorProps = Separator$1.Props & {
|
|
1036
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
1037
|
+
};
|
|
1038
|
+
declare function DropdownMenuSeparator({ className, ref, ...props }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
|
|
1039
|
+
type DropdownMenuShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
|
|
1040
|
+
declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): react_jsx_runtime.JSX.Element;
|
|
983
1041
|
|
|
984
1042
|
/** Phosphor icon weight (outline, filled, or duotone). */
|
|
985
1043
|
type IconWeight = "regular" | "fill" | "duotone";
|
|
@@ -990,569 +1048,393 @@ interface IconProps extends React$1.SVGProps<SVGSVGElement> {
|
|
|
990
1048
|
/** Phosphor weight: outline (regular), filled, or duotone. */
|
|
991
1049
|
weight?: IconWeight;
|
|
992
1050
|
}
|
|
993
|
-
declare const LockIcon:
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
declare const CheckmarkIcon: React$1.FC<IconProps>;
|
|
997
|
-
declare const ArrowDownIcon: React$1.FC<IconProps>;
|
|
998
|
-
declare const ArrowUpIcon: React$1.FC<IconProps>;
|
|
999
|
-
declare const ArrowLeftIcon: React$1.FC<IconProps>;
|
|
1000
|
-
declare const ArrowRightIcon: React$1.FC<IconProps>;
|
|
1001
|
-
declare const BellIcon: React$1.FC<IconProps>;
|
|
1002
|
-
declare const BookmarkIcon: React$1.FC<IconProps>;
|
|
1003
|
-
declare const CaretDownIcon: React$1.FC<IconProps>;
|
|
1004
|
-
declare const CaretLeftIcon: React$1.FC<IconProps>;
|
|
1005
|
-
declare const CaretRightIcon: React$1.FC<IconProps>;
|
|
1006
|
-
declare const CaretUpIcon: React$1.FC<IconProps>;
|
|
1007
|
-
declare const ChatIcon: React$1.FC<IconProps>;
|
|
1008
|
-
declare const CheckmarkSquareIcon: React$1.FC<IconProps>;
|
|
1009
|
-
declare const CloseIcon: React$1.FC<IconProps>;
|
|
1010
|
-
declare const CogIcon: React$1.FC<IconProps>;
|
|
1011
|
-
declare const CredentialsIcon: React$1.FC<IconProps>;
|
|
1012
|
-
declare const DocumentIcon: React$1.FC<IconProps>;
|
|
1013
|
-
declare const DollarIcon: React$1.FC<IconProps>;
|
|
1014
|
-
declare const EditIcon: React$1.FC<IconProps>;
|
|
1015
|
-
declare const EnvelopeIcon: React$1.FC<IconProps>;
|
|
1016
|
-
declare const ExclamationIcon: React$1.FC<IconProps>;
|
|
1017
|
-
declare const EyeClosedIcon: React$1.FC<IconProps>;
|
|
1018
|
-
declare const EyeOpenIcon: React$1.FC<IconProps>;
|
|
1019
|
-
declare const FilterIcon: React$1.FC<IconProps>;
|
|
1020
|
-
declare const FilterDescendingIcon: React$1.FC<IconProps>;
|
|
1021
|
-
declare const GraphBarIcon: React$1.FC<IconProps>;
|
|
1022
|
-
declare const GraphDonutIcon: React$1.FC<IconProps>;
|
|
1023
|
-
declare const GraphLineIcon: React$1.FC<IconProps>;
|
|
1024
|
-
declare const GraphPieIcon: React$1.FC<IconProps>;
|
|
1025
|
-
declare const HamburgerMenuIcon: React$1.FC<IconProps>;
|
|
1026
|
-
declare const HomeIcon: React$1.FC<IconProps>;
|
|
1027
|
-
declare const InformationIcon: React$1.FC<IconProps>;
|
|
1028
|
-
declare const LocationIcon: React$1.FC<IconProps>;
|
|
1029
|
-
declare const MagnifyingGlassIcon: React$1.FC<IconProps>;
|
|
1030
|
-
declare const MinusIcon: React$1.FC<IconProps>;
|
|
1031
|
-
declare const PlusIcon: React$1.FC<IconProps>;
|
|
1032
|
-
declare const MoreMenuIcon: React$1.FC<IconProps>;
|
|
1033
|
-
declare const PhoneIcon: React$1.FC<IconProps>;
|
|
1034
|
-
declare const QuestionCircleIcon: React$1.FC<IconProps>;
|
|
1035
|
-
declare const ShareIcon: React$1.FC<IconProps>;
|
|
1036
|
-
declare const StarIcon: React$1.FC<IconProps>;
|
|
1037
|
-
declare const StatementIcon: React$1.FC<IconProps>;
|
|
1038
|
-
declare const TableIcon: React$1.FC<IconProps>;
|
|
1039
|
-
declare const TrashIcon: React$1.FC<IconProps>;
|
|
1040
|
-
declare const UserIcon: React$1.FC<IconProps>;
|
|
1041
|
-
declare const UserMultiIcon: React$1.FC<IconProps>;
|
|
1042
|
-
declare const WarningIcon: React$1.FC<IconProps>;
|
|
1043
|
-
declare const WrenchIcon: React$1.FC<IconProps>;
|
|
1044
|
-
declare const LogoutIcon: React$1.FC<IconProps>;
|
|
1045
|
-
declare const PrintIcon: React$1.FC<IconProps>;
|
|
1046
|
-
declare const DownloadIcon: React$1.FC<IconProps>;
|
|
1047
|
-
declare const PanelIcon: React$1.FC<IconProps>;
|
|
1048
|
-
|
|
1049
|
-
/**
|
|
1050
|
-
* @fileoverview Chart utilities for Altitude UI chart components.
|
|
1051
|
-
* Provides color palettes, constants, and helper functions for data visualization.
|
|
1052
|
-
*
|
|
1053
|
-
* All colors reference CSS variables from altitude-tokens for consistent theming.
|
|
1054
|
-
*
|
|
1055
|
-
*/
|
|
1056
|
-
/**
|
|
1057
|
-
* Chart color scheme mapping keys to color values.
|
|
1058
|
-
* Used for creating consistent color schemes across different chart types.
|
|
1059
|
-
*/
|
|
1060
|
-
interface ChartColorScheme {
|
|
1061
|
-
[key: string]: string;
|
|
1062
|
-
}
|
|
1063
|
-
/**
|
|
1064
|
-
* Legend item structure for chart legends.
|
|
1065
|
-
*
|
|
1066
|
-
* @interface LegendItem
|
|
1067
|
-
* @property {string} key - Unique identifier for the legend item
|
|
1068
|
-
* @property {string} color - Color value (hex or CSS variable)
|
|
1069
|
-
* @property {string} [label] - Optional display label (defaults to key if not provided)
|
|
1070
|
-
*/
|
|
1071
|
-
interface LegendItem {
|
|
1072
|
-
key: string;
|
|
1073
|
-
color: string;
|
|
1074
|
-
label?: string;
|
|
1075
|
-
}
|
|
1076
|
-
/**
|
|
1077
|
-
* Chart color constants using CSS variables from altitude-tokens.
|
|
1078
|
-
* Provides semantic color names and palette arrays for different chart types.
|
|
1079
|
-
*
|
|
1080
|
-
* @constant CHART_COLORS
|
|
1081
|
-
*/
|
|
1082
|
-
declare const CHART_COLORS: {
|
|
1083
|
-
readonly SUCCESS: "var(--color-success)";
|
|
1084
|
-
readonly ERROR: "var(--color-error)";
|
|
1085
|
-
readonly WARNING: "var(--color-warning)";
|
|
1086
|
-
readonly SECONDARY: "var(--color-secondary)";
|
|
1087
|
-
readonly PRIMARY: "var(--color-primary)";
|
|
1088
|
-
readonly CATEGORICAL: readonly ["var(--color-chart-color-palette-categorical-1)", "var(--color-chart-color-palette-categorical-2)", "var(--color-chart-color-palette-categorical-3)", "var(--color-chart-color-palette-categorical-4)", "var(--color-chart-color-palette-categorical-5)"];
|
|
1089
|
-
readonly PERFORMANCE: readonly ["var(--color-chart-color-palette-performance-1)", "var(--color-chart-color-palette-performance-2)", "var(--color-chart-color-palette-performance-3)", "var(--color-chart-color-palette-performance-4)", "var(--color-chart-color-palette-performance-5)"];
|
|
1090
|
-
readonly HEATMAP: readonly ["var(--color-chart-color-palette-heatmap-1)", "var(--color-chart-color-palette-heatmap-2)", "var(--color-chart-color-palette-heatmap-3)", "var(--color-chart-color-palette-heatmap-4)", "var(--color-chart-color-palette-heatmap-5)"];
|
|
1051
|
+
declare const LockIcon: {
|
|
1052
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1053
|
+
displayName: string;
|
|
1091
1054
|
};
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
*
|
|
1096
|
-
* @constant COLOR_SCHEMES
|
|
1097
|
-
*/
|
|
1098
|
-
declare const COLOR_SCHEMES: {
|
|
1099
|
-
readonly passFail: {
|
|
1100
|
-
readonly PASS: "var(--color-success)";
|
|
1101
|
-
readonly FAIL: "var(--color-error)";
|
|
1102
|
-
};
|
|
1103
|
-
readonly targetVsAchieved: {
|
|
1104
|
-
readonly TARGET: "var(--color-secondary)";
|
|
1105
|
-
readonly ACHIEVED: "var(--color-success)";
|
|
1106
|
-
};
|
|
1107
|
-
readonly performance: {
|
|
1108
|
-
readonly HIGH: "var(--color-chart-color-palette-performance-1)";
|
|
1109
|
-
readonly MEDIUM_HIGH: "var(--color-chart-color-palette-performance-2)";
|
|
1110
|
-
readonly MEDIUM: "var(--color-chart-color-palette-performance-3)";
|
|
1111
|
-
readonly MEDIUM_LOW: "var(--color-chart-color-palette-performance-4)";
|
|
1112
|
-
readonly LOW: "var(--color-chart-color-palette-performance-5)";
|
|
1113
|
-
};
|
|
1055
|
+
declare const CheckIcon: {
|
|
1056
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1057
|
+
displayName: string;
|
|
1114
1058
|
};
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
*
|
|
1119
|
-
* @constant CHART_CONSTANTS
|
|
1120
|
-
*/
|
|
1121
|
-
declare const CHART_CONSTANTS: {
|
|
1122
|
-
readonly STANDARD_HEIGHT: 400;
|
|
1123
|
-
readonly LARGE_HEIGHT: 500;
|
|
1124
|
-
readonly SMALL_HEIGHT: 300;
|
|
1125
|
-
readonly MARGIN: {
|
|
1126
|
-
readonly top: 20;
|
|
1127
|
-
readonly right: 30;
|
|
1128
|
-
readonly left: 20;
|
|
1129
|
-
readonly bottom: 5;
|
|
1130
|
-
};
|
|
1131
|
-
readonly AXIS_HEIGHT_STANDARD: 30;
|
|
1132
|
-
readonly AXIS_HEIGHT_ROTATED: 60;
|
|
1133
|
-
readonly AXIS_WIDTH_STANDARD: 60;
|
|
1134
|
-
readonly AXIS_WIDTH_YAXIS: 80;
|
|
1135
|
-
readonly PIE_CHART_CENTER_X: 300;
|
|
1136
|
-
readonly PIE_CHART_CENTER_Y: 200;
|
|
1059
|
+
declare const CalendarIcon: {
|
|
1060
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1061
|
+
displayName: string;
|
|
1137
1062
|
};
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
* Wraps around if index exceeds palette length.
|
|
1141
|
-
*
|
|
1142
|
-
* @param index - Index of the color to retrieve
|
|
1143
|
-
* @returns CSS color value (CSS variable reference)
|
|
1144
|
-
*
|
|
1145
|
-
* @example
|
|
1146
|
-
* ```typescript
|
|
1147
|
-
* const color1 = getSeriesColor(0); // First categorical color
|
|
1148
|
-
* const color2 = getSeriesColor(1); // Second categorical color
|
|
1149
|
-
* const color6 = getSeriesColor(5); // Wraps to first color
|
|
1150
|
-
* ```
|
|
1151
|
-
*/
|
|
1152
|
-
declare const getSeriesColor: (index: number) => string;
|
|
1153
|
-
/**
|
|
1154
|
-
* Gets a color from the performance palette by index.
|
|
1155
|
-
* Performance colors go from high (green) to low (red).
|
|
1156
|
-
*
|
|
1157
|
-
* @param index - Index of the color to retrieve (0 = high performance, 4 = low performance)
|
|
1158
|
-
* @returns CSS color value (CSS variable reference)
|
|
1159
|
-
*
|
|
1160
|
-
* @example
|
|
1161
|
-
* ```typescript
|
|
1162
|
-
* const highColor = getPerformanceColor(0); // Green
|
|
1163
|
-
* const midColor = getPerformanceColor(2); // Yellow
|
|
1164
|
-
* const lowColor = getPerformanceColor(4); // Red
|
|
1165
|
-
* ```
|
|
1166
|
-
*/
|
|
1167
|
-
declare const getPerformanceColor: (index: number) => string;
|
|
1168
|
-
/**
|
|
1169
|
-
* Gets a color from the heatmap palette by index.
|
|
1170
|
-
* Heatmap colors go from light to dark for intensity visualization.
|
|
1171
|
-
*
|
|
1172
|
-
* @param index - Index of the color to retrieve (0 = lightest, 4 = darkest)
|
|
1173
|
-
* @returns CSS color value (CSS variable reference)
|
|
1174
|
-
*
|
|
1175
|
-
* @example
|
|
1176
|
-
* ```typescript
|
|
1177
|
-
* const lightColor = getHeatmapColor(0); // Lightest
|
|
1178
|
-
* const darkColor = getHeatmapColor(4); // Darkest
|
|
1179
|
-
* ```
|
|
1180
|
-
*/
|
|
1181
|
-
declare const getHeatmapColor: (index: number) => string;
|
|
1182
|
-
/**
|
|
1183
|
-
* Creates an array of legend items from a color scheme object.
|
|
1184
|
-
*
|
|
1185
|
-
* @param colorScheme - Object mapping keys to color values
|
|
1186
|
-
* @returns Array of legend items with key, color, and label
|
|
1187
|
-
*
|
|
1188
|
-
* @example
|
|
1189
|
-
* ```typescript
|
|
1190
|
-
* const scheme = { PASS: '#00ff00', FAIL: '#ff0000' };
|
|
1191
|
-
* const items = createLegendItems(scheme);
|
|
1192
|
-
* // Returns: [
|
|
1193
|
-
* // { key: 'PASS', color: '#00ff00', label: 'PASS' },
|
|
1194
|
-
* // { key: 'FAIL', color: '#ff0000', label: 'FAIL' }
|
|
1195
|
-
* // ]
|
|
1196
|
-
* ```
|
|
1197
|
-
*/
|
|
1198
|
-
declare const createLegendItems: (colorScheme: ChartColorScheme) => LegendItem[];
|
|
1199
|
-
/**
|
|
1200
|
-
* Calculates appropriate Y-axis width based on the maximum value length in the data.
|
|
1201
|
-
* Ensures labels don't get cut off for large numbers or long text.
|
|
1202
|
-
*
|
|
1203
|
-
* @param data - Array of data objects
|
|
1204
|
-
* @param yAxisKey - Key name for the Y-axis value in data objects
|
|
1205
|
-
* @returns Calculated width in pixels
|
|
1206
|
-
*
|
|
1207
|
-
* @example
|
|
1208
|
-
* ```typescript
|
|
1209
|
-
* const data = [{ value: 1000000 }, { value: 2000000 }];
|
|
1210
|
-
* const width = calculateYAxisWidth(data, 'value'); // Returns ~80px
|
|
1211
|
-
* ```
|
|
1212
|
-
*/
|
|
1213
|
-
declare const calculateYAxisWidth: (data: unknown[], yAxisKey: string) => number;
|
|
1214
|
-
/**
|
|
1215
|
-
* Formats a decimal value as a percentage string.
|
|
1216
|
-
*
|
|
1217
|
-
* @param value - Decimal value (e.g., 0.456 for 45.6%)
|
|
1218
|
-
* @param decimals - Number of decimal places (default: 1)
|
|
1219
|
-
* @returns Formatted percentage string
|
|
1220
|
-
*
|
|
1221
|
-
* @example
|
|
1222
|
-
* ```typescript
|
|
1223
|
-
* formatPercentage(0.456); // "45.6%"
|
|
1224
|
-
* formatPercentage(0.456, 2); // "45.60%"
|
|
1225
|
-
* formatPercentage(0.5, 0); // "50%"
|
|
1226
|
-
* ```
|
|
1227
|
-
*/
|
|
1228
|
-
declare const formatPercentage: (value: number, decimals?: number) => string;
|
|
1229
|
-
/**
|
|
1230
|
-
* Formats large numbers with K (thousands) or M (millions) suffixes.
|
|
1231
|
-
*
|
|
1232
|
-
* @param value - Number to format
|
|
1233
|
-
* @returns Formatted string with suffix
|
|
1234
|
-
*
|
|
1235
|
-
* @example
|
|
1236
|
-
* ```typescript
|
|
1237
|
-
* formatLargeNumber(500); // "500"
|
|
1238
|
-
* formatLargeNumber(1500); // "1.5K"
|
|
1239
|
-
* formatLargeNumber(1500000); // "1.5M"
|
|
1240
|
-
* formatLargeNumber(2345678); // "2.3M"
|
|
1241
|
-
* ```
|
|
1242
|
-
*/
|
|
1243
|
-
declare const formatLargeNumber: (value: number) => string;
|
|
1244
|
-
|
|
1245
|
-
interface ChartLegendProps {
|
|
1246
|
-
items: LegendItem[];
|
|
1247
|
-
x?: number;
|
|
1248
|
-
y?: number;
|
|
1249
|
-
className?: string;
|
|
1250
|
-
}
|
|
1251
|
-
/**
|
|
1252
|
-
* ChartLegend component for displaying chart series in a legend.
|
|
1253
|
-
* @param {LegendItem[]} props.items - Array of legend items with key, color, and label
|
|
1254
|
-
* @param {number} [props.x] - X position
|
|
1255
|
-
* @param {number} [props.y] - Y position
|
|
1256
|
-
* @param {string} [props.className] - Additional CSS classes
|
|
1257
|
-
*/
|
|
1258
|
-
declare function ChartLegend({ items, x, y, className, }: ChartLegendProps): react_jsx_runtime.JSX.Element;
|
|
1259
|
-
|
|
1260
|
-
/**
|
|
1261
|
-
* Label props from Recharts.
|
|
1262
|
-
* @internal
|
|
1263
|
-
*/
|
|
1264
|
-
interface ChartAxisLabelProps {
|
|
1265
|
-
viewBox?: {
|
|
1266
|
-
x: number;
|
|
1267
|
-
y: number;
|
|
1268
|
-
width: number;
|
|
1269
|
-
height: number;
|
|
1270
|
-
};
|
|
1271
|
-
}
|
|
1272
|
-
/**
|
|
1273
|
-
* Tick props from Recharts.
|
|
1274
|
-
* @internal
|
|
1275
|
-
*/
|
|
1276
|
-
interface TickProps {
|
|
1277
|
-
x: number;
|
|
1278
|
-
y: number;
|
|
1279
|
-
payload: {
|
|
1280
|
-
value: string | number;
|
|
1281
|
-
};
|
|
1282
|
-
}
|
|
1283
|
-
/**
|
|
1284
|
-
* Creates a custom X-axis label component.
|
|
1285
|
-
*
|
|
1286
|
-
* @param text - Label text to display
|
|
1287
|
-
* @param yOffset - Vertical offset from axis (default: 40)
|
|
1288
|
-
* @returns React component for X-axis label
|
|
1289
|
-
*/
|
|
1290
|
-
declare const createCustomXAxisLabel: (text: string, yOffset?: number) => {
|
|
1291
|
-
({ viewBox }: ChartAxisLabelProps): react_jsx_runtime.JSX.Element | null;
|
|
1063
|
+
declare const CheckmarkIcon: {
|
|
1064
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1292
1065
|
displayName: string;
|
|
1293
1066
|
};
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
*
|
|
1297
|
-
* @param text - Label text to display
|
|
1298
|
-
* @param leftMargin - Left margin offset
|
|
1299
|
-
* @returns React component for Y-axis label
|
|
1300
|
-
*/
|
|
1301
|
-
declare const createCustomYAxisLabel: (text: string, leftMargin?: number) => {
|
|
1302
|
-
({ viewBox }: ChartAxisLabelProps): react_jsx_runtime.JSX.Element | null;
|
|
1067
|
+
declare const ArrowDownIcon: {
|
|
1068
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1303
1069
|
displayName: string;
|
|
1304
1070
|
};
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1071
|
+
declare const ArrowUpIcon: {
|
|
1072
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1073
|
+
displayName: string;
|
|
1074
|
+
};
|
|
1075
|
+
declare const ArrowLeftIcon: {
|
|
1076
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1077
|
+
displayName: string;
|
|
1078
|
+
};
|
|
1079
|
+
declare const ArrowRightIcon: {
|
|
1080
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1081
|
+
displayName: string;
|
|
1082
|
+
};
|
|
1083
|
+
declare const BellIcon: {
|
|
1084
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1085
|
+
displayName: string;
|
|
1086
|
+
};
|
|
1087
|
+
declare const BookmarkIcon: {
|
|
1088
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1089
|
+
displayName: string;
|
|
1090
|
+
};
|
|
1091
|
+
declare const CaretDownIcon: {
|
|
1092
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1093
|
+
displayName: string;
|
|
1094
|
+
};
|
|
1095
|
+
declare const CaretLeftIcon: {
|
|
1096
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1097
|
+
displayName: string;
|
|
1098
|
+
};
|
|
1099
|
+
declare const CaretRightIcon: {
|
|
1100
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1101
|
+
displayName: string;
|
|
1102
|
+
};
|
|
1103
|
+
declare const CaretUpIcon: {
|
|
1104
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1105
|
+
displayName: string;
|
|
1106
|
+
};
|
|
1107
|
+
declare const ArrowsDownUpIcon: {
|
|
1108
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1109
|
+
displayName: string;
|
|
1110
|
+
};
|
|
1111
|
+
declare const ChatIcon: {
|
|
1112
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1113
|
+
displayName: string;
|
|
1114
|
+
};
|
|
1115
|
+
declare const CheckmarkSquareIcon: {
|
|
1116
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1117
|
+
displayName: string;
|
|
1118
|
+
};
|
|
1119
|
+
declare const CloseIcon: {
|
|
1120
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1121
|
+
displayName: string;
|
|
1122
|
+
};
|
|
1123
|
+
declare const CogIcon: {
|
|
1124
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1125
|
+
displayName: string;
|
|
1126
|
+
};
|
|
1127
|
+
declare const CredentialsIcon: {
|
|
1128
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1129
|
+
displayName: string;
|
|
1130
|
+
};
|
|
1131
|
+
declare const DocumentIcon: {
|
|
1132
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1133
|
+
displayName: string;
|
|
1134
|
+
};
|
|
1135
|
+
declare const DollarIcon: {
|
|
1136
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1137
|
+
displayName: string;
|
|
1138
|
+
};
|
|
1139
|
+
declare const EditIcon: {
|
|
1140
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1141
|
+
displayName: string;
|
|
1142
|
+
};
|
|
1143
|
+
declare const EnvelopeIcon: {
|
|
1144
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1145
|
+
displayName: string;
|
|
1146
|
+
};
|
|
1147
|
+
declare const ExclamationIcon: {
|
|
1148
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1149
|
+
displayName: string;
|
|
1150
|
+
};
|
|
1151
|
+
declare const EyeClosedIcon: {
|
|
1152
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1153
|
+
displayName: string;
|
|
1154
|
+
};
|
|
1155
|
+
declare const EyeOpenIcon: {
|
|
1156
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1157
|
+
displayName: string;
|
|
1158
|
+
};
|
|
1159
|
+
declare const FilterIcon: {
|
|
1160
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1161
|
+
displayName: string;
|
|
1162
|
+
};
|
|
1163
|
+
declare const FilterDescendingIcon: {
|
|
1164
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1165
|
+
displayName: string;
|
|
1166
|
+
};
|
|
1167
|
+
declare const GraphBarIcon: {
|
|
1168
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1169
|
+
displayName: string;
|
|
1170
|
+
};
|
|
1171
|
+
declare const GraphDonutIcon: {
|
|
1172
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1173
|
+
displayName: string;
|
|
1174
|
+
};
|
|
1175
|
+
declare const GraphLineIcon: {
|
|
1176
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1177
|
+
displayName: string;
|
|
1178
|
+
};
|
|
1179
|
+
declare const GraphPieIcon: {
|
|
1180
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1181
|
+
displayName: string;
|
|
1182
|
+
};
|
|
1183
|
+
declare const HamburgerMenuIcon: {
|
|
1184
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1185
|
+
displayName: string;
|
|
1186
|
+
};
|
|
1187
|
+
declare const HomeIcon: {
|
|
1188
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1189
|
+
displayName: string;
|
|
1190
|
+
};
|
|
1191
|
+
declare const InformationIcon: {
|
|
1192
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1193
|
+
displayName: string;
|
|
1194
|
+
};
|
|
1195
|
+
declare const LocationIcon: {
|
|
1196
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1197
|
+
displayName: string;
|
|
1198
|
+
};
|
|
1199
|
+
declare const MagnifyingGlassIcon: {
|
|
1200
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1201
|
+
displayName: string;
|
|
1202
|
+
};
|
|
1203
|
+
declare const MinusIcon: {
|
|
1204
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1205
|
+
displayName: string;
|
|
1206
|
+
};
|
|
1207
|
+
declare const PlusIcon: {
|
|
1208
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1209
|
+
displayName: string;
|
|
1210
|
+
};
|
|
1211
|
+
declare const MoreMenuIcon: {
|
|
1212
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1213
|
+
displayName: string;
|
|
1214
|
+
};
|
|
1215
|
+
declare const PhoneIcon: {
|
|
1216
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1217
|
+
displayName: string;
|
|
1218
|
+
};
|
|
1219
|
+
declare const QuestionCircleIcon: {
|
|
1220
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1221
|
+
displayName: string;
|
|
1222
|
+
};
|
|
1223
|
+
declare const ShareIcon: {
|
|
1224
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1225
|
+
displayName: string;
|
|
1226
|
+
};
|
|
1227
|
+
declare const StarIcon: {
|
|
1228
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1229
|
+
displayName: string;
|
|
1230
|
+
};
|
|
1231
|
+
declare const StatementIcon: {
|
|
1232
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1233
|
+
displayName: string;
|
|
1234
|
+
};
|
|
1235
|
+
declare const TableIcon: {
|
|
1236
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1237
|
+
displayName: string;
|
|
1238
|
+
};
|
|
1239
|
+
declare const TrashIcon: {
|
|
1240
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1241
|
+
displayName: string;
|
|
1242
|
+
};
|
|
1243
|
+
declare const UserIcon: {
|
|
1244
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1245
|
+
displayName: string;
|
|
1246
|
+
};
|
|
1247
|
+
declare const UserMultiIcon: {
|
|
1248
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1249
|
+
displayName: string;
|
|
1250
|
+
};
|
|
1251
|
+
declare const WarningIcon: {
|
|
1252
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1253
|
+
displayName: string;
|
|
1254
|
+
};
|
|
1255
|
+
declare const WrenchIcon: {
|
|
1256
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1257
|
+
displayName: string;
|
|
1258
|
+
};
|
|
1259
|
+
declare const LogoutIcon: {
|
|
1260
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1261
|
+
displayName: string;
|
|
1262
|
+
};
|
|
1263
|
+
declare const PrintIcon: {
|
|
1264
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1265
|
+
displayName: string;
|
|
1266
|
+
};
|
|
1267
|
+
declare const DownloadIcon: {
|
|
1268
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1269
|
+
displayName: string;
|
|
1270
|
+
};
|
|
1271
|
+
declare const PanelIcon: {
|
|
1272
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1273
|
+
displayName: string;
|
|
1274
|
+
};
|
|
1275
|
+
declare const ZoomInIcon: {
|
|
1276
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1277
|
+
displayName: string;
|
|
1278
|
+
};
|
|
1279
|
+
declare const ZoomOutIcon: {
|
|
1280
|
+
({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1313
1281
|
displayName: string;
|
|
1314
1282
|
};
|
|
1315
|
-
/**
|
|
1316
|
-
* Custom X-axis tick component
|
|
1317
|
-
*/
|
|
1318
|
-
declare const customXAxisTick: (props: TickProps) => react_jsx_runtime.JSX.Element;
|
|
1319
|
-
/**
|
|
1320
|
-
* Custom X-axis tick component with rotated text
|
|
1321
|
-
*/
|
|
1322
|
-
declare const customXAxisTickRotated: (props: TickProps) => react_jsx_runtime.JSX.Element;
|
|
1323
|
-
/**
|
|
1324
|
-
* Custom Y-axis tick component
|
|
1325
|
-
*/
|
|
1326
|
-
declare const customYAxisTick: (props: TickProps) => react_jsx_runtime.JSX.Element;
|
|
1327
1283
|
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1284
|
+
type ValueType = number | string | Array<number | string>;
|
|
1285
|
+
type NameType = number | string;
|
|
1286
|
+
declare const THEMES: {
|
|
1287
|
+
readonly light: "";
|
|
1288
|
+
readonly dark: ".dark";
|
|
1289
|
+
};
|
|
1290
|
+
type ChartConfig = Record<string, {
|
|
1291
|
+
label?: React$1.ReactNode;
|
|
1292
|
+
icon?: React$1.ComponentType;
|
|
1293
|
+
} & ({
|
|
1294
|
+
color?: string;
|
|
1295
|
+
theme?: never;
|
|
1296
|
+
} | {
|
|
1297
|
+
color?: never;
|
|
1298
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
1299
|
+
})>;
|
|
1300
|
+
type ChartContextProps = {
|
|
1301
|
+
config: ChartConfig;
|
|
1302
|
+
};
|
|
1303
|
+
declare function useChart(): ChartContextProps;
|
|
1304
|
+
declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React$1.ComponentProps<"div"> & {
|
|
1305
|
+
config: ChartConfig;
|
|
1306
|
+
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
1307
|
+
initialDimension?: {
|
|
1308
|
+
width: number;
|
|
1309
|
+
height: number;
|
|
1310
|
+
};
|
|
1311
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1312
|
+
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
1313
|
+
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
|
|
1314
|
+
hideLabel?: boolean;
|
|
1315
|
+
hideIndicator?: boolean;
|
|
1316
|
+
indicator?: "line" | "dot" | "dashed";
|
|
1317
|
+
nameKey?: string;
|
|
1318
|
+
labelKey?: string;
|
|
1319
|
+
} & Omit<DefaultTooltipContentProps<ValueType, NameType>, "accessibilityLayer">): react_jsx_runtime.JSX.Element | null;
|
|
1320
|
+
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
1321
|
+
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & {
|
|
1322
|
+
hideIcon?: boolean;
|
|
1323
|
+
nameKey?: string;
|
|
1324
|
+
} & DefaultLegendContentProps): react_jsx_runtime.JSX.Element | null;
|
|
1325
|
+
|
|
1326
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
1327
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
1328
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
1329
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
1330
|
+
type CarouselContextProps = {
|
|
1331
|
+
carouselRef: ReturnType<typeof useEmblaCarousel>[0];
|
|
1332
|
+
api: ReturnType<typeof useEmblaCarousel>[1];
|
|
1333
|
+
scrollPrev: () => void;
|
|
1334
|
+
scrollNext: () => void;
|
|
1335
|
+
canScrollPrev: boolean;
|
|
1336
|
+
canScrollNext: boolean;
|
|
1337
|
+
};
|
|
1338
|
+
declare function useCarousel(): CarouselContextProps;
|
|
1339
|
+
type CarouselProps = React$1.ComponentProps<"div"> & {
|
|
1340
|
+
opts?: CarouselOptions;
|
|
1341
|
+
plugins?: CarouselPlugin;
|
|
1342
|
+
setApi?: (api: CarouselApi) => void;
|
|
1343
|
+
};
|
|
1338
1344
|
/**
|
|
1339
|
-
*
|
|
1345
|
+
* A carousel component powered by Embla Carousel.
|
|
1340
1346
|
*
|
|
1341
|
-
*
|
|
1342
|
-
*
|
|
1343
|
-
*
|
|
1344
|
-
*
|
|
1345
|
-
*
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
className?: string;
|
|
1352
|
-
}
|
|
1353
|
-
/**
|
|
1354
|
-
* TooltipItem component for displaying a single data point in a tooltip.
|
|
1355
|
-
* Shows color indicator, label, and value.
|
|
1356
|
-
*/
|
|
1357
|
-
declare function TooltipItem({ color, label, value, className, }: TooltipItemProps): react_jsx_runtime.JSX.Element;
|
|
1358
|
-
/**
|
|
1359
|
-
* GenericTooltip component props.
|
|
1347
|
+
* Usage:
|
|
1348
|
+
* ```tsx
|
|
1349
|
+
* <Carousel aria-label="Featured items">
|
|
1350
|
+
* <CarouselPrevious />
|
|
1351
|
+
* <CarouselContent>
|
|
1352
|
+
* <CarouselItem>...</CarouselItem>
|
|
1353
|
+
* </CarouselContent>
|
|
1354
|
+
* <CarouselNext />
|
|
1355
|
+
* </Carousel>
|
|
1356
|
+
* ```
|
|
1360
1357
|
*
|
|
1361
|
-
*
|
|
1362
|
-
*
|
|
1363
|
-
* @property {Array} items - Array of tooltip items with color, label, and value
|
|
1364
|
-
* @property {string} [className] - Additional CSS classes
|
|
1365
|
-
*/
|
|
1366
|
-
interface GenericTooltipProps {
|
|
1367
|
-
title?: string;
|
|
1368
|
-
items: Array<{
|
|
1369
|
-
color: string;
|
|
1370
|
-
label: string;
|
|
1371
|
-
value: string | number;
|
|
1372
|
-
}>;
|
|
1373
|
-
className?: string;
|
|
1374
|
-
}
|
|
1375
|
-
/**
|
|
1376
|
-
* GenericTooltip component for displaying multiple data points.
|
|
1377
|
-
* Used as the default tooltip for all chart components.
|
|
1378
|
-
*/
|
|
1379
|
-
declare function GenericTooltip({ title, items, className, }: GenericTooltipProps): react_jsx_runtime.JSX.Element;
|
|
1380
|
-
|
|
1381
|
-
/**
|
|
1382
|
-
* BarChart data item structure.
|
|
1383
|
-
* Can contain any string or number properties.
|
|
1384
|
-
*/
|
|
1385
|
-
interface BarChartData {
|
|
1386
|
-
[key: string]: string | number;
|
|
1387
|
-
}
|
|
1388
|
-
/**
|
|
1389
|
-
* BarChart component props.
|
|
1358
|
+
* Place `CarouselPrevious` and `CarouselNext` as direct siblings of
|
|
1359
|
+
* `CarouselContent` inside the carousel — they render inline with the slides.
|
|
1390
1360
|
*
|
|
1391
|
-
*
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
* @property {string} [barDataKey] - Custom bar data key
|
|
1408
|
-
*/
|
|
1409
|
-
interface BarChartProps {
|
|
1410
|
-
data: BarChartData[];
|
|
1411
|
-
xAxisKey: string;
|
|
1412
|
-
yAxisKey: string;
|
|
1413
|
-
title: string;
|
|
1414
|
-
xAxisLabel?: string;
|
|
1415
|
-
yAxisLabel?: string;
|
|
1416
|
-
barColor?: string;
|
|
1417
|
-
onDataPointClick?: (data: BarChartData) => void;
|
|
1418
|
-
className?: string;
|
|
1419
|
-
rotateXAxisLabels?: boolean;
|
|
1420
|
-
showLegend?: boolean;
|
|
1421
|
-
legendItems?: LegendItem[];
|
|
1422
|
-
layout?: "vertical" | "horizontal";
|
|
1423
|
-
xAxisType?: "category" | "number";
|
|
1424
|
-
yAxisType?: "category" | "number";
|
|
1425
|
-
barDataKey?: string;
|
|
1426
|
-
}
|
|
1427
|
-
/**
|
|
1428
|
-
* BarChart component for visualizing data as vertical or horizontal bars.
|
|
1429
|
-
* @param {BarChartData[]} props.data - Array of data items
|
|
1430
|
-
* @param {string} props.xAxisKey - Key for X-axis values from data
|
|
1431
|
-
* @param {string} props.yAxisKey - Key for Y-axis values from data
|
|
1432
|
-
* @param {string} props.title - Chart title
|
|
1433
|
-
* @param {string} [props.xAxisLabel] - X-axis label
|
|
1434
|
-
* @param {string} [props.yAxisLabel] - Y-axis label
|
|
1435
|
-
* @param {string} [props.barColor] - Bar color
|
|
1436
|
-
* @param {function} [props.onDataPointClick] - Click handler for bars
|
|
1437
|
-
* @param {boolean} [props.showLegend] - Whether to show legend
|
|
1438
|
-
* @param {string} [props.layout] - Chart layout (vertical or horizontal)
|
|
1439
|
-
*/
|
|
1440
|
-
declare const BarChart: React$1.ForwardRefExoticComponent<BarChartProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1361
|
+
* Always pass `aria-label` to give the `role="region"` landmark an accessible name.
|
|
1362
|
+
*/
|
|
1363
|
+
declare function Carousel({ opts, plugins, setApi, className, children, ref, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
|
|
1364
|
+
type CarouselContentProps = React$1.ComponentProps<"div">;
|
|
1365
|
+
declare function CarouselContent({ className, ref, ...props }: CarouselContentProps): react_jsx_runtime.JSX.Element;
|
|
1366
|
+
type CarouselItemProps = React$1.ComponentProps<"div"> & {
|
|
1367
|
+
/** 0-based index of this slide. Provide together with `total` to auto-generate an accessible position label ("Slide 1 of 5"). */
|
|
1368
|
+
index?: number;
|
|
1369
|
+
/** Total number of slides. Provide together with `index` to auto-generate an accessible position label. */
|
|
1370
|
+
total?: number;
|
|
1371
|
+
};
|
|
1372
|
+
declare function CarouselItem({ className, index, total, "aria-label": ariaLabel, ref, ...props }: CarouselItemProps): react_jsx_runtime.JSX.Element;
|
|
1373
|
+
type CarouselPreviousProps = React$1.ComponentProps<typeof Button>;
|
|
1374
|
+
declare function CarouselPrevious({ className, variant, size, ref, ...props }: CarouselPreviousProps): react_jsx_runtime.JSX.Element;
|
|
1375
|
+
type CarouselNextProps = React$1.ComponentProps<typeof Button>;
|
|
1376
|
+
declare function CarouselNext({ className, variant, size, ref, ...props }: CarouselNextProps): react_jsx_runtime.JSX.Element;
|
|
1441
1377
|
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
strokeWidth?: number;
|
|
1463
|
-
dot?: boolean;
|
|
1464
|
-
activeDot?: boolean;
|
|
1465
|
-
}
|
|
1466
|
-
interface LineChartProps {
|
|
1467
|
-
data: LineChartData[];
|
|
1468
|
-
xAxisKey: string;
|
|
1469
|
-
series: LineSeries[];
|
|
1470
|
-
title: string;
|
|
1471
|
-
xAxisLabel?: string;
|
|
1472
|
-
yAxisLabel?: string;
|
|
1473
|
-
onDataPointClick?: (data: LineChartData) => void;
|
|
1474
|
-
className?: string;
|
|
1475
|
-
showLegend?: boolean;
|
|
1476
|
-
legendItems?: LegendItem[];
|
|
1477
|
-
}
|
|
1478
|
-
/**
|
|
1479
|
-
* LineChart component for visualizing time series and trends.
|
|
1480
|
-
* @param {LineChartData[]} props.data - Array of data items
|
|
1481
|
-
* @param {string} props.xAxisKey - Key for X-axis values from data
|
|
1482
|
-
* @param {LineSeries[]} props.series - Array of line series configurations
|
|
1483
|
-
* @param {string} props.title - Chart title
|
|
1484
|
-
* @param {string} [props.xAxisLabel] - X-axis label
|
|
1485
|
-
* @param {string} [props.yAxisLabel] - Y-axis label
|
|
1486
|
-
* @param {function} [props.onDataPointClick] - Click handler for data points
|
|
1487
|
-
* @param {boolean} [props.showLegend] - Whether to show legend
|
|
1488
|
-
*/
|
|
1489
|
-
declare const LineChart: React$1.ForwardRefExoticComponent<LineChartProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1378
|
+
declare function Table({ className, ref, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
|
|
1379
|
+
declare function TableHeader({ className, ref, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
|
|
1380
|
+
declare function TableBody({ className, ref, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
|
|
1381
|
+
declare function TableFooter({ className, ref, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
|
|
1382
|
+
declare function TableRow({ className, ref, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
|
|
1383
|
+
declare function TableHead({ className, ref, align, ...props }: React$1.ComponentProps<"th"> & {
|
|
1384
|
+
align?: "left" | "right";
|
|
1385
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1386
|
+
declare function TableCell({ className, ref, align, ...props }: React$1.ComponentProps<"td"> & {
|
|
1387
|
+
align?: "left" | "right";
|
|
1388
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1389
|
+
declare function TableCaption({ className, ref, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
|
|
1390
|
+
type TableProps = React$1.ComponentProps<typeof Table>;
|
|
1391
|
+
type TableHeaderProps = React$1.ComponentProps<typeof TableHeader>;
|
|
1392
|
+
type TableBodyProps = React$1.ComponentProps<typeof TableBody>;
|
|
1393
|
+
type TableFooterProps = React$1.ComponentProps<typeof TableFooter>;
|
|
1394
|
+
type TableRowProps = React$1.ComponentProps<typeof TableRow>;
|
|
1395
|
+
type TableHeadProps = React$1.ComponentProps<typeof TableHead>;
|
|
1396
|
+
type TableCellProps = React$1.ComponentProps<typeof TableCell>;
|
|
1397
|
+
type TableCaptionProps = React$1.ComponentProps<typeof TableCaption>;
|
|
1490
1398
|
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
}
|
|
1505
|
-
/**
|
|
1506
|
-
* Pie label rendering props from Recharts.
|
|
1507
|
-
* @internal
|
|
1508
|
-
*/
|
|
1509
|
-
interface PieLabelProps {
|
|
1510
|
-
cx: number;
|
|
1511
|
-
cy: number;
|
|
1512
|
-
midAngle: number;
|
|
1513
|
-
innerRadius: number;
|
|
1514
|
-
outerRadius: number;
|
|
1515
|
-
percent: number;
|
|
1516
|
-
name: string;
|
|
1517
|
-
value: number;
|
|
1399
|
+
interface DataTableProps<TData> extends Omit<React$1.ComponentProps<"table">, "children"> {
|
|
1400
|
+
columns: ColumnDef<TData, unknown>[];
|
|
1401
|
+
data: TData[];
|
|
1402
|
+
getRowId: (row: TData) => string;
|
|
1403
|
+
"aria-label": string;
|
|
1404
|
+
showPagination?: boolean;
|
|
1405
|
+
pageSizeOptions?: number[];
|
|
1406
|
+
initialPageSize?: number;
|
|
1407
|
+
enableRowSelection?: boolean;
|
|
1408
|
+
onRowSelectionChange?: (state: RowSelectionState) => void;
|
|
1409
|
+
enableSorting?: boolean;
|
|
1410
|
+
emptyState?: React$1.ReactNode;
|
|
1411
|
+
loading?: boolean;
|
|
1518
1412
|
}
|
|
1519
|
-
|
|
1520
|
-
|
|
1413
|
+
declare function DataTable<TData>({ columns, data, getRowId, showPagination, pageSizeOptions, initialPageSize, enableRowSelection, onRowSelectionChange: onRowSelectionChangeProp, enableSorting, emptyState, loading, ...tableProps }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1414
|
+
|
|
1415
|
+
type DataTableViewProps<TData> = React$1.ComponentProps<typeof Table> & {
|
|
1416
|
+
table: Table$1<TData>;
|
|
1417
|
+
emptyState?: React$1.ReactNode;
|
|
1418
|
+
loading?: boolean;
|
|
1419
|
+
getRowProps?: (row: Row<TData>) => React$1.ComponentProps<typeof TableRow>;
|
|
1420
|
+
};
|
|
1421
|
+
declare function DataTableView<TData>({ table, emptyState, loading, getRowProps, className, ...props }: DataTableViewProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1422
|
+
|
|
1423
|
+
type DataTablePaginationProps<TData> = React$1.ComponentProps<"div"> & {
|
|
1424
|
+
table: Table$1<TData>;
|
|
1425
|
+
pageSizeOptions?: number[];
|
|
1426
|
+
};
|
|
1427
|
+
declare function DataTablePagination<TData>({ table, pageSizeOptions, className, ...props }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1428
|
+
|
|
1429
|
+
type DataTableColumnHeaderProps<TData, TValue> = React.ComponentProps<"div"> & {
|
|
1430
|
+
column: Column<TData, TValue>;
|
|
1521
1431
|
title: string;
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
showLegend?: boolean;
|
|
1525
|
-
legendItems?: LegendItem[];
|
|
1526
|
-
innerRadius?: string | number;
|
|
1527
|
-
outerRadius?: string | number;
|
|
1528
|
-
showLabels?: boolean;
|
|
1529
|
-
}
|
|
1530
|
-
/**
|
|
1531
|
-
* PieChart component for visualizing proportional data.
|
|
1532
|
-
* @param {PieChartData[]} props.data - Array of data segments
|
|
1533
|
-
* @param {string} props.title - Chart title
|
|
1534
|
-
* @param {function} [props.onDataPointClick] - Click handler for segments
|
|
1535
|
-
* @param {boolean} [props.showLegend] - Whether to show legend
|
|
1536
|
-
* @param {string | number} [props.innerRadius] - Inner radius (use >0 for donut chart)
|
|
1537
|
-
* @param {string | number} [props.outerRadius] - Outer radius
|
|
1538
|
-
* @param {boolean} [props.showLabels] - Whether to show percentage labels
|
|
1539
|
-
*/
|
|
1540
|
-
declare const PieChart: React$1.ForwardRefExoticComponent<PieChartProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1432
|
+
};
|
|
1433
|
+
declare function DataTableColumnHeader<TData, TValue>({ column, title, className, ...props }: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
|
|
1541
1434
|
|
|
1542
|
-
|
|
1543
|
-
table: Table$1<
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
paginationClassName?: string;
|
|
1547
|
-
}
|
|
1548
|
-
/**
|
|
1549
|
-
* Table component for displaying tabular data.
|
|
1550
|
-
* @template T - Type of data in table rows
|
|
1551
|
-
* @param {TanStackTable<T>} props.table - TanStack Table instance
|
|
1552
|
-
* @param {string} [props.className] - Additional CSS classes
|
|
1553
|
-
* @param {boolean} [props.showPagination] - Whether to show pagination controls
|
|
1554
|
-
* @param {string} [props.paginationClassName] - Additional CSS classes for pagination
|
|
1555
|
-
*/
|
|
1556
|
-
declare function Table<T>({ table, className, showPagination, paginationClassName, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
1435
|
+
type DataTableViewOptionsProps<TData> = React$1.ComponentProps<typeof Button> & {
|
|
1436
|
+
table: Table$1<TData>;
|
|
1437
|
+
};
|
|
1438
|
+
declare function DataTableViewOptions<TData>({ table, ...props }: DataTableViewOptionsProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1557
1439
|
|
|
1558
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertActions, type AlertActionsProps, AlertBody, type AlertBodyProps, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, Badge, type BadgeProps,
|
|
1440
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertActions, type AlertActionsProps, AlertBody, type AlertBodyProps, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsDownUpIcon, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, Badge, type BadgeProps, BellIcon, BookmarkIcon, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, Calendar, CalendarDayButton, CalendarIcon, type CalendarProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, ChatIcon, CheckIcon, Checkbox, type CheckboxProps, CheckmarkIcon, CheckmarkSquareIcon, CloseIcon, CogIcon, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, type ComboboxChipsProps, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, CredentialsIcon, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableView, DataTableViewOptions, type DataTableViewOptionsProps, type DataTableViewProps, DatePicker, type DatePickerProps, DatePickerTrigger, type DatePickerTriggerProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DocumentIcon, DollarIcon, DownloadIcon, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EditIcon, Empty, EmptyActions, type EmptyActionsProps, EmptyContent, type EmptyContentProps, EmptyDescription, type EmptyDescriptionProps, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, type EmptyTitleProps, EnvelopeIcon, ExclamationIcon, EyeClosedIcon, EyeOpenIcon, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterDescendingIcon, FilterIcon, GraphBarIcon, GraphDonutIcon, GraphLineIcon, GraphPieIcon, HamburgerMenuIcon, HomeIcon, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type IconProps, type IconWeight, InformationIcon, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, InputGroupTextarea, type InputGroupTextareaProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemProps, ItemSeparator, ItemTitle, Label, type LabelProps, LocationIcon, LockIcon, LogoutIcon, MagnifyingGlassIcon, MinusIcon, MoreMenuIcon, PanelIcon, PhoneIcon, PlusIcon, Popover, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PrintIcon, QuestionCircleIcon, RadioGroup, RadioGroupCard, type RadioGroupCardProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, ShareIcon, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupContent, type SidebarGroupContentProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, Slider, type SliderProps, StarIcon, StatementIcon, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Tag, type TagProps, Text, type TextProps, Textarea, type TextareaProps, type Toast, type ToastOptions, type ToastPosition, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TrashIcon, Upload, type UploadProps, UserIcon, UserMultiIcon, WarningIcon, WrenchIcon, ZoomInIcon, ZoomOutIcon, alertVariants, avatarVariants, badgeVariants, buttonGroupTextVariants, buttonGroupVariants, buttonVariants, checkboxVariants, cn, comboboxChipsVariants, comboboxInputVariants, createToaster, dropdownMenuItemVariants, emptyMediaVariants, emptyVariants, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants, inputVariants, itemMediaVariants, itemVariants, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchVariants, tabsListVariants, tabsTriggerVariants, tagVariants, textVariants, toast, toastManager, uploadVariants, useCarousel, useChart, useComboboxAnchor, useComboboxFilter, useSidebar };
|