@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/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 SelectPrimitive from '@radix-ui/react-select';
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 LabelPrimitive from '@radix-ui/react-label';
9
- import * as SeparatorPrimitive from '@radix-ui/react-separator';
10
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
11
- import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
12
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
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" | "outline" | "destructive" | "destructive-subtle" | "ghost" | "link" | null | undefined;
17
- size?: "default" | "sm" | "lg" | "icon" | null | undefined;
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
- * Button component with multiple variants and sizes.
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 Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
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 system tokens.
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?: "display-xl" | "display-lg" | "display-md" | "display-sm" | "display-xs" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "body-xl" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "label-xl" | "label-xl-bold" | "label-lg" | "label-lg-bold" | "label-md" | "label-md-bold" | "label-sm" | "label-sm-bold" | "label-xs" | "label-xs-bold" | null | undefined;
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
- width?: "default" | "compact" | "fill" | null | undefined;
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: React$1.FC<SelectPrimitive.SelectProps>;
64
- declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
65
- declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
66
- interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
67
- className?: string;
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 component.
73
- * @param {string} [props.width] - Width variant (default, fill, or compact)
74
- * @param {string} [props.className] - Additional CSS classes
75
- * @param {React.ReactNode} [props.children] - Trigger content
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
- declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
79
- declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
80
- interface SelectContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, "position">, VariantProps<typeof selectContentVariants> {
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
- declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
84
- declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
85
- declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
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
- declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
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
- declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
112
-
113
- type TooltipProviderProps = React$1.ComponentProps<typeof TooltipPrimitive.Provider> & {
114
- delayDuration?: number;
115
- };
116
- type TooltipProps = React$1.ComponentProps<typeof TooltipPrimitive.Root> & {
117
- delayDuration?: number;
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
- type TooltipTriggerProps = React$1.ComponentProps<typeof TooltipPrimitive.Trigger>;
120
- type TooltipContentProps = React$1.ComponentProps<typeof TooltipPrimitive.Content>;
121
- declare function TooltipProvider({ delayDuration, ...props }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
122
- declare namespace TooltipProvider {
123
- var displayName: string;
124
- }
125
- declare function Tooltip({ delayDuration, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
126
- declare namespace Tooltip {
127
- var displayName: string;
128
- }
129
- declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
130
- /**
131
- * Tooltip content - the actual tooltip popup.
132
- * @param {number} [props.sideOffset=2] - Distance from trigger element
133
- */
134
- declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
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
- * @fileoverview DatePicker component for Altitude UI.
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 | string | number;
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 with input field and calendar popover.
242
- * @param {Date} [props.value] - Controlled date value
243
- * @param {function} [props.onValueChange] - Callback when date changes
244
- * @param {Date | string | number} [props.defaultValue] - Default date value
245
- * @param {boolean} [props.disabled] - Whether picker is disabled
246
- * @param {string} [props.placeholder] - Input placeholder text
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<HTMLInputElement>>;
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" | "error" | "dragOver" | "uploading" | "success" | null | undefined;
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
- * Checkbox variant styles.
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 checkboxVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
286
- interface CheckboxProps extends React$1.ComponentProps<typeof CheckboxPrimitive.Root> {
287
- className?: string;
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
- * Checkbox component with Altitude design system styling.
291
- * @param {boolean} [props.checked] - Controlled checked state
292
- * @param {function} [props.onCheckedChange] - Callback when checked state changes
293
- * @param {boolean} [props.disabled] - Whether checkbox is disabled
294
- * @param {string} [props.className] - Additional CSS classes
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 Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
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
- * @fileoverview Input component for Altitude UI.
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
- * Props for standard text input.
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
- interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "style"> {
306
- className?: string;
307
- style?: React$1.CSSProperties;
308
- onClear?: () => void;
309
- showClear?: boolean;
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 {function} [props.onClear] - Callback when clear button is clicked
314
- * @param {boolean} [props.showClear] - Whether to show clear button
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?: "error" | "warning" | "success" | "primary" | "secondary" | "accent" | "neutral" | null | undefined;
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
- /** Page number (1-indexed) */
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
- * Current page number (1-indexed). Use for controlled mode.
420
- * When set, the component expects the parent to manage page state via onPageChange.
421
- */
422
- page?: number;
423
- /**
424
- * Callback fired when the current page changes.
425
- * Fires when a new page scrolls into the primary viewport or on navigation.
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 `page` and `onPageChange` props
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
- * page={page}
865
+ * scrollTo={{ page }}
502
866
  * onPageChange={setPage}
503
867
  * />
504
868
  *
505
- * // With title and callbacks
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
- * pageWidth={800}
519
- * enableTextLayer
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
- page?: number;
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
- * DropdownMenu root component.
574
- */
575
- declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
576
- interface DropdownMenuTriggerProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
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
- declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
585
- declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
586
- declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
587
- declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
588
- declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
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
- } & React$1.RefAttributes<HTMLDivElement>>;
591
- declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
592
- declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
593
- declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
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
- } & React$1.RefAttributes<HTMLDivElement>>;
596
- declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
597
- declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
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
- } & React$1.RefAttributes<HTMLDivElement>>;
601
- declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
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 }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
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
- * Icon color variant type.
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
- variant?: IconVariant;
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 LabelProps {
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 }: LabelProps): react_jsx_runtime.JSX.Element | null;
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 }: LabelProps): react_jsx_runtime.JSX.Element | null;
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 }: LabelProps): react_jsx_runtime.JSX.Element | null;
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, CloseSmallIcon, CogIcon, CredentialsIcon, DatePicker, type DatePickerProps, DocumentIcon, DollarIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, 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 IconVariant, InformationIcon, Input, type InputProps, 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, PrintIcon, QuestionCircleIcon, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, 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, Table, TableIcon, type TableProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, 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, badgeVariants, buttonVariants, calculateYAxisWidth, checkboxVariants, createCustomXAxisLabel, createCustomYAxisLabel, createCustomYAxisRightLabel, createLegendItems, customXAxisTick, customXAxisTickRotated, customYAxisTick, formatLargeNumber, formatPercentage, getHeatmapColor, getPerformanceColor, getSeriesColor, initializePdfWorker, selectTriggerVariants, tabsVariants, typographyVariants, uploadVariants, useSidebar };
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 };