@acyui/components 0.1.0

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

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

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    showBack?: boolean;
+    onBack?: () => void;
+    action?: React.ReactNode;
+    width?: string;
+    mb?: string;
+}

package/dist/components/Pagination/Pagination.d.ts

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

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

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    showControls?: boolean;
+}

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

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

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

@@ -0,0 +1,12 @@
+import { ColorValue } from '../../utils/styleTokens';
+import type * as React from 'react';
+export type ProgressSize = 'small' | 'medium' | 'large';
+export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    size?: ProgressSize;
+    color?: ColorValue;
+    animated?: boolean;
+    showValue?: boolean;
+    label?: string;
+}

package/dist/components/Radio/Radio.d.ts

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

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

@@ -0,0 +1,8 @@
+import { ColorValue } from '../../utils/styleTokens';
+import type * as React from 'react';
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    description?: string;
+    error?: string;
+    color?: ColorValue;
+}

package/dist/components/Search/Search.d.ts

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

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

@@ -0,0 +1,5 @@
+import { InputProps } from '../Input/types';
+export interface SearchProps extends Omit<InputProps, 'prefix' | 'type'> {
+    onSearch?: (value: string) => void;
+    loading?: boolean;
+}

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SelectProps } from './types';
+export type { SelectOption, SelectProps, SelectSize } from './types';
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+import type * as React from 'react';
+export interface SelectOption {
+    value: string;
+    label: React.ReactNode;
+    searchValue?: string;
+    disabled?: boolean;
+}
+export type SelectSize = 'small' | 'medium' | 'large';
+export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    error?: string;
+    supportText?: string;
+    size?: SelectSize;
+    placeholder?: string;
+    full?: boolean;
+    disabled?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+}

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarProps } from './types';
+export type { SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemOwnProps, SidebarItemProps, SidebarProps } from './types';
+declare function SidebarRoot({ collapsed: controlledCollapsed, defaultCollapsed, onToggle, className, children, searchThreshold, searchPlaceholder, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ icon, logo, collapsible, className, children, onClick, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarItem<TElement extends React.ElementType = 'button'>({ icon, active, as, className, children, searchText, ...props }: SidebarItemProps<TElement>): import("react/jsx-runtime").JSX.Element | null;
+declare function SidebarGroup({ title, leftIcon, defaultOpen, open: controlledOpen, onOpenChange, collapsible, className, children, ...props }: SidebarGroupProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SidebarFooter({ className, children, ...props }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare const Sidebar: typeof SidebarRoot & {
+    Header: typeof SidebarHeader;
+    Item: typeof SidebarItem;
+    Group: typeof SidebarGroup;
+    Footer: typeof SidebarFooter;
+};

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

@@ -0,0 +1,34 @@
+import { PolymorphicComponentProps } from '../types';
+import type * as React from 'react';
+export interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onToggle?: (collapsed: boolean) => void;
+    searchThreshold?: number;
+    searchPlaceholder?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: React.ReactNode;
+    logo?: React.ReactNode;
+    collapsible?: boolean;
+}
+export interface SidebarItemOwnProps {
+    icon?: React.ReactNode | JSX.Element;
+    active?: boolean;
+    searchText?: string;
+    children?: React.ReactNode;
+}
+export type SidebarItemProps<TElement extends React.ElementType = 'button'> = PolymorphicComponentProps<TElement, SidebarItemOwnProps>;
+export interface SidebarGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    collapsible?: boolean;
+    children?: React.ReactNode;
+}
+export interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}

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

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

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

@@ -0,0 +1,6 @@
+export interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    animated?: boolean;
+    rounded?: boolean;
+}

package/dist/components/Slider/Slider.d.ts

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

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

@@ -0,0 +1,5 @@
+import type * as React from 'react';
+export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    label?: string;
+    supportText?: string;
+}

package/dist/components/Spacer/Spacer.d.ts

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

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

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export type SpacerAxis = 'horizontal' | 'vertical';
+export interface SpacerProps {
+    size?: number | string;
+    axis?: SpacerAxis;
+    style?: React.CSSProperties;
+}

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

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

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

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+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

@@ -0,0 +1,9 @@
+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.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/Table/types.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    striped?: boolean;
+    hover?: boolean;
+    compact?: boolean;
+    stickyHeader?: boolean;
+    containerClassName?: string;
+}

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

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

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

@@ -0,0 +1,19 @@
+import type * as React from 'react';
+export interface TabItem {
+    value: string;
+    label: React.ReactNode;
+    content?: React.ReactNode;
+    disabled?: boolean;
+    href?: string;
+}
+export type TabsVariant = 'default' | 'pills';
+export type TabsSize = 'small' | 'medium' | 'large';
+export interface TabsProps {
+    tabs: TabItem[];
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    variant?: TabsVariant;
+    size?: TabsSize;
+}

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

