@wistia/ui 0.23.0-beta.a9b30c76.72798c2 → 0.23.0-beta.d1fc8fcf.b4e0ead
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 +79 -94
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +447 -1087
- package/dist/index.js.map +1 -1
- package/package.json +6 -5
package/dist/index.d.ts
CHANGED
|
@@ -5,18 +5,13 @@ import * as _$styled_components0 from "styled-components";
|
|
|
5
5
|
import { css } from "styled-components";
|
|
6
6
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
7
7
|
import { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from "use-file-picker/validators";
|
|
8
|
-
import { CollapsibleContentProps } from "@radix-ui/react-collapsible";
|
|
9
8
|
import { Color } from "culori/fn";
|
|
10
|
-
import { ToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
|
|
11
9
|
import * as _$_radix_ui_react_popover0 from "@radix-ui/react-popover";
|
|
12
|
-
import { Anchor, Close, PopoverContentProps as PopoverContentProps$1, Portal, Root
|
|
10
|
+
import { Anchor, Close, PopoverContentProps as PopoverContentProps$1, Portal, Root, Trigger } from "@radix-ui/react-popover";
|
|
13
11
|
import * as Ariakit from "@ariakit/react";
|
|
14
12
|
import { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
|
|
15
|
-
import { Matcher } from "react-day-picker";
|
|
16
13
|
import { Schema } from "yup";
|
|
17
|
-
import { HoverCardContentProps } from "@radix-ui/react-hover-card";
|
|
18
14
|
import ReactMarkdown from "react-markdown";
|
|
19
|
-
import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps } from "@radix-ui/react-tabs";
|
|
20
15
|
import { ExtractContentTypeFromConfig, FilePickerReturnTypes, ImperativeFilePickerReturnTypes, UseFilePickerConfig, useImperativeFilePickerConfig } from "use-file-picker/types";
|
|
21
16
|
export * from "use-file-picker/types";
|
|
22
17
|
|
|
@@ -453,7 +448,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
|
|
|
453
448
|
* action, or performing a delete operation. It replaces the HTML `<button>` element,
|
|
454
449
|
* unless an `href` attribute is passed, in which it will render an `<a>` element.
|
|
455
450
|
*/
|
|
456
|
-
declare const Button: _$react.ForwardRefExoticComponent<(Omit<BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
451
|
+
declare const Button: _$react.ForwardRefExoticComponent<(Omit<ButtonAsButtonProps, "ref"> | Omit<BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
457
452
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
458
453
|
children: ReactNode;
|
|
459
454
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -511,7 +506,7 @@ declare const Button: _$react.ForwardRefExoticComponent<(Omit<BaseButtonProps &
|
|
|
511
506
|
* @ignore
|
|
512
507
|
*/
|
|
513
508
|
type?: LinkTypes;
|
|
514
|
-
}, "ref">
|
|
509
|
+
}, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
515
510
|
//#endregion
|
|
516
511
|
//#region src/private/components/Toast/Toast.d.ts
|
|
517
512
|
type ToastProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -618,7 +613,7 @@ declare const ActionButton: _$react.ForwardRefExoticComponent<(Omit<{
|
|
|
618
613
|
* Changes the secondary icon for different use cases
|
|
619
614
|
*/
|
|
620
615
|
variant?: "default" | "gated" | "menu-down" | "menu-up";
|
|
621
|
-
} & Omit<ButtonAsButtonProps, "variant" | "
|
|
616
|
+
} & Omit<ButtonAsButtonProps, "variant" | "unstyled" | "fullWidth" | "leftIcon" | "rightIcon" | "isLoading" | "size">, "ref"> | Omit<{
|
|
622
617
|
/**
|
|
623
618
|
* @override
|
|
624
619
|
* The text to display for the ActionButton
|
|
@@ -647,7 +642,7 @@ declare const ActionButton: _$react.ForwardRefExoticComponent<(Omit<{
|
|
|
647
642
|
* Changes the secondary icon for different use cases
|
|
648
643
|
*/
|
|
649
644
|
variant?: "default" | "gated" | "menu-down" | "menu-up";
|
|
650
|
-
} & Omit<ButtonAsLinkProps, "variant" | "
|
|
645
|
+
} & Omit<ButtonAsLinkProps, "variant" | "unstyled" | "fullWidth" | "leftIcon" | "rightIcon" | "isLoading" | "size">, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
651
646
|
//#endregion
|
|
652
647
|
//#region src/components/Avatar/Avatar.d.ts
|
|
653
648
|
type AvatarInstanceType = 'image' | 'initials';
|
|
@@ -1342,7 +1337,7 @@ type CollapsibleTriggerProps = {
|
|
|
1342
1337
|
* A trigger element that will toggle the collapsible content.
|
|
1343
1338
|
* Usually a [Button](?path=/docs/components-button--docs).
|
|
1344
1339
|
*/
|
|
1345
|
-
children:
|
|
1340
|
+
children: ReactElement;
|
|
1346
1341
|
};
|
|
1347
1342
|
declare const CollapsibleTrigger: ({
|
|
1348
1343
|
children
|
|
@@ -1658,7 +1653,7 @@ declare const CollapsibleTriggerIcon: {
|
|
|
1658
1653
|
};
|
|
1659
1654
|
//#endregion
|
|
1660
1655
|
//#region src/components/Collapsible/CollapsibleContent.d.ts
|
|
1661
|
-
type CollapsibleContentProps
|
|
1656
|
+
type CollapsibleContentProps = {
|
|
1662
1657
|
/**
|
|
1663
1658
|
* The number of lines to clamp the content to when `Collapsible` is closed.
|
|
1664
1659
|
*/
|
|
@@ -1666,12 +1661,12 @@ type CollapsibleContentProps$1 = {
|
|
|
1666
1661
|
/**
|
|
1667
1662
|
* The content that will be hidden when `Collapsible` is closed.
|
|
1668
1663
|
*/
|
|
1669
|
-
children:
|
|
1664
|
+
children: ReactNode;
|
|
1670
1665
|
};
|
|
1671
1666
|
declare const CollapsibleContent: ({
|
|
1672
1667
|
clamp,
|
|
1673
1668
|
children
|
|
1674
|
-
}: CollapsibleContentProps
|
|
1669
|
+
}: CollapsibleContentProps) => _$react_jsx_runtime0.JSX.Element;
|
|
1675
1670
|
//#endregion
|
|
1676
1671
|
//#region src/components/ColorPicker/ColorGrid.d.ts
|
|
1677
1672
|
type ColorGridProps = PropsWithChildren & {
|
|
@@ -2307,38 +2302,6 @@ declare const DataListItemValue: {
|
|
|
2307
2302
|
displayName: string;
|
|
2308
2303
|
};
|
|
2309
2304
|
//#endregion
|
|
2310
|
-
//#region src/components/DatePicker/DatePicker.d.ts
|
|
2311
|
-
type DatePickerBaseProps = {
|
|
2312
|
-
/** Earliest selectable date. */minDate?: Date; /** Latest selectable date. */
|
|
2313
|
-
maxDate?: Date; /** Dates that cannot be selected. Uses react-day-picker Matcher. */
|
|
2314
|
-
disabledDates?: Matcher | Matcher[]; /** Disables the entire component. */
|
|
2315
|
-
disabled?: boolean; /** Input placeholder text. */
|
|
2316
|
-
placeholder?: string; /** Fill parent width. */
|
|
2317
|
-
fullWidth?: boolean; /** Popover alignment. */
|
|
2318
|
-
align?: 'start' | 'center' | 'end'; /** Popover side. */
|
|
2319
|
-
side?: 'top' | 'bottom'; /** Input name attribute (injected by FormField). */
|
|
2320
|
-
name?: string; /** Input id attribute (injected by FormField). */
|
|
2321
|
-
id?: string; /** Validity state (injected by FormField). */
|
|
2322
|
-
'aria-invalid'?: boolean; /** Error/description association (injected by FormField). */
|
|
2323
|
-
'aria-describedby'?: string;
|
|
2324
|
-
};
|
|
2325
|
-
type DatePickerControlledProps = DatePickerBaseProps & {
|
|
2326
|
-
/** The selected date (controlled). */value: Date | null; /** Callback when the date changes (controlled). */
|
|
2327
|
-
onChange: (date: Date | null) => void;
|
|
2328
|
-
defaultValue?: never;
|
|
2329
|
-
};
|
|
2330
|
-
type DatePickerUncontrolledProps = DatePickerBaseProps & {
|
|
2331
|
-
/** The initial date (uncontrolled). */defaultValue?: Date;
|
|
2332
|
-
value?: never;
|
|
2333
|
-
onChange?: never;
|
|
2334
|
-
};
|
|
2335
|
-
type DatePickerProps = (DatePickerControlledProps | DatePickerUncontrolledProps) & Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>;
|
|
2336
|
-
/**
|
|
2337
|
-
* A date picker that combines a text input with natural language parsing
|
|
2338
|
-
* and a calendar popover for visual date selection.
|
|
2339
|
-
*/
|
|
2340
|
-
declare const DatePicker: _$react.ForwardRefExoticComponent<DatePickerProps & _$react.RefAttributes<HTMLDivElement>>;
|
|
2341
|
-
//#endregion
|
|
2342
2305
|
//#region src/components/Divider/Divider.d.ts
|
|
2343
2306
|
type DividerProps = ComponentPropsWithoutRef<'div'> & {
|
|
2344
2307
|
/**
|
|
@@ -3147,8 +3110,7 @@ type GridProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
3147
3110
|
declare const Grid: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, GridProps>) => _$react.ReactElement | null) & UnknownRecord;
|
|
3148
3111
|
//#endregion
|
|
3149
3112
|
//#region src/components/PreviewCard/PreviewCard.d.ts
|
|
3150
|
-
type
|
|
3151
|
-
type PreviewCardProps = ContentProps$1 & {
|
|
3113
|
+
type PreviewCardProps = {
|
|
3152
3114
|
/**
|
|
3153
3115
|
* The content of the preview card
|
|
3154
3116
|
*/
|
|
@@ -3165,7 +3127,7 @@ type PreviewCardProps = ContentProps$1 & {
|
|
|
3165
3127
|
* The [Link](?path=/docs/components-link--docs) that opens the preview card when hovered.
|
|
3166
3128
|
* Preview cards should only be used on links—do not use on non-interactive elements (e.g. buttons or plain text).
|
|
3167
3129
|
*/
|
|
3168
|
-
trigger:
|
|
3130
|
+
trigger: ReactElement;
|
|
3169
3131
|
/**
|
|
3170
3132
|
* If true, the preview card will use the unstyled Content component instead of StyledContent
|
|
3171
3133
|
*/
|
|
@@ -3188,6 +3150,14 @@ type PreviewCardProps = ContentProps$1 & {
|
|
|
3188
3150
|
* Force the preview card to be open without user interaction (for debugging and CI)
|
|
3189
3151
|
*/
|
|
3190
3152
|
forceOpen?: boolean;
|
|
3153
|
+
/**
|
|
3154
|
+
* The preferred side of the trigger to render on
|
|
3155
|
+
*/
|
|
3156
|
+
side?: 'bottom' | 'left' | 'right' | 'top';
|
|
3157
|
+
/**
|
|
3158
|
+
* The preferred alignment against the trigger
|
|
3159
|
+
*/
|
|
3160
|
+
align?: 'center' | 'end' | 'start';
|
|
3191
3161
|
};
|
|
3192
3162
|
/**
|
|
3193
3163
|
* Preview cards reveal content on hover. **Everything in the card must also exist at the destination**—never put information only in the preview. This pattern is for sighted-only, so treat the card as a preview, not a source of truth.
|
|
@@ -3204,6 +3174,8 @@ declare const PreviewCard: {
|
|
|
3204
3174
|
closeDelay,
|
|
3205
3175
|
colorScheme,
|
|
3206
3176
|
forceOpen,
|
|
3177
|
+
side,
|
|
3178
|
+
align,
|
|
3207
3179
|
...props
|
|
3208
3180
|
}: PreviewCardProps): JSX.Element;
|
|
3209
3181
|
displayName: string;
|
|
@@ -3233,7 +3205,7 @@ declare const IconButton: _$react.ForwardRefExoticComponent<(Omit<{
|
|
|
3233
3205
|
* The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
|
|
3234
3206
|
*/
|
|
3235
3207
|
children: JSX.Element;
|
|
3236
|
-
} & Omit<ButtonAsButtonProps, "
|
|
3208
|
+
} & Omit<ButtonAsButtonProps, "fullWidth" | "leftIcon" | "rightIcon">, "ref"> | Omit<{
|
|
3237
3209
|
/**
|
|
3238
3210
|
* Accessible text for screen readers.
|
|
3239
3211
|
*/
|
|
@@ -3242,7 +3214,7 @@ declare const IconButton: _$react.ForwardRefExoticComponent<(Omit<{
|
|
|
3242
3214
|
* The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
|
|
3243
3215
|
*/
|
|
3244
3216
|
children: JSX.Element;
|
|
3245
|
-
} & Omit<ButtonAsLinkProps, "
|
|
3217
|
+
} & Omit<ButtonAsLinkProps, "fullWidth" | "leftIcon" | "rightIcon">, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
3246
3218
|
//#endregion
|
|
3247
3219
|
//#region src/components/Image/Image.d.ts
|
|
3248
3220
|
type ImageProps = ComponentPropsWithoutRef<'img'> & {
|
|
@@ -3322,7 +3294,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
|
|
|
3322
3294
|
/**
|
|
3323
3295
|
* Provides a readonly input that copies the text to the clipboard when clicked.
|
|
3324
3296
|
*/
|
|
3325
|
-
declare const InputClickToCopy: _$react.ForwardRefExoticComponent<Omit<InputProps, "
|
|
3297
|
+
declare const InputClickToCopy: _$react.ForwardRefExoticComponent<Omit<InputProps, "value" | "disabled" | "rightIcon" | "type" | "autoSelect"> & {
|
|
3326
3298
|
/**
|
|
3327
3299
|
* When disabled, the copy action will not be triggered
|
|
3328
3300
|
*/
|
|
@@ -3351,7 +3323,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
|
|
|
3351
3323
|
/**
|
|
3352
3324
|
* A password input component with a toggle button to show or hide the password text.
|
|
3353
3325
|
*/
|
|
3354
|
-
declare const InputPassword: _$react.ForwardRefExoticComponent<Omit<InputProps, "
|
|
3326
|
+
declare const InputPassword: _$react.ForwardRefExoticComponent<Omit<InputProps, "leftIcon" | "rightIcon" | "type" | "monospace"> & {
|
|
3355
3327
|
/**
|
|
3356
3328
|
* Set the disabled state of the input
|
|
3357
3329
|
*/
|
|
@@ -3657,7 +3629,29 @@ type MenuItemButtonProps = ButtonProps & {
|
|
|
3657
3629
|
};
|
|
3658
3630
|
//#endregion
|
|
3659
3631
|
//#region src/components/Menu/MenuItem.d.ts
|
|
3660
|
-
declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<
|
|
3632
|
+
declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3633
|
+
href?: never;
|
|
3634
|
+
type?: "button" | "reset" | "submit";
|
|
3635
|
+
children: _$react.ReactNode;
|
|
3636
|
+
} & {
|
|
3637
|
+
appearance?: "dangerous" | "default" | "gated";
|
|
3638
|
+
badge?: _$react.JSX.Element;
|
|
3639
|
+
children?: _$react.ReactNode;
|
|
3640
|
+
command?: _$react.ReactNode;
|
|
3641
|
+
icon?: ButtonProps["leftIcon"];
|
|
3642
|
+
leftIcon?: ButtonProps["leftIcon"];
|
|
3643
|
+
rightIcon?: ButtonProps["rightIcon"];
|
|
3644
|
+
fullWidth?: never;
|
|
3645
|
+
asChild?: never;
|
|
3646
|
+
variant?: never;
|
|
3647
|
+
size?: never;
|
|
3648
|
+
unstyled?: never;
|
|
3649
|
+
} & {
|
|
3650
|
+
/**
|
|
3651
|
+
* Treats the menu item as a link when provided
|
|
3652
|
+
*/
|
|
3653
|
+
href?: MenuItemButtonProps["href"];
|
|
3654
|
+
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
3661
3655
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
3662
3656
|
children: _$react.ReactNode;
|
|
3663
3657
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -3735,28 +3729,6 @@ declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<DropdownMenuItem
|
|
|
3735
3729
|
* Treats the menu item as a link when provided
|
|
3736
3730
|
*/
|
|
3737
3731
|
href?: MenuItemButtonProps["href"];
|
|
3738
|
-
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3739
|
-
href?: never;
|
|
3740
|
-
type?: "button" | "reset" | "submit";
|
|
3741
|
-
children: _$react.ReactNode;
|
|
3742
|
-
} & {
|
|
3743
|
-
appearance?: "dangerous" | "default" | "gated";
|
|
3744
|
-
badge?: _$react.JSX.Element;
|
|
3745
|
-
children?: _$react.ReactNode;
|
|
3746
|
-
command?: _$react.ReactNode;
|
|
3747
|
-
icon?: ButtonProps["leftIcon"];
|
|
3748
|
-
leftIcon?: ButtonProps["leftIcon"];
|
|
3749
|
-
rightIcon?: ButtonProps["rightIcon"];
|
|
3750
|
-
fullWidth?: never;
|
|
3751
|
-
asChild?: never;
|
|
3752
|
-
variant?: never;
|
|
3753
|
-
size?: never;
|
|
3754
|
-
unstyled?: never;
|
|
3755
|
-
} & {
|
|
3756
|
-
/**
|
|
3757
|
-
* Treats the menu item as a link when provided
|
|
3758
|
-
*/
|
|
3759
|
-
href?: MenuItemButtonProps["href"];
|
|
3760
3732
|
}, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
3761
3733
|
//#endregion
|
|
3762
3734
|
//#region src/components/Menu/MenuItemLabel.d.ts
|
|
@@ -4250,7 +4222,7 @@ declare const PopoverPortal: {
|
|
|
4250
4222
|
};
|
|
4251
4223
|
//#endregion
|
|
4252
4224
|
//#region src/components/Popover/PopoverRoot.d.ts
|
|
4253
|
-
type RadixRootProps = ComponentPropsWithoutRef<typeof Root
|
|
4225
|
+
type RadixRootProps = ComponentPropsWithoutRef<typeof Root>;
|
|
4254
4226
|
type PopoverRootProps = Omit<RadixRootProps, 'open'> & {
|
|
4255
4227
|
/**
|
|
4256
4228
|
* Controlled open state. When provided, pair with `onOpenChange` to update it.
|
|
@@ -4273,7 +4245,7 @@ declare const PopoverRoot: {
|
|
|
4273
4245
|
};
|
|
4274
4246
|
//#endregion
|
|
4275
4247
|
//#region src/components/Popover/PopoverTrigger.d.ts
|
|
4276
|
-
type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Trigger
|
|
4248
|
+
type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Trigger>;
|
|
4277
4249
|
/**
|
|
4278
4250
|
* The button that toggles the popover open and closed. By default it renders a
|
|
4279
4251
|
* `<button>` wrapping its children; pass `asChild` to merge the trigger
|
|
@@ -4373,7 +4345,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
|
|
|
4373
4345
|
*/
|
|
4374
4346
|
hideLabel?: boolean;
|
|
4375
4347
|
};
|
|
4376
|
-
declare const Radio: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "
|
|
4348
|
+
declare const Radio: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "value" | "size" | "hideLabel"> & {
|
|
4377
4349
|
/**
|
|
4378
4350
|
* Indicates the state of the radio
|
|
4379
4351
|
*/
|
|
@@ -4635,7 +4607,7 @@ declare const ScrollArea: _$react.ForwardRefExoticComponent<HTMLAttributes<HTMLD
|
|
|
4635
4607
|
} & _$react.RefAttributes<HTMLDivElement>>;
|
|
4636
4608
|
//#endregion
|
|
4637
4609
|
//#region src/components/SegmentedControl/SegmentedControl.d.ts
|
|
4638
|
-
type SegmentedControlProps =
|
|
4610
|
+
type SegmentedControlProps = {
|
|
4639
4611
|
/**
|
|
4640
4612
|
* `SegmentedControlItem`s that will be rendered in grouping
|
|
4641
4613
|
*/
|
|
@@ -4664,7 +4636,7 @@ type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
|
|
|
4664
4636
|
/**
|
|
4665
4637
|
* Provides a horizontal set of segments for switching between different values
|
|
4666
4638
|
*/
|
|
4667
|
-
declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps
|
|
4639
|
+
declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps & HTMLAttributes<HTMLDivElement>>;
|
|
4668
4640
|
//#endregion
|
|
4669
4641
|
//#region src/components/SegmentedControl/SegmentedControlItem.d.ts
|
|
4670
4642
|
type BaseProps$1 = {
|
|
@@ -4849,7 +4821,7 @@ type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
|
|
|
4849
4821
|
* (e.g. on mouseup, touchend, or keyup). Useful for analytics or
|
|
4850
4822
|
* expensive operations where only the final value matters.
|
|
4851
4823
|
*/
|
|
4852
|
-
|
|
4824
|
+
onValueCommitted?: (value: number[]) => void;
|
|
4853
4825
|
/**
|
|
4854
4826
|
* Value to be added or subtracted on each step
|
|
4855
4827
|
*/
|
|
@@ -4869,7 +4841,7 @@ declare const Slider: {
|
|
|
4869
4841
|
max,
|
|
4870
4842
|
min,
|
|
4871
4843
|
onChange,
|
|
4872
|
-
|
|
4844
|
+
onValueCommitted,
|
|
4873
4845
|
step,
|
|
4874
4846
|
value,
|
|
4875
4847
|
"data-testid": dataTestId,
|
|
@@ -5156,7 +5128,12 @@ declare const TableRow: ({
|
|
|
5156
5128
|
}: TableRowProps) => JSX.Element;
|
|
5157
5129
|
//#endregion
|
|
5158
5130
|
//#region src/components/Tabs/Tabs.d.ts
|
|
5159
|
-
type TabsProps
|
|
5131
|
+
type TabsProps = {
|
|
5132
|
+
children?: React.ReactNode;
|
|
5133
|
+
defaultValue?: string;
|
|
5134
|
+
onValueChange?: (value: string) => void;
|
|
5135
|
+
value?: string;
|
|
5136
|
+
};
|
|
5160
5137
|
declare const Tabs: {
|
|
5161
5138
|
({
|
|
5162
5139
|
children,
|
|
@@ -5164,22 +5141,27 @@ declare const Tabs: {
|
|
|
5164
5141
|
onValueChange: onValueChangeProp,
|
|
5165
5142
|
defaultValue,
|
|
5166
5143
|
...props
|
|
5167
|
-
}: TabsProps
|
|
5144
|
+
}: TabsProps): JSX.Element;
|
|
5168
5145
|
displayName: string;
|
|
5169
5146
|
};
|
|
5170
5147
|
//#endregion
|
|
5171
5148
|
//#region src/components/Tabs/TabsContent.d.ts
|
|
5172
|
-
type TabsContentProps
|
|
5149
|
+
type TabsContentProps = {
|
|
5150
|
+
children?: ReactNode;
|
|
5151
|
+
value: string;
|
|
5152
|
+
};
|
|
5173
5153
|
declare const TabsContent: {
|
|
5174
5154
|
({
|
|
5175
5155
|
children,
|
|
5176
5156
|
value
|
|
5177
|
-
}: TabsContentProps
|
|
5157
|
+
}: TabsContentProps): JSX.Element;
|
|
5178
5158
|
displayName: string;
|
|
5179
5159
|
};
|
|
5180
5160
|
//#endregion
|
|
5181
5161
|
//#region src/components/Tabs/TabsList.d.ts
|
|
5182
|
-
type TabsListProps
|
|
5162
|
+
type TabsListProps = {
|
|
5163
|
+
'aria-label'?: string;
|
|
5164
|
+
} & PropsWithChildren<{
|
|
5183
5165
|
fullWidth?: boolean;
|
|
5184
5166
|
}>;
|
|
5185
5167
|
declare const TabsList: {
|
|
@@ -5187,12 +5169,15 @@ declare const TabsList: {
|
|
|
5187
5169
|
children,
|
|
5188
5170
|
fullWidth,
|
|
5189
5171
|
...props
|
|
5190
|
-
}: TabsListProps
|
|
5172
|
+
}: TabsListProps): JSX.Element;
|
|
5191
5173
|
displayName: string;
|
|
5192
5174
|
};
|
|
5193
5175
|
//#endregion
|
|
5194
5176
|
//#region src/components/Tabs/TabsTrigger.d.ts
|
|
5195
|
-
type BaseProps =
|
|
5177
|
+
type BaseProps = {
|
|
5178
|
+
disabled?: boolean;
|
|
5179
|
+
value: string;
|
|
5180
|
+
};
|
|
5196
5181
|
type IconWithLabel = {
|
|
5197
5182
|
/**
|
|
5198
5183
|
* The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
|
|
@@ -5223,8 +5208,8 @@ type NoIcon = {
|
|
|
5223
5208
|
label?: ReactNode | string;
|
|
5224
5209
|
'aria-label'?: never;
|
|
5225
5210
|
};
|
|
5226
|
-
type TabsTriggerProps
|
|
5227
|
-
declare const TabsTrigger: _$react.ForwardRefExoticComponent<TabsTriggerProps
|
|
5211
|
+
type TabsTriggerProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
|
|
5212
|
+
declare const TabsTrigger: _$react.ForwardRefExoticComponent<TabsTriggerProps & _$react.RefAttributes<HTMLButtonElement>>;
|
|
5228
5213
|
//#endregion
|
|
5229
5214
|
//#region src/components/Tag/Tag.d.ts
|
|
5230
5215
|
type TagProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -5545,8 +5530,8 @@ declare const WistiaLogo: {
|
|
|
5545
5530
|
displayName: string;
|
|
5546
5531
|
};
|
|
5547
5532
|
declare namespace index_d_exports {
|
|
5548
|
-
export { ActionButton, ActionButtonProps, Avatar, AvatarProps, AvatarStatus, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, ClickRegionProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorGridOptionProps, ColorGridProps, ColorList, ColorListGroup, ColorListGroupProps, ColorListOption, ColorListOptionProps, ColorListProps, ColorPicker, ColorPickerPopoverContent, ColorPickerPopoverContentProps, ColorPickerProps, ColorPickerSection, ColorPickerSectionProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorSchemeTypes, ColorSchemeWrapper, ColorSchemeWrapperProps, Combobox, ComboboxOption, ComboboxOptionProps, ComboboxProps, ContextMenu, ContextMenuProps, ContrastControls, CustomizableThemeWrapper, CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, DataCardProps, DataCardTrend, DataCardTrendProps, DataCards, DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, DataListProps,
|
|
5533
|
+
export { ActionButton, ActionButtonProps, Avatar, AvatarProps, AvatarStatus, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, ClickRegionProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorGridOptionProps, ColorGridProps, ColorList, ColorListGroup, ColorListGroupProps, ColorListOption, ColorListOptionProps, ColorListProps, ColorPicker, ColorPickerPopoverContent, ColorPickerPopoverContentProps, ColorPickerProps, ColorPickerSection, ColorPickerSectionProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorSchemeTypes, ColorSchemeWrapper, ColorSchemeWrapperProps, Combobox, ComboboxOption, ComboboxOptionProps, ComboboxProps, ContextMenu, ContextMenuProps, ContrastControls, CustomizableThemeWrapper, CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, DataCardProps, DataCardTrend, DataCardTrendProps, DataCards, DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, DataListProps, Divider, EditableHeading, EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextProps, EditableTextRoot, EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, EllipsisProps, FeatureCard, FeatureCardImage, FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormFieldProps, FormGroup, FormGroupProps, FormProps, Grid, GridProps, Heading, HeadingProps, HexColorInput, HexColorInputProps, HueSlider, Icon, IconButton, IconButtonProps, IconNameType, Image, ImageDimensionsValidator, ImageProps, Input, InputClickToCopy, InputClickToCopyProps, InputPassword, InputPasswordProps, InputProps, KeyboardKeys, KeyboardShortcut, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Mark, MarkProps, Markdown, MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, MeterProps, MeterSegment, Modal, ModalCallout, ModalCallouts, ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverAnchorProps, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseButton, PopoverCloseButtonProps, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverPortal, PopoverPortalProps, PopoverProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardProps, ProgressBar, ProgressBarProps, Radio, RadioCard, RadioCardImage, RadioCardImageProps, RadioCardProps, RadioGroup, RadioMenuItem, RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectOption, SelectOptionGroup, SelectOptionGroupProps, SelectOptionProps, SelectProps, Slider, SliderProps, SplitButton, SplitButtonProps, Stack, SubMenu, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagProps, Text, TextProps, Thumbnail, ThumbnailBadge, ThumbnailBadgeProps, ThumbnailCollage, ThumbnailCollageProps, ThumbnailProps, Tooltip, TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, isKeyboardKey, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|
|
5549
5534
|
}
|
|
5550
5535
|
//#endregion
|
|
5551
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps,
|
|
5536
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, ImageDimensionsValidator, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, PopoverCloseButton, type PopoverCloseButtonProps, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PreviewCard, type PreviewCardProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, isKeyboardKey, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|
|
5552
5537
|
//# sourceMappingURL=index.d.ts.map
|