@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.
Files changed (115) hide show
  1. package/dist/acyon.cjs.js +208 -0
  2. package/dist/acyon.cjs.js.map +1 -0
  3. package/dist/acyon.css +1 -0
  4. package/dist/acyon.es.js +3667 -0
  5. package/dist/acyon.es.js.map +1 -0
  6. package/dist/components/Accordion/Accordion.d.ts +5 -0
  7. package/dist/components/Accordion/types.d.ts +16 -0
  8. package/dist/components/Avatar/Avatar.d.ts +4 -0
  9. package/dist/components/Avatar/types.d.ts +9 -0
  10. package/dist/components/Badge/Badge.d.ts +4 -0
  11. package/dist/components/Badge/types.d.ts +10 -0
  12. package/dist/components/Box/Box.d.ts +6 -0
  13. package/dist/components/Box/types.d.ts +14 -0
  14. package/dist/components/Breadcrumb/Breadcrumb.d.ts +4 -0
  15. package/dist/components/Breadcrumb/types.d.ts +11 -0
  16. package/dist/components/Button/Button.d.ts +4 -0
  17. package/dist/components/Button/types.d.ts +14 -0
  18. package/dist/components/Card/Card.d.ts +7 -0
  19. package/dist/components/Card/types.d.ts +17 -0
  20. package/dist/components/Checkbox/Checkbox.d.ts +4 -0
  21. package/dist/components/Checkbox/types.d.ts +8 -0
  22. package/dist/components/Code/Code.d.ts +4 -0
  23. package/dist/components/Code/types.d.ts +9 -0
  24. package/dist/components/Container/Container.d.ts +4 -0
  25. package/dist/components/Container/types.d.ts +8 -0
  26. package/dist/components/DatePicker/DatePicker.d.ts +4 -0
  27. package/dist/components/DatePicker/types.d.ts +7 -0
  28. package/dist/components/Divider/Divider.d.ts +3 -0
  29. package/dist/components/Divider/types.d.ts +6 -0
  30. package/dist/components/Drawer/Drawer.d.ts +4 -0
  31. package/dist/components/Drawer/types.d.ts +14 -0
  32. package/dist/components/EmptyState/EmptyState.d.ts +4 -0
  33. package/dist/components/EmptyState/types.d.ts +7 -0
  34. package/dist/components/FileUpload/FileUpload.d.ts +4 -0
  35. package/dist/components/FileUpload/types.d.ts +10 -0
  36. package/dist/components/Flex/Flex.d.ts +4 -0
  37. package/dist/components/Flex/types.d.ts +16 -0
  38. package/dist/components/FormField/FormField.d.ts +4 -0
  39. package/dist/components/FormField/types.d.ts +10 -0
  40. package/dist/components/Grid/Grid.d.ts +4 -0
  41. package/dist/components/Grid/types.d.ts +10 -0
  42. package/dist/components/Heading/Heading.d.ts +9 -0
  43. package/dist/components/Heading/types.d.ts +7 -0
  44. package/dist/components/IconButton/IconButton.d.ts +4 -0
  45. package/dist/components/IconButton/types.d.ts +11 -0
  46. package/dist/components/Image/Image.d.ts +4 -0
  47. package/dist/components/Image/types.d.ts +8 -0
  48. package/dist/components/Input/Input.d.ts +4 -0
  49. package/dist/components/Input/types.d.ts +12 -0
  50. package/dist/components/Link/Link.d.ts +7 -0
  51. package/dist/components/Link/types.d.ts +10 -0
  52. package/dist/components/List/List.d.ts +7 -0
  53. package/dist/components/List/types.d.ts +12 -0
  54. package/dist/components/Loader/Loader.d.ts +3 -0
  55. package/dist/components/Loader/types.d.ts +8 -0
  56. package/dist/components/Modal/Modal.d.ts +4 -0
  57. package/dist/components/Modal/types.d.ts +13 -0
  58. package/dist/components/MultiSelect/MultiSelect.d.ts +4 -0
  59. package/dist/components/MultiSelect/types.d.ts +18 -0
  60. package/dist/components/PageHeader/PageHeader.d.ts +4 -0
  61. package/dist/components/PageHeader/types.d.ts +9 -0
  62. package/dist/components/Pagination/Pagination.d.ts +4 -0
  63. package/dist/components/Pagination/types.d.ts +7 -0
  64. package/dist/components/Progress/Progress.d.ts +4 -0
  65. package/dist/components/Progress/types.d.ts +12 -0
  66. package/dist/components/Radio/Radio.d.ts +4 -0
  67. package/dist/components/Radio/types.d.ts +8 -0
  68. package/dist/components/Search/Search.d.ts +4 -0
  69. package/dist/components/Search/types.d.ts +5 -0
  70. package/dist/components/Select/Select.d.ts +4 -0
  71. package/dist/components/Select/types.d.ts +23 -0
  72. package/dist/components/Sidebar/Sidebar.d.ts +14 -0
  73. package/dist/components/Sidebar/types.d.ts +34 -0
  74. package/dist/components/Skeleton/Skeleton.d.ts +4 -0
  75. package/dist/components/Skeleton/types.d.ts +8 -0
  76. package/dist/components/Slider/Slider.d.ts +4 -0
  77. package/dist/components/Slider/types.d.ts +5 -0
  78. package/dist/components/Spacer/Spacer.d.ts +4 -0
  79. package/dist/components/Spacer/types.d.ts +7 -0
  80. package/dist/components/Switch/Switch.d.ts +4 -0
  81. package/dist/components/Switch/types.d.ts +6 -0
  82. package/dist/components/Table/Table.d.ts +9 -0
  83. package/dist/components/Table/types.d.ts +8 -0
  84. package/dist/components/Tabs/Tabs.d.ts +4 -0
  85. package/dist/components/Tabs/types.d.ts +19 -0
  86. package/dist/components/Tag/Tag.d.ts +3 -0
  87. package/dist/components/Tag/types.d.ts +13 -0
  88. package/dist/components/Text/Text.d.ts +4 -0
  89. package/dist/components/Text/types.d.ts +13 -0
  90. package/dist/components/TextArea/TextArea.d.ts +4 -0
  91. package/dist/components/TextArea/types.d.ts +9 -0
  92. package/dist/components/ThemeProvider/ThemeProvider.d.ts +5 -0
  93. package/dist/components/ThemeProvider/types.d.ts +15 -0
  94. package/dist/components/Timeline/Timeline.d.ts +5 -0
  95. package/dist/components/Timeline/types.d.ts +12 -0
  96. package/dist/components/Toast/Toast.d.ts +5 -0
  97. package/dist/components/Toast/types.d.ts +20 -0
  98. package/dist/components/Tooltip/Tooltip.d.ts +3 -0
  99. package/dist/components/Tooltip/types.d.ts +8 -0
  100. package/dist/components/TopBar/TopBar.d.ts +4 -0
  101. package/dist/components/TopBar/types.d.ts +17 -0
  102. package/dist/components/index.d.ts +49 -0
  103. package/dist/components/types.d.ts +7 -0
  104. package/dist/hooks/useOverlay.d.ts +9 -0
  105. package/dist/icons/IconBase.d.ts +5 -0
  106. package/dist/icons/generated.d.ts +1269 -0
  107. package/dist/icons/index.d.ts +5 -0
  108. package/dist/icons/types.d.ts +6 -0
  109. package/dist/index.d.ts +4 -0
  110. package/dist/utils/classNames.d.ts +7 -0
  111. package/dist/utils/formater.d.ts +1 -0
  112. package/dist/utils/index.d.ts +4 -0
  113. package/dist/utils/styleTokens.d.ts +14 -0
  114. package/dist/utils/variants.d.ts +25 -0
  115. 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,4 @@
1
+ import { default as React } from 'react';
2
+ import { AvatarProps } from './types';
3
+ export type { AvatarProps, AvatarSize, AvatarStatus } from './types';
4
+ export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { BreadcrumbProps } from './types';
3
+ export type { BreadcrumbItem, BreadcrumbProps } from './types';
4
+ export declare const Breadcrumb: React.FC<BreadcrumbProps>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { CheckboxProps } from './types';
3
+ export type { CheckboxProps } from './types';
4
+ export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { CodeProps } from './types';
3
+ export type { CodeProps, CodeSize, CodeWeight } from './types';
4
+ export declare const Code: React.FC<CodeProps>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { ContainerProps } from './types';
3
+ export type { ContainerProps, ContainerSize } from './types';
4
+ export declare const Container: React.FC<ContainerProps>;
@@ -0,0 +1,8 @@
1
+ import type * as React from 'react';
2
+ export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
3
+ export interface ContainerProps {
4
+ children: React.ReactNode;
5
+ size?: ContainerSize;
6
+ className?: string;
7
+ style?: React.CSSProperties;
8
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { DatePickerProps } from './types';
3
+ export type { DatePickerProps } from './types';
4
+ export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
@@ -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,3 @@
1
+ import { DividerProps } from './types';
2
+ export type { DividerOrientation, DividerProps } from './types';
3
+ export declare function Divider({ orientation, label, className, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import type * as React from 'react';
2
+ export type DividerOrientation = 'horizontal' | 'vertical';
3
+ export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ orientation?: DividerOrientation;
5
+ label?: string;
6
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { DrawerProps } from './types';
3
+ export type { DrawerPlacement, DrawerProps, DrawerSize } from './types';
4
+ export declare const Drawer: React.FC<DrawerProps>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { EmptyStateProps } from './types';
3
+ export type { EmptyStateProps } from './types';
4
+ export declare const EmptyState: React.FC<EmptyStateProps>;
@@ -0,0 +1,7 @@
1
+ import type * as React from 'react';
2
+ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ icon?: React.ReactNode;
4
+ title: string;
5
+ description?: string;
6
+ action?: React.ReactNode;
7
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { FileUploadProps } from './types';
3
+ export type { FileUploadProps } from './types';
4
+ export declare const FileUpload: React.FC<FileUploadProps>;
@@ -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 { FormFieldProps } from './types';
3
+ export type { FormFieldProps } from './types';
4
+ export declare const FormField: React.FC<FormFieldProps>;
@@ -0,0 +1,10 @@
1
+ import type * as React from 'react';
2
+ export interface FormFieldProps {
3
+ label?: string;
4
+ error?: string;
5
+ hint?: string;
6
+ children: React.ReactNode;
7
+ full?: boolean;
8
+ className?: string;
9
+ htmlFor?: string;
10
+ }
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { ImageProps } from './types';
3
+ export type { ImageObjectFit, ImageProps, ImageRadius } from './types';
4
+ export declare const Image: React.FC<ImageProps>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { InputProps } from './types';
3
+ export type { InputProps, InputSize } from './types';
4
+ export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
@@ -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,3 @@
1
+ import { LoaderProps } from './types';
2
+ export type { LoaderProps, LoaderSize } from './types';
3
+ export declare function Loader({ size, color, className, label }: LoaderProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { ColorValue } from '../../utils/styleTokens';
2
+ export type LoaderSize = 'xs' | 'sm' | 'md' | 'lg';
3
+ export interface LoaderProps {
4
+ size?: LoaderSize;
5
+ color?: ColorValue;
6
+ className?: string;
7
+ label?: string;
8
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { ModalProps } from './types';
3
+ export type { ModalProps, ModalSize } from './types';
4
+ export declare const Modal: React.FC<ModalProps>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { PageHeaderProps } from './types';
3
+ export type { PageHeaderProps } from './types';
4
+ export declare const PageHeader: React.FC<PageHeaderProps>;
@@ -0,0 +1,9 @@
1
+ import type * as React from 'react';
2
+ export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ title: string;
4
+ description?: string;
5
+ showBack?: boolean;
6
+ onBack?: () => void;
7
+ action?: React.ReactNode;
8
+ width?: string;
9
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { PaginationProps } from './types';
3
+ export type { PaginationProps } from './types';
4
+ export declare const Pagination: React.FC<PaginationProps>;
@@ -0,0 +1,7 @@
1
+ import type * as React from 'react';
2
+ export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
3
+ currentPage: number;
4
+ totalPages: number;
5
+ onPageChange: (page: number) => void;
6
+ showControls?: boolean;
7
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { ProgressProps } from './types';
3
+ export type { ProgressProps, ProgressSize } from './types';
4
+ export declare const Progress: React.FC<ProgressProps>;
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { RadioProps } from './types';
3
+ export type { RadioProps } from './types';
4
+ export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
@@ -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
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { SearchProps } from './types';
3
+ export type { SearchProps } from './types';
4
+ export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,5 @@
1
+ import { InputProps } from '../Input/types';
2
+ export interface SearchProps extends Omit<InputProps, 'prefix' | 'type'> {
3
+ onSearch?: (value: string) => void;
4
+ loading?: boolean;
5
+ }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { SelectProps } from './types';
3
+ export type { SelectOption, SelectProps, SelectSize } from './types';
4
+ export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;