@aciole/acyon 0.0.3 → 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/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/Image/types.d.ts

@@ -5,4 +5,6 @@ export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     objectFit?: ImageObjectFit;
     radius?: ImageRadius;
     fallback?: React.ReactNode;
+    width?: number;
+    height?: number;
 }

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/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/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/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

@@ -11,6 +11,8 @@ 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';

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/package.json

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