@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/Acknowledgements.md +0 -189
- package/dist/index.css +1 -1
- package/dist/index.d.mts +332 -7
- package/dist/index.d.ts +332 -7
- package/dist/index.js +5 -5
- package/dist/index.mjs +5 -5
- package/package.json +5 -6
package/dist/index.d.mts
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, "
|
|
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 };
|