@spark-ui/components 17.4.1 → 17.5.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/accordion/index.js.map +1 -1
- package/dist/accordion/index.mjs.map +1 -1
- package/dist/alert-dialog/index.js.map +1 -1
- package/dist/alert-dialog/index.mjs.map +1 -1
- package/dist/avatar/index.js +1 -1
- package/dist/avatar/index.js.map +1 -1
- package/dist/avatar/index.mjs +8 -2
- package/dist/avatar/index.mjs.map +1 -1
- package/dist/badge/index.js.map +1 -1
- package/dist/badge/index.mjs.map +1 -1
- package/dist/breadcrumb/index.js.map +1 -1
- package/dist/breadcrumb/index.mjs.map +1 -1
- package/dist/button-B-sMnDc_.js.map +1 -1
- package/dist/button-C6nlNPdv.mjs.map +1 -1
- package/dist/card/index.js.map +1 -1
- package/dist/card/index.mjs.map +1 -1
- package/dist/carousel/index.js.map +1 -1
- package/dist/carousel/index.mjs.map +1 -1
- package/dist/checkbox-DjwbAH09.js.map +1 -1
- package/dist/checkbox-xsURzANi.mjs.map +1 -1
- package/dist/chip/index.js.map +1 -1
- package/dist/chip/index.mjs.map +1 -1
- package/dist/circular-meter/index.js.map +1 -1
- package/dist/circular-meter/index.mjs.map +1 -1
- package/dist/collapsible/index.js.map +1 -1
- package/dist/collapsible/index.mjs.map +1 -1
- package/dist/combobox/index.js.map +1 -1
- package/dist/combobox/index.mjs.map +1 -1
- package/dist/dialog/index.js.map +1 -1
- package/dist/dialog/index.mjs.map +1 -1
- package/dist/divider/index.js.map +1 -1
- package/dist/divider/index.mjs.map +1 -1
- package/dist/drawer/index.js.map +1 -1
- package/dist/drawer/index.mjs.map +1 -1
- package/dist/dropdown/index.js.map +1 -1
- package/dist/dropdown/index.mjs.map +1 -1
- package/dist/file-upload/index.js.map +1 -1
- package/dist/file-upload/index.mjs.map +1 -1
- package/dist/form-field-81wzFxM0.js.map +1 -1
- package/dist/form-field-GTAuK_nO.mjs.map +1 -1
- package/dist/icon-CRPcdgYp.js.map +1 -1
- package/dist/icon-D05Uqh8_.mjs.map +1 -1
- package/dist/icon-button-CYz_Fitz.js.map +1 -1
- package/dist/icon-button-DpucUC_L.mjs.map +1 -1
- package/dist/input-BUSYZ_VO.js.map +1 -1
- package/dist/input-CiWFuTs_.mjs.map +1 -1
- package/dist/input-otp/index.js.map +1 -1
- package/dist/input-otp/index.mjs.map +1 -1
- package/dist/kbd/index.js.map +1 -1
- package/dist/kbd/index.mjs.map +1 -1
- package/dist/label-BCSEss4U.js.map +1 -1
- package/dist/label-DDBRKLUX.mjs.map +1 -1
- package/dist/link-box/index.js.map +1 -1
- package/dist/link-box/index.mjs.map +1 -1
- package/dist/meter/index.js.map +1 -1
- package/dist/meter/index.mjs.map +1 -1
- package/dist/pagination/index.js.map +1 -1
- package/dist/pagination/index.mjs.map +1 -1
- package/dist/popover-CrKp_TKk.js.map +1 -1
- package/dist/popover-DsBY8eYl.mjs.map +1 -1
- package/dist/portal/index.js.map +1 -1
- package/dist/portal/index.mjs.map +1 -1
- package/dist/progress-BjqJSRnK.js.map +1 -1
- package/dist/progress-C3w4PmxY.mjs.map +1 -1
- package/dist/progress-tracker/index.js.map +1 -1
- package/dist/progress-tracker/index.mjs.map +1 -1
- package/dist/radio-group/index.js.map +1 -1
- package/dist/radio-group/index.mjs.map +1 -1
- package/dist/rating/index.js.map +1 -1
- package/dist/rating/index.mjs.map +1 -1
- package/dist/rating-display/index.js.map +1 -1
- package/dist/rating-display/index.mjs.map +1 -1
- package/dist/scrolling-list/index.js.map +1 -1
- package/dist/scrolling-list/index.mjs.map +1 -1
- package/dist/segmented-control/index.js.map +1 -1
- package/dist/segmented-control/index.mjs.map +1 -1
- package/dist/segmented-gauge/index.js.map +1 -1
- package/dist/segmented-gauge/index.mjs.map +1 -1
- package/dist/select/index.js.map +1 -1
- package/dist/select/index.mjs.map +1 -1
- package/dist/skeleton/index.js.map +1 -1
- package/dist/skeleton/index.mjs.map +1 -1
- package/dist/slider/index.js.map +1 -1
- package/dist/slider/index.mjs.map +1 -1
- package/dist/slot/index.js.map +1 -1
- package/dist/slot/index.mjs.map +1 -1
- package/dist/spinner-DFUoYvmm.js.map +1 -1
- package/dist/spinner-DULLiM6a.mjs.map +1 -1
- package/dist/src/accordion/index.d.mts +3 -0
- package/dist/src/accordion/index.d.ts +3 -0
- package/dist/src/alert-dialog/index.d.mts +3 -0
- package/dist/src/alert-dialog/index.d.ts +3 -0
- package/dist/src/avatar/index.d.mts +7 -5
- package/dist/src/avatar/index.d.ts +7 -5
- package/dist/src/badge/Badge.d.ts +3 -0
- package/dist/src/breadcrumb/index.d.mts +3 -0
- package/dist/src/breadcrumb/index.d.ts +3 -0
- package/dist/src/button/Button.d.ts +3 -0
- package/dist/src/card/index.d.mts +3 -0
- package/dist/src/card/index.d.ts +3 -0
- package/dist/src/carousel/index.d.mts +3 -0
- package/dist/src/carousel/index.d.ts +3 -0
- package/dist/src/checkbox/Checkbox.d.ts +3 -0
- package/dist/src/checkbox/CheckboxGroup.d.ts +4 -0
- package/dist/src/chip/index.d.mts +3 -0
- package/dist/src/chip/index.d.ts +3 -0
- package/dist/src/circular-meter/index.d.mts +3 -0
- package/dist/src/circular-meter/index.d.ts +3 -0
- package/dist/src/collapsible/index.d.mts +3 -0
- package/dist/src/collapsible/index.d.ts +3 -0
- package/dist/src/combobox/index.d.mts +3 -0
- package/dist/src/combobox/index.d.ts +3 -0
- package/dist/src/dialog/index.d.mts +3 -0
- package/dist/src/dialog/index.d.ts +3 -0
- package/dist/src/divider/index.d.mts +3 -0
- package/dist/src/divider/index.d.ts +3 -0
- package/dist/src/drawer/index.d.mts +3 -0
- package/dist/src/drawer/index.d.ts +3 -0
- package/dist/src/dropdown/index.d.mts +3 -0
- package/dist/src/dropdown/index.d.ts +3 -0
- package/dist/src/file-upload/index.d.mts +3 -0
- package/dist/src/file-upload/index.d.ts +3 -0
- package/dist/src/form-field/index.d.mts +3 -0
- package/dist/src/form-field/index.d.ts +3 -0
- package/dist/src/icon/Icon.d.ts +3 -0
- package/dist/src/icon-button/IconButton.d.ts +3 -0
- package/dist/src/input/Input.d.ts +3 -0
- package/dist/src/input/index.d.mts +4 -0
- package/dist/src/input/index.d.ts +4 -0
- package/dist/src/input-otp/index.d.mts +3 -0
- package/dist/src/input-otp/index.d.ts +3 -0
- package/dist/src/kbd/Kbd.d.ts +3 -0
- package/dist/src/label/index.d.mts +3 -0
- package/dist/src/label/index.d.ts +3 -0
- package/dist/src/link-box/index.d.mts +3 -0
- package/dist/src/link-box/index.d.ts +3 -0
- package/dist/src/meter/index.d.mts +3 -0
- package/dist/src/meter/index.d.ts +3 -0
- package/dist/src/pagination/index.d.mts +3 -0
- package/dist/src/pagination/index.d.ts +3 -0
- package/dist/src/popover/index.d.mts +3 -0
- package/dist/src/popover/index.d.ts +3 -0
- package/dist/src/portal/Portal.d.ts +3 -0
- package/dist/src/progress/index.d.mts +3 -0
- package/dist/src/progress/index.d.ts +3 -0
- package/dist/src/progress-tracker/index.d.mts +3 -0
- package/dist/src/progress-tracker/index.d.ts +3 -0
- package/dist/src/radio-group/index.d.mts +3 -0
- package/dist/src/radio-group/index.d.ts +3 -0
- package/dist/src/rating/Rating.d.ts +3 -0
- package/dist/src/rating-display/index.d.mts +3 -0
- package/dist/src/rating-display/index.d.ts +3 -0
- package/dist/src/scrolling-list/index.d.mts +3 -0
- package/dist/src/scrolling-list/index.d.ts +3 -0
- package/dist/src/segmented-control/index.d.mts +3 -0
- package/dist/src/segmented-control/index.d.ts +3 -0
- package/dist/src/segmented-gauge/index.d.mts +3 -0
- package/dist/src/segmented-gauge/index.d.ts +3 -0
- package/dist/src/select/index.d.mts +3 -0
- package/dist/src/select/index.d.ts +3 -0
- package/dist/src/skeleton/index.d.mts +3 -0
- package/dist/src/skeleton/index.d.ts +3 -0
- package/dist/src/slider/index.d.mts +3 -0
- package/dist/src/slider/index.d.ts +3 -0
- package/dist/src/slot/Slot.d.ts +4 -0
- package/dist/src/spinner/Spinner.d.ts +3 -0
- package/dist/src/stepper/index.d.mts +3 -0
- package/dist/src/stepper/index.d.ts +3 -0
- package/dist/src/switch/Switch.d.ts +3 -0
- package/dist/src/table/index.d.mts +6 -2
- package/dist/src/table/index.d.ts +6 -2
- package/dist/src/table/internal/TableRootWrapper.d.ts +3 -0
- package/dist/src/tabs/index.d.mts +3 -0
- package/dist/src/tabs/index.d.ts +3 -0
- package/dist/src/tag/Tag.d.ts +3 -0
- package/dist/src/text-link/TextLink.d.ts +3 -0
- package/dist/src/textarea/Textarea.d.ts +3 -0
- package/dist/src/textarea/index.d.mts +4 -0
- package/dist/src/textarea/index.d.ts +4 -0
- package/dist/src/toast/index.d.mts +3 -0
- package/dist/src/toast/index.d.ts +3 -0
- package/dist/src/visually-hidden/VisuallyHidden.d.ts +3 -0
- package/dist/stepper/index.js.map +1 -1
- package/dist/stepper/index.mjs.map +1 -1
- package/dist/switch/index.js.map +1 -1
- package/dist/switch/index.mjs.map +1 -1
- package/dist/table/index.js +1 -1
- package/dist/table/index.js.map +1 -1
- package/dist/table/index.mjs +1 -1
- package/dist/table/index.mjs.map +1 -1
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs.map +1 -1
- package/dist/tag/index.js.map +1 -1
- package/dist/tag/index.mjs.map +1 -1
- package/dist/text-link/index.js.map +1 -1
- package/dist/text-link/index.mjs.map +1 -1
- package/dist/textarea/index.js.map +1 -1
- package/dist/textarea/index.mjs.map +1 -1
- package/dist/toast/index.js.map +1 -1
- package/dist/toast/index.mjs.map +1 -1
- package/dist/visually-hidden/index.js.map +1 -1
- package/dist/visually-hidden/index.mjs.map +1 -1
- package/package.json +16 -18
|
@@ -10,6 +10,9 @@ import { RejectedFileDeleteTrigger } from './FileUploadRejectedFileDeleteTrigger
|
|
|
10
10
|
import { Trigger } from './FileUploadTrigger';
|
|
11
11
|
export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, RejectedFile, FileUploadFileError, };
|
|
12
12
|
export { FILE_UPLOAD_ERRORS };
|
|
13
|
+
/**
|
|
14
|
+
* A component that allows users to select and upload files from their device.
|
|
15
|
+
*/
|
|
13
16
|
export declare const FileUpload: typeof Root & {
|
|
14
17
|
Trigger: typeof Trigger;
|
|
15
18
|
Dropzone: typeof Dropzone;
|
|
@@ -10,6 +10,9 @@ import { RejectedFileDeleteTrigger } from './FileUploadRejectedFileDeleteTrigger
|
|
|
10
10
|
import { Trigger } from './FileUploadTrigger';
|
|
11
11
|
export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, RejectedFile, FileUploadFileError, };
|
|
12
12
|
export { FILE_UPLOAD_ERRORS };
|
|
13
|
+
/**
|
|
14
|
+
* A component that allows users to select and upload files from their device.
|
|
15
|
+
*/
|
|
13
16
|
export declare const FileUpload: typeof Root & {
|
|
14
17
|
Trigger: typeof Trigger;
|
|
15
18
|
Dropzone: typeof Dropzone;
|
|
@@ -8,6 +8,9 @@ import { FormFieldLabel } from './FormFieldLabel';
|
|
|
8
8
|
import { FormFieldRequiredIndicator } from './FormFieldRequiredIndicator';
|
|
9
9
|
import { FormFieldStateMessage } from './FormFieldStateMessage';
|
|
10
10
|
import { FormFieldSuccessMessage } from './FormFieldSuccessMessage';
|
|
11
|
+
/**
|
|
12
|
+
* A wrapper component that provides consistent layout and accessibility features for form inputs.
|
|
13
|
+
*/
|
|
11
14
|
export declare const FormField: typeof Root & {
|
|
12
15
|
Label: typeof FormFieldLabel;
|
|
13
16
|
Control: typeof FormFieldControl;
|
|
@@ -8,6 +8,9 @@ import { FormFieldLabel } from './FormFieldLabel';
|
|
|
8
8
|
import { FormFieldRequiredIndicator } from './FormFieldRequiredIndicator';
|
|
9
9
|
import { FormFieldStateMessage } from './FormFieldStateMessage';
|
|
10
10
|
import { FormFieldSuccessMessage } from './FormFieldSuccessMessage';
|
|
11
|
+
/**
|
|
12
|
+
* A wrapper component that provides consistent layout and accessibility features for form inputs.
|
|
13
|
+
*/
|
|
11
14
|
export declare const FormField: typeof Root & {
|
|
12
15
|
Label: typeof FormFieldLabel;
|
|
13
16
|
Control: typeof FormFieldControl;
|
package/dist/src/icon/Icon.d.ts
CHANGED
|
@@ -11,6 +11,9 @@ export interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'
|
|
|
11
11
|
*/
|
|
12
12
|
label?: string;
|
|
13
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* A wrapper component that renders SVG icons with consistent sizing and styling.
|
|
16
|
+
*/
|
|
14
17
|
export declare const Icon: {
|
|
15
18
|
({ label, className, size, intent, children, ...others }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
16
19
|
displayName: string;
|
|
@@ -4,6 +4,9 @@ export interface IconButtonProps extends Omit<ButtonProps, 'loadingText'> {
|
|
|
4
4
|
'aria-label': string;
|
|
5
5
|
ref?: Ref<HTMLButtonElement>;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* A button component that contains only an icon without text label.
|
|
9
|
+
*/
|
|
7
10
|
export declare const IconButton: {
|
|
8
11
|
({ design, disabled, intent, shape, size, className, ref, ...others }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
12
|
displayName: string;
|
|
@@ -5,6 +5,9 @@ export interface InputProps extends InputPrimitiveProps {
|
|
|
5
5
|
onValueChange?: (value: string) => void;
|
|
6
6
|
ref?: Ref<HTMLInputElement>;
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* A text input field that allows users to enter and edit text content.
|
|
10
|
+
*/
|
|
8
11
|
export declare const Input: {
|
|
9
12
|
({ className, asChild, onValueChange, onChange, onKeyDown, disabled: disabledProp, readOnly: readOnlyProp, ref, ...others }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
displayName: string;
|
|
@@ -5,6 +5,10 @@ import { InputLeadingIcon } from './InputLeadingIcon';
|
|
|
5
5
|
import { InputTrailingAddon } from './InputTrailingAddon';
|
|
6
6
|
import { InputTrailingIcon } from './InputTrailingIcon';
|
|
7
7
|
export * from './Input';
|
|
8
|
+
/**
|
|
9
|
+
* A wrapper component that combines an Input with addons, icons, and interactive elements
|
|
10
|
+
* to create more complex text input patterns like search bars, password fields, or URL inputs.
|
|
11
|
+
*/
|
|
8
12
|
export declare const InputGroup: typeof Root & {
|
|
9
13
|
LeadingAddon: typeof InputLeadingAddon;
|
|
10
14
|
TrailingAddon: typeof InputTrailingAddon;
|
|
@@ -5,6 +5,10 @@ import { InputLeadingIcon } from './InputLeadingIcon';
|
|
|
5
5
|
import { InputTrailingAddon } from './InputTrailingAddon';
|
|
6
6
|
import { InputTrailingIcon } from './InputTrailingIcon';
|
|
7
7
|
export * from './Input';
|
|
8
|
+
/**
|
|
9
|
+
* A wrapper component that combines an Input with addons, icons, and interactive elements
|
|
10
|
+
* to create more complex text input patterns like search bars, password fields, or URL inputs.
|
|
11
|
+
*/
|
|
8
12
|
export declare const InputGroup: typeof Root & {
|
|
9
13
|
LeadingAddon: typeof InputLeadingAddon;
|
|
10
14
|
TrailingAddon: typeof InputTrailingAddon;
|
|
@@ -2,6 +2,9 @@ import { InputOTP as Root } from './InputOTP';
|
|
|
2
2
|
import { InputOTPGroup } from './InputOTPGroup';
|
|
3
3
|
import { InputOTPSeparator } from './InputOTPSeparator';
|
|
4
4
|
import { InputOTPSlot } from './InputOTPSlot';
|
|
5
|
+
/**
|
|
6
|
+
* An input component for entering one-time passwords or verification codes with individual character slots.
|
|
7
|
+
*/
|
|
5
8
|
export declare const InputOTP: typeof Root & {
|
|
6
9
|
Group: typeof InputOTPGroup;
|
|
7
10
|
Slot: typeof InputOTPSlot;
|
|
@@ -2,6 +2,9 @@ import { InputOTP as Root } from './InputOTP';
|
|
|
2
2
|
import { InputOTPGroup } from './InputOTPGroup';
|
|
3
3
|
import { InputOTPSeparator } from './InputOTPSeparator';
|
|
4
4
|
import { InputOTPSlot } from './InputOTPSlot';
|
|
5
|
+
/**
|
|
6
|
+
* An input component for entering one-time passwords or verification codes with individual character slots.
|
|
7
|
+
*/
|
|
5
8
|
export declare const InputOTP: typeof Root & {
|
|
6
9
|
Group: typeof InputOTPGroup;
|
|
7
10
|
Slot: typeof InputOTPSlot;
|
package/dist/src/kbd/Kbd.d.ts
CHANGED
|
@@ -2,4 +2,7 @@ import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react';
|
|
|
2
2
|
export type KbdProps = ComponentPropsWithoutRef<'div'> & {
|
|
3
3
|
ref?: Ref<HTMLElement>;
|
|
4
4
|
};
|
|
5
|
+
/**
|
|
6
|
+
* A component that displays keyboard keys or shortcuts in a styled format.
|
|
7
|
+
*/
|
|
5
8
|
export declare const Kbd: ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Label as Root } from './Label';
|
|
2
2
|
import { LabelRequiredIndicator } from './LabelRequiredIndicator';
|
|
3
|
+
/**
|
|
4
|
+
* A text label component that describes a form control and provides accessible name for inputs.
|
|
5
|
+
*/
|
|
3
6
|
export declare const Label: typeof Root & {
|
|
4
7
|
RequiredIndicator: typeof LabelRequiredIndicator;
|
|
5
8
|
};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Label as Root } from './Label';
|
|
2
2
|
import { LabelRequiredIndicator } from './LabelRequiredIndicator';
|
|
3
|
+
/**
|
|
4
|
+
* A text label component that describes a form control and provides accessible name for inputs.
|
|
5
|
+
*/
|
|
3
6
|
export declare const Label: typeof Root & {
|
|
4
7
|
RequiredIndicator: typeof LabelRequiredIndicator;
|
|
5
8
|
};
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { LinkBox as Root } from './LinkBox';
|
|
2
2
|
import { LinkBoxLink } from './LinkBoxLink';
|
|
3
3
|
import { LinkBoxRaised } from './LinkBoxRaised';
|
|
4
|
+
/**
|
|
5
|
+
* A container component that makes an entire area clickable while keeping nested links semantically correct.
|
|
6
|
+
*/
|
|
4
7
|
export declare const LinkBox: typeof Root & {
|
|
5
8
|
Link: typeof LinkBoxLink;
|
|
6
9
|
Raised: typeof LinkBoxRaised;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { LinkBox as Root } from './LinkBox';
|
|
2
2
|
import { LinkBoxLink } from './LinkBoxLink';
|
|
3
3
|
import { LinkBoxRaised } from './LinkBoxRaised';
|
|
4
|
+
/**
|
|
5
|
+
* A container component that makes an entire area clickable while keeping nested links semantically correct.
|
|
6
|
+
*/
|
|
4
7
|
export declare const LinkBox: typeof Root & {
|
|
5
8
|
Link: typeof LinkBoxLink;
|
|
6
9
|
Raised: typeof LinkBoxRaised;
|
|
@@ -2,6 +2,9 @@ import { Meter as Root } from './Meter';
|
|
|
2
2
|
import { MeterLabel } from './MeterLabel';
|
|
3
3
|
import { MeterTrack } from './MeterTrack';
|
|
4
4
|
import { MeterValue } from './MeterValue';
|
|
5
|
+
/**
|
|
6
|
+
* A horizontal progress indicator that displays a scalar measurement within a known range.
|
|
7
|
+
*/
|
|
5
8
|
export declare const Meter: typeof Root & {
|
|
6
9
|
Label: typeof MeterLabel;
|
|
7
10
|
Track: typeof MeterTrack;
|
|
@@ -2,6 +2,9 @@ import { Meter as Root } from './Meter';
|
|
|
2
2
|
import { MeterLabel } from './MeterLabel';
|
|
3
3
|
import { MeterTrack } from './MeterTrack';
|
|
4
4
|
import { MeterValue } from './MeterValue';
|
|
5
|
+
/**
|
|
6
|
+
* A horizontal progress indicator that displays a scalar measurement within a known range.
|
|
7
|
+
*/
|
|
5
8
|
export declare const Meter: typeof Root & {
|
|
6
9
|
Label: typeof MeterLabel;
|
|
7
10
|
Track: typeof MeterTrack;
|
|
@@ -7,6 +7,9 @@ import { LastPageTrigger } from './PaginationLastPageTrigger';
|
|
|
7
7
|
import { NextTrigger } from './PaginationNextTrigger';
|
|
8
8
|
import { Pages } from './PaginationPages';
|
|
9
9
|
import { PrevTrigger } from './PaginationPrevTrigger';
|
|
10
|
+
/**
|
|
11
|
+
* A navigation component that allows users to navigate through multiple pages of content.
|
|
12
|
+
*/
|
|
10
13
|
export declare const Pagination: FC<PaginationProps> & {
|
|
11
14
|
PrevTrigger: typeof PrevTrigger;
|
|
12
15
|
NextTrigger: typeof NextTrigger;
|
|
@@ -7,6 +7,9 @@ import { LastPageTrigger } from './PaginationLastPageTrigger';
|
|
|
7
7
|
import { NextTrigger } from './PaginationNextTrigger';
|
|
8
8
|
import { Pages } from './PaginationPages';
|
|
9
9
|
import { PrevTrigger } from './PaginationPrevTrigger';
|
|
10
|
+
/**
|
|
11
|
+
* A navigation component that allows users to navigate through multiple pages of content.
|
|
12
|
+
*/
|
|
10
13
|
export declare const Pagination: FC<PaginationProps> & {
|
|
11
14
|
PrevTrigger: typeof PrevTrigger;
|
|
12
15
|
NextTrigger: typeof NextTrigger;
|
|
@@ -6,6 +6,9 @@ import { Content } from './PopoverContent';
|
|
|
6
6
|
import { Header } from './PopoverHeader';
|
|
7
7
|
import { Portal } from './PopoverPortal';
|
|
8
8
|
import { Trigger } from './PopoverTrigger';
|
|
9
|
+
/**
|
|
10
|
+
* A floating container that displays additional content when triggered, positioned relative to its trigger element.
|
|
11
|
+
*/
|
|
9
12
|
export declare const Popover: typeof Root & {
|
|
10
13
|
Anchor: typeof Anchor;
|
|
11
14
|
Arrow: typeof Arrow;
|
|
@@ -6,6 +6,9 @@ import { Content } from './PopoverContent';
|
|
|
6
6
|
import { Header } from './PopoverHeader';
|
|
7
7
|
import { Portal } from './PopoverPortal';
|
|
8
8
|
import { Trigger } from './PopoverTrigger';
|
|
9
|
+
/**
|
|
10
|
+
* A floating container that displays additional content when triggered, positioned relative to its trigger element.
|
|
11
|
+
*/
|
|
9
12
|
export declare const Popover: typeof Root & {
|
|
10
13
|
Anchor: typeof Anchor;
|
|
11
14
|
Arrow: typeof Arrow;
|
|
@@ -6,5 +6,8 @@ interface PortalProps {
|
|
|
6
6
|
container?: HTMLElement | null;
|
|
7
7
|
ref?: Ref<HTMLDivElement>;
|
|
8
8
|
}
|
|
9
|
+
/**
|
|
10
|
+
* A utility component that renders content into a different part of the DOM tree, typically outside the main hierarchy.
|
|
11
|
+
*/
|
|
9
12
|
export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
export {};
|
|
@@ -2,6 +2,9 @@ import { Progress as Root } from './Progress';
|
|
|
2
2
|
import { ProgressLabel } from './ProgressLabel';
|
|
3
3
|
import { ProgressTrack } from './ProgressTrack';
|
|
4
4
|
import { ProgressValue } from './ProgressValue';
|
|
5
|
+
/**
|
|
6
|
+
* A visual indicator that displays the completion progress of a task or operation.
|
|
7
|
+
*/
|
|
5
8
|
export declare const Progress: typeof Root & {
|
|
6
9
|
Label: typeof ProgressLabel;
|
|
7
10
|
Track: typeof ProgressTrack;
|
|
@@ -2,6 +2,9 @@ import { Progress as Root } from './Progress';
|
|
|
2
2
|
import { ProgressLabel } from './ProgressLabel';
|
|
3
3
|
import { ProgressTrack } from './ProgressTrack';
|
|
4
4
|
import { ProgressValue } from './ProgressValue';
|
|
5
|
+
/**
|
|
6
|
+
* A visual indicator that displays the completion progress of a task or operation.
|
|
7
|
+
*/
|
|
5
8
|
export declare const Progress: typeof Root & {
|
|
6
9
|
Label: typeof ProgressLabel;
|
|
7
10
|
Track: typeof ProgressTrack;
|
|
@@ -2,6 +2,9 @@ import { ProgressTracker as Root, ProgressTrackerProps } from './ProgressTracker
|
|
|
2
2
|
import { ProgressTrackerStep as Step, ProgressTrackerStepProps } from './ProgressTrackerStep';
|
|
3
3
|
import { ProgressTrackerStepIndicator as StepIndicator, ProgressTrackerStepIndicatorProps } from './ProgressTrackerStepIndicator';
|
|
4
4
|
import { ProgressTrackerStepLabel as StepLabel } from './ProgressTrackerStepLabel';
|
|
5
|
+
/**
|
|
6
|
+
* A component that displays a multi-step process with visual indicators for completed, current, and upcoming steps.
|
|
7
|
+
*/
|
|
5
8
|
export declare const ProgressTracker: typeof Root & {
|
|
6
9
|
Step: typeof Step;
|
|
7
10
|
StepLabel: typeof StepLabel;
|
|
@@ -2,6 +2,9 @@ import { ProgressTracker as Root, ProgressTrackerProps } from './ProgressTracker
|
|
|
2
2
|
import { ProgressTrackerStep as Step, ProgressTrackerStepProps } from './ProgressTrackerStep';
|
|
3
3
|
import { ProgressTrackerStepIndicator as StepIndicator, ProgressTrackerStepIndicatorProps } from './ProgressTrackerStepIndicator';
|
|
4
4
|
import { ProgressTrackerStepLabel as StepLabel } from './ProgressTrackerStepLabel';
|
|
5
|
+
/**
|
|
6
|
+
* A component that displays a multi-step process with visual indicators for completed, current, and upcoming steps.
|
|
7
|
+
*/
|
|
5
8
|
export declare const ProgressTracker: typeof Root & {
|
|
6
9
|
Step: typeof Step;
|
|
7
10
|
StepLabel: typeof StepLabel;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Radio } from './Radio';
|
|
2
2
|
import { RadioGroup as Root } from './RadioGroup';
|
|
3
|
+
/**
|
|
4
|
+
* A set of radio buttons that allows users to select a single option from a group of choices.
|
|
5
|
+
*/
|
|
3
6
|
export declare const RadioGroup: typeof Root & {
|
|
4
7
|
Radio: typeof Radio;
|
|
5
8
|
};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Radio } from './Radio';
|
|
2
2
|
import { RadioGroup as Root } from './RadioGroup';
|
|
3
|
+
/**
|
|
4
|
+
* A set of radio buttons that allows users to select a single option from a group of choices.
|
|
5
|
+
*/
|
|
3
6
|
export declare const RadioGroup: typeof Root & {
|
|
4
7
|
Radio: typeof Radio;
|
|
5
8
|
};
|
|
@@ -54,4 +54,7 @@ export interface RatingProps extends PropsWithChildren<ComponentPropsWithRef<'di
|
|
|
54
54
|
*/
|
|
55
55
|
getStarLabel?: (index: number) => string;
|
|
56
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* An interactive component that allows users to provide a rating using a star-based scale.
|
|
59
|
+
*/
|
|
57
60
|
export declare const Rating: ({ defaultValue, value: propValue, onValueChange, disabled, readOnly, required: requiredProp, name, id, "aria-label": ariaLabel, getStarLabel, ref, ...rest }: RatingProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,6 +2,9 @@ import { RatingDisplay as Root } from './RatingDisplay';
|
|
|
2
2
|
import { RatingDisplayCount as Count } from './RatingDisplayCount';
|
|
3
3
|
import { RatingDisplayStars as Stars } from './RatingDisplayStars';
|
|
4
4
|
import { RatingDisplayValue as Value } from './RatingDisplayValue';
|
|
5
|
+
/**
|
|
6
|
+
* A read-only component that displays a rating value using stars.
|
|
7
|
+
*/
|
|
5
8
|
export declare const RatingDisplay: typeof Root & {
|
|
6
9
|
Stars: typeof Stars;
|
|
7
10
|
Value: typeof Value;
|
|
@@ -2,6 +2,9 @@ import { RatingDisplay as Root } from './RatingDisplay';
|
|
|
2
2
|
import { RatingDisplayCount as Count } from './RatingDisplayCount';
|
|
3
3
|
import { RatingDisplayStars as Stars } from './RatingDisplayStars';
|
|
4
4
|
import { RatingDisplayValue as Value } from './RatingDisplayValue';
|
|
5
|
+
/**
|
|
6
|
+
* A read-only component that displays a rating value using stars.
|
|
7
|
+
*/
|
|
5
8
|
export declare const RatingDisplay: typeof Root & {
|
|
6
9
|
Stars: typeof Stars;
|
|
7
10
|
Value: typeof Value;
|
|
@@ -5,6 +5,9 @@ import { ScrollingListItems as Items } from './ScrollingListItems';
|
|
|
5
5
|
import { ScrollingListNextButton as NextButton } from './ScrollingListNextButton';
|
|
6
6
|
import { ScrollingListPrevButton as PrevButton } from './ScrollingListPrevButton';
|
|
7
7
|
import { ScrollingListSkipButton as SkipButton } from './ScrollingListSkipButton';
|
|
8
|
+
/**
|
|
9
|
+
* A horizontal scrollable list component with optional snap points and navigation controls.
|
|
10
|
+
*/
|
|
8
11
|
export declare const ScrollingList: typeof Root & {
|
|
9
12
|
Controls: typeof Controls;
|
|
10
13
|
NextButton: typeof NextButton;
|
|
@@ -5,6 +5,9 @@ import { ScrollingListItems as Items } from './ScrollingListItems';
|
|
|
5
5
|
import { ScrollingListNextButton as NextButton } from './ScrollingListNextButton';
|
|
6
6
|
import { ScrollingListPrevButton as PrevButton } from './ScrollingListPrevButton';
|
|
7
7
|
import { ScrollingListSkipButton as SkipButton } from './ScrollingListSkipButton';
|
|
8
|
+
/**
|
|
9
|
+
* A horizontal scrollable list component with optional snap points and navigation controls.
|
|
10
|
+
*/
|
|
8
11
|
export declare const ScrollingList: typeof Root & {
|
|
9
12
|
Controls: typeof Controls;
|
|
10
13
|
NextButton: typeof NextButton;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { SegmentedControl as Root } from './SegmentedControl';
|
|
2
2
|
import { SegmentedControlIndicator as Indicator } from './SegmentedControlIndicator';
|
|
3
3
|
import { SegmentedControlItem as Item } from './SegmentedControlItem';
|
|
4
|
+
/**
|
|
5
|
+
* A set of toggle buttons that allows users to select a single option from a group of related choices.
|
|
6
|
+
*/
|
|
4
7
|
export declare const SegmentedControl: typeof Root & {
|
|
5
8
|
Item: typeof Item;
|
|
6
9
|
Indicator: typeof Indicator;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { SegmentedControl as Root } from './SegmentedControl';
|
|
2
2
|
import { SegmentedControlIndicator as Indicator } from './SegmentedControlIndicator';
|
|
3
3
|
import { SegmentedControlItem as Item } from './SegmentedControlItem';
|
|
4
|
+
/**
|
|
5
|
+
* A set of toggle buttons that allows users to select a single option from a group of related choices.
|
|
6
|
+
*/
|
|
4
7
|
export declare const SegmentedControl: typeof Root & {
|
|
5
8
|
Item: typeof Item;
|
|
6
9
|
Indicator: typeof Indicator;
|
|
@@ -2,6 +2,9 @@ import { SegmentedGauge as Root } from './SegmentedGauge';
|
|
|
2
2
|
import { SegmentedGaugeLabel } from './SegmentedGaugeLabel';
|
|
3
3
|
import { SegmentedGaugeSegment } from './SegmentedGaugeSegment';
|
|
4
4
|
import { SegmentedGaugeTrack } from './SegmentedGaugeTrack';
|
|
5
|
+
/**
|
|
6
|
+
* A visual indicator that displays a value using discrete segments within a defined range.
|
|
7
|
+
*/
|
|
5
8
|
export declare const SegmentedGauge: typeof Root & {
|
|
6
9
|
Track: typeof SegmentedGaugeTrack;
|
|
7
10
|
Segment: typeof SegmentedGaugeSegment;
|
|
@@ -2,6 +2,9 @@ import { SegmentedGauge as Root } from './SegmentedGauge';
|
|
|
2
2
|
import { SegmentedGaugeLabel } from './SegmentedGaugeLabel';
|
|
3
3
|
import { SegmentedGaugeSegment } from './SegmentedGaugeSegment';
|
|
4
4
|
import { SegmentedGaugeTrack } from './SegmentedGaugeTrack';
|
|
5
|
+
/**
|
|
6
|
+
* A visual indicator that displays a value using discrete segments within a defined range.
|
|
7
|
+
*/
|
|
5
8
|
export declare const SegmentedGauge: typeof Root & {
|
|
6
9
|
Track: typeof SegmentedGaugeTrack;
|
|
7
10
|
Segment: typeof SegmentedGaugeSegment;
|
|
@@ -9,6 +9,9 @@ import { Placeholder } from './SelectPlaceholder';
|
|
|
9
9
|
import { Trigger } from './SelectTrigger';
|
|
10
10
|
import { Value } from './SelectValue';
|
|
11
11
|
export { useSelectContext, SelectProvider };
|
|
12
|
+
/**
|
|
13
|
+
* A dropdown component that allows users to choose one option from a list of choices.
|
|
14
|
+
*/
|
|
12
15
|
export declare const Select: typeof Root & {
|
|
13
16
|
Group: typeof Group;
|
|
14
17
|
Item: typeof Item;
|
|
@@ -9,6 +9,9 @@ import { Placeholder } from './SelectPlaceholder';
|
|
|
9
9
|
import { Trigger } from './SelectTrigger';
|
|
10
10
|
import { Value } from './SelectValue';
|
|
11
11
|
export { useSelectContext, SelectProvider };
|
|
12
|
+
/**
|
|
13
|
+
* A dropdown component that allows users to choose one option from a list of choices.
|
|
14
|
+
*/
|
|
12
15
|
export declare const Select: typeof Root & {
|
|
13
16
|
Group: typeof Group;
|
|
14
17
|
Item: typeof Item;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Skeleton as Root } from './Skeleton';
|
|
2
2
|
import { SkeletonCircle as Circle, SkeletonLine as Line, SkeletonRectangle as Rectangle } from './SkeletonItem';
|
|
3
|
+
/**
|
|
4
|
+
* A placeholder component that displays a loading state with animated shimmer effect.
|
|
5
|
+
*/
|
|
3
6
|
export declare const Skeleton: typeof Root & {
|
|
4
7
|
Circle: typeof Circle;
|
|
5
8
|
Line: typeof Line;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Skeleton as Root } from './Skeleton';
|
|
2
2
|
import { SkeletonCircle as Circle, SkeletonLine as Line, SkeletonRectangle as Rectangle } from './SkeletonItem';
|
|
3
|
+
/**
|
|
4
|
+
* A placeholder component that displays a loading state with animated shimmer effect.
|
|
5
|
+
*/
|
|
3
6
|
export declare const Skeleton: typeof Root & {
|
|
4
7
|
Circle: typeof Circle;
|
|
5
8
|
Line: typeof Line;
|
|
@@ -7,6 +7,9 @@ import { SliderMinValue as MinValue, SliderMinValueProps } from './SliderMinValu
|
|
|
7
7
|
import { SliderThumb as Thumb, SliderThumbProps } from './SliderThumb';
|
|
8
8
|
import { SliderTrack as Track, SliderTrackProps } from './SliderTrack';
|
|
9
9
|
import { SliderValue as Value, SliderValueProps } from './SliderValue';
|
|
10
|
+
/**
|
|
11
|
+
* An input control that allows users to select a value from a continuous range by dragging a handle.
|
|
12
|
+
*/
|
|
10
13
|
export declare const Slider: typeof Root & {
|
|
11
14
|
Control: typeof Control;
|
|
12
15
|
Indicator: typeof Indicator;
|
|
@@ -7,6 +7,9 @@ import { SliderMinValue as MinValue, SliderMinValueProps } from './SliderMinValu
|
|
|
7
7
|
import { SliderThumb as Thumb, SliderThumbProps } from './SliderThumb';
|
|
8
8
|
import { SliderTrack as Track, SliderTrackProps } from './SliderTrack';
|
|
9
9
|
import { SliderValue as Value, SliderValueProps } from './SliderValue';
|
|
10
|
+
/**
|
|
11
|
+
* An input control that allows users to select a value from a continuous range by dragging a handle.
|
|
12
|
+
*/
|
|
10
13
|
export declare const Slider: typeof Root & {
|
|
11
14
|
Control: typeof Control;
|
|
12
15
|
Indicator: typeof Indicator;
|
package/dist/src/slot/Slot.d.ts
CHANGED
|
@@ -4,6 +4,10 @@ export declare const Slottable: typeof RadixSlot.Slottable;
|
|
|
4
4
|
export type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {
|
|
5
5
|
ref?: Ref<HTMLElement>;
|
|
6
6
|
};
|
|
7
|
+
/**
|
|
8
|
+
* A utility component that merges its props with its child component, enabling polymorphic
|
|
9
|
+
* component patterns through the `asChild` prop for flexible composition.
|
|
10
|
+
*/
|
|
7
11
|
export declare const Slot: ({ ref, ...props }: SlotProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
12
|
/**
|
|
9
13
|
* When using Radix `Slot` component, it will consider its first child to merge its props with.
|
|
@@ -6,4 +6,7 @@ export interface SpinnerProps extends ComponentPropsWithRef<'div'>, SpinnerStyle
|
|
|
6
6
|
*/
|
|
7
7
|
label?: string;
|
|
8
8
|
}
|
|
9
|
+
/**
|
|
10
|
+
* An animated indicator that shows a loading or processing state to users.
|
|
11
|
+
*/
|
|
9
12
|
export declare const Spinner: ({ className, size, intent, label, isBackgroundVisible, ref, ...others }: PropsWithChildren<SpinnerProps>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { Stepper as Root } from './Stepper';
|
|
2
2
|
import { StepperDecrementButton as DecrementButton, StepperIncrementButton as IncrementButton } from './StepperButton';
|
|
3
3
|
import { StepperInput as Input } from './StepperInput';
|
|
4
|
+
/**
|
|
5
|
+
* A numeric input component with increment and decrement buttons for adjusting values.
|
|
6
|
+
*/
|
|
4
7
|
export declare const Stepper: typeof Root & {
|
|
5
8
|
IncrementButton: typeof IncrementButton;
|
|
6
9
|
DecrementButton: typeof DecrementButton;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { Stepper as Root } from './Stepper';
|
|
2
2
|
import { StepperDecrementButton as DecrementButton, StepperIncrementButton as IncrementButton } from './StepperButton';
|
|
3
3
|
import { StepperInput as Input } from './StepperInput';
|
|
4
|
+
/**
|
|
5
|
+
* A numeric input component with increment and decrement buttons for adjusting values.
|
|
6
|
+
*/
|
|
4
7
|
export declare const Stepper: typeof Root & {
|
|
5
8
|
IncrementButton: typeof IncrementButton;
|
|
6
9
|
DecrementButton: typeof DecrementButton;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { SwitchInputProps } from './SwitchInput';
|
|
2
2
|
export type SwitchProps = SwitchInputProps;
|
|
3
|
+
/**
|
|
4
|
+
* A toggle control that allows users to switch between two states, typically on and off.
|
|
5
|
+
*/
|
|
3
6
|
export declare const Switch: {
|
|
4
7
|
({ size, children, className, id, disabled, reverse, ref, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
5
8
|
displayName: string;
|
|
@@ -5,7 +5,11 @@ import { Cell } from './TableCell';
|
|
|
5
5
|
import { Column } from './TableColumn';
|
|
6
6
|
import { TableHeader } from './TableHeader';
|
|
7
7
|
import { Row } from './TableRow';
|
|
8
|
-
|
|
8
|
+
/**
|
|
9
|
+
* A compound component for building data tables with support for headers, rows, cells, sorting,
|
|
10
|
+
* pagination, and bulk selection functionality.
|
|
11
|
+
*/
|
|
12
|
+
export declare const TableCompound: typeof TableRootWrapper & {
|
|
9
13
|
Grid: typeof TableGrid;
|
|
10
14
|
Header: typeof TableHeader;
|
|
11
15
|
Column: typeof Column;
|
|
@@ -17,7 +21,7 @@ export declare const TableWithSubcomponents: typeof TableRootWrapper & {
|
|
|
17
21
|
BulkBarClearButton: typeof TableBulkBarClearButton;
|
|
18
22
|
BulkBarSelectAllButton: typeof TableBulkBarSelectAllButton;
|
|
19
23
|
};
|
|
20
|
-
export {
|
|
24
|
+
export { TableCompound as Table };
|
|
21
25
|
export { useTableSort } from './useTableSort';
|
|
22
26
|
export { useTablePagination } from './useTablePagination';
|
|
23
27
|
export type { SortDescriptor } from '@react-types/shared';
|
|
@@ -5,7 +5,11 @@ import { Cell } from './TableCell';
|
|
|
5
5
|
import { Column } from './TableColumn';
|
|
6
6
|
import { TableHeader } from './TableHeader';
|
|
7
7
|
import { Row } from './TableRow';
|
|
8
|
-
|
|
8
|
+
/**
|
|
9
|
+
* A compound component for building data tables with support for headers, rows, cells, sorting,
|
|
10
|
+
* pagination, and bulk selection functionality.
|
|
11
|
+
*/
|
|
12
|
+
export declare const TableCompound: typeof TableRootWrapper & {
|
|
9
13
|
Grid: typeof TableGrid;
|
|
10
14
|
Header: typeof TableHeader;
|
|
11
15
|
Column: typeof Column;
|
|
@@ -17,7 +21,7 @@ export declare const TableWithSubcomponents: typeof TableRootWrapper & {
|
|
|
17
21
|
BulkBarClearButton: typeof TableBulkBarClearButton;
|
|
18
22
|
BulkBarSelectAllButton: typeof TableBulkBarSelectAllButton;
|
|
19
23
|
};
|
|
20
|
-
export {
|
|
24
|
+
export { TableCompound as Table };
|
|
21
25
|
export { useTableSort } from './useTableSort';
|
|
22
26
|
export { useTablePagination } from './useTablePagination';
|
|
23
27
|
export type { SortDescriptor } from '@react-types/shared';
|
|
@@ -33,6 +33,9 @@ export interface TableProps extends Omit<AriaTableProps<object>, 'children' | 'c
|
|
|
33
33
|
export interface TableRootWrapperProps extends TableProps {
|
|
34
34
|
children: ReactNode;
|
|
35
35
|
}
|
|
36
|
+
/**
|
|
37
|
+
* A data table component that displays information in rows and columns with support for sorting, selection, and resizing.
|
|
38
|
+
*/
|
|
36
39
|
export declare function TableRootWrapper({ children, className, selectedKeys, onSelectionChange, totalCount, hasMultiplePages, onClearSelection: onClearSelectionProp, onSelectAll, allowsResizing, resizeColumnAriaLabel, maxHeight, stickyHeader, onResizeStart, onResize, onResizeEnd, onKeyDownCapture, sortDescriptor, onSortChange, ...restProps }: TableRootWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
37
40
|
export declare namespace TableRootWrapper {
|
|
38
41
|
var displayName: string;
|
|
@@ -2,6 +2,9 @@ import { Tabs as Root } from './Tabs';
|
|
|
2
2
|
import { TabsContent as Content } from './TabsContent';
|
|
3
3
|
import { TabsList as List } from './TabsList';
|
|
4
4
|
import { TabsTrigger as Trigger } from './TabsTrigger';
|
|
5
|
+
/**
|
|
6
|
+
* A set of layered sections of content that users can navigate between using tab controls.
|
|
7
|
+
*/
|
|
5
8
|
export declare const Tabs: typeof Root & {
|
|
6
9
|
List: typeof List;
|
|
7
10
|
Trigger: typeof Trigger;
|
package/dist/src/tabs/index.d.ts
CHANGED
|
@@ -2,6 +2,9 @@ import { Tabs as Root } from './Tabs';
|
|
|
2
2
|
import { TabsContent as Content } from './TabsContent';
|
|
3
3
|
import { TabsList as List } from './TabsList';
|
|
4
4
|
import { TabsTrigger as Trigger } from './TabsTrigger';
|
|
5
|
+
/**
|
|
6
|
+
* A set of layered sections of content that users can navigate between using tab controls.
|
|
7
|
+
*/
|
|
5
8
|
export declare const Tabs: typeof Root & {
|
|
6
9
|
List: typeof List;
|
|
7
10
|
Trigger: typeof Trigger;
|
package/dist/src/tag/Tag.d.ts
CHANGED
|
@@ -13,5 +13,8 @@ interface FilteredDesignIntent<Design extends TagProps['design'], K extends TagS
|
|
|
13
13
|
}
|
|
14
14
|
export type ValidTagDesignIntent = FilteredDesignIntent<'tinted', 'surface'> | FilteredDesignIntent<'outlined', 'surface'> | FilteredDesignIntent<'filled'>;
|
|
15
15
|
export type TagProps = BaseTagProps & ValidTagDesignIntent;
|
|
16
|
+
/**
|
|
17
|
+
* A compact element that labels, categorizes, or organizes content using keywords.
|
|
18
|
+
*/
|
|
16
19
|
export declare const Tag: ({ design, intent, size, shape, asChild, className, ref, ...others }: TagProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
20
|
export {};
|