@northslopetech/altitude-ui 2.8.2 → 3.0.0-alpha.11
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 +20 -5
- package/dist/index.d.mts +586 -234
- package/dist/index.d.ts +586 -234
- package/dist/index.js +3501 -2808
- package/dist/index.mjs +3473 -2864
- package/dist/styles.css +6 -0
- package/package.json +22 -21
- package/dist/acme-tokens.css +0 -90
- package/dist/dnv-tokens.css +0 -103
- package/dist/tokens.css +0 -105
package/dist/index.d.ts
CHANGED
|
@@ -1,39 +1,135 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
-
import { Button as Button$1 } from '@base-ui/react/button';
|
|
5
4
|
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import * as
|
|
5
|
+
import * as _base_ui_react_accordion from '@base-ui/react/accordion';
|
|
6
|
+
import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
|
|
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
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
10
|
+
import * as _base_ui_react_separator from '@base-ui/react/separator';
|
|
11
|
+
import { Separator as Separator$1 } from '@base-ui/react/separator';
|
|
12
|
+
import * as _base_ui_react_select from '@base-ui/react/select';
|
|
13
|
+
import { Select as Select$1 } from '@base-ui/react/select';
|
|
7
14
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
-
import * as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
15
|
+
import * as _base_ui_react_dialog from '@base-ui/react/dialog';
|
|
16
|
+
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
17
|
+
import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
|
|
18
|
+
import { Popover as Popover$1 } from '@base-ui/react/popover';
|
|
19
|
+
import { DayPicker, DayButton, Locale } from 'react-day-picker';
|
|
20
|
+
export { DateRange } from 'react-day-picker';
|
|
21
|
+
import * as _base_ui_react_avatar from '@base-ui/react/avatar';
|
|
22
|
+
import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
|
|
23
|
+
import * as _base_ui_react_checkbox from '@base-ui/react/checkbox';
|
|
24
|
+
import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
|
|
25
|
+
import { Switch as Switch$1 } from '@base-ui/react/switch';
|
|
26
|
+
import { Input as Input$1 } from '@base-ui/react/input';
|
|
27
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
28
|
+
import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
|
|
29
|
+
import * as _base_ui_react_menu from '@base-ui/react/menu';
|
|
30
|
+
import { Menu } from '@base-ui/react/menu';
|
|
13
31
|
import { Table as Table$1 } from '@tanstack/react-table';
|
|
14
32
|
|
|
33
|
+
declare const alertVariants: (props?: ({
|
|
34
|
+
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
35
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
+
type AlertProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
|
|
37
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
38
|
+
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
39
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
type AlertBodyProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
41
|
+
declare const AlertBody: React$1.ForwardRefExoticComponent<AlertBodyProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
type AlertTitleProps = React$1.HTMLAttributes<HTMLParagraphElement>;
|
|
43
|
+
declare const AlertTitle: React$1.ForwardRefExoticComponent<AlertTitleProps & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
44
|
+
type AlertDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
|
|
45
|
+
declare const AlertDescription: React$1.ForwardRefExoticComponent<AlertDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
46
|
+
type AlertActionsProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
47
|
+
declare const AlertActions: React$1.ForwardRefExoticComponent<AlertActionsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
48
|
+
|
|
49
|
+
type AccordionProps = Accordion$1.Root.Props;
|
|
50
|
+
declare const Accordion: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_accordion.AccordionRootProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
51
|
+
type AccordionItemProps = Accordion$1.Item.Props;
|
|
52
|
+
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_accordion.AccordionItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
type AccordionTriggerProps = Accordion$1.Trigger.Props;
|
|
54
|
+
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_accordion.AccordionTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
55
|
+
type AccordionContentProps = Accordion$1.Panel.Props;
|
|
56
|
+
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_accordion.AccordionPanelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
|
|
15
58
|
declare const buttonVariants: (props?: ({
|
|
16
|
-
variant?: "default" | "
|
|
17
|
-
size?: "default" | "
|
|
59
|
+
variant?: "default" | "link" | "primary" | "destructive" | "ghost" | null | undefined;
|
|
60
|
+
size?: "default" | "lg" | "sm" | "mini" | null | undefined;
|
|
18
61
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
19
62
|
interface ButtonProps extends Button$1.Props, VariantProps<typeof buttonVariants> {
|
|
20
|
-
icon?: React$1.ReactNode;
|
|
21
|
-
iconPosition?: "left" | "right";
|
|
22
63
|
}
|
|
64
|
+
declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
|
|
66
|
+
type SeparatorProps = Separator$1.Props;
|
|
67
|
+
declare const Separator: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_separator.SeparatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
68
|
+
|
|
69
|
+
declare const buttonGroupVariants: (props?: ({
|
|
70
|
+
variant?: "ghost" | "outlined" | null | undefined;
|
|
71
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
72
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
73
|
+
type ButtonGroupProps = React$1.ComponentPropsWithoutRef<"div"> & VariantProps<typeof buttonGroupVariants>;
|
|
74
|
+
declare const ButtonGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
|
|
75
|
+
variant?: "ghost" | "outlined" | null | undefined;
|
|
76
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
77
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
78
|
+
declare const buttonGroupTextVariants: (props?: ({
|
|
79
|
+
size?: "default" | "lg" | "sm" | null | undefined;
|
|
80
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
81
|
+
type ButtonGroupTextProps = Omit<useRender.ComponentProps<"div">, "ref"> & VariantProps<typeof buttonGroupTextVariants>;
|
|
82
|
+
declare const ButtonGroupText: React$1.ForwardRefExoticComponent<Omit<useRender.ComponentProps<"div", {}, _base_ui_react_use_render.HTMLProps>, "ref"> & VariantProps<(props?: ({
|
|
83
|
+
size?: "default" | "lg" | "sm" | null | undefined;
|
|
84
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
85
|
+
type ButtonGroupSeparatorProps = Omit<React$1.ComponentPropsWithoutRef<typeof Separator>, "orientation">;
|
|
86
|
+
declare const ButtonGroupSeparator: React$1.ForwardRefExoticComponent<ButtonGroupSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
87
|
+
|
|
23
88
|
/**
|
|
24
|
-
*
|
|
25
|
-
* @param {React.ReactNode} [props.icon] - Icon element to display
|
|
26
|
-
* @param {"left" | "right"} [props.iconPosition] - Position of icon relative to text
|
|
27
|
-
* @param {string} [props.variant] - Visual style variant
|
|
28
|
-
* @param {string} [props.size] - Button size
|
|
89
|
+
* Current-generation text variant styles using @utility classes from design tokens.
|
|
29
90
|
*/
|
|
30
|
-
declare const
|
|
91
|
+
declare const textVariants: (props?: ({
|
|
92
|
+
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "label-xs" | "label-xs-medium" | "label-xs-semibold" | "label-sm" | "label-sm-medium" | "label-sm-semibold" | "label-md" | "label-md-medium" | "label-md-semibold" | "label-lg" | "label-lg-medium" | "label-lg-semibold" | "eyebrow" | null | undefined;
|
|
93
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
94
|
+
interface TextProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
|
|
95
|
+
as?: React$1.ElementType;
|
|
96
|
+
}
|
|
97
|
+
/**
|
|
98
|
+
* Text component for rendering text with design system styles.
|
|
99
|
+
* @param {React.ElementType} [props.as] - Custom HTML element to render
|
|
100
|
+
* @param {string} [props.variant] - Text variant from design tokens
|
|
101
|
+
*/
|
|
102
|
+
declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
|
|
103
|
+
|
|
104
|
+
type CardProps = React$1.ComponentPropsWithoutRef<"div"> & {
|
|
105
|
+
size?: "default" | "sm";
|
|
106
|
+
};
|
|
107
|
+
declare const Card: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
108
|
+
size?: "default" | "sm";
|
|
109
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
110
|
+
type CardHeaderProps = React$1.ComponentPropsWithoutRef<"div">;
|
|
111
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
112
|
+
type CardTitleProps = React$1.ComponentPropsWithoutRef<typeof Text>;
|
|
113
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<Omit<TextProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
114
|
+
type CardDescriptionProps = React$1.ComponentPropsWithoutRef<typeof Text>;
|
|
115
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<Omit<TextProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
116
|
+
type CardActionProps = React$1.ComponentPropsWithoutRef<"div">;
|
|
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"> & {
|
|
119
|
+
bleed?: boolean;
|
|
120
|
+
};
|
|
121
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
122
|
+
bleed?: boolean;
|
|
123
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
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>>;
|
|
31
126
|
|
|
32
127
|
/**
|
|
33
|
-
* Typography variant styles using design
|
|
128
|
+
* Typography variant styles using @utility classes from design tokens.
|
|
129
|
+
* Original variant names mapped to current-generation type-* utilities.
|
|
34
130
|
*/
|
|
35
131
|
declare const typographyVariants: (props?: ({
|
|
36
|
-
variant?: "
|
|
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;
|
|
37
133
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
38
134
|
interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
|
|
39
135
|
as?: React$1.ElementType;
|
|
@@ -45,46 +141,51 @@ interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantPr
|
|
|
45
141
|
*/
|
|
46
142
|
declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
|
|
47
143
|
|
|
48
|
-
/**
|
|
49
|
-
* Select trigger variant styles.
|
|
50
|
-
*/
|
|
51
144
|
declare const selectTriggerVariants: (props?: ({
|
|
52
|
-
|
|
53
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
-
/**
|
|
55
|
-
* Select content variant styles.
|
|
56
|
-
*/
|
|
57
|
-
declare const selectContentVariants: (props?: ({
|
|
58
|
-
position?: "popper" | "item-aligned" | null | undefined;
|
|
145
|
+
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
59
146
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
60
147
|
/**
|
|
61
148
|
* Select root component.
|
|
62
149
|
*/
|
|
63
|
-
declare const Select:
|
|
64
|
-
|
|
65
|
-
declare const
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
children?: React$1.ReactNode;
|
|
69
|
-
width?: "default" | "fill" | "compact";
|
|
150
|
+
declare const Select: typeof Select$1.Root;
|
|
151
|
+
type SelectProps = Select$1.Root.Props<string>;
|
|
152
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_select.SelectGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
153
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_select.SelectValueProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
154
|
+
interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof Select$1.Trigger>, VariantProps<typeof selectTriggerVariants> {
|
|
70
155
|
}
|
|
71
156
|
/**
|
|
72
|
-
* Select trigger button
|
|
73
|
-
* @param {string} [props.
|
|
74
|
-
* @param {
|
|
75
|
-
* @param {
|
|
157
|
+
* Select trigger button.
|
|
158
|
+
* @param {string} [props.size] - Size variant: "default" | "large" | "small" | "mini"
|
|
159
|
+
* @param {boolean} [props.disabled] - Disables the trigger
|
|
160
|
+
* @param {boolean} [props["aria-invalid"]] - Applies error styling
|
|
76
161
|
*/
|
|
77
162
|
declare const SelectTrigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
163
|
+
interface SelectContentProps extends React$1.ComponentPropsWithoutRef<typeof Select$1.Positioner> {
|
|
164
|
+
children?: React$1.ReactNode;
|
|
165
|
+
className?: string;
|
|
166
|
+
positionerClassName?: string;
|
|
81
167
|
}
|
|
82
168
|
declare const SelectContent: React$1.ForwardRefExoticComponent<SelectContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
83
|
-
|
|
84
|
-
declare const
|
|
85
|
-
|
|
169
|
+
type SelectLabelProps = React$1.ComponentPropsWithoutRef<typeof Select$1.GroupLabel>;
|
|
170
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_select.SelectGroupLabelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
171
|
+
type SelectItemProps = React$1.ComponentPropsWithoutRef<typeof Select$1.Item>;
|
|
172
|
+
/**
|
|
173
|
+
* Select menu item.
|
|
174
|
+
* @param {boolean} [props.disabled] - Disables the item
|
|
175
|
+
*/
|
|
176
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_select.SelectItemProps, "ref"> & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
177
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
178
|
+
declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_select.SelectScrollUpArrowProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
179
|
+
declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_select.SelectScrollDownArrowProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
180
|
+
|
|
181
|
+
/**
|
|
182
|
+
* @fileoverview Label component for Altitude UI.
|
|
183
|
+
*/
|
|
86
184
|
|
|
87
|
-
|
|
185
|
+
interface LabelProps extends React$1.LabelHTMLAttributes<HTMLLabelElement> {
|
|
186
|
+
className?: string;
|
|
187
|
+
}
|
|
188
|
+
declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
|
|
88
189
|
|
|
89
190
|
declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
|
|
90
191
|
declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
|
|
@@ -108,30 +209,83 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
|
|
|
108
209
|
} | undefined>;
|
|
109
210
|
}): react_jsx_runtime.JSX.Element | null;
|
|
110
211
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
type
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
212
|
+
type DialogProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Root>;
|
|
213
|
+
declare const Dialog: typeof Dialog$1.Root;
|
|
214
|
+
type DialogTriggerProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Trigger>;
|
|
215
|
+
declare const DialogTrigger: Dialog$1.Trigger;
|
|
216
|
+
type DialogOverlayProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Backdrop>;
|
|
217
|
+
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_dialog.DialogBackdropProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
218
|
+
type DialogContentProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Popup> & {
|
|
219
|
+
/**
|
|
220
|
+
* Whether to show the default close button in the top-right corner.
|
|
221
|
+
* Set to false to hide it (e.g., when providing custom actions).
|
|
222
|
+
*/
|
|
223
|
+
showCloseButton?: boolean;
|
|
224
|
+
/**
|
|
225
|
+
* Preset dialog dimensions.
|
|
226
|
+
* - desktop: 640x480
|
|
227
|
+
* - mobile: 320x240, can grow up to 640px height
|
|
228
|
+
*/
|
|
229
|
+
size?: "desktop" | "mobile";
|
|
118
230
|
};
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
231
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_dialog.DialogPopupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
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>;
|
|
245
|
+
/**
|
|
246
|
+
* Scrollable main region of the dialog (Figma "Slot"). Keep {@link DialogFooter}
|
|
247
|
+
* as a sibling so the footer stays pinned to the bottom while this area scrolls.
|
|
248
|
+
*/
|
|
249
|
+
declare const DialogBody: React$1.ForwardRefExoticComponent<DialogBodyProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
250
|
+
type DialogFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
251
|
+
declare const DialogFooter: React$1.ForwardRefExoticComponent<DialogFooterProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
252
|
+
type DialogTitleProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Title>;
|
|
253
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_dialog.DialogTitleProps, "ref"> & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
254
|
+
type DialogDescriptionProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Description>;
|
|
255
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_dialog.DialogDescriptionProps, "ref"> & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
256
|
+
type DialogCloseProps = React$1.ComponentPropsWithoutRef<typeof Dialog$1.Close>;
|
|
257
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_dialog.DialogCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
258
|
+
|
|
259
|
+
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
260
|
+
declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
261
|
+
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
262
|
+
type BreadcrumbLinkProps = Omit<useRender.ComponentProps<"a">, "ref">;
|
|
263
|
+
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<BreadcrumbLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
264
|
+
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
265
|
+
declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
266
|
+
declare const BreadcrumbEllipsis: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
267
|
+
|
|
268
|
+
declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): react_jsx_runtime.JSX.Element;
|
|
269
|
+
declare function Tooltip({ ...props }: Tooltip$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
270
|
+
declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
271
|
+
type TooltipContentProps = Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
|
|
272
|
+
declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
|
|
273
|
+
type TooltipProps = Tooltip$1.Root.Props;
|
|
274
|
+
type TooltipTriggerProps = Tooltip$1.Trigger.Props;
|
|
275
|
+
type TooltipProviderProps = Tooltip$1.Provider.Props;
|
|
276
|
+
|
|
277
|
+
declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
278
|
+
declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
279
|
+
type PopoverContentProps = Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
|
|
280
|
+
declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
|
|
281
|
+
declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
282
|
+
declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): react_jsx_runtime.JSX.Element;
|
|
283
|
+
declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): react_jsx_runtime.JSX.Element;
|
|
284
|
+
type PopoverProps = Popover$1.Root.Props;
|
|
285
|
+
type PopoverTriggerProps = Popover$1.Trigger.Props;
|
|
286
|
+
type PopoverHeaderProps = React$1.ComponentProps<"div">;
|
|
287
|
+
type PopoverTitleProps = Popover$1.Title.Props;
|
|
288
|
+
type PopoverDescriptionProps = Popover$1.Description.Props;
|
|
135
289
|
|
|
136
290
|
/**
|
|
137
291
|
* @fileoverview Sidebar component for Altitude UI.
|
|
@@ -223,37 +377,68 @@ declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.De
|
|
|
223
377
|
*/
|
|
224
378
|
declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
225
379
|
|
|
380
|
+
type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
|
|
381
|
+
navButtonVariant?: React$1.ComponentProps<typeof Button>["variant"];
|
|
382
|
+
};
|
|
226
383
|
/**
|
|
227
|
-
*
|
|
384
|
+
* Calendar component for date selection, built on react-day-picker.
|
|
385
|
+
*
|
|
386
|
+
* Supports single date, multiple dates, and date range selection modes.
|
|
387
|
+
* The `mode` prop controls the selection behaviour — refer to the
|
|
388
|
+
* react-day-picker docs for the full API.
|
|
389
|
+
*
|
|
390
|
+
* @example
|
|
391
|
+
* <Calendar mode="single" selected={date} onSelect={setDate} />
|
|
228
392
|
*/
|
|
393
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, navButtonVariant, locale, formatters, components, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
394
|
+
declare namespace Calendar {
|
|
395
|
+
var displayName: string;
|
|
396
|
+
}
|
|
397
|
+
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React$1.ComponentProps<typeof DayButton> & {
|
|
398
|
+
locale?: Partial<Locale>;
|
|
399
|
+
}): react_jsx_runtime.JSX.Element;
|
|
400
|
+
declare namespace CalendarDayButton {
|
|
401
|
+
var displayName: string;
|
|
402
|
+
}
|
|
229
403
|
|
|
404
|
+
interface DatePickerTriggerProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
|
|
405
|
+
label?: string | null;
|
|
406
|
+
placeholder?: string;
|
|
407
|
+
disabled?: boolean;
|
|
408
|
+
}
|
|
409
|
+
/**
|
|
410
|
+
* The trigger button for a DatePicker. Must be rendered inside a `<Popover>`.
|
|
411
|
+
* Used internally by `DatePicker` and exposed for composing custom pickers
|
|
412
|
+
* (e.g. date range) with `Popover` + `Calendar`.
|
|
413
|
+
*/
|
|
414
|
+
declare const DatePickerTrigger: React$1.ForwardRefExoticComponent<DatePickerTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
230
415
|
interface DatePickerProps {
|
|
231
416
|
value?: Date;
|
|
232
417
|
onValueChange?: (date: Date | undefined) => void;
|
|
233
|
-
defaultValue?: Date
|
|
418
|
+
defaultValue?: Date;
|
|
234
419
|
disabled?: boolean;
|
|
420
|
+
/** Earliest selectable date. Also constrains calendar navigation. */
|
|
421
|
+
fromDate?: Date;
|
|
422
|
+
/** Latest selectable date. Also constrains calendar navigation. */
|
|
423
|
+
toDate?: Date;
|
|
235
424
|
placeholder?: string;
|
|
236
425
|
className?: string;
|
|
237
|
-
minDate?: Date;
|
|
238
|
-
maxDate?: Date;
|
|
239
426
|
}
|
|
240
427
|
/**
|
|
241
|
-
* DatePicker component
|
|
242
|
-
*
|
|
243
|
-
*
|
|
244
|
-
*
|
|
245
|
-
*
|
|
246
|
-
*
|
|
247
|
-
* @param {Date} [props.minDate] - Minimum selectable date
|
|
248
|
-
* @param {Date} [props.maxDate] - Maximum selectable date
|
|
428
|
+
* DatePicker component.
|
|
429
|
+
*
|
|
430
|
+
* Supports controlled (`value` + `onValueChange`) and uncontrolled
|
|
431
|
+
* (`defaultValue`) modes. Controlled vs. uncontrolled is determined by whether
|
|
432
|
+
* the `value` prop is present at mount — do not switch between modes after the
|
|
433
|
+
* component mounts.
|
|
249
434
|
*/
|
|
250
|
-
declare const DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<
|
|
435
|
+
declare const DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
251
436
|
|
|
252
437
|
/**
|
|
253
438
|
* Upload variant styles for different states.
|
|
254
439
|
*/
|
|
255
440
|
declare const uploadVariants: (props?: ({
|
|
256
|
-
state?: "default" | "
|
|
441
|
+
state?: "default" | "success" | "error" | "dragOver" | "uploading" | null | undefined;
|
|
257
442
|
disabled?: boolean | null | undefined;
|
|
258
443
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
259
444
|
interface UploadProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onError"> {
|
|
@@ -280,38 +465,88 @@ interface UploadProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onEr
|
|
|
280
465
|
declare const Upload: React$1.ForwardRefExoticComponent<UploadProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
281
466
|
|
|
282
467
|
/**
|
|
283
|
-
*
|
|
468
|
+
* Avatar size and shape variants.
|
|
469
|
+
* Sizes map to Figma: regular=40px, sm=32px, mini=24px, xMini=20px.
|
|
470
|
+
* Roundrect radius scales down with size: 10px → 6px → 4px.
|
|
284
471
|
*/
|
|
285
|
-
declare const
|
|
286
|
-
|
|
287
|
-
|
|
472
|
+
declare const avatarVariants: (props?: ({
|
|
473
|
+
size?: "regular" | "sm" | "mini" | "xMini" | null | undefined;
|
|
474
|
+
shape?: "round" | "roundrect" | null | undefined;
|
|
475
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
476
|
+
interface AvatarProps extends Avatar$1.Root.Props, VariantProps<typeof avatarVariants> {
|
|
288
477
|
}
|
|
289
478
|
/**
|
|
290
|
-
*
|
|
291
|
-
* @param {
|
|
292
|
-
* @param {
|
|
293
|
-
|
|
294
|
-
|
|
479
|
+
* Avatar root. Renders a user image with an initials-based fallback.
|
|
480
|
+
* @param {string} [props.size] - Avatar size: regular (40px), sm (32px), mini (24px), xMini (20px)
|
|
481
|
+
* @param {string} [props.shape] - Corner style: round (circle) or roundrect (rounded rect)
|
|
482
|
+
*/
|
|
483
|
+
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
484
|
+
/**
|
|
485
|
+
* Avatar image. Falls back to AvatarFallback if the image fails to load.
|
|
295
486
|
*/
|
|
296
|
-
declare const
|
|
487
|
+
declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_avatar.AvatarImageProps, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
488
|
+
/**
|
|
489
|
+
* Fallback shown when no image is provided or the image fails to load.
|
|
490
|
+
* Typically displays 1–2 character initials.
|
|
491
|
+
*/
|
|
492
|
+
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_avatar.AvatarFallbackProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
493
|
+
interface AvatarGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
494
|
+
ringColor?: string;
|
|
495
|
+
}
|
|
496
|
+
/**
|
|
497
|
+
* Container that stacks multiple avatars with an overlapping layout.
|
|
498
|
+
* @param {string} [props.ringColor] - Ring color around each avatar. Defaults to the surface-default token.
|
|
499
|
+
*/
|
|
500
|
+
declare const AvatarGroup: React$1.ForwardRefExoticComponent<AvatarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
501
|
+
interface AvatarGroupCountProps extends React$1.HTMLAttributes<HTMLDivElement>, Pick<VariantProps<typeof avatarVariants>, "size" | "shape"> {
|
|
502
|
+
}
|
|
503
|
+
/**
|
|
504
|
+
* Displays the overflow count in an avatar group (e.g. "+3").
|
|
505
|
+
* Must receive the same size and shape as the other avatars in the group.
|
|
506
|
+
*/
|
|
507
|
+
declare const AvatarGroupCount: React$1.ForwardRefExoticComponent<AvatarGroupCountProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
297
508
|
|
|
509
|
+
declare const checkboxVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
510
|
+
type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof Checkbox$1.Root>;
|
|
298
511
|
/**
|
|
299
|
-
*
|
|
512
|
+
* Checkbox component for binary and indeterminate selection states.
|
|
513
|
+
* @param {boolean} [props.checked] - Controlled checked state
|
|
514
|
+
* @param {boolean} [props.defaultChecked] - Initial unchecked/checked state
|
|
515
|
+
* @param {(checked: boolean) => void} [props.onCheckedChange] - Checked state change handler
|
|
516
|
+
* @param {boolean} [props.indeterminate] - Shows a mixed/indeterminate state with a minus icon
|
|
517
|
+
* @param {boolean} [props.disabled] - Disables interaction and applies disabled styles
|
|
518
|
+
* @param {string} [props.className] - Additional class names for custom styling
|
|
300
519
|
*/
|
|
520
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_checkbox.CheckboxRootProps, "ref"> & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
301
521
|
|
|
522
|
+
declare const switchVariants: (props?: ({
|
|
523
|
+
size?: "default" | "sm" | null | undefined;
|
|
524
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
525
|
+
interface SwitchProps extends Switch$1.Root.Props, VariantProps<typeof switchVariants> {
|
|
526
|
+
}
|
|
302
527
|
/**
|
|
303
|
-
*
|
|
528
|
+
* Switch (toggle) component with Altitude design system styling.
|
|
529
|
+
* @param {"sm" | "default"} [props.size] - Size variant of the switch
|
|
530
|
+
* @param {boolean} [props.checked] - Controlled checked state
|
|
531
|
+
* @param {function} [props.onCheckedChange] - Callback when checked state changes
|
|
532
|
+
* @param {boolean} [props.disabled] - Whether the switch is disabled
|
|
533
|
+
* @param {string} [props.className] - Additional CSS classes
|
|
304
534
|
*/
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
535
|
+
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
536
|
+
|
|
537
|
+
declare const inputVariants: (props?: ({
|
|
538
|
+
roundness?: "default" | "round" | null | undefined;
|
|
539
|
+
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
540
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
541
|
+
interface InputProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Input$1>, "size">, VariantProps<typeof inputVariants> {
|
|
310
542
|
}
|
|
311
543
|
/**
|
|
312
544
|
* Input component for single-line text entry.
|
|
313
|
-
* @param {
|
|
314
|
-
* @param {
|
|
545
|
+
* @param {string} [props.size] - Size variant: "default" | "large" | "small" | "mini"
|
|
546
|
+
* @param {string} [props.roundness] - Border radius: "default" | "round"
|
|
547
|
+
* @param {boolean} [props.disabled] - Disables the input
|
|
548
|
+
* @param {boolean} [props.aria-invalid] - Applies error styling
|
|
549
|
+
* @param {string} [props.className] - Additional class names for custom styling
|
|
315
550
|
*/
|
|
316
551
|
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
317
552
|
|
|
@@ -321,20 +556,122 @@ interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
|
|
|
321
556
|
}
|
|
322
557
|
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
323
558
|
|
|
559
|
+
declare const inputGroupVariants: (props?: ({
|
|
560
|
+
size?: "default" | "small" | "mini" | "large" | null | undefined;
|
|
561
|
+
roundness?: "default" | "round" | null | undefined;
|
|
562
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
563
|
+
interface InputGroupProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputGroupVariants> {
|
|
564
|
+
}
|
|
565
|
+
/**
|
|
566
|
+
* Groups related form controls (input, addons, buttons) into a single visual unit.
|
|
567
|
+
*
|
|
568
|
+
* Uses `role="group"` — always provide `aria-label` or `aria-labelledby` so
|
|
569
|
+
* screen readers can announce a meaningful name for the group.
|
|
570
|
+
*
|
|
571
|
+
* @example
|
|
572
|
+
* <InputGroup aria-label="Search">
|
|
573
|
+
* <InputGroupAddon><MagnifyingGlass /></InputGroupAddon>
|
|
574
|
+
* <InputGroupInput placeholder="Search…" />
|
|
575
|
+
* </InputGroup>
|
|
576
|
+
*/
|
|
577
|
+
declare const InputGroup: React$1.ForwardRefExoticComponent<InputGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
578
|
+
declare const inputGroupAddonVariants: (props?: ({
|
|
579
|
+
align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
|
|
580
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
581
|
+
interface InputGroupAddonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputGroupAddonVariants> {
|
|
582
|
+
}
|
|
583
|
+
declare const InputGroupAddon: React$1.ForwardRefExoticComponent<InputGroupAddonProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
584
|
+
declare const inputGroupButtonVariants: (props?: ({
|
|
585
|
+
size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
|
|
586
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
587
|
+
interface InputGroupButtonProps extends Omit<React$1.ComponentProps<typeof Button>, "size" | "type">, VariantProps<typeof inputGroupButtonVariants> {
|
|
588
|
+
type?: "button" | "submit" | "reset";
|
|
589
|
+
}
|
|
590
|
+
declare const InputGroupButton: React$1.ForwardRefExoticComponent<Omit<InputGroupButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
591
|
+
type InputGroupTextProps = React$1.HTMLAttributes<HTMLSpanElement>;
|
|
592
|
+
declare const InputGroupText: React$1.ForwardRefExoticComponent<InputGroupTextProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
593
|
+
type InputGroupInputProps = Omit<React$1.ComponentProps<typeof Input>, "size" | "roundness">;
|
|
594
|
+
declare const InputGroupInput: React$1.ForwardRefExoticComponent<Omit<InputGroupInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
595
|
+
type InputGroupTextareaProps = React$1.ComponentProps<typeof Textarea>;
|
|
596
|
+
declare const InputGroupTextarea: React$1.ForwardRefExoticComponent<Omit<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
597
|
+
|
|
324
598
|
/**
|
|
325
599
|
* Badge variant styles.
|
|
326
600
|
*/
|
|
327
601
|
declare const badgeVariants: (props?: ({
|
|
328
|
-
variant?: "
|
|
602
|
+
variant?: "primary" | "destructive" | "ghost" | "secondary" | "outline" | null | undefined;
|
|
603
|
+
rounded?: boolean | null | undefined;
|
|
329
604
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
330
605
|
interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
|
|
331
606
|
}
|
|
332
607
|
/**
|
|
333
608
|
* Badge component for status and informational labels.
|
|
334
609
|
* @param {string} [props.variant] - Badge color variant
|
|
610
|
+
* @param {boolean} [props.rounded] - Pill shape when true; 6px radius when false.
|
|
611
|
+
* With a single character, uses a fixed square (`size-5`): circle if rounded, else `rounded-md`.
|
|
335
612
|
*/
|
|
336
613
|
declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
337
614
|
|
|
615
|
+
declare function AlertDialog({ ...props }: AlertDialog$1.Root.Props): react_jsx_runtime.JSX.Element;
|
|
616
|
+
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.Trigger.Props<unknown>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
617
|
+
interface AlertDialogContentProps extends AlertDialog$1.Popup.Props {
|
|
618
|
+
size?: "desktop" | "mobile";
|
|
619
|
+
}
|
|
620
|
+
declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
621
|
+
declare const AlertDialogHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
622
|
+
declare const AlertDialogFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
623
|
+
declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DialogTitleProps, "ref"> & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
624
|
+
declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DialogDescriptionProps, "ref"> & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
625
|
+
/**
|
|
626
|
+
* Primary action button. Closes the dialog on click. Defaults to the `primary` variant.
|
|
627
|
+
*/
|
|
628
|
+
declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.DialogCloseProps & Pick<ButtonProps, "size" | "variant">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
629
|
+
/**
|
|
630
|
+
* Cancel / dismiss button. Closes the dialog on click. Defaults to the `default` variant.
|
|
631
|
+
*/
|
|
632
|
+
declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.DialogCloseProps & Pick<ButtonProps, "size" | "variant">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
633
|
+
|
|
634
|
+
/**
|
|
635
|
+
* Wrapper that provides `role="list"` semantics and adjusts gap spacing
|
|
636
|
+
* based on the `size` of its child Items.
|
|
637
|
+
*/
|
|
638
|
+
declare const ItemGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
639
|
+
declare const ItemSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
640
|
+
/** Item variant styles. */
|
|
641
|
+
declare const itemVariants: (props?: ({
|
|
642
|
+
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
643
|
+
size?: "default" | "sm" | null | undefined;
|
|
644
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
645
|
+
type ItemProps = useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>;
|
|
646
|
+
/**
|
|
647
|
+
* Core Item component. Renders as a `div`. Automatically gets `role="listitem"`
|
|
648
|
+
* when inside an `ItemGroup` (`role="list"`), and no role otherwise.
|
|
649
|
+
* Supports polymorphic rendering via the `render` prop (e.g. `<a>`, `<Link>`).
|
|
650
|
+
*/
|
|
651
|
+
declare const Item: {
|
|
652
|
+
({ className, variant, size, render, ...props }: ItemProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
|
|
653
|
+
displayName: string;
|
|
654
|
+
};
|
|
655
|
+
/** ItemMedia variant styles. */
|
|
656
|
+
declare const itemMediaVariants: (props?: ({
|
|
657
|
+
variant?: "default" | "image" | "icon" | "iconBadge" | null | undefined;
|
|
658
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
659
|
+
type ItemMediaProps = React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>;
|
|
660
|
+
/**
|
|
661
|
+
* Leading visual slot. Use `variant="icon"` for SVG icons (auto-sized to 20px),
|
|
662
|
+
* `variant="iconBadge"` for icons in a 32px badge container (icon auto-sized to 16px),
|
|
663
|
+
* or `variant="image"` for thumbnails (cropped to fit, size-responsive).
|
|
664
|
+
*/
|
|
665
|
+
declare const ItemMedia: React$1.ForwardRefExoticComponent<Omit<ItemMediaProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
666
|
+
/** Flex container for title and description. Grows to fill available space. */
|
|
667
|
+
declare const ItemContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
668
|
+
declare const ItemTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
669
|
+
/** Secondary text, clamped to 2 lines. Inline links are auto-styled. */
|
|
670
|
+
declare const ItemDescription: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
671
|
+
declare const ItemActions: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
672
|
+
declare const ItemHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
673
|
+
declare const ItemFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
674
|
+
|
|
338
675
|
/**
|
|
339
676
|
* @fileoverview Shared TypeScript types for PDF viewer components.
|
|
340
677
|
*/
|
|
@@ -342,11 +679,43 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
|
|
|
342
679
|
* PDF file input type - can be a URL string or File object.
|
|
343
680
|
*/
|
|
344
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
|
+
}
|
|
345
714
|
/**
|
|
346
715
|
* Dimensions of a single PDF page at scale 1.0.
|
|
347
716
|
*/
|
|
348
717
|
type PdfPageDimensions = {
|
|
349
|
-
/**
|
|
718
|
+
/** 1-indexed */
|
|
350
719
|
pageNumber: number;
|
|
351
720
|
/** Width in PDF units at scale 1.0 */
|
|
352
721
|
width: number;
|
|
@@ -364,6 +733,20 @@ type PdfPageDimensionsMap = Map<number, PdfPageDimensions>;
|
|
|
364
733
|
* - 'instant': Jump immediately to the target page
|
|
365
734
|
*/
|
|
366
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
|
+
};
|
|
367
750
|
/**
|
|
368
751
|
* View mode for PDF display.
|
|
369
752
|
* - 'continuous': All pages rendered in a scrollable container with virtualization
|
|
@@ -374,41 +757,19 @@ type PdfViewMode = "continuous" | "single";
|
|
|
374
757
|
* Props for PDF viewer components.
|
|
375
758
|
*/
|
|
376
759
|
type PdfViewerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onError"> & {
|
|
377
|
-
/**
|
|
378
|
-
* The PDF file to display. Can be a URL string or a File object.
|
|
379
|
-
*/
|
|
380
760
|
file?: PdfFile;
|
|
381
|
-
/**
|
|
382
|
-
* Document title to display in the header.
|
|
383
|
-
*/
|
|
761
|
+
/** Document title shown in the viewer header */
|
|
384
762
|
title?: string;
|
|
385
|
-
/**
|
|
386
|
-
* Optional custom page width in pixels. If not provided, pages will auto-fit to container width.
|
|
387
|
-
*/
|
|
763
|
+
/** Custom page width in pixels. If not provided, pages auto-fit to container width */
|
|
388
764
|
pageWidth?: number;
|
|
389
|
-
/**
|
|
390
|
-
* Callback when download button is clicked.
|
|
391
|
-
*/
|
|
392
765
|
onDownload?: () => void;
|
|
393
|
-
/**
|
|
394
|
-
* Callback when print button is clicked.
|
|
395
|
-
*/
|
|
396
766
|
onPrint?: () => void;
|
|
397
|
-
/**
|
|
398
|
-
* Callback when the PDF document loads successfully.
|
|
399
|
-
*/
|
|
400
767
|
onLoadSuccess?: (numPages: number) => void;
|
|
401
|
-
/**
|
|
402
|
-
* Callback when there's an error loading or rendering the PDF.
|
|
403
|
-
*/
|
|
768
|
+
/** Called on PDF load or render failure (replaces native onError) */
|
|
404
769
|
onError?: (error: Error) => void;
|
|
405
|
-
/**
|
|
406
|
-
* Enable text layer for text selection. Defaults to false for performance.
|
|
407
|
-
*/
|
|
770
|
+
/** Enable text layer for text selection. Defaults to false for performance */
|
|
408
771
|
enableTextLayer?: boolean;
|
|
409
|
-
/**
|
|
410
|
-
* Whether to show the built-in controls bar (navigation buttons, page indicator).
|
|
411
|
-
*/
|
|
772
|
+
/** Show the built-in controls bar (page navigation, zoom) */
|
|
412
773
|
showControls?: boolean;
|
|
413
774
|
/**
|
|
414
775
|
* Number of pages to render above and below the viewport for virtualization.
|
|
@@ -416,41 +777,44 @@ type PdfViewerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onError"> & {
|
|
|
416
777
|
*/
|
|
417
778
|
viewportBuffer?: number;
|
|
418
779
|
/**
|
|
419
|
-
*
|
|
420
|
-
*
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
*
|
|
425
|
-
*
|
|
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
|
+
* ```
|
|
426
795
|
*/
|
|
796
|
+
scrollTo?: ScrollTarget;
|
|
797
|
+
/** Fires when a different page becomes primary via scrolling or navigation */
|
|
427
798
|
onPageChange?: (page: number) => void;
|
|
428
|
-
/**
|
|
429
|
-
* Scroll behavior when navigating to a page via controls or programmatic navigation.
|
|
430
|
-
*/
|
|
431
799
|
scrollBehavior?: ScrollBehavior;
|
|
432
800
|
/**
|
|
433
|
-
* View mode for displaying the PDF.
|
|
434
801
|
* - 'continuous': Scrollable view with all pages (virtualized)
|
|
435
802
|
* - 'single': One page at a time with navigation
|
|
436
803
|
*/
|
|
437
804
|
viewMode?: PdfViewMode;
|
|
438
|
-
/**
|
|
439
|
-
* Callback fired when page dimensions have been fetched.
|
|
440
|
-
* Useful for bounding box implementations that need accurate page coordinates.
|
|
441
|
-
*
|
|
442
|
-
* @example
|
|
443
|
-
* ```tsx
|
|
444
|
-
* <PdfViewer
|
|
445
|
-
* file={pdfFile}
|
|
446
|
-
* onDimensionsReady={(dimensions) => {
|
|
447
|
-
* const page1 = dimensions.get(1);
|
|
448
|
-
* console.log(`Page 1: ${page1.width}x${page1.height}`);
|
|
449
|
-
* }}
|
|
450
|
-
* />
|
|
451
|
-
* ```
|
|
452
|
-
*/
|
|
805
|
+
/** Fires after PDF metadata is parsed. Useful for sizing bounding-box overlays */
|
|
453
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;
|
|
454
818
|
};
|
|
455
819
|
|
|
456
820
|
/**
|
|
@@ -487,36 +851,26 @@ declare function initializePdfWorker(workerUrl: string): void;
|
|
|
487
851
|
*
|
|
488
852
|
* Supports both controlled and uncontrolled modes for page state:
|
|
489
853
|
* - Uncontrolled (default): Component manages page state internally
|
|
490
|
-
* - Controlled: Parent manages page state via `
|
|
854
|
+
* - Controlled: Parent manages page state via `scrollTo` and `onPageChange` props
|
|
491
855
|
*
|
|
492
856
|
* @example
|
|
493
857
|
* ```tsx
|
|
494
858
|
* // Simple usage (uncontrolled)
|
|
495
859
|
* <PdfViewer file="/document.pdf" />
|
|
496
860
|
*
|
|
497
|
-
* // Controlled mode
|
|
861
|
+
* // Controlled mode (page-level navigation)
|
|
498
862
|
* const [page, setPage] = useState(1);
|
|
499
863
|
* <PdfViewer
|
|
500
864
|
* file="/document.pdf"
|
|
501
|
-
*
|
|
865
|
+
* scrollTo={{ page }}
|
|
502
866
|
* onPageChange={setPage}
|
|
503
867
|
* />
|
|
504
868
|
*
|
|
505
|
-
* //
|
|
506
|
-
* <PdfViewer
|
|
507
|
-
* file={pdfFile}
|
|
508
|
-
* title="Invoice_2024.pdf"
|
|
509
|
-
* onDownload={() => console.log('Download clicked')}
|
|
510
|
-
* onPrint={() => console.log('Print clicked')}
|
|
511
|
-
* onLoadSuccess={(pages) => console.log(`Loaded ${pages} pages`)}
|
|
512
|
-
* onError={(error) => console.error(error)}
|
|
513
|
-
* />
|
|
514
|
-
*
|
|
515
|
-
* // With custom width and text layer
|
|
869
|
+
* // Scroll to bounding box position
|
|
516
870
|
* <PdfViewer
|
|
517
871
|
* file="/document.pdf"
|
|
518
|
-
*
|
|
519
|
-
*
|
|
872
|
+
* scrollTo={{ page: box.page, x: box.x1, y: box.y1, key: Date.now() }}
|
|
873
|
+
* onPageChange={setPage}
|
|
520
874
|
* />
|
|
521
875
|
* ```
|
|
522
876
|
*/
|
|
@@ -531,11 +885,18 @@ declare const PdfViewer: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttr
|
|
|
531
885
|
enableTextLayer?: boolean;
|
|
532
886
|
showControls?: boolean;
|
|
533
887
|
viewportBuffer?: number;
|
|
534
|
-
|
|
888
|
+
scrollTo?: ScrollTarget;
|
|
535
889
|
onPageChange?: (page: number) => void;
|
|
536
890
|
scrollBehavior?: ScrollBehavior;
|
|
537
891
|
viewMode?: PdfViewMode;
|
|
538
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;
|
|
539
900
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
540
901
|
|
|
541
902
|
/**
|
|
@@ -569,69 +930,70 @@ interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
569
930
|
}
|
|
570
931
|
declare const TabsContent: React$1.ForwardRefExoticComponent<TabsContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
571
932
|
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
declare const
|
|
576
|
-
|
|
577
|
-
icon?: React$1.ReactNode;
|
|
578
|
-
}
|
|
579
|
-
/**
|
|
580
|
-
* DropdownMenuTrigger component.
|
|
581
|
-
* @param {React.ReactNode} [props.icon] - Custom icon element
|
|
582
|
-
*/
|
|
933
|
+
declare const DropdownMenu: typeof Menu.Root;
|
|
934
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_menu.MenuGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
935
|
+
declare const DropdownMenuSub: typeof Menu.SubmenuRoot;
|
|
936
|
+
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">;
|
|
583
938
|
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
939
|
+
interface DropdownMenuContentProps extends Menu.Popup.Props {
|
|
940
|
+
align?: Menu.Positioner.Props["align"];
|
|
941
|
+
alignOffset?: Menu.Positioner.Props["alignOffset"];
|
|
942
|
+
side?: Menu.Positioner.Props["side"];
|
|
943
|
+
sideOffset?: Menu.Positioner.Props["sideOffset"];
|
|
944
|
+
}
|
|
945
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
946
|
+
interface DropdownMenuSubTriggerProps extends React$1.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger> {
|
|
589
947
|
inset?: boolean;
|
|
590
|
-
}
|
|
591
|
-
declare const
|
|
592
|
-
|
|
593
|
-
declare const
|
|
948
|
+
}
|
|
949
|
+
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLElement>>;
|
|
950
|
+
type DropdownMenuSubContentProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuContent>;
|
|
951
|
+
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<Omit<DropdownMenuContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
952
|
+
declare const dropdownMenuItemVariants: (props?: ({
|
|
953
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
954
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
955
|
+
interface DropdownMenuItemProps extends React$1.ComponentPropsWithoutRef<typeof Menu.Item>, VariantProps<typeof dropdownMenuItemVariants> {
|
|
594
956
|
inset?: boolean;
|
|
595
|
-
}
|
|
596
|
-
declare const
|
|
597
|
-
|
|
598
|
-
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
957
|
+
}
|
|
958
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<DropdownMenuItemProps & React$1.RefAttributes<HTMLElement>>;
|
|
959
|
+
interface DropdownMenuCheckboxItemProps extends React$1.ComponentPropsWithoutRef<typeof Menu.CheckboxItem> {
|
|
599
960
|
inset?: boolean;
|
|
600
|
-
}
|
|
601
|
-
declare const
|
|
961
|
+
}
|
|
962
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLElement>>;
|
|
963
|
+
interface DropdownMenuRadioItemProps extends React$1.ComponentPropsWithoutRef<typeof Menu.RadioItem> {
|
|
964
|
+
inset?: boolean;
|
|
965
|
+
}
|
|
966
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLElement>>;
|
|
967
|
+
type DropdownMenuLabelProps = React$1.ComponentPropsWithoutRef<typeof Menu.GroupLabel>;
|
|
968
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_menu.MenuGroupLabelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
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>;
|
|
602
972
|
declare const DropdownMenuShortcut: {
|
|
603
|
-
({ className, ...props }:
|
|
973
|
+
({ className, ...props }: DropdownMenuShortcutProps): react_jsx_runtime.JSX.Element;
|
|
604
974
|
displayName: string;
|
|
605
975
|
};
|
|
606
976
|
|
|
607
977
|
/**
|
|
608
978
|
* @fileoverview Icon components for Altitude UI.
|
|
979
|
+
* Icons are sourced from Phosphor Icons (https://phosphoricons.com) and wrapped
|
|
980
|
+
* to support the design system's sizing and weight API. Color is inherited via
|
|
981
|
+
* currentColor from the parent element.
|
|
609
982
|
*/
|
|
610
983
|
|
|
611
|
-
/**
|
|
612
|
-
|
|
613
|
-
*/
|
|
614
|
-
type IconVariant = "dark" | "light" | "gray" | "error" | "warning";
|
|
984
|
+
/** Phosphor icon weight (outline, filled, or duotone). */
|
|
985
|
+
type IconWeight = "regular" | "fill" | "duotone";
|
|
615
986
|
interface IconProps extends React$1.SVGProps<SVGSVGElement> {
|
|
616
987
|
className?: string;
|
|
617
|
-
|
|
988
|
+
/** Icon size in pixels. Default 16. */
|
|
989
|
+
size?: number;
|
|
990
|
+
/** Phosphor weight: outline (regular), filled, or duotone. */
|
|
991
|
+
weight?: IconWeight;
|
|
618
992
|
}
|
|
619
|
-
/**
|
|
620
|
-
* LockIcon component.
|
|
621
|
-
*/
|
|
622
993
|
declare const LockIcon: React$1.FC<IconProps>;
|
|
623
|
-
/**
|
|
624
|
-
* CheckIcon component (circle with checkmark).
|
|
625
|
-
*/
|
|
626
994
|
declare const CheckIcon: React$1.FC<IconProps>;
|
|
627
995
|
declare const CalendarIcon: React$1.FC<IconProps>;
|
|
628
|
-
/**
|
|
629
|
-
* CheckmarkIcon (just the checkmark) component.
|
|
630
|
-
*/
|
|
631
996
|
declare const CheckmarkIcon: React$1.FC<IconProps>;
|
|
632
|
-
/**
|
|
633
|
-
* ArrowDownIcon component.
|
|
634
|
-
*/
|
|
635
997
|
declare const ArrowDownIcon: React$1.FC<IconProps>;
|
|
636
998
|
declare const ArrowUpIcon: React$1.FC<IconProps>;
|
|
637
999
|
declare const ArrowLeftIcon: React$1.FC<IconProps>;
|
|
@@ -645,7 +1007,6 @@ declare const CaretUpIcon: React$1.FC<IconProps>;
|
|
|
645
1007
|
declare const ChatIcon: React$1.FC<IconProps>;
|
|
646
1008
|
declare const CheckmarkSquareIcon: React$1.FC<IconProps>;
|
|
647
1009
|
declare const CloseIcon: React$1.FC<IconProps>;
|
|
648
|
-
declare const CloseSmallIcon: React$1.FC<IconProps>;
|
|
649
1010
|
declare const CogIcon: React$1.FC<IconProps>;
|
|
650
1011
|
declare const CredentialsIcon: React$1.FC<IconProps>;
|
|
651
1012
|
declare const DocumentIcon: React$1.FC<IconProps>;
|
|
@@ -681,17 +1042,8 @@ declare const UserMultiIcon: React$1.FC<IconProps>;
|
|
|
681
1042
|
declare const WarningIcon: React$1.FC<IconProps>;
|
|
682
1043
|
declare const WrenchIcon: React$1.FC<IconProps>;
|
|
683
1044
|
declare const LogoutIcon: React$1.FC<IconProps>;
|
|
684
|
-
/**
|
|
685
|
-
* Print icon component.
|
|
686
|
-
*/
|
|
687
1045
|
declare const PrintIcon: React$1.FC<IconProps>;
|
|
688
|
-
/**
|
|
689
|
-
* Download icon component.
|
|
690
|
-
*/
|
|
691
1046
|
declare const DownloadIcon: React$1.FC<IconProps>;
|
|
692
|
-
/**
|
|
693
|
-
* Panel icon component.
|
|
694
|
-
*/
|
|
695
1047
|
declare const PanelIcon: React$1.FC<IconProps>;
|
|
696
1048
|
|
|
697
1049
|
/**
|
|
@@ -909,7 +1261,7 @@ declare function ChartLegend({ items, x, y, className, }: ChartLegendProps): rea
|
|
|
909
1261
|
* Label props from Recharts.
|
|
910
1262
|
* @internal
|
|
911
1263
|
*/
|
|
912
|
-
interface
|
|
1264
|
+
interface ChartAxisLabelProps {
|
|
913
1265
|
viewBox?: {
|
|
914
1266
|
x: number;
|
|
915
1267
|
y: number;
|
|
@@ -936,7 +1288,7 @@ interface TickProps {
|
|
|
936
1288
|
* @returns React component for X-axis label
|
|
937
1289
|
*/
|
|
938
1290
|
declare const createCustomXAxisLabel: (text: string, yOffset?: number) => {
|
|
939
|
-
({ viewBox }:
|
|
1291
|
+
({ viewBox }: ChartAxisLabelProps): react_jsx_runtime.JSX.Element | null;
|
|
940
1292
|
displayName: string;
|
|
941
1293
|
};
|
|
942
1294
|
/**
|
|
@@ -947,7 +1299,7 @@ declare const createCustomXAxisLabel: (text: string, yOffset?: number) => {
|
|
|
947
1299
|
* @returns React component for Y-axis label
|
|
948
1300
|
*/
|
|
949
1301
|
declare const createCustomYAxisLabel: (text: string, leftMargin?: number) => {
|
|
950
|
-
({ viewBox }:
|
|
1302
|
+
({ viewBox }: ChartAxisLabelProps): react_jsx_runtime.JSX.Element | null;
|
|
951
1303
|
displayName: string;
|
|
952
1304
|
};
|
|
953
1305
|
/**
|
|
@@ -957,7 +1309,7 @@ declare const createCustomYAxisLabel: (text: string, leftMargin?: number) => {
|
|
|
957
1309
|
* @returns React component for right Y-axis label
|
|
958
1310
|
*/
|
|
959
1311
|
declare const createCustomYAxisRightLabel: (text: string) => {
|
|
960
|
-
({ viewBox }:
|
|
1312
|
+
({ viewBox }: ChartAxisLabelProps): react_jsx_runtime.JSX.Element | null;
|
|
961
1313
|
displayName: string;
|
|
962
1314
|
};
|
|
963
1315
|
/**
|
|
@@ -1203,4 +1555,4 @@ interface TableProps<T> {
|
|
|
1203
1555
|
*/
|
|
1204
1556
|
declare function Table<T>({ table, className, showPagination, paginationClassName, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
1205
1557
|
|
|
1206
|
-
export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, type BadgeProps, BarChart, type BarChartData, type BarChartProps, BellIcon, BookmarkIcon, Button, type ButtonProps, CHART_COLORS, CHART_CONSTANTS, COLOR_SCHEMES, CalendarIcon, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, type ChartColorScheme, ChartLegend, type ChartLegendProps, ChatIcon, CheckIcon, Checkbox, type CheckboxProps, CheckmarkIcon, CheckmarkSquareIcon, CloseIcon,
|
|
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, BarChart, type BarChartData, type BarChartProps, BellIcon, BookmarkIcon, type BoundingBox, type BoundingBoxStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, CHART_COLORS, CHART_CONSTANTS, COLOR_SCHEMES, 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, type ChartAxisLabelProps, type ChartColorScheme, ChartLegend, type ChartLegendProps, ChatIcon, CheckIcon, Checkbox, type CheckboxProps, CheckmarkIcon, CheckmarkSquareIcon, CloseIcon, CogIcon, CredentialsIcon, DatePicker, type DatePickerProps, DatePickerTrigger, type DatePickerTriggerProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DocumentIcon, DollarIcon, DownloadIcon, 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, EnvelopeIcon, ExclamationIcon, EyeClosedIcon, EyeOpenIcon, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterDescendingIcon, FilterIcon, GenericTooltip, type GenericTooltipProps, GraphBarIcon, GraphDonutIcon, GraphLineIcon, GraphPieIcon, HamburgerMenuIcon, HomeIcon, 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, type LegendItem, LineChart, type LineChartData, type LineChartProps, type LineSeries, LocationIcon, LockIcon, LogoutIcon, MagnifyingGlassIcon, MinusIcon, MoreMenuIcon, PanelIcon, type PdfFile, PdfViewer, type PdfViewerProps, PhoneIcon, PieChart, type PieChartData, type PieChartProps, type PieLabelProps, PlusIcon, Popover, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PrintIcon, QuestionCircleIcon, type ScrollTarget, 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, StarIcon, StatementIcon, Switch, type SwitchProps, Table, TableIcon, type TableProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, type TickProps, Tooltip, TooltipContainer, type TooltipContainerProps, TooltipContent, type TooltipContentProps, TooltipItem, type TooltipItemProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TrashIcon, Typography, type TypographyProps, Upload, type UploadProps, UserIcon, UserMultiIcon, WarningIcon, WrenchIcon, alertVariants, avatarVariants, badgeVariants, buttonGroupTextVariants, buttonGroupVariants, buttonVariants, calculateYAxisWidth, checkboxVariants, createCustomXAxisLabel, createCustomYAxisLabel, createCustomYAxisRightLabel, createLegendItems, customXAxisTick, customXAxisTickRotated, customYAxisTick, dropdownMenuItemVariants, formatLargeNumber, formatPercentage, getHeatmapColor, getPerformanceColor, getSeriesColor, initializePdfWorker, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants, inputVariants, itemMediaVariants, itemVariants, selectTriggerVariants, switchVariants, tabsVariants, textVariants, typographyVariants, uploadVariants, useSidebar };
|