@aciole/acyon 0.0.2
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/acyon.cjs.js +208 -0
- package/dist/acyon.cjs.js.map +1 -0
- package/dist/acyon.css +1 -0
- package/dist/acyon.es.js +3667 -0
- package/dist/acyon.es.js.map +1 -0
- package/dist/components/Accordion/Accordion.d.ts +5 -0
- package/dist/components/Accordion/types.d.ts +16 -0
- package/dist/components/Avatar/Avatar.d.ts +4 -0
- package/dist/components/Avatar/types.d.ts +9 -0
- package/dist/components/Badge/Badge.d.ts +4 -0
- package/dist/components/Badge/types.d.ts +10 -0
- package/dist/components/Box/Box.d.ts +6 -0
- package/dist/components/Box/types.d.ts +14 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +4 -0
- package/dist/components/Breadcrumb/types.d.ts +11 -0
- package/dist/components/Button/Button.d.ts +4 -0
- package/dist/components/Button/types.d.ts +14 -0
- package/dist/components/Card/Card.d.ts +7 -0
- package/dist/components/Card/types.d.ts +17 -0
- package/dist/components/Checkbox/Checkbox.d.ts +4 -0
- package/dist/components/Checkbox/types.d.ts +8 -0
- package/dist/components/Code/Code.d.ts +4 -0
- package/dist/components/Code/types.d.ts +9 -0
- package/dist/components/Container/Container.d.ts +4 -0
- package/dist/components/Container/types.d.ts +8 -0
- package/dist/components/DatePicker/DatePicker.d.ts +4 -0
- package/dist/components/DatePicker/types.d.ts +7 -0
- package/dist/components/Divider/Divider.d.ts +3 -0
- package/dist/components/Divider/types.d.ts +6 -0
- package/dist/components/Drawer/Drawer.d.ts +4 -0
- package/dist/components/Drawer/types.d.ts +14 -0
- package/dist/components/EmptyState/EmptyState.d.ts +4 -0
- package/dist/components/EmptyState/types.d.ts +7 -0
- package/dist/components/FileUpload/FileUpload.d.ts +4 -0
- package/dist/components/FileUpload/types.d.ts +10 -0
- package/dist/components/Flex/Flex.d.ts +4 -0
- package/dist/components/Flex/types.d.ts +16 -0
- package/dist/components/FormField/FormField.d.ts +4 -0
- package/dist/components/FormField/types.d.ts +10 -0
- package/dist/components/Grid/Grid.d.ts +4 -0
- package/dist/components/Grid/types.d.ts +10 -0
- package/dist/components/Heading/Heading.d.ts +9 -0
- package/dist/components/Heading/types.d.ts +7 -0
- package/dist/components/IconButton/IconButton.d.ts +4 -0
- package/dist/components/IconButton/types.d.ts +11 -0
- package/dist/components/Image/Image.d.ts +4 -0
- package/dist/components/Image/types.d.ts +8 -0
- package/dist/components/Input/Input.d.ts +4 -0
- package/dist/components/Input/types.d.ts +12 -0
- package/dist/components/Link/Link.d.ts +7 -0
- package/dist/components/Link/types.d.ts +10 -0
- package/dist/components/List/List.d.ts +7 -0
- package/dist/components/List/types.d.ts +12 -0
- package/dist/components/Loader/Loader.d.ts +3 -0
- package/dist/components/Loader/types.d.ts +8 -0
- package/dist/components/Modal/Modal.d.ts +4 -0
- package/dist/components/Modal/types.d.ts +13 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +4 -0
- package/dist/components/MultiSelect/types.d.ts +18 -0
- package/dist/components/PageHeader/PageHeader.d.ts +4 -0
- package/dist/components/PageHeader/types.d.ts +9 -0
- package/dist/components/Pagination/Pagination.d.ts +4 -0
- package/dist/components/Pagination/types.d.ts +7 -0
- package/dist/components/Progress/Progress.d.ts +4 -0
- package/dist/components/Progress/types.d.ts +12 -0
- package/dist/components/Radio/Radio.d.ts +4 -0
- package/dist/components/Radio/types.d.ts +8 -0
- package/dist/components/Search/Search.d.ts +4 -0
- package/dist/components/Search/types.d.ts +5 -0
- package/dist/components/Select/Select.d.ts +4 -0
- package/dist/components/Select/types.d.ts +23 -0
- package/dist/components/Sidebar/Sidebar.d.ts +14 -0
- package/dist/components/Sidebar/types.d.ts +34 -0
- package/dist/components/Skeleton/Skeleton.d.ts +4 -0
- package/dist/components/Skeleton/types.d.ts +8 -0
- package/dist/components/Slider/Slider.d.ts +4 -0
- package/dist/components/Slider/types.d.ts +5 -0
- package/dist/components/Spacer/Spacer.d.ts +4 -0
- package/dist/components/Spacer/types.d.ts +7 -0
- package/dist/components/Switch/Switch.d.ts +4 -0
- package/dist/components/Switch/types.d.ts +6 -0
- package/dist/components/Table/Table.d.ts +9 -0
- package/dist/components/Table/types.d.ts +8 -0
- package/dist/components/Tabs/Tabs.d.ts +4 -0
- package/dist/components/Tabs/types.d.ts +19 -0
- package/dist/components/Tag/Tag.d.ts +3 -0
- package/dist/components/Tag/types.d.ts +13 -0
- package/dist/components/Text/Text.d.ts +4 -0
- package/dist/components/Text/types.d.ts +13 -0
- package/dist/components/TextArea/TextArea.d.ts +4 -0
- package/dist/components/TextArea/types.d.ts +9 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +5 -0
- package/dist/components/ThemeProvider/types.d.ts +15 -0
- package/dist/components/Timeline/Timeline.d.ts +5 -0
- package/dist/components/Timeline/types.d.ts +12 -0
- package/dist/components/Toast/Toast.d.ts +5 -0
- package/dist/components/Toast/types.d.ts +20 -0
- package/dist/components/Tooltip/Tooltip.d.ts +3 -0
- package/dist/components/Tooltip/types.d.ts +8 -0
- package/dist/components/TopBar/TopBar.d.ts +4 -0
- package/dist/components/TopBar/types.d.ts +17 -0
- package/dist/components/index.d.ts +49 -0
- package/dist/components/types.d.ts +7 -0
- package/dist/hooks/useOverlay.d.ts +9 -0
- package/dist/icons/IconBase.d.ts +5 -0
- package/dist/icons/generated.d.ts +1269 -0
- package/dist/icons/index.d.ts +5 -0
- package/dist/icons/types.d.ts +6 -0
- package/dist/index.d.ts +4 -0
- package/dist/utils/classNames.d.ts +7 -0
- package/dist/utils/formater.d.ts +1 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/styleTokens.d.ts +14 -0
- package/dist/utils/variants.d.ts +25 -0
- package/package.json +58 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { AccordionComponent, AccordionItemProps } from './types';
|
|
3
|
+
export type { AccordionComponent, AccordionItemProps, AccordionProps } from './types';
|
|
4
|
+
export declare const AccordionItem: React.FC<AccordionItemProps>;
|
|
5
|
+
export declare const Accordion: AccordionComponent;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
title: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
isOpen?: boolean;
|
|
6
|
+
onToggle?: () => void;
|
|
7
|
+
id?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
type?: 'single' | 'multiple';
|
|
12
|
+
defaultValue?: string | string[];
|
|
13
|
+
}
|
|
14
|
+
export type AccordionComponent = React.FC<AccordionProps> & {
|
|
15
|
+
Item: React.FC<AccordionItemProps>;
|
|
16
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
export type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
|
|
4
|
+
export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
src?: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
size?: AvatarSize;
|
|
8
|
+
status?: AvatarStatus;
|
|
9
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BadgeProps } from './types';
|
|
3
|
+
export type { BadgeColor, BadgeProps, BadgeSize, BadgeVariant } from './types';
|
|
4
|
+
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ColorValue, TokenSize } from '../../utils/styleTokens';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type BadgeVariant = 'solid' | 'outline' | 'soft';
|
|
4
|
+
export type BadgeColor = ColorValue;
|
|
5
|
+
export type BadgeSize = Extract<TokenSize, 'sm' | 'md' | 'lg'>;
|
|
6
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
7
|
+
variant?: BadgeVariant;
|
|
8
|
+
color?: BadgeColor;
|
|
9
|
+
size?: BadgeSize;
|
|
10
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BoxProps } from './types';
|
|
3
|
+
export type { BoxOwnProps, BoxPadding, BoxProps, BoxRounded, BoxShadow, BoxSurface } from './types';
|
|
4
|
+
export declare const Box: <TElement extends React.ElementType = "div">(props: BoxProps<TElement> & {
|
|
5
|
+
ref?: React.ForwardedRef<Element>;
|
|
6
|
+
}) => React.ReactElement | null;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { PolymorphicComponentProps } from '../types';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type BoxPadding = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16';
|
|
4
|
+
export type BoxRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
5
|
+
export type BoxShadow = 'none' | 'sm' | 'md' | 'lg';
|
|
6
|
+
export type BoxSurface = 'default' | 'subtle' | 'raised' | 'inverse';
|
|
7
|
+
export interface BoxOwnProps {
|
|
8
|
+
padding?: BoxPadding;
|
|
9
|
+
rounded?: BoxRounded;
|
|
10
|
+
shadow?: BoxShadow;
|
|
11
|
+
surface?: BoxSurface;
|
|
12
|
+
border?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export type BoxProps<TElement extends React.ElementType = 'div'> = PolymorphicComponentProps<TElement, BoxOwnProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface BreadcrumbItem {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export interface BreadcrumbProps {
|
|
8
|
+
items: BreadcrumbItem[];
|
|
9
|
+
separator?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ButtonProps } from './types';
|
|
3
|
+
export type { ButtonColor, ButtonProps, ButtonSize, ButtonVariant } from './types';
|
|
4
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ColorValue } from '../../utils/styleTokens';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type ButtonVariant = 'solid' | 'soft' | 'ghost' | 'outline';
|
|
4
|
+
export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
export type ButtonColor = ColorValue | 'default';
|
|
6
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
+
variant?: ButtonVariant;
|
|
8
|
+
size?: ButtonSize;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
icon?: React.ReactNode | JSX.Element;
|
|
11
|
+
iconRight?: boolean;
|
|
12
|
+
full?: boolean;
|
|
13
|
+
color?: ButtonColor;
|
|
14
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CardHeaderProps, CardProps, CardSectionProps } from './types';
|
|
3
|
+
export type { CardHeaderProps, CardPadding, CardProps, CardSectionProps, CardVariant } from './types';
|
|
4
|
+
export declare function Card<TElement extends React.ElementType = 'div'>({ padding, variant, as, children, className, ...props }: CardProps<TElement>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function CardHeader({ title, description, icon, action, children, className, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function CardBody({ children, className, ...props }: CardSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function CardFooter({ children, className, ...props }: CardSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { PolymorphicComponentProps } from '../types';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
|
|
4
|
+
export type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost';
|
|
5
|
+
export interface CardOwnProps {
|
|
6
|
+
padding?: CardPadding;
|
|
7
|
+
variant?: CardVariant;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export type CardProps<TElement extends React.ElementType = 'div'> = PolymorphicComponentProps<TElement, CardOwnProps>;
|
|
11
|
+
export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
|
+
title?: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
icon?: React.ReactNode;
|
|
15
|
+
action?: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export type CardSectionProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ColorValue } from '../../utils/styleTokens';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
indeterminate?: boolean;
|
|
6
|
+
supportText?: string;
|
|
7
|
+
color?: ColorValue;
|
|
8
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TokenSize, TokenWeight } from '../../utils/styleTokens';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type CodeSize = TokenSize;
|
|
4
|
+
export type CodeWeight = TokenWeight;
|
|
5
|
+
export interface CodeProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
|
+
size?: CodeSize;
|
|
7
|
+
weight?: CodeWeight;
|
|
8
|
+
block?: boolean;
|
|
9
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputProps } from '../Input/types';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export interface DatePickerProps extends Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onChange'> {
|
|
4
|
+
value?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type DrawerPlacement = 'left' | 'right';
|
|
3
|
+
export type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
|
|
4
|
+
export interface DrawerProps {
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
title?: string;
|
|
8
|
+
placement?: DrawerPlacement;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
footer?: React.ReactNode;
|
|
11
|
+
size?: DrawerSize;
|
|
12
|
+
className?: string;
|
|
13
|
+
closeOnOverlayClick?: boolean;
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface FileUploadProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
onFileSelect?: (files: File[]) => void;
|
|
4
|
+
accept?: string;
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
maxSize?: number;
|
|
8
|
+
title?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FlexProps } from './types';
|
|
3
|
+
export type { FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexOwnProps, FlexProps, FlexWrap } from './types';
|
|
4
|
+
export declare const Flex: <TElement extends React.ElementType = "div">({ children, direction, align, justify, wrap, gap, className, style, as, ...props }: FlexProps<TElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { PolymorphicComponentProps } from '../types';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
4
|
+
export type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
|
|
5
|
+
export type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
6
|
+
export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
7
|
+
export type FlexGap = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16';
|
|
8
|
+
export interface FlexOwnProps {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
direction?: FlexDirection;
|
|
11
|
+
align?: FlexAlign;
|
|
12
|
+
justify?: FlexJustify;
|
|
13
|
+
wrap?: FlexWrap;
|
|
14
|
+
gap?: FlexGap;
|
|
15
|
+
}
|
|
16
|
+
export type FlexProps<TElement extends React.ElementType = 'div'> = PolymorphicComponentProps<TElement, FlexOwnProps>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GridProps } from './types';
|
|
3
|
+
export type { GridColumns, GridGap, GridOwnProps, GridProps } from './types';
|
|
4
|
+
export declare const Grid: <TElement extends React.ElementType = "div">({ children, columns, gap, className, style, as, ...props }: GridProps<TElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PolymorphicComponentProps } from '../types';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
4
|
+
export type GridGap = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16';
|
|
5
|
+
export interface GridOwnProps {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
columns?: GridColumns;
|
|
8
|
+
gap?: GridGap;
|
|
9
|
+
}
|
|
10
|
+
export type GridProps<TElement extends React.ElementType = 'div'> = PolymorphicComponentProps<TElement, GridOwnProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BaseHeadingProps } from './types';
|
|
3
|
+
export type { BaseHeadingProps, HeadingTag, HeadingWeight } from './types';
|
|
4
|
+
export declare const Heading: React.ForwardRefExoticComponent<BaseHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
5
|
+
export declare const Heading2: React.ForwardRefExoticComponent<BaseHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
6
|
+
export declare const Heading3: React.ForwardRefExoticComponent<BaseHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
7
|
+
export declare const Heading4: React.ForwardRefExoticComponent<BaseHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
8
|
+
export declare const Heading5: React.ForwardRefExoticComponent<BaseHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
9
|
+
export declare const Heading6: React.ForwardRefExoticComponent<BaseHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TokenWeight } from '../../utils/styleTokens';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type HeadingWeight = Extract<TokenWeight, 'medium' | 'semibold' | 'bold'>;
|
|
4
|
+
export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
5
|
+
export interface BaseHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
6
|
+
weight?: HeadingWeight;
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IconButtonProps } from './types';
|
|
3
|
+
export type { IconButtonProps, IconButtonSize, IconButtonVariant } from './types';
|
|
4
|
+
export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ButtonProps, ButtonSize, ButtonVariant } from '../Button/types';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type IconButtonVariant = ButtonVariant;
|
|
4
|
+
export type IconButtonSize = Extract<ButtonSize, 'sm' | 'md' | 'lg'>;
|
|
5
|
+
export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon'> {
|
|
6
|
+
icon: React.ReactNode | JSX.Element;
|
|
7
|
+
label?: string;
|
|
8
|
+
variant?: IconButtonVariant;
|
|
9
|
+
size?: IconButtonSize;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type ImageObjectFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
3
|
+
export type ImageRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
4
|
+
export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
5
|
+
objectFit?: ImageObjectFit;
|
|
6
|
+
radius?: ImageRadius;
|
|
7
|
+
fallback?: React.ReactNode;
|
|
8
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface InputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'prefix' | 'suffix'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
supportText?: string;
|
|
7
|
+
prefix?: React.ReactNode;
|
|
8
|
+
suffix?: React.ReactNode;
|
|
9
|
+
clearable?: boolean;
|
|
10
|
+
size?: InputSize;
|
|
11
|
+
full?: boolean;
|
|
12
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { LinkProps } from './types';
|
|
3
|
+
export type { LinkOwnProps, LinkProps } from './types';
|
|
4
|
+
export declare const Link: {
|
|
5
|
+
<TElement extends React.ElementType = "a">({ color, underline, active, as, className, children, href, to, style, ...props }: LinkProps<TElement>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PolymorphicComponentProps } from '../types';
|
|
2
|
+
import { ColorValue } from '../../utils/styleTokens';
|
|
3
|
+
import type * as React from 'react';
|
|
4
|
+
export interface LinkOwnProps {
|
|
5
|
+
color?: ColorValue;
|
|
6
|
+
underline?: boolean;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
to?: string;
|
|
9
|
+
}
|
|
10
|
+
export type LinkProps<TElement extends React.ElementType = 'a'> = PolymorphicComponentProps<TElement, LinkOwnProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ListItemProps, ListProps } from './types';
|
|
2
|
+
export type { ListItemProps, ListProps, ListVariant } from './types';
|
|
3
|
+
declare function ListRoot({ children, variant, className, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function ListItem({ children, description, startContent, endContent, active, disabled, className, onClick, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const List: typeof ListRoot & {
|
|
6
|
+
Item: typeof ListItem;
|
|
7
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type ListVariant = 'default' | 'bordered' | 'divided' | 'checklist';
|
|
3
|
+
export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
variant?: ListVariant;
|
|
5
|
+
}
|
|
6
|
+
export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
description?: React.ReactNode;
|
|
8
|
+
startContent?: React.ReactNode;
|
|
9
|
+
endContent?: React.ReactNode;
|
|
10
|
+
active?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
3
|
+
export interface ModalProps {
|
|
4
|
+
open: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
title?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
size?: ModalSize;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
footer?: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
closeOnOverlayClick?: boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { MultiSelectProps } from './types';
|
|
3
|
+
export type { MultiSelectOption, MultiSelectProps } from './types';
|
|
4
|
+
export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface MultiSelectOption {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface MultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
8
|
+
options: MultiSelectOption[];
|
|
9
|
+
value?: string[];
|
|
10
|
+
defaultValue?: string[];
|
|
11
|
+
onChange?: (value: string[]) => void;
|
|
12
|
+
label?: string;
|
|
13
|
+
error?: string;
|
|
14
|
+
supportText?: string;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
full?: boolean;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ColorValue } from '../../utils/styleTokens';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type ProgressSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
value: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
size?: ProgressSize;
|
|
8
|
+
color?: ColorValue;
|
|
9
|
+
animated?: boolean;
|
|
10
|
+
showValue?: boolean;
|
|
11
|
+
label?: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ColorValue } from '../../utils/styleTokens';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
color?: ColorValue;
|
|
8
|
+
}
|