@@ -0,0 +1,3 @@
+import { TagProps } from './types';
+export type { TagProps, TagSize, TagVariant } from './types';
+export declare function Tag({ children, variant, size, color, leftIcon, rightIcon, closable, onRemove, className, style, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ColorValue, TokenSize } from '../../utils/styleTokens';
+import type * as React from 'react';
+export type TagVariant = 'soft' | 'outline';
+export type TagSize = Extract<TokenSize, 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge'>;
+export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: TagVariant;
+    size?: TagSize;
+    color?: ColorValue;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    closable?: boolean;
+    onRemove?: () => void;
+}

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TextProps } from './types';
+export type { TextColor, TextOwnProps, TextProps, TextSize, TextWeight } from './types';
+export declare const Text: <TElement extends React.ElementType = "p">({ size, color, weight, as, className, children, style, ...props }: TextProps<TElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { PolymorphicComponentProps } from '../types';
+import { TokenTextColor, TokenWeight, TokenSize } from '../../utils/styleTokens';
+import type * as React from 'react';
+export type TextSize = TokenSize;
+export type TextColor = TokenTextColor;
+export type TextWeight = TokenWeight;
+export interface TextOwnProps {
+    size?: TextSize;
+    color?: TextColor;
+    weight?: TextWeight;
+    htmlFor?: string;
+}
+export type TextProps<TElement extends React.ElementType = 'p'> = PolymorphicComponentProps<TElement, TextOwnProps>;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TextAreaProps } from './types';
+export type { TextAreaProps, TextAreaResize } from './types';
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+export type TextAreaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    hint?: string;
+    full?: boolean;
+    resize?: TextAreaResize;
+}

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ThemeContextValue, ThemeProviderProps } from './types';
+export type { Theme, ThemeContextValue, ThemeProviderProps } from './types';
+export declare const useTheme: () => ThemeContextValue;
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;

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

@@ -0,0 +1,15 @@
+import { ToastPosition } from '../Toast/types';
+import type * as React from 'react';
+export type Theme = 'light' | 'dark';
+export interface ThemeContextValue {
+    theme: Theme;
+    toggleTheme: () => void;
+    setTheme: (theme: Theme) => void;
+}
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    toastPosition?: ToastPosition;
+    toastMaxToasts?: number;
+}

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TimelineItemProps, TimelineProps } from './types';
+export type { TimelineItemProps, TimelineProps } from './types';
+export declare const TimelineItem: React.FC<TimelineItemProps>;
+export declare const Timeline: React.FC<TimelineProps>;

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

@@ -0,0 +1,12 @@
+import type * as React from 'react';
+export interface TimelineItemProps {
+    title: string;
+    description?: React.ReactNode;
+    date?: string;
+    icon?: React.ReactNode;
+    src?: string;
+    name?: string;
+}
+export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ToastContextValue, 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

@@ -0,0 +1,22 @@
+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 {
+    toast: (data: Omit<ToastData, 'id'>) => void;
+    dismiss: (id: string) => void;
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    position?: ToastPosition;
+    maxToasts?: number;
+}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { TooltipProps } from './types';
+export type { TooltipPlacement, TooltipProps } from './types';
+export declare function Tooltip({ content, placement, children, delay }: TooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipProps {
+    content: React.ReactNode;
+    placement?: TooltipPlacement;
+    children: React.ReactElement;
+    delay?: number;
+}

package/dist/components/TopBar/TopBar.d.ts

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

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

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+export interface TopBarNavItem {
+    label?: string;
+    active?: boolean;
+    onClick?: () => void;
+    href?: string;
+    to?: string;
+}
+export interface TopBarProps extends React.HTMLAttributes<HTMLElement> {
+    logo?: React.ReactNode;
+    navItems?: TopBarNavItem[];
+    navPosition?: 'center' | 'right';
+    extraContent?: React.ReactNode;
+    themeToggle?: React.ReactNode | boolean;
+    sticky?: boolean;
+    contentInside?: boolean;
+}

package/dist/components/index.d.ts

@@ -0,0 +1,53 @@
+export * from './Button/Button';
+export * from './types';
+export * from './IconButton/IconButton';
+export * from './Input/Input';
+export * from './TextArea/TextArea';
+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';
+export * from './Flex/Flex';
+export * from './Grid/Grid';
+export * from './Container/Container';
+export * from './Spacer/Spacer';
+export * from './Divider/Divider';
+export * from './List/List';
+export * from './Accordion/Accordion';
+export * from './Text/Text';
+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';
+export * from './Loader/Loader';
+export * from './Skeleton/Skeleton';
+export * from './Switch/Switch';
+export * from './Pagination/Pagination';
+export * from './EmptyState/EmptyState';
+export * from './Modal/Modal';
+export * from './Drawer/Drawer';
+export * from './Tooltip/Tooltip';
+export * from './Toast/Toast';
+export * from './Table/Table';
+export * from './Sidebar/Sidebar';
+export * from './TopBar/TopBar';
+export * from './PageHeader/PageHeader';
+export * from './Breadcrumb/Breadcrumb';
+export * from './Progress/Progress';
+export * from './Tabs/Tabs';
+export * from './Timeline/Timeline';
+export * from './FormField/FormField';
+export * from './ThemeProvider/ThemeProvider';

package/dist/components/types.d.ts

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export type LooseStringUnion<T extends string> = T | (string & object);
+export type PropsOf<TElement extends React.ElementType> = React.ComponentPropsWithoutRef<TElement>;
+export type PolymorphicRef<TElement extends React.ElementType> = React.ComponentPropsWithRef<TElement>['ref'];
+export type PolymorphicComponentProps<TElement extends React.ElementType, TOwnProps = object> = TOwnProps & {
+    as?: TElement;
+} & Omit<PropsOf<TElement>, keyof TOwnProps | 'as'>;

package/dist/hooks/useOverlay.d.ts

@@ -0,0 +1,9 @@
+export interface UseOverlayOptions {
+    isOpen: boolean;
+    onClose: () => void;
+    closeOnEscape?: boolean;
+    lockScroll?: boolean;
+}
+export declare function useOverlay({ isOpen, onClose, closeOnEscape, lockScroll }: UseOverlayOptions): {
+    overlayRef: import('react').RefObject<HTMLDivElement>;
+};

package/dist/icons/IconBase.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'name'> {
+    size?: number;
+}
+export declare function IconBase({ size, width, height, viewBox, fill, stroke, strokeWidth, strokeLinecap, strokeLinejoin, children, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;