@aciole/acyon 0.0.2 → 0.0.3

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AlertProps } from './types';
+export type { AlertProps, AlertVariant } from './types';
+export declare const Alert: React.FC<AlertProps>;

package/dist/components/Alert/types.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+export type AlertVariant = 'primary' | 'neutral' | 'success' | 'warning' | 'error';
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: AlertVariant;
+    title?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}

package/dist/components/Avatar/types.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
 export type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
 export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;

package/dist/components/Badge/types.d.ts

@@ -2,7 +2,7 @@ import { ColorValue, TokenSize } from '../../utils/styleTokens';
 import type * as React from 'react';
 export type BadgeVariant = 'solid' | 'outline' | 'soft';
 export type BadgeColor = ColorValue;
-export type BadgeSize = Extract<TokenSize, 'sm' | 'md' | 'lg'>;
+export type BadgeSize = Extract<TokenSize, 'small' | 'medium' | 'large'>;
 export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: BadgeVariant;
     color?: BadgeColor;

package/dist/components/Button/types.d.ts

@@ -1,8 +1,8 @@
 import { ColorValue } from '../../utils/styleTokens';
 import type * as React from 'react';
 export type ButtonVariant = 'solid' | 'soft' | 'ghost' | 'outline';
-export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type ButtonColor = ColorValue | 'default';
+export type ButtonSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+export type ButtonColor = ColorValue;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;

package/dist/components/Container/types.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type ContainerSize = 'small' | 'medium' | 'large' | 'extraLarge' | 'full';
 export interface ContainerProps {
     children: React.ReactNode;
     size?: ContainerSize;

package/dist/components/Drawer/types.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 export type DrawerPlacement = 'left' | 'right';
-export type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
+export type DrawerSize = 'small' | 'medium' | 'large' | 'full';
 export interface DrawerProps {
     isOpen: boolean;
     onClose: () => void;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,7 @@
+import { DropdownItemProps, DropdownProps } from './types';
+export type { DropdownItemProps, DropdownPlacement, DropdownProps } from './types';
+declare function DropdownRoot({ children, content, open, defaultOpen, onOpenChange, placement, offset, disabled, matchTriggerWidth, closeOnClickOutside, className, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownItem({ children, className, inset, destructive, keepOpen, leftContent, rightContent, onClick, onSelect, ...props }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: typeof DropdownRoot & {
+    Item: typeof DropdownItem;
+};

package/dist/components/Dropdown/types.d.ts

@@ -0,0 +1,22 @@
+import type * as React from 'react';
+export type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'content'> {
+    children: React.ReactElement;
+    content: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: DropdownPlacement;
+    offset?: number;
+    disabled?: boolean;
+    matchTriggerWidth?: boolean;
+    closeOnClickOutside?: boolean;
+}
+export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    inset?: boolean;
+    destructive?: boolean;
+    keepOpen?: boolean;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    onSelect?: () => void;
+}

package/dist/components/IconButton/types.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps, ButtonSize, ButtonVariant } from '../Button/types';
 import type * as React from 'react';
 export type IconButtonVariant = ButtonVariant;
-export type IconButtonSize = Extract<ButtonSize, 'sm' | 'md' | 'lg'>;
+export type IconButtonSize = Extract<ButtonSize, 'small' | 'medium' | 'large'>;
 export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon'> {
     icon: React.ReactNode | JSX.Element;
     label?: string;

package/dist/components/Image/types.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-export type ImageObjectFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
-export type ImageRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+export type ImageObjectFit = 'cover' | 'contain' | 'fill' | 'none' | 'scaleDown';
+export type ImageRadius = 'small' | 'medium' | 'large' | 'full';
 export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     objectFit?: ImageObjectFit;
     radius?: ImageRadius;

package/dist/components/Input/types.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
-export type InputSize = 'sm' | 'md' | 'lg';
+export type InputSize = 'small' | 'medium' | 'large';
 export interface InputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'prefix' | 'suffix'> {
     label?: string;
     error?: string;
-    supportText?: string;
+    hint?: string;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     clearable?: boolean;

package/dist/components/Loader/types.d.ts

@@ -1,5 +1,5 @@
 import { ColorValue } from '../../utils/styleTokens';
-export type LoaderSize = 'xs' | 'sm' | 'md' | 'lg';
+export type LoaderSize = 'extraSmall' | 'small' | 'medium' | 'large';
 export interface LoaderProps {
     size?: LoaderSize;
     color?: ColorValue;

package/dist/components/Modal/types.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type ModalSize = 'small' | 'medium' | 'large' | 'extraLarge' | 'full';
 export interface ModalProps {
     open: boolean;
     onClose: () => void;

package/dist/components/Progress/types.d.ts

@@ -1,6 +1,6 @@
 import { ColorValue } from '../../utils/styleTokens';
 import type * as React from 'react';
-export type ProgressSize = 'sm' | 'md' | 'lg';
+export type ProgressSize = 'small' | 'medium' | 'large';
 export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
     value: number;
     max?: number;

package/dist/components/Select/types.d.ts

@@ -5,7 +5,7 @@ export interface SelectOption {
     searchValue?: string;
     disabled?: boolean;
 }
-export type SelectSize = 'sm' | 'md' | 'lg';
+export type SelectSize = 'small' | 'medium' | 'large';
 export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     options: SelectOption[];
     value?: string;

package/dist/components/Skeleton/types.d.ts

@@ -1,8 +1,6 @@
-import type * as React from 'react';
-export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SkeletonProps {
     width?: string | number;
     height?: string | number;
-    circle?: boolean;
-    radius?: string | number;
     animated?: boolean;
+    rounded?: boolean;
 }

package/dist/components/Switch/types.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-export type SwitchSize = 'sm' | 'md';
+export type SwitchSize = 'small' | 'medium';
 export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
     label?: string;
     size?: SwitchSize;

package/dist/components/Tabs/types.d.ts

@@ -7,7 +7,7 @@ export interface TabItem {
     href?: string;
 }
 export type TabsVariant = 'default' | 'pills';
-export type TabsSize = 'sm' | 'md' | 'lg';
+export type TabsSize = 'small' | 'medium' | 'large';
 export interface TabsProps {
     tabs: TabItem[];
     defaultValue?: string;

package/dist/components/Tag/types.d.ts

@@ -1,7 +1,7 @@
 import { ColorValue, TokenSize } from '../../utils/styleTokens';
 import type * as React from 'react';
 export type TagVariant = 'soft' | 'outline';
-export type TagSize = Extract<TokenSize, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
+export type TagSize = Extract<TokenSize, 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge'>;
 export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: TagVariant;
     size?: TagSize;

package/dist/components/TextArea/types.d.ts

@@ -3,7 +3,7 @@ export type TextAreaResize = 'none' | 'vertical' | 'horizontal' | 'both';
 export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     label?: string;
     error?: string;
-    supportText?: string;
+    hint?: string;
     full?: boolean;
     resize?: TextAreaResize;
 }

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './Search/Search';
 export * from './DatePicker/DatePicker';
 export * from './Select/Select';
 export * from './MultiSelect/MultiSelect';
+export * from './Dropdown/Dropdown';
 export * from './Checkbox/Checkbox';
 export * from './Radio/Radio';
 export * from './Slider/Slider';
@@ -25,6 +26,7 @@ export * from './Heading/Heading';
 export * from './Code/Code';
 export * from './Link/Link';
 export * from './Badge/Badge';
+export * from './Alert/Alert';
 export * from './Tag/Tag';
 export * from './Avatar/Avatar';
 export * from './Image/Image';

package/dist/utils/styleTokens.d.ts

@@ -1,9 +1,9 @@
 import { LooseStringUnion } from '../components/types';
-export type TokenColor = 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'neutral';
+export type TokenColor = 'primary' | 'neutral' | 'success' | 'warning' | 'error';
 export type ColorValue = LooseStringUnion<TokenColor>;
-export type TokenTextColor = LooseStringUnion<TokenColor | 'default' | 'subtle' | 'muted' | 'inverse' | 'disabled'>;
+export type TokenTextColor = LooseStringUnion<TokenColor | 'default' | 'inverse' | 'disabled'>;
 export type TokenIconColor = LooseStringUnion<TokenColor | 'default' | 'disabled'>;
-export type TokenSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type TokenSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
 export type TokenWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 export declare function isTokenColor(color?: string): color is TokenColor;
 export declare function colorVar(color?: ColorValue): string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aciole/acyon",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Acyon React component library",
   "keywords": [
     "react",