@byline/ui 3.17.1 → 3.19.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/components/@types/shared.d.ts +4 -4
- package/dist/components/accordion/accordion.d.ts +23 -17
- package/dist/components/animation/fade-in-lift.d.ts +1 -1
- package/dist/components/badge/badge.d.ts +4 -4
- package/dist/components/button/@types/button.d.ts +1 -1
- package/dist/components/button/button-group.d.ts +4 -4
- package/dist/components/card/card.d.ts +29 -24
- package/dist/components/chips/@types/chip.d.ts +1 -1
- package/dist/components/chips/chip.d.ts +4 -4
- package/dist/components/dropdown/dropdown.d.ts +70 -62
- package/dist/components/inputs/@types/autocomplete.d.ts +2 -2
- package/dist/components/inputs/@types/checkbox.d.ts +2 -2
- package/dist/components/inputs/@types/input.d.ts +2 -2
- package/dist/components/inputs/autocomplete.d.ts +15 -15
- package/dist/components/inputs/input.d.ts +1 -1
- package/dist/components/inputs/radio-group.d.ts +2 -2
- package/dist/components/inputs/select.d.ts +6 -6
- package/dist/components/pager/@types/index.d.ts +1 -1
- package/dist/components/pager/first-button.d.ts +6 -6
- package/dist/components/pager/last-button.d.ts +6 -6
- package/dist/components/pager/next-button.d.ts +6 -6
- package/dist/components/pager/number-button.d.ts +6 -6
- package/dist/components/pager/pagination.d.ts +28 -45
- package/dist/components/pager/previous-button.d.ts +6 -6
- package/dist/components/table/table.d.ts +28 -21
- package/dist/components/tabs/tabs.d.ts +23 -20
- package/dist/icons/activity-icon.d.ts +4 -4
- package/dist/icons/ai-icon.d.ts +4 -4
- package/dist/icons/byline-icon.d.ts +4 -4
- package/dist/icons/calendar-icon.d.ts +4 -4
- package/dist/icons/check-icon.d.ts +4 -4
- package/dist/icons/chevron-down-icon.d.ts +4 -4
- package/dist/icons/chevron-left-double-icon.d.ts +4 -4
- package/dist/icons/chevron-left-icon.d.ts +4 -4
- package/dist/icons/chevron-right-double-icon.d.ts +4 -4
- package/dist/icons/chevron-right-icon.d.ts +4 -4
- package/dist/icons/chevron-up-icon.d.ts +4 -4
- package/dist/icons/chevrons-up-down.d.ts +4 -4
- package/dist/icons/close-icon.d.ts +4 -4
- package/dist/icons/copy-icon.d.ts +4 -4
- package/dist/icons/dashboard-icon.d.ts +4 -4
- package/dist/icons/delete-icon.d.ts +4 -4
- package/dist/icons/document-icon.d.ts +4 -4
- package/dist/icons/download-icon.d.ts +4 -4
- package/dist/icons/edit-icon.d.ts +4 -4
- package/dist/icons/ellipsis-icon.d.ts +4 -4
- package/dist/icons/email-icon.d.ts +4 -4
- package/dist/icons/external-link-icon.d.ts +4 -4
- package/dist/icons/eye-closed-icon.d.ts +4 -4
- package/dist/icons/eye-open-icon.d.ts +4 -4
- package/dist/icons/github-icon.d.ts +4 -4
- package/dist/icons/globe-icon.d.ts +4 -4
- package/dist/icons/google-icon.d.ts +4 -4
- package/dist/icons/gripper-vertical-icon.d.ts +4 -4
- package/dist/icons/history-icon.d.ts +4 -4
- package/dist/icons/home-icon.d.ts +4 -4
- package/dist/icons/infonomic-icon.d.ts +4 -4
- package/dist/icons/light-icon.d.ts +4 -4
- package/dist/icons/location-pin-icon.d.ts +4 -4
- package/dist/icons/moon-icon.d.ts +4 -4
- package/dist/icons/plus-icon.d.ts +4 -4
- package/dist/icons/refresh-icon.d.ts +4 -4
- package/dist/icons/return-icon.d.ts +4 -4
- package/dist/icons/roles-icon.d.ts +4 -4
- package/dist/icons/search-icon.d.ts +4 -4
- package/dist/icons/search-menu-icon.d.ts +4 -4
- package/dist/icons/settings-gear-icon.d.ts +4 -4
- package/dist/icons/settings-sliders-icon.d.ts +4 -4
- package/dist/icons/sign-out-icon.d.ts +4 -4
- package/dist/icons/stop-icon.d.ts +4 -4
- package/dist/icons/stopwatch-icon.d.ts +4 -4
- package/dist/icons/user-icon.d.ts +4 -4
- package/dist/icons/users-icon.d.ts +4 -4
- package/dist/icons/video-icon.d.ts +4 -4
- package/dist/icons/wallet-icon.d.ts +4 -4
- package/dist/icons/x-icon.d.ts +4 -4
- package/dist/widgets/drawer/drawer.d.ts +10 -12
- package/dist/widgets/modal/modal.d.ts +8 -12
- package/dist/widgets/timeline/timeline.d.ts +27 -21
- package/package.json +15 -15
- package/src/icons/source/icon-calendar.svg +1 -1
- package/src/icons/source/icon-check.svg +1 -1
- package/src/icons/source/icon-coinbase.svg +1 -1
- package/src/icons/source/icon-copy.svg +1 -1
- package/src/icons/source/icon-document.svg +1 -1
- package/src/icons/source/icon-download.svg +1 -1
- package/src/icons/source/icon-edit.svg +1 -1
- package/src/icons/source/icon-eth-purple.svg +1 -1
- package/src/icons/source/icon-etherscan.svg +1 -1
- package/src/icons/source/icon-external-link.svg +1 -1
- package/src/icons/source/icon-globe.svg +1 -1
- package/src/icons/source/icon-gripper-vertical.svg +1 -1
- package/src/icons/source/icon-info.svg +1 -1
- package/src/icons/source/icon-infonomic.svg +1 -1
- package/src/icons/source/icon-ledger.svg +1 -1
- package/src/icons/source/icon-light.svg +1 -1
- package/src/icons/source/icon-location-pin.svg +1 -1
- package/src/icons/source/icon-logout.svg +1 -1
- package/src/icons/source/icon-metamask.svg +1 -1
- package/src/icons/source/icon-moon.svg +1 -1
- package/src/icons/source/icon-plus.svg +1 -1
- package/src/icons/source/icon-refresh.svg +1 -1
- package/src/icons/source/icon-return.svg +1 -1
- package/src/icons/source/icon-search-menu.svg +1 -1
- package/src/icons/source/icon-settings-gear.svg +1 -1
- package/src/icons/source/icon-settings.svg +1 -1
- package/src/icons/source/icon-walletconnect.svg +1 -1
- package/src/icons/source/icon-x.svg +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Available size tokens, ordered from smallest to largest.
|
|
3
3
|
* Most components default to `'md'`.
|
|
4
4
|
*/
|
|
5
|
-
export declare const size: readonly [
|
|
5
|
+
export declare const size: readonly ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
6
6
|
/**
|
|
7
7
|
* Visual size of a component.
|
|
8
8
|
*
|
|
@@ -19,7 +19,7 @@ export type Size = (typeof size)[number];
|
|
|
19
19
|
* Available semantic color intents.
|
|
20
20
|
* Controls the visual meaning (color, icon) of a component.
|
|
21
21
|
*/
|
|
22
|
-
export declare const intent: readonly [
|
|
22
|
+
export declare const intent: readonly ['primary', 'secondary', 'noeffect', 'success', 'info', 'warning', 'danger'];
|
|
23
23
|
/**
|
|
24
24
|
* Semantic color intent applied to a component.
|
|
25
25
|
*
|
|
@@ -37,7 +37,7 @@ export type Intent = (typeof intent)[number];
|
|
|
37
37
|
/**
|
|
38
38
|
* Status icon variants used inside notification components.
|
|
39
39
|
*/
|
|
40
|
-
export declare const icons: readonly [
|
|
40
|
+
export declare const icons: readonly ['success', 'info', 'success', 'warning', 'danger'];
|
|
41
41
|
/**
|
|
42
42
|
* Icon variant shown inside a notification (e.g. Toast, Alert).
|
|
43
43
|
* Maps to the corresponding status icon.
|
|
@@ -46,7 +46,7 @@ export type Icons = (typeof icons)[number];
|
|
|
46
46
|
/**
|
|
47
47
|
* Screen corner positions for floating elements.
|
|
48
48
|
*/
|
|
49
|
-
export declare const position: readonly [
|
|
49
|
+
export declare const position: readonly ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
|
|
50
50
|
/**
|
|
51
51
|
* Corner position for floating/overlay elements such as toasts and popovers.
|
|
52
52
|
*
|
|
@@ -6,26 +6,32 @@
|
|
|
6
6
|
import type React from 'react';
|
|
7
7
|
import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
|
|
8
8
|
export type AccordionRootElement = React.ComponentRef<'div'>;
|
|
9
|
+
declare const Root: ({ children, className, ref, ...props }: {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
ref?: React.RefObject<AccordionRootElement>;
|
|
13
|
+
} & React.ComponentProps<typeof AccordionPrimitive.Root>) => React.JSX.Element;
|
|
9
14
|
export type AccordionItemElement = React.ComponentRef<'div'>;
|
|
15
|
+
declare const Item: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item> & {
|
|
16
|
+
ref?: React.RefObject<AccordionItemElement>;
|
|
17
|
+
}) => React.JSX.Element;
|
|
10
18
|
export type AccordionHeaderElement = React.ComponentRef<'h3'>;
|
|
19
|
+
declare const Header: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Header> & {
|
|
20
|
+
ref?: React.RefObject<AccordionHeaderElement>;
|
|
21
|
+
}) => React.JSX.Element;
|
|
11
22
|
export type AccordionTriggerElement = React.ComponentRef<'button'>;
|
|
23
|
+
declare const Trigger: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
|
|
24
|
+
ref?: React.RefObject<AccordionTriggerElement>;
|
|
25
|
+
}) => React.JSX.Element;
|
|
12
26
|
export type AccordionPanelElement = React.ComponentRef<'div'>;
|
|
27
|
+
declare const Panel: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Panel> & {
|
|
28
|
+
ref?: React.RefObject<AccordionPanelElement>;
|
|
29
|
+
}) => React.JSX.Element;
|
|
13
30
|
export declare const Accordion: {
|
|
14
|
-
Root:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
Item: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item> & {
|
|
20
|
-
ref?: React.RefObject<AccordionItemElement>;
|
|
21
|
-
}) => React.JSX.Element;
|
|
22
|
-
Header: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Header> & {
|
|
23
|
-
ref?: React.RefObject<AccordionHeaderElement>;
|
|
24
|
-
}) => React.JSX.Element;
|
|
25
|
-
Trigger: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
|
|
26
|
-
ref?: React.RefObject<AccordionTriggerElement>;
|
|
27
|
-
}) => React.JSX.Element;
|
|
28
|
-
Panel: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Panel> & {
|
|
29
|
-
ref?: React.RefObject<AccordionPanelElement>;
|
|
30
|
-
}) => React.JSX.Element;
|
|
31
|
+
Root: typeof Root;
|
|
32
|
+
Item: typeof Item;
|
|
33
|
+
Header: typeof Header;
|
|
34
|
+
Trigger: typeof Trigger;
|
|
35
|
+
Panel: typeof Panel;
|
|
31
36
|
};
|
|
37
|
+
export {};
|
|
@@ -7,5 +7,5 @@ interface FadeInLiftProps<T extends ElementType> {
|
|
|
7
7
|
delay?: number;
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare const FadeInLift: <T extends ElementType =
|
|
10
|
+
export declare const FadeInLift: <T extends ElementType = 'div'>({ as, children, className, duration, delay, ...rest }: FadeInLiftProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof FadeInLiftProps<T>>) => React.JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -6,7 +6,7 @@ export type BadgeProps = useRender.ComponentProps<'div'> & {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
ref?: React.Ref<HTMLDivElement>;
|
|
8
8
|
};
|
|
9
|
-
export declare
|
|
10
|
-
|
|
11
|
-
displayName: string;
|
|
12
|
-
}
|
|
9
|
+
export declare function Badge({ className, intent, children, render, ref, ...rest }: BadgeProps): React.JSX.Element;
|
|
10
|
+
export declare namespace Badge {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
@@ -5,7 +5,7 @@ import type { Size as s, Intent as t } from '../../@types/shared.js';
|
|
|
5
5
|
/**
|
|
6
6
|
* Available visual style variants for Button and IconButton.
|
|
7
7
|
*/
|
|
8
|
-
export declare const variant: readonly [
|
|
8
|
+
export declare const variant: readonly ['filled', 'filled-weak', 'outlined', 'gradient', 'text'];
|
|
9
9
|
/**
|
|
10
10
|
* Visual style variant of the button.
|
|
11
11
|
*
|
|
@@ -31,8 +31,8 @@ type ButtonGroupItemProps = Omit<React.ComponentProps<typeof Toggle>, 'className
|
|
|
31
31
|
className?: string;
|
|
32
32
|
ref?: Ref<HTMLButtonElement>;
|
|
33
33
|
} & ButtonGroupContextType;
|
|
34
|
-
declare
|
|
35
|
-
|
|
36
|
-
displayName: string;
|
|
37
|
-
}
|
|
34
|
+
declare function ButtonGroupItem({ className, children, value, ref, ...props }: ButtonGroupItemProps): React.JSX.Element;
|
|
35
|
+
declare namespace ButtonGroupItem {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
38
|
export { ButtonGroup, ButtonGroupItem };
|
|
@@ -6,31 +6,36 @@ export type CardProps = useRender.ComponentProps<'div'> & {
|
|
|
6
6
|
hover?: boolean;
|
|
7
7
|
ref?: React.Ref<HTMLDivElement>;
|
|
8
8
|
};
|
|
9
|
-
declare
|
|
10
|
-
|
|
11
|
-
displayName: string;
|
|
12
|
-
Header
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
displayName: string;
|
|
19
|
-
};
|
|
20
|
-
Description: {
|
|
21
|
-
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
22
|
-
displayName: string;
|
|
23
|
-
};
|
|
24
|
-
Content: {
|
|
25
|
-
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
26
|
-
displayName: string;
|
|
27
|
-
};
|
|
28
|
-
Footer: {
|
|
29
|
-
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
30
|
-
displayName: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
9
|
+
declare function Card({ className, hover, children, render, ref, ...rest }: CardProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
10
|
+
declare namespace Card {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
export { Header };
|
|
13
|
+
export { Title };
|
|
14
|
+
export { Description };
|
|
15
|
+
export { Content };
|
|
16
|
+
export { Footer };
|
|
17
|
+
}
|
|
33
18
|
interface OtherProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
34
19
|
ref?: React.Ref<HTMLDivElement>;
|
|
35
20
|
}
|
|
21
|
+
declare const Header: {
|
|
22
|
+
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
declare const Title: {
|
|
26
|
+
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
27
|
+
displayName: string;
|
|
28
|
+
};
|
|
29
|
+
declare const Description: {
|
|
30
|
+
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
31
|
+
displayName: string;
|
|
32
|
+
};
|
|
33
|
+
declare const Content: {
|
|
34
|
+
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
35
|
+
displayName: string;
|
|
36
|
+
};
|
|
37
|
+
declare const Footer: {
|
|
38
|
+
({ className, ref, ...props }: OtherProps): React.JSX.Element;
|
|
39
|
+
displayName: string;
|
|
40
|
+
};
|
|
36
41
|
export { Card };
|
|
@@ -2,7 +2,7 @@ import type { Intent, Size } from '../../@types/shared.js';
|
|
|
2
2
|
/**
|
|
3
3
|
* Available behavioural variants for the Chip component.
|
|
4
4
|
*/
|
|
5
|
-
export declare const chipVariant: readonly [
|
|
5
|
+
export declare const chipVariant: readonly ['assist', 'selectable', 'removable', 'selectable-removable'];
|
|
6
6
|
/**
|
|
7
7
|
* Behavioural variant of the chip.
|
|
8
8
|
*
|
|
@@ -18,8 +18,8 @@ export type ChipProps = Omit<useRender.ComponentProps<'button'>, 'onToggle'> & {
|
|
|
18
18
|
className?: string;
|
|
19
19
|
ref?: React.Ref<HTMLButtonElement>;
|
|
20
20
|
} & Omit<React.HTMLAttributes<HTMLElement>, 'onToggle'>;
|
|
21
|
-
export declare
|
|
22
|
-
|
|
23
|
-
displayName: string;
|
|
24
|
-
}
|
|
21
|
+
export declare function Chip({ variant, intent, size, selected, disabled, startIcon, endIcon, selectedIcon, removeLabel, onToggle, onRemove, className, children, render, ref, ...rest }: ChipProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
22
|
+
export declare namespace Chip {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
25
25
|
export {};
|
|
@@ -1,73 +1,81 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import { Menu } from '@base-ui/react/menu';
|
|
3
3
|
declare function Root({ children, ...rest }: React.ComponentProps<typeof Menu.Root>): React.JSX.Element;
|
|
4
|
+
declare const Trigger: {
|
|
5
|
+
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Trigger> & {
|
|
6
|
+
ref?: React.RefObject<React.ComponentRef<'button'>>;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
4
10
|
declare function Portal({ children, ...rest }: React.ComponentProps<typeof Menu.Portal>): React.JSX.Element;
|
|
11
|
+
declare const Content: {
|
|
12
|
+
({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest }: {
|
|
13
|
+
ref?: React.RefObject<React.ComponentRef<'div'>>;
|
|
14
|
+
className?: string;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
side?: React.ComponentProps<typeof Menu.Positioner>['side'];
|
|
17
|
+
sideOffset?: React.ComponentProps<typeof Menu.Positioner>['sideOffset'];
|
|
18
|
+
align?: React.ComponentProps<typeof Menu.Positioner>['align'];
|
|
19
|
+
alignOffset?: React.ComponentProps<typeof Menu.Positioner>['alignOffset'];
|
|
20
|
+
collisionPadding?: React.ComponentProps<typeof Menu.Positioner>['collisionPadding'];
|
|
21
|
+
} & Omit<React.ComponentProps<typeof Menu.Popup>, 'className'>): React.JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
declare const Group: {
|
|
25
|
+
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Group> & {
|
|
26
|
+
ref?: React.RefObject<React.ComponentRef<'div'>>;
|
|
27
|
+
}): React.JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
declare const Item: {
|
|
31
|
+
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Item> & {
|
|
32
|
+
ref?: React.RefObject<React.ComponentRef<'div'>>;
|
|
33
|
+
}): React.JSX.Element;
|
|
34
|
+
displayName: string;
|
|
35
|
+
};
|
|
36
|
+
declare const Label: {
|
|
37
|
+
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.GroupLabel> & {
|
|
38
|
+
ref?: React.RefObject<React.ComponentRef<'div'>>;
|
|
39
|
+
}): React.JSX.Element;
|
|
40
|
+
displayName: string;
|
|
41
|
+
};
|
|
42
|
+
declare const Separator: {
|
|
43
|
+
({ ref, className, ...props }: React.ComponentProps<typeof Menu.Separator> & {
|
|
44
|
+
ref?: React.RefObject<React.ComponentRef<'div'>>;
|
|
45
|
+
}): React.JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
5
48
|
declare function Sub({ children, ...rest }: React.ComponentProps<typeof Menu.SubmenuRoot>): React.JSX.Element;
|
|
49
|
+
declare const SubContent: {
|
|
50
|
+
({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest }: {
|
|
51
|
+
ref?: React.RefObject<React.ComponentRef<'div'>>;
|
|
52
|
+
className?: string;
|
|
53
|
+
children?: React.ReactNode;
|
|
54
|
+
side?: React.ComponentProps<typeof Menu.Positioner>['side'];
|
|
55
|
+
sideOffset?: React.ComponentProps<typeof Menu.Positioner>['sideOffset'];
|
|
56
|
+
align?: React.ComponentProps<typeof Menu.Positioner>['align'];
|
|
57
|
+
alignOffset?: React.ComponentProps<typeof Menu.Positioner>['alignOffset'];
|
|
58
|
+
collisionPadding?: React.ComponentProps<typeof Menu.Positioner>['collisionPadding'];
|
|
59
|
+
} & Omit<React.ComponentProps<typeof Menu.Popup>, 'className'>): React.JSX.Element;
|
|
60
|
+
displayName: string;
|
|
61
|
+
};
|
|
62
|
+
declare const SubTrigger: {
|
|
63
|
+
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.SubmenuTrigger> & {
|
|
64
|
+
ref?: React.RefObject<React.ComponentRef<'div'>>;
|
|
65
|
+
}): React.JSX.Element;
|
|
66
|
+
displayName: string;
|
|
67
|
+
};
|
|
6
68
|
export declare const Dropdown: {
|
|
7
69
|
Root: typeof Root;
|
|
8
|
-
Trigger:
|
|
9
|
-
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Trigger> & {
|
|
10
|
-
ref?: React.RefObject<React.ComponentRef<"button">>;
|
|
11
|
-
}): React.JSX.Element;
|
|
12
|
-
displayName: string;
|
|
13
|
-
};
|
|
70
|
+
Trigger: typeof Trigger;
|
|
14
71
|
Portal: typeof Portal;
|
|
15
|
-
Content:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
side?: React.ComponentProps<typeof Menu.Positioner>["side"];
|
|
21
|
-
sideOffset?: React.ComponentProps<typeof Menu.Positioner>["sideOffset"];
|
|
22
|
-
align?: React.ComponentProps<typeof Menu.Positioner>["align"];
|
|
23
|
-
alignOffset?: React.ComponentProps<typeof Menu.Positioner>["alignOffset"];
|
|
24
|
-
collisionPadding?: React.ComponentProps<typeof Menu.Positioner>["collisionPadding"];
|
|
25
|
-
} & Omit<React.ComponentProps<typeof Menu.Popup>, "className">): React.JSX.Element;
|
|
26
|
-
displayName: string;
|
|
27
|
-
};
|
|
28
|
-
Group: {
|
|
29
|
-
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Group> & {
|
|
30
|
-
ref?: React.RefObject<React.ComponentRef<"div">>;
|
|
31
|
-
}): React.JSX.Element;
|
|
32
|
-
displayName: string;
|
|
33
|
-
};
|
|
34
|
-
Item: {
|
|
35
|
-
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Item> & {
|
|
36
|
-
ref?: React.RefObject<React.ComponentRef<"div">>;
|
|
37
|
-
}): React.JSX.Element;
|
|
38
|
-
displayName: string;
|
|
39
|
-
};
|
|
40
|
-
Label: {
|
|
41
|
-
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.GroupLabel> & {
|
|
42
|
-
ref?: React.RefObject<React.ComponentRef<"div">>;
|
|
43
|
-
}): React.JSX.Element;
|
|
44
|
-
displayName: string;
|
|
45
|
-
};
|
|
46
|
-
Separator: {
|
|
47
|
-
({ ref, className, ...props }: React.ComponentProps<typeof Menu.Separator> & {
|
|
48
|
-
ref?: React.RefObject<React.ComponentRef<"div">>;
|
|
49
|
-
}): React.JSX.Element;
|
|
50
|
-
displayName: string;
|
|
51
|
-
};
|
|
72
|
+
Content: typeof Content;
|
|
73
|
+
Group: typeof Group;
|
|
74
|
+
Item: typeof Item;
|
|
75
|
+
Label: typeof Label;
|
|
76
|
+
Separator: typeof Separator;
|
|
52
77
|
Sub: typeof Sub;
|
|
53
|
-
SubContent:
|
|
54
|
-
|
|
55
|
-
ref?: React.RefObject<React.ComponentRef<"div">>;
|
|
56
|
-
className?: string;
|
|
57
|
-
children?: React.ReactNode;
|
|
58
|
-
side?: React.ComponentProps<typeof Menu.Positioner>["side"];
|
|
59
|
-
sideOffset?: React.ComponentProps<typeof Menu.Positioner>["sideOffset"];
|
|
60
|
-
align?: React.ComponentProps<typeof Menu.Positioner>["align"];
|
|
61
|
-
alignOffset?: React.ComponentProps<typeof Menu.Positioner>["alignOffset"];
|
|
62
|
-
collisionPadding?: React.ComponentProps<typeof Menu.Positioner>["collisionPadding"];
|
|
63
|
-
} & Omit<React.ComponentProps<typeof Menu.Popup>, "className">): React.JSX.Element;
|
|
64
|
-
displayName: string;
|
|
65
|
-
};
|
|
66
|
-
SubTrigger: {
|
|
67
|
-
({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.SubmenuTrigger> & {
|
|
68
|
-
ref?: React.RefObject<React.ComponentRef<"div">>;
|
|
69
|
-
}): React.JSX.Element;
|
|
70
|
-
displayName: string;
|
|
71
|
-
};
|
|
78
|
+
SubContent: typeof SubContent;
|
|
79
|
+
SubTrigger: typeof SubTrigger;
|
|
72
80
|
};
|
|
73
81
|
export {};
|
|
@@ -2,7 +2,7 @@ import type { Intent as t } from '../../@types/shared.js';
|
|
|
2
2
|
/**
|
|
3
3
|
* Available visual style variants for the Autocomplete input.
|
|
4
4
|
*/
|
|
5
|
-
export declare const variant: readonly [
|
|
5
|
+
export declare const variant: readonly ['outlined', 'filled', 'underlined'];
|
|
6
6
|
/**
|
|
7
7
|
* Visual style variant of the autocomplete input field.
|
|
8
8
|
*
|
|
@@ -16,7 +16,7 @@ export type Variant = (typeof variant)[number];
|
|
|
16
16
|
/**
|
|
17
17
|
* Available size tokens for the Autocomplete component.
|
|
18
18
|
*/
|
|
19
|
-
export declare const size: readonly [
|
|
19
|
+
export declare const size: readonly ['sm', 'md', 'lg'];
|
|
20
20
|
/**
|
|
21
21
|
* Visual size of the autocomplete component.
|
|
22
22
|
*
|
|
@@ -6,7 +6,7 @@ import type { Intent as t } from '../../@types/shared.js';
|
|
|
6
6
|
/**
|
|
7
7
|
* Available visual style variants for the Checkbox component.
|
|
8
8
|
*/
|
|
9
|
-
export declare const variant: readonly [
|
|
9
|
+
export declare const variant: readonly ['outlined', 'filled'];
|
|
10
10
|
/**
|
|
11
11
|
* Visual style variant of the checkbox.
|
|
12
12
|
*
|
|
@@ -19,7 +19,7 @@ export type Variant = (typeof variant)[number];
|
|
|
19
19
|
/**
|
|
20
20
|
* Available size tokens for checkboxes.
|
|
21
21
|
*/
|
|
22
|
-
export declare const size: readonly [
|
|
22
|
+
export declare const size: readonly ['sm', 'md', 'lg'];
|
|
23
23
|
/**
|
|
24
24
|
* Visual size of the checkbox.
|
|
25
25
|
*
|
|
@@ -6,7 +6,7 @@ import type { Intent as t } from '../../@types/shared.js';
|
|
|
6
6
|
/**
|
|
7
7
|
* Available visual style variants for the Input component.
|
|
8
8
|
*/
|
|
9
|
-
export declare const variant: readonly [
|
|
9
|
+
export declare const variant: readonly ['outlined', 'filled', 'underlined'];
|
|
10
10
|
/**
|
|
11
11
|
* Visual style variant of the input field.
|
|
12
12
|
*
|
|
@@ -20,7 +20,7 @@ export type Variant = (typeof variant)[number];
|
|
|
20
20
|
/**
|
|
21
21
|
* Available size tokens for form inputs.
|
|
22
22
|
*/
|
|
23
|
-
export declare const size: readonly [
|
|
23
|
+
export declare const size: readonly ['sm', 'md', 'lg'];
|
|
24
24
|
/**
|
|
25
25
|
* Visual size of the input field.
|
|
26
26
|
*
|
|
@@ -23,19 +23,19 @@ export interface AutocompleteProps<Item = string> extends Omit<AutocompleteRootP
|
|
|
23
23
|
sideOffset?: number;
|
|
24
24
|
}
|
|
25
25
|
export declare function Autocomplete<Item = string>({ id, label, variant, inputSize, intent, required, placeholder, autoComplete, error, helpText, errorText, emptyText, className, inputClassName, wrapperClassName, items, children, sideOffset, ...rest }: AutocompleteProps<Item>): React.JSX.Element;
|
|
26
|
-
export declare
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
displayName: string;
|
|
31
|
-
}
|
|
32
|
-
export declare const AutocompleteGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").
|
|
33
|
-
export declare
|
|
34
|
-
|
|
35
|
-
displayName: string;
|
|
36
|
-
}
|
|
37
|
-
export declare
|
|
38
|
-
|
|
39
|
-
displayName: string;
|
|
40
|
-
}
|
|
26
|
+
export declare function AutocompleteItem({ ref: forwardedRef, children, className, ...props }: React.ComponentProps<typeof AutocompletePrimitive.Item> & {
|
|
27
|
+
ref?: React.RefObject<HTMLDivElement>;
|
|
28
|
+
}): React.JSX.Element;
|
|
29
|
+
export declare namespace AutocompleteItem {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
|
+
export declare const AutocompleteGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
export declare function AutocompleteGroupLabel({ children, className, ...props }: React.ComponentProps<typeof AutocompletePrimitive.GroupLabel>): React.JSX.Element;
|
|
34
|
+
export declare namespace AutocompleteGroupLabel {
|
|
35
|
+
var displayName: string;
|
|
36
|
+
}
|
|
37
|
+
export declare function AutocompleteSeparator({ className, ...props }: React.ComponentProps<typeof AutocompletePrimitive.Separator>): React.JSX.Element;
|
|
38
|
+
export declare namespace AutocompleteSeparator {
|
|
39
|
+
var displayName: string;
|
|
40
|
+
}
|
|
41
41
|
export {};
|
|
@@ -21,4 +21,4 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
|
|
|
21
21
|
inputWrapperClassName?: string;
|
|
22
22
|
ref?: React.RefCallback<HTMLInputElement | null> | React.RefObject<HTMLInputElement | null>;
|
|
23
23
|
}
|
|
24
|
-
export declare const Input: <_C extends React.ElementType =
|
|
24
|
+
export declare const Input: <_C extends React.ElementType = 'input'>({ ref, id, name, type, variant, inputSize, intent, required, label, startAdornment, endAdornment, placeHolder, autoComplete, error, helpText, errorText, inputWrapperClassName, className, ...rest }: InputProps) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ export interface RadioGroupValue {
|
|
|
7
7
|
value: string;
|
|
8
8
|
label: string;
|
|
9
9
|
}
|
|
10
|
-
export declare const RadioGroupItem: ({ intent, className, id, value, label, ref: forwardedRef, ...props }: Omit<React.ComponentProps<typeof Radio.Root>,
|
|
10
|
+
export declare const RadioGroupItem: ({ intent, className, id, value, label, ref: forwardedRef, ...props }: Omit<React.ComponentProps<typeof Radio.Root>, 'value'> & {
|
|
11
11
|
intent?: Intent;
|
|
12
12
|
className?: string;
|
|
13
13
|
id: string;
|
|
@@ -16,7 +16,7 @@ export declare const RadioGroupItem: ({ intent, className, id, value, label, ref
|
|
|
16
16
|
ref?: React.RefObject<HTMLDivElement>;
|
|
17
17
|
}) => React.JSX.Element;
|
|
18
18
|
export declare const RadioGroup: ({ ref: forwardedRef, className, direction, children, ...props }: React.ComponentProps<typeof RadioGroupPrimitive> & {
|
|
19
|
-
direction?:
|
|
19
|
+
direction?: 'row' | 'column';
|
|
20
20
|
className?: string;
|
|
21
21
|
children: React.ReactNode;
|
|
22
22
|
ref?: React.RefObject<HTMLDivElement>;
|
|
@@ -23,10 +23,10 @@ type SelectProps<Value extends string | number = string> = Omit<React.ComponentP
|
|
|
23
23
|
items?: SelectValue<Value>[];
|
|
24
24
|
};
|
|
25
25
|
export declare function Select<Value extends string | number = string>({ id, children, placeholder, disabledValue, intent, variant, size, position, containerClassName, className, ariaLabel, helpText, items, ...rest }: SelectProps<Value>): React.JSX.Element;
|
|
26
|
-
export declare
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
displayName: string;
|
|
31
|
-
}
|
|
26
|
+
export declare function SelectItem({ ref: forwardedRef, children, className, ...props }: React.ComponentProps<typeof SelectPrimitive.Item> & {
|
|
27
|
+
ref?: React.RefObject<HTMLDivElement>;
|
|
28
|
+
}): React.JSX.Element;
|
|
29
|
+
export declare namespace SelectItem {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
32
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Available layout variants for the Pagination component.
|
|
3
3
|
*/
|
|
4
|
-
export declare const variant: readonly [
|
|
4
|
+
export declare const variant: readonly ['default', 'classic', 'dashboard'];
|
|
5
5
|
/**
|
|
6
6
|
* Layout variant of the pagination control.
|
|
7
7
|
*
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { PagerButtonProps, RefType } from './pagination';
|
|
3
|
-
export declare
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
displayName: string;
|
|
8
|
-
}
|
|
3
|
+
export declare function FirstButton({ ref, className, disabled, render, children, ...rest }: PagerButtonProps & {
|
|
4
|
+
ref?: React.RefObject<RefType>;
|
|
5
|
+
}): React.JSX.Element;
|
|
6
|
+
export declare namespace FirstButton {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
@@ -3,9 +3,9 @@ import type { PagerButtonProps, RefType } from './pagination';
|
|
|
3
3
|
export type LastButtonProps = PagerButtonProps & {
|
|
4
4
|
count: number;
|
|
5
5
|
};
|
|
6
|
-
export declare
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
displayName: string;
|
|
11
|
-
}
|
|
6
|
+
export declare function LastButton({ ref, className, disabled, count, render, children, ...rest }: LastButtonProps & {
|
|
7
|
+
ref?: React.RefObject<RefType>;
|
|
8
|
+
}): React.JSX.Element;
|
|
9
|
+
export declare namespace LastButton {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
@@ -3,9 +3,9 @@ import type { PagerButtonProps, RefType } from './pagination';
|
|
|
3
3
|
export type NextButtonProps = PagerButtonProps & {
|
|
4
4
|
page: number | null;
|
|
5
5
|
};
|
|
6
|
-
export declare
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
displayName: string;
|
|
11
|
-
}
|
|
6
|
+
export declare function NextButton({ ref, className, disabled, page, render, children, ...rest }: NextButtonProps & {
|
|
7
|
+
ref?: React.RefObject<RefType>;
|
|
8
|
+
}): React.JSX.Element;
|
|
9
|
+
export declare namespace NextButton {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
@@ -5,9 +5,9 @@ export type NumberButtonProps = PagerButtonProps & {
|
|
|
5
5
|
activeClassName?: string;
|
|
6
6
|
selected?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export declare
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
displayName: string;
|
|
13
|
-
}
|
|
8
|
+
export declare function NumberButton({ ref, page, className, disabled, activeClassName, render, children, ...rest }: NumberButtonProps & {
|
|
9
|
+
ref?: React.RefObject<RefType>;
|
|
10
|
+
}): React.JSX.Element;
|
|
11
|
+
export declare namespace NumberButton {
|
|
12
|
+
var displayName: string;
|
|
13
|
+
}
|