@aciole/acyon 0.0.2 → 0.0.4

package/dist/components/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { AccordionComponent, AccordionItemProps } from './types';
 export type { AccordionComponent, AccordionItemProps, AccordionProps } from './types';
-export declare const AccordionItem: React.FC<AccordionItemProps>;
+export declare const AccordionItem: React.NamedExoticComponent<AccordionItemProps>;
 export declare const Accordion: AccordionComponent;

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/Card/Card.d.ts

@@ -3,5 +3,5 @@ import { CardHeaderProps, CardProps, CardSectionProps } from './types';
 export type { CardHeaderProps, CardPadding, CardProps, CardSectionProps, CardVariant } from './types';
 export declare function Card<TElement extends React.ElementType = 'div'>({ padding, variant, as, children, className, ...props }: CardProps<TElement>): import("react/jsx-runtime").JSX.Element;
 export declare function CardHeader({ title, description, icon, action, children, className, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardBody({ children, className, ...props }: CardSectionProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardFooter({ children, className, ...props }: CardSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare const CardBody: React.NamedExoticComponent<CardSectionProps>;
+export declare const CardFooter: React.NamedExoticComponent<CardSectionProps>;

package/dist/components/Carousel/Carousel.d.ts

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

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

@@ -0,0 +1,20 @@
+import type * as React from 'react';
+export interface CarouselProps {
+    /** Array of slides — accepts any ReactNode: images, components, JSX */
+    items: React.ReactNode[];
+    /** Controlled active index */
+    index?: number;
+    /** Initial index when uncontrolled */
+    defaultIndex?: number;
+    /** Called when the active slide changes */
+    onChange?: (index: number) => void;
+    /** Number of slides visible at once (default: 1) */
+    itemsPerView?: number;
+    /** Show dot indicators (default: true) */
+    showDots?: boolean;
+    /** Show prev/next arrow buttons (default: true) */
+    showArrows?: boolean;
+    /** Wrap around from last to first slide (default: false) */
+    loop?: boolean;
+    className?: string;
+}

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,8 +1,10 @@
 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;
     fallback?: React.ReactNode;
+    width?: number;
+    height?: number;
 }

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/NumberInput/NumberInput.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { NumberInputProps } from './types';
+export type { NumberInputProps, NumberInputVariant } from './types';
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,19 @@
+import type * as React from 'react';
+export type NumberInputVariant = 'default' | 'stepper';
+export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange'> {
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+    onChange?: (value: number | undefined) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    variant?: NumberInputVariant;
+    disabled?: boolean;
+    invalid?: boolean;
+    fullWidth?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    inputClassName?: string;
+    containerClassName?: string;
+}

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

@@ -6,4 +6,5 @@ export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     onBack?: () => void;
     action?: React.ReactNode;
     width?: string;
+    mb?: string;
 }

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/Radio/types.d.ts

@@ -3,6 +3,6 @@ import type * as React from 'react';
 export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     label?: string;
     description?: string;
-    error?: boolean;
+    error?: string;
     color?: ColorValue;
 }

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/Table/Table.d.ts

@@ -2,8 +2,8 @@ import { default as React } from 'react';
 import { TableProps } from './types';
 export type { TableProps } from './types';
 export declare const Table: React.FC<TableProps>;
-export declare const Thead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
-export declare const Tbody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
-export declare const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>>;
-export declare const Th: React.FC<React.ThHTMLAttributes<HTMLTableCellElement>>;
-export declare const Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>>;
+export declare const Thead: React.NamedExoticComponent<React.HTMLAttributes<HTMLTableSectionElement>>;
+export declare const Tbody: React.NamedExoticComponent<React.HTMLAttributes<HTMLTableSectionElement>>;
+export declare const Tr: React.NamedExoticComponent<React.HTMLAttributes<HTMLTableRowElement>>;
+export declare const Th: React.NamedExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement>>;
+export declare const Td: React.NamedExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement>>;

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/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { ToastContextValue, ToastProviderProps } from './types';
-export type { ToastColor, ToastContextValue, ToastData, ToastPosition, ToastProviderProps } from './types';
+export type { ToastColor, ToastContextValue, ToastData, ToastPosition, ToastProviderProps, ToastVariant } from './types';
 export declare const ToastProvider: React.FC<ToastProviderProps>;
 export declare function useToast(): ToastContextValue;

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

@@ -2,11 +2,13 @@ import { ColorValue } from '../../utils/styleTokens';
 import type * as React from 'react';
 export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
 export type ToastColor = Extract<ColorValue, string>;
+export type ToastVariant = 'default' | 'snackbar';
 export interface ToastData {
     id: string;
     title: string;
     description?: string;
     color?: ToastColor;
+    variant?: ToastVariant;
     duration?: number;
 }
 export interface ToastContextValue {

package/dist/components/index.d.ts

@@ -7,9 +7,12 @@ 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';
+export * from './NumberInput/NumberInput';
+export * from './Carousel/Carousel';
 export * from './FileUpload/FileUpload';
 export * from './Card/Card';
 export * from './Box/Box';
@@ -25,6 +28,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/icons/generated.d.ts

@@ -1,5 +1,5 @@
 import { IconProps } from './IconBase';
-export type IconName = 'activity' | 'alert-circle' | 'alert-triangle' | 'align-horizontal' | 'align-justify' | 'app-window' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'badge' | 'battery' | 'bell' | 'bluetooth' | 'book' | 'box' | 'calendar' | 'camera' | 'check-square' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron' | 'circle-dot' | 'clock' | 'close' | 'cloud' | 'code' | 'component' | 'copy' | 'credit-card' | 'database' | 'download' | 'edit' | 'external-link' | 'eye-off' | 'eye' | 'file-text' | 'file' | 'filter' | 'folder' | 'form-input' | 'ghost' | 'gift' | 'git-commit' | 'github' | 'grid' | 'grip' | 'heading1' | 'heart' | 'help-circle' | 'history' | 'home' | 'image' | 'info' | 'lab' | 'laptop' | 'layout-template' | 'layout' | 'link' | 'linkedin' | 'list-checks' | 'list-collapse' | 'list-filter' | 'list' | 'loader2' | 'lock' | 'log-in' | 'log-out' | 'mail' | 'map-pin' | 'menu' | 'message-circle' | 'message-square' | 'mic' | 'milestone' | 'minus' | 'monitor' | 'moon' | 'more-horizontal' | 'mouse-pointer' | 'music' | 'panel-left' | 'panel-top' | 'panel' | 'phone' | 'plus' | 'rectangle-horizontal' | 'refresh' | 'rocket' | 'ruler' | 'search' | 'server' | 'settings' | 'share' | 'shield' | 'shopping-cart' | 'sliders-horizontal' | 'smartphone' | 'spark' | 'sparkles' | 'spinner' | 'square' | 'star' | 'sun' | 'table' | 'tablet' | 'tag' | 'text-cursor' | 'theme-dark' | 'theme-light' | 'toggle-right' | 'trash' | 'type' | 'unlock' | 'upload-cloud' | 'upload' | 'user-circle' | 'user' | 'video' | 'warning' | 'wifi' | 'x' | 'zap';
+export type IconName = 'activity' | 'alert-circle' | 'alert-triangle' | 'align-horizontal' | 'align-justify' | 'app-window' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'badge' | 'battery' | 'bell' | 'bluetooth' | 'book' | 'box' | 'calendar' | 'camera' | 'check-square' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron' | 'circle-dot' | 'clock' | 'close' | 'cloud' | 'code' | 'component' | 'copy' | 'credit-card' | 'database' | 'download' | 'edit' | 'external-link' | 'eye-off' | 'eye' | 'file-text' | 'file' | 'filter' | 'folder' | 'form-input' | 'ghost' | 'gift' | 'git-commit' | 'github' | 'grid' | 'grip' | 'hash' | 'heading1' | 'heart' | 'help-circle' | 'history' | 'home' | 'image' | 'info' | 'lab' | 'laptop' | 'layout-template' | 'layout' | 'link' | 'linkedin' | 'list-checks' | 'list-collapse' | 'list-filter' | 'list' | 'loader2' | 'lock' | 'log-in' | 'log-out' | 'mail' | 'map-pin' | 'menu' | 'message-circle' | 'message-square' | 'mic' | 'milestone' | 'minus' | 'monitor' | 'moon' | 'more-horizontal' | 'mouse-pointer' | 'music' | 'panel-left' | 'panel-top' | 'panel' | 'phone' | 'plus' | 'rectangle-horizontal' | 'refresh' | 'rocket' | 'ruler' | 'search' | 'server' | 'settings' | 'share' | 'shield' | 'shopping-cart' | 'sliders-horizontal' | 'smartphone' | 'spark' | 'sparkles' | 'spinner' | 'square' | 'star' | 'sun' | 'table' | 'tablet' | 'tag' | 'text-cursor' | 'theme-dark' | 'theme-light' | 'toggle-right' | 'trash' | 'type' | 'unlock' | 'upload-cloud' | 'upload' | 'user-circle' | 'user' | 'video' | 'warning' | 'wifi' | 'x' | 'zap';
 declare const icons: {
     activity: {
         viewBox: string;
@@ -451,6 +451,15 @@ declare const icons: {
         strokeLinejoin: string;
         body: string;
     };
+    hash: {
+        viewBox: string;
+        fill: string;
+        stroke: string;
+        strokeWidth: string;
+        strokeLinecap: string;
+        strokeLinejoin: string;
+        body: string;
+    };
     heading1: {
         viewBox: string;
         fill: string;
@@ -1190,6 +1199,7 @@ export declare const GitCommitIcon: (props: IconProps) => import("react/jsx-runt
 export declare const GithubIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GridIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GripIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HashIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Heading1Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const HeartIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const HelpCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

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.4",
   "description": "Acyon React component library",
   "keywords": [
     "react",