@baseline-ui/core 0.41.0 → 0.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,9 +1,8 @@
1
1
  import * as React from 'react';
2
- import React__default, { AriaRole, Key, ReactNode, Dispatch, SetStateAction } from 'react';
3
- import { IconProps, SVGRProps } from '@baseline-ui/icons';
2
+ import React__default, { CSSProperties, SVGProps, AriaRole, Key, ReactNode, Dispatch, SetStateAction } from 'react';
4
3
  import * as react_aria from 'react-aria';
5
- import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, AriaTimeFieldProps, TimeValue, AriaDateFieldProps, DateValue, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
6
- export { useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
4
+ import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, AriaTimeFieldProps, TimeValue, AriaDateFieldProps, DateValue, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, AriaTextFieldOptions, Locale } from 'react-aria';
5
+ export { useCollator, useDateFormatter, useId, useNumberFormatter } from 'react-aria';
7
6
  import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerState, MenuTriggerState, OverlayTriggerProps, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TimeFieldStateOptions, TreeProps, DateFieldStateOptions } from 'react-stately';
8
7
  import { Node as Node$1, DragItem, DOMAttributes, FocusableElement, DOMProps, AriaLabelingProps, AriaValidationProps } from '@react-types/shared';
9
8
  import { PressHookProps, KeyboardProps } from '@react-aria/interactions';
@@ -19,8 +18,45 @@ import { PanelProps as PanelProps$1, ImperativePanelHandle as ImperativePanelHan
19
18
  import * as react_jsx_runtime from 'react/jsx-runtime';
20
19
  import { ToastQueue } from '@react-stately/toast';
21
20
  export { ToastQueue } from '@react-stately/toast';
21
+ export { getOwnerDocument, mergeRefs } from '@react-aria/utils';
22
22
  export { MotionGlobalConfig } from 'motion/react';
23
23
 
24
+ interface SharedProps {
25
+ /** The `className` property assigned to the SVG element of the component. */
26
+ className?: string;
27
+ /**
28
+ * The `width` and `height` of the icon. This can be a string or a number. If
29
+ * you want to set the width and height to different values, you can pass
30
+ * `width` and `height` as separate props.
31
+ *
32
+ * @default "1em"
33
+ */
34
+ size?: string | number;
35
+ /** The style applicable to the SVG element of the component. */
36
+ style?: React__default.CSSProperties;
37
+ title?: string;
38
+ /** The color of the icon. */
39
+ color?: string;
40
+ }
41
+ interface IconComponentProps$1 extends SharedProps {
42
+ /**
43
+ * The SVG string of the icon to render. This is useful if you want to render
44
+ * an icon that is not in the catalog of icons provided in the list above. You
45
+ * can use the `createIcon` function to create an icon from an SVG string.
46
+ *
47
+ * @default undefined
48
+ */
49
+ svg: string;
50
+ }
51
+ interface SVGRProps {
52
+ title?: string;
53
+ titleId?: string;
54
+ size?: CSSProperties["width"];
55
+ }
56
+ type IconProps = SVGRProps & SVGProps<SVGSVGElement>;
57
+
58
+ declare const Icon: React__default.ForwardRefExoticComponent<IconComponentProps$1 & React__default.RefAttributes<HTMLSpanElement>>;
59
+
24
60
  interface ListOption<T = Record<string, any>> {
25
61
  id: string;
26
62
  label: string;
@@ -105,6 +141,246 @@ declare function isInsideOverlayContent(selector: HTMLElement): Element | null;
105
141
  */
106
142
  declare function isRect(rect: Rect): rect is Rect;
107
143
 
144
+ /**
145
+ * Throws an error if the condition is falsy. This is used to check for
146
+ * impossible conditions, such as unreachable code or invalid inputs. This is
147
+ * also used to narrow types in TypeScript. For example:
148
+ *
149
+ * ```ts
150
+ * function example(value: string | number) {
151
+ * invariant(typeof value === "string");
152
+ * // value is now a string
153
+ * value.split("");
154
+ * // ...
155
+ * }
156
+ * ```
157
+ *
158
+ * @param condition The condition to check
159
+ * @param message The message to throw if the condition is falsy
160
+ */
161
+ declare function invariant(condition: unknown, message?: string): asserts condition;
162
+
163
+ /**
164
+ * This utility function is used to create a class name string from the given
165
+ * arguments. It supports strings, undefined, null, boolean and objects. If an
166
+ * object is passed, the keys will be used as class names and the values will be
167
+ * used as a boolean to determine if the class name should be included.
168
+ *
169
+ * Example:
170
+ *
171
+ * ```js
172
+ * classNames("foo", "bar", { baz: true, qux: false }); // "foo bar baz"
173
+ * classNames(null, undefined, false, "foo", { bar: true }); // "foo bar"
174
+ * classNames(["foo", { bar: true }]); // "foo bar"
175
+ * ```
176
+ *
177
+ * @param args
178
+ */
179
+ declare function classNames(...args: any[]): string;
180
+
181
+ /**
182
+ * Returns the HTMLElement from a string selector, HTMLElement, or React
183
+ * RefObject.
184
+ *
185
+ * @param element - A string selector, HTMLElement, or React RefObject.
186
+ * @param ownerDocument - The document to use for the querySelector call.
187
+ * @returns The HTMLElement or null if not found.
188
+ */
189
+ declare function getHTMLElement(element: string | HTMLElement | React__default.RefObject<HTMLElement> | null | undefined, ownerDocument: Document): HTMLElement | null | undefined;
190
+ interface FontProperties {
191
+ fontSize?: number;
192
+ fontFamily?: string;
193
+ fontWeight?: string;
194
+ fontStyle?: string;
195
+ font?: string;
196
+ }
197
+ /**
198
+ * Returns the width and height of the text with the given font properties.
199
+ *
200
+ * ```ts
201
+ * const { width, height } = getTextDimensions({
202
+ * text: "Hello world!",
203
+ * fontSize: 16,
204
+ * fontFamily: "Arial",
205
+ * fontWeight: "normal",
206
+ * fontStyle: "normal",
207
+ * });
208
+ * ```
209
+ *
210
+ * @param options - The options for calculating the text dimensions.
211
+ * @param options.text - The text to measure.
212
+ * @param options.fontSize - The font size in pixels. Defaults to 16.
213
+ * @param options.fontFamily - The font family. Defaults to 'Arial'.
214
+ * @param options.fontWeight - The font weight. Defaults to 'normal'.
215
+ * @param options.fontStyle - The font style. Defaults to 'normal'.
216
+ * @param options.font - The full font string. Overrides fontSize, fontFamily,
217
+ * fontWeight, and fontStyle.
218
+ */
219
+ declare function getTextDimensions({ text, fontSize, fontFamily, fontWeight, fontStyle, font, }: {
220
+ text: string;
221
+ } & FontProperties): {
222
+ width: number;
223
+ height: number;
224
+ };
225
+ /**
226
+ * Returns the font size that will fit the given text within the given width.
227
+ * The font size is calculated by starting with the initial font size and
228
+ * decreasing it until the text fits within the desired width.
229
+ *
230
+ * @example
231
+ * const fontSize = calculateFontSizeToFitWidth({
232
+ * text: "Hello world!",
233
+ * maxWidth: 100,
234
+ * initialFontSize: 16,
235
+ * fontFamily: "Arial",
236
+ * fontWeight: "normal",
237
+ * fontStyle: "normal",
238
+ * });
239
+ *
240
+ * @param options - The options for calculating the font size.
241
+ * @param options.text - The text to fit within the width.
242
+ * @param options.maxWidth - The maximum width the text should fit within.
243
+ * @param options.initialFontSize - The starting font size to use for
244
+ * calculations. Defaults to 50.
245
+ * @param options.fontFamily - The font family to use. Defaults to 'Arial'.
246
+ * @param options.fontWeight - The font weight to use. Defaults to 'normal'.
247
+ * @param options.fontStyle - The font style to use. Defaults to 'normal'.
248
+ * @returns The calculated font size that fits the text within the given width.
249
+ */
250
+ declare function calculateFontSizeToFitWidth({ text, maxWidth, initialFontSize, fontFamily, fontWeight, fontStyle, }: {
251
+ text: string;
252
+ maxWidth: number;
253
+ initialFontSize: number;
254
+ } & Omit<FontProperties, "fontSize">): number;
255
+ /**
256
+ * Returns true if the element is focusable.
257
+ *
258
+ * @param element - The element to check.
259
+ */
260
+ declare function isFocusableElement(element: HTMLElement): boolean;
261
+ declare function findFocusableElements(element: HTMLElement): NodeListOf<Element>;
262
+ /**
263
+ * Returns the active element of the given node. If the node is within a shadow
264
+ * root, the active element of the shadow root will be returned, otherwise the
265
+ * active element of the document will be returned.
266
+ *
267
+ * @param node - The node to get the active element from.
268
+ * @returns The active element of the given node.
269
+ */
270
+ declare function getActiveElement(node: Node): Element | null;
271
+ /**
272
+ * Returns true if the target is an input that will cause the software keyboard
273
+ * to appear.
274
+ *
275
+ * @param target Element - The element to check.
276
+ */
277
+ declare function isInputThatOpensKeyboard(target: Element): boolean;
278
+ /**
279
+ * Returns the absolute bounds of the element. If the element is within a shadow
280
+ * root, the bounds will be relative to the host element. If the element is not
281
+ * within a shadow root, the bounds will be relative to the document.
282
+ *
283
+ * @param element - The element to get the absolute bounds of.
284
+ * @returns The absolute bounds of the element.
285
+ */
286
+ declare function getAbsoluteBounds(element: HTMLElement): {
287
+ x: number;
288
+ y: number;
289
+ width: number;
290
+ height: number;
291
+ };
292
+ /**
293
+ * Returns the absolute position of the element that can go correctly with
294
+ * position: fixed. If the element is within a shadow root, the position will be
295
+ * relative to the host element so that the element can be positioned correctly
296
+ * within the shadow root.
297
+ *
298
+ * @param element - The element to get the absolute position of.
299
+ * @param coordinates - The coordinates of the element.
300
+ * @returns The absolute position of the element.
301
+ */
302
+ declare function getAbsolutePosition(element: HTMLElement, coordinates?: {
303
+ x: number;
304
+ y: number;
305
+ }): {
306
+ x: number;
307
+ y: number;
308
+ };
309
+
310
+ /**
311
+ * This function takes a list of [x, y] coordinates representing a stroke and
312
+ * returns a SVG path string.
313
+ *
314
+ * @example
315
+ * ```ts
316
+ * const stroke = [[0, 0], [1, 1], [2, 2]];
317
+ * const path = getSvgPathFromStroke(stroke);
318
+ * // path === "M0,0Q0.5,0.5,1,1Q1.5,1.5,2,2Z"
319
+ * ```;
320
+ *
321
+ * @param stroke The stroke to convert to an SVG path
322
+ * @param closed Wether to close the path
323
+ */
324
+ declare function getSvgPathFromStroke(stroke: number[][], closed?: boolean): string;
325
+
326
+ declare function cleanKeyFromGlobImport(modules: Record<string, Record<string, string>>): Record<string, Record<string, string>>;
327
+
328
+ /**
329
+ * This function filters out falsy values from an object.
330
+ *
331
+ * @template T - A type that extends Record<string, unknown>.
332
+ * @param {T} obj - The object to filter.
333
+ * @returns {Partial<T>} - A new object that only includes the truthy values
334
+ * from the original object.
335
+ */
336
+ declare function filterTruthyValues<T extends Record<string, unknown>>(obj: T): Partial<T>;
337
+
338
+ /**
339
+ * Lightens a color by a percentage.
340
+ *
341
+ * ```ts
342
+ * lightenColor("#000000", 10); // #1a1a1a
343
+ * ```
344
+ *
345
+ * @param color
346
+ * @param percent
347
+ */
348
+ declare function lightenColor(color: string, percent: number): string;
349
+
350
+ /**
351
+ * Checks whether the given value is a valid URL.
352
+ *
353
+ * ```ts
354
+ * isUrl("https://example.com"); // true
355
+ * isUrl("example.com"); // false
356
+ * ```
357
+ *
358
+ * @param {string} value - The value to be checked.
359
+ * @param {boolean} lenient - Whether to be lenient when checking the URL.
360
+ * @returns {boolean} - True if the value is a valid URL, false otherwise.
361
+ */
362
+ declare function isUrl(value: string, lenient?: boolean): boolean;
363
+
364
+ /**
365
+ * Returns the keyboard shortcut label with the correct symbols for the current
366
+ * OS.
367
+ *
368
+ * ```tsx
369
+ * getOsSpecificKeyboardShortcutLabel("Ctrl+Alt+Shift+Enter", true); // "⌘⌥⇧↩"
370
+ * getOsSpecificKeyboardShortcutLabel("Ctrl+Alt+Shift+Enter"); // "Cmd+Option+Shift+Enter"
371
+ * ```
372
+ *
373
+ * @param keyboardShortcut - The Windows keyboard shortcut to format.
374
+ * @param useSymbol - Whether to use symbols for the modifier keys.
375
+ */
376
+ declare function getOsSpecificKeyboardShortcutLabel(keyboardShortcut: string, useSymbol?: boolean): string;
377
+
378
+ /**
379
+ * Parses the given text using DOMParser and retrieves the plain text content of
380
+ * the HTML document body.
381
+ */
382
+ declare const getPlainText: (text: string) => string;
383
+
108
384
  interface ListHandle {
109
385
  /** Scrolls the listbox to the specified item. */
110
386
  scrollIntoView: (id: string, options?: ScrollIntoViewOptions) => void;
@@ -1445,7 +1721,7 @@ interface IconColorInputProps extends StylingProps, Omit<ColorInputProps, "rende
1445
1721
 
1446
1722
  declare const ColorInput: React__default.ForwardRefExoticComponent<ColorInputProps & React__default.RefAttributes<HTMLDivElement>>;
1447
1723
 
1448
- declare const IconColorInputButton: React__default.ForwardRefExoticComponent<Omit<ColorInputButtonProps, "children" | "color" | "labelPosition"> & {
1724
+ declare const IconColorInputButton: React__default.ForwardRefExoticComponent<Omit<ColorInputButtonProps, "color" | "children" | "labelPosition"> & {
1449
1725
  icon: React__default.FC<IconProps>;
1450
1726
  color?: string | null;
1451
1727
  } & React__default.RefAttributes<HTMLButtonElement>>;
@@ -2228,7 +2504,7 @@ interface ScrollControlButtonProps extends StylingProps, Pick<ActionButtonProps,
2228
2504
 
2229
2505
  declare const ScrollControlButton: React__default.ForwardRefExoticComponent<ScrollControlButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
2230
2506
 
2231
- interface AlertDialogProps extends StylingProps {
2507
+ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
2232
2508
  /**
2233
2509
  * The title of the dialog. This is the main heading of the dialog and is
2234
2510
  * displayed at the top of the dialog.
@@ -3042,6 +3318,55 @@ declare const DeviceProviderContext: React__default.Context<{
3042
3318
  }>;
3043
3319
  declare const DeviceProvider: React__default.FC<DeviceProviderProps>;
3044
3320
 
3321
+ interface TaggedPaginationProps extends StylingProps, Pick<PaginationProps, "isDisabled" | "decrementAriaLabel" | "incrementAriaLabel">, Pick<AriaTextFieldOptions<"input">, "onBlur" | "onKeyDown" | "isDisabled" | "isReadOnly" | "label"> {
3322
+ /** Whether the decrement button is disabled. */
3323
+ isDecrementButtonDisabled?: boolean;
3324
+ /** Whether the increment button is disabled. */
3325
+ isIncrementButtonDisabled?: boolean;
3326
+ /**
3327
+ * Determines the size of the component.
3328
+ *
3329
+ * @default "md"
3330
+ */
3331
+ size?: "xs" | "sm" | "md";
3332
+ /** The label for the component. */
3333
+ label?: React__default.ReactNode;
3334
+ /** The aria-label for the description. */
3335
+ descriptionAriaLabel?: string;
3336
+ /**
3337
+ * The type of the input field.
3338
+ *
3339
+ * @default "number"
3340
+ */
3341
+ type?: "number" | "text";
3342
+ /** The minimum value of the component. */
3343
+ minValue?: number;
3344
+ /** The maximum value of the component. */
3345
+ maxValue?: number;
3346
+ /** The value of the component. */
3347
+ value?: number;
3348
+ /** The default value of the component. */
3349
+ defaultValue?: number;
3350
+ /** The callback that is called when the value is changed. */
3351
+ onChange?: (value: number | string) => void;
3352
+ /** The callback that is called when the value is changed successfully. */
3353
+ onChangeSuccess?: (value: number) => void;
3354
+ /** The callback that is called when the input value is changed. */
3355
+ onInputChange?: (value: string) => void;
3356
+ /** The description of the component. */
3357
+ description?: string | ((value: number) => string);
3358
+ /**
3359
+ * The step of the component.
3360
+ *
3361
+ * @default 1
3362
+ */
3363
+ step?: number;
3364
+ /** The mapping of label to value. */
3365
+ valueToLabelMap?: Map<number, string>;
3366
+ }
3367
+
3368
+ declare const TaggedPagination: React__default.ForwardRefExoticComponent<TaggedPaginationProps & React__default.RefAttributes<HTMLDivElement>>;
3369
+
3045
3370
  /**
3046
3371
  * A hook that creates an IntersectionObserver and observes a target element.
3047
3372
  *
@@ -3373,4 +3698,4 @@ type Device = ReturnType<typeof useDevice>;
3373
3698
  */
3374
3699
  declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
3375
3700
 
3376
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nProviderProps, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, type ReactComplexTreeItem, Reaction, type ReactionProps, type Rect, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, defineMessages, disableAnimations, enableAnimations, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
3701
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, type ReactComplexTreeItem, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, defineMessages, disableAnimations, enableAnimations, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getPlainText, getSvgPathFromStroke, getTextDimensions, invariant, isFocusableElement, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };