@northslopetech/altitude-ui 3.0.0-alpha.9 → 3.0.0

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