@shohojdhara/atomix 0.1.3 → 0.1.5

package/dist/types/lib/composables/useHero.d.ts

@@ -1,53 +0,0 @@
-import { HeroProps } from '../types/components';
-/**
- * Hero hook result interface
- */
-interface UseHeroResult {
-    /**
-     * Generate hero class names based on props
-     */
-    generateHeroClassNames: (baseClassName?: string) => string;
-    /**
-     * Generate image column class based on size
-     */
-    generateImageColClass: (size?: number) => string;
-    /**
-     * Generate content column class based on size
-     */
-    generateContentColClass: (size?: number) => string;
-    /**
-     * Determine if the hero has a background image
-     */
-    hasBackgroundImage: boolean;
-    /**
-     * Determine if the hero has a foreground image
-     */
-    hasForegroundImage: boolean;
-    /**
-     * Determine if content should be displayed in a grid
-     */
-    useGridLayout: boolean;
-    /**
-     * Reference to the hero element
-     */
-    heroRef: React.RefObject<HTMLDivElement>;
-    /**
-     * Reference to the video element
-     */
-    videoRef: React.RefObject<HTMLVideoElement>;
-    /**
-     * Apply parallax effect
-     */
-    applyParallaxEffect: (element: HTMLElement, intensity: number) => void;
-    /**
-     * Remove parallax effect
-     */
-    removeParallaxEffect: (element: HTMLElement) => void;
-}
-/**
- * Hook for Hero component functionality
- * @param initialProps - Initial hero props
- * @returns Hero methods
- */
-export declare function useHero(initialProps?: Partial<HeroProps>): UseHeroResult;
-export {};

package/dist/types/lib/composables/useInput.d.ts

@@ -1,12 +0,0 @@
-import { InputProps } from '../types/components';
-/**
- * Input state and functionality
- * @param initialProps - Initial input properties
- * @returns Input state and methods
- */
-export declare function useInput(initialProps?: Partial<InputProps>): {
-    defaultProps: Partial<InputProps>;
-    generateInputClass: (props: Partial<InputProps> & {
-        type?: string;
-    }) => string;
-};

package/dist/types/lib/composables/useMessages.d.ts

@@ -1,38 +0,0 @@
-import { MessageItem } from '../types/components';
-interface UseMessagesProps {
-    /**
-     * Initial messages
-     */
-    initialMessages?: MessageItem[];
-    /**
-     * Callback when a message is sent
-     */
-    onSendMessage?: (text: string) => void;
-}
-interface UseMessagesReturn {
-    /**
-     * Current input value
-     */
-    inputValue: string;
-    /**
-     * Set input value
-     */
-    setInputValue: (value: string) => void;
-    /**
-     * Handle input change
-     */
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Handle form submission
-     */
-    handleSubmit: (e: React.FormEvent) => void;
-    /**
-     * Handle key down events
-     */
-    handleKeyDown: (e: React.KeyboardEvent) => void;
-}
-/**
- * Hook for managing Messages component state and behavior
- */
-export declare const useMessages: ({ onSendMessage }?: UseMessagesProps) => UseMessagesReturn;
-export default useMessages;

package/dist/types/lib/composables/useModal.d.ts

@@ -1,40 +0,0 @@
-export interface UseModalProps {
-    /**
-     * Whether the modal is open
-     */
-    isOpen?: boolean;
-    /**
-     * Callback when modal state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * Callback when modal opens
-     */
-    onOpen?: () => void;
-    /**
-     * Callback when modal closes
-     */
-    onClose?: () => void;
-}
-export interface UseModalReturn {
-    /**
-     * Current open state
-     */
-    isOpen: boolean;
-    /**
-     * Function to open the modal
-     */
-    open: () => void;
-    /**
-     * Function to close the modal
-     */
-    close: () => void;
-    /**
-     * Function to toggle the modal
-     */
-    toggle: () => void;
-}
-/**
- * Hook for managing modal state
- */
-export declare function useModal({ isOpen: isOpenProp, onOpenChange, onOpen, onClose }?: UseModalProps): UseModalReturn;

package/dist/types/lib/composables/useNavbar.d.ts

@@ -1,59 +0,0 @@
-import { NavbarProps, NavProps, NavItemProps, NavDropdownProps } from '../types/components';
-import React from 'react';
-/**
- * Navbar state and functionality
- * @param initialProps - Initial navbar properties
- * @returns Navbar state and methods
- */
-export declare function useNavbar(initialProps?: Partial<NavbarProps>): {
-    defaultProps: Partial<NavbarProps>;
-    isExpanded: boolean;
-    setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-    generateNavbarClass: (props: Partial<NavbarProps>) => string;
-    generateContainerStyle: (width?: string) => {
-        maxWidth: string;
-    } | {
-        maxWidth?: undefined;
-    };
-    generateCollapseClass: (expanded: boolean) => string;
-    toggleExpanded: () => void;
-    getExpandedState: (controlled?: boolean) => boolean;
-};
-/**
- * Nav state and functionality
- * @param initialProps - Initial nav properties
- * @returns Nav state and methods
- */
-export declare function useNav(initialProps?: Partial<NavProps>): {
-    defaultProps: Partial<NavProps>;
-    generateNavClass: (props: Partial<NavProps>) => string;
-};
-/**
- * Nav item state and functionality
- * @param initialProps - Initial nav item properties
- * @returns Nav item state and methods
- */
-export declare function useNavItem(initialProps?: Partial<NavItemProps & {
-    megaMenu?: boolean;
-}>): {
-    defaultProps: Partial<NavItemProps & {
-        megaMenu?: boolean;
-    }>;
-    generateNavItemClass: (props: Partial<NavItemProps & {
-        megaMenu?: boolean;
-    }>) => string;
-    generateNavLinkClass: (active?: boolean, disabled?: boolean, className?: string) => string;
-    handleClick: (handler?: () => void) => (e: React.MouseEvent) => void;
-};
-/**
- * Nav dropdown state and functionality
- * @param initialProps - Initial dropdown properties
- * @returns Dropdown state and methods
- */
-export declare function useNavDropdown(initialProps?: Partial<NavDropdownProps>): {
-    defaultProps: Partial<NavDropdownProps>;
-    generateDropdownMenuClass: (props: Partial<NavDropdownProps>) => string;
-    isInFixedBottomNavbar: () => boolean;
-    getIconClass: (isMegaMenu?: boolean) => string;
-    getIconName: (isMegaMenu?: boolean) => string;
-};

package/dist/types/lib/composables/usePagination.d.ts

@@ -1,13 +0,0 @@
-import { PaginationProps } from '../types/components';
-export declare const DOTS = "...";
-export declare const usePagination: ({ currentPage, totalPages, siblingCount, onPageChange, }: Omit<PaginationProps, "className">) => {
-    paginationRange: (string | number)[];
-    currentPage: number;
-    totalPages: number;
-    goToPage: (page: number) => void;
-    nextPage: () => void;
-    prevPage: () => void;
-    firstPage: () => void;
-    lastPage: () => void;
-    DOTS: string;
-};

package/dist/types/lib/composables/usePhotoViewer.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-interface UsePhotoViewerProps {
-    images: (string | {
-        src: string;
-        [key: string]: any;
-    })[];
-    startIndex?: number;
-    enableGestures?: boolean;
-    onImageChange?: (index: number) => void;
-    onClose?: () => void;
-}
-export declare const usePhotoViewer: ({ images, startIndex, enableGestures, onImageChange, onClose }: UsePhotoViewerProps) => {
-    currentIndex: number;
-    isModalOpen: boolean;
-    zoomLevel: number;
-    imagePosition: {
-        x: number;
-        y: number;
-    };
-    isDragging: boolean;
-    isFullscreen: boolean;
-    rotationAngle: number;
-    showInfo: boolean;
-    imageRef: React.RefObject<HTMLImageElement>;
-    containerRef: React.RefObject<HTMLDivElement>;
-    isTransitioning: boolean;
-    setCurrentIndex: React.Dispatch<React.SetStateAction<number>>;
-    setZoomLevel: (zoom: number | ((prev: number) => number)) => void;
-    setImagePosition: (position: {
-        x: number;
-        y: number;
-    } | ((prev: {
-        x: number;
-        y: number;
-    }) => {
-        x: number;
-        y: number;
-    })) => void;
-    setIsDragging: React.Dispatch<React.SetStateAction<boolean>>;
-    setIsFullscreen: React.Dispatch<React.SetStateAction<boolean>>;
-    setRotationAngle: (rotation: number | ((prev: number) => number)) => void;
-    setShowInfo: React.Dispatch<React.SetStateAction<boolean>>;
-    openModal: () => void;
-    closeModal: () => void;
-    goToPrevious: () => void;
-    goToNext: () => void;
-    handleWheel: (event: React.WheelEvent<HTMLDivElement>) => void;
-    handleMouseDown: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, MouseEvent>) => void;
-    handleMouseMove: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, MouseEvent>) => void;
-    handleMouseUp: () => void;
-    handleTouchStart: (event: React.TouchEvent<HTMLImageElement | HTMLDivElement>) => void;
-    handleTouchMove: (event: React.TouchEvent<HTMLImageElement | HTMLDivElement>) => void;
-    handleTouchEnd: () => void;
-    handleDoubleClick: (event: React.MouseEvent) => void;
-    resetImageState: () => void;
-};
-export {};

package/dist/types/lib/composables/usePopover.d.ts

@@ -1,30 +0,0 @@
-import { RefObject } from 'react';
-type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
-type PopoverTrigger = 'click' | 'hover';
-interface UsePopoverProps {
-    position?: PopoverPosition | 'auto';
-    trigger?: PopoverTrigger;
-    offset?: number;
-    delay?: number;
-    defaultOpen?: boolean;
-    isOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    closeOnClickOutside?: boolean;
-    closeOnEscape?: boolean;
-    id?: string;
-}
-interface UsePopoverResult {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    triggerRef: RefObject<HTMLElement>;
-    popoverRef: RefObject<HTMLDivElement>;
-    arrowRef: RefObject<HTMLDivElement>;
-    popoverId: string;
-    currentPosition: PopoverPosition;
-    updatePosition: () => void;
-}
-/**
- * Hook for managing popover state and positioning logic
- */
-export declare const usePopover: ({ position, trigger, offset, delay, defaultOpen, isOpen: controlledIsOpen, onOpenChange, closeOnClickOutside, closeOnEscape, id, }: UsePopoverProps) => UsePopoverResult;
-export default usePopover;

package/dist/types/lib/composables/useProgress.d.ts

@@ -1,38 +0,0 @@
-import { ThemeColor } from '../types/components';
-interface UseProgressProps {
-    /**
-     * Progress value from 0 to 100
-     */
-    value: number;
-    /**
-     * Optional color variant
-     */
-    variant?: ThemeColor;
-    /**
-     * Optional size
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Optional className for custom styling
-     */
-    className?: string;
-}
-interface UseProgressReturn {
-    /**
-     * Computed progress value clamped between 0 and 100
-     */
-    progressValue: number;
-    /**
-     * CSS properties for the progress component
-     */
-    progressStyle: React.CSSProperties;
-    /**
-     * CSS classes for the progress component
-     */
-    progressClasses: string;
-}
-/**
- * Hook for managing Progress component state and behavior
- */
-export declare const useProgress: ({ value, variant, size, className, }: UseProgressProps) => UseProgressReturn;
-export {};

package/dist/types/lib/composables/useRadio.d.ts

@@ -1,10 +0,0 @@
-import { RadioProps } from '../types/components';
-/**
- * Radio state and functionality
- * @param initialProps - Initial radio properties
- * @returns Radio state and methods
- */
-export declare function useRadio(initialProps?: Partial<RadioProps>): {
-    defaultProps: Partial<RadioProps>;
-    generateRadioClass: (props: Partial<RadioProps>) => string;
-};

package/dist/types/lib/composables/useRating.d.ts

@@ -1,52 +0,0 @@
-import type { RatingProps } from '../types/components';
-/**
- * Props for the useRating hook
- */
-export type UseRatingProps = Pick<RatingProps, 'value' | 'maxValue' | 'allowHalf' | 'readOnly' | 'onChange'>;
-export interface UseRatingReturn {
-    /**
-     * Current rating value (controlled or uncontrolled)
-     */
-    currentValue: number;
-    /**
-     * Value being hovered over
-     */
-    hoverValue: number | null;
-    /**
-     * Currently focused star index
-     */
-    focusedIndex: number | null;
-    /**
-     * Handle mouse enter on a star
-     */
-    handleMouseEnter: (starValue: number) => void;
-    /**
-     * Handle mouse leave from rating component
-     */
-    handleMouseLeave: () => void;
-    /**
-     * Handle click on a star
-     */
-    handleClick: (newValue: number) => void;
-    /**
-     * Handle keyboard navigation
-     */
-    handleKeyDown: (e: React.KeyboardEvent, index: number) => void;
-    /**
-     * Set focus on a specific star
-     */
-    setFocused: (index: number | null) => void;
-    /**
-     * Set hover value directly
-     */
-    setHoverValue: (value: number | null) => void;
-    /**
-     * Whether the component is in controlled mode
-     */
-    isControlled: boolean;
-}
-/**
- * Hook for managing rating component state and interactions
- */
-export declare const useRating: ({ value, maxValue, allowHalf, readOnly, onChange }: UseRatingProps) => UseRatingReturn;
-export default useRating;

package/dist/types/lib/composables/useRiver.d.ts

@@ -1,107 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * River content column interface
- */
-export interface RiverContentColumn {
-    /**
-     * Column type (title or text)
-     */
-    type: 'title' | 'text';
-    /**
-     * Content for the column
-     */
-    content: ReactNode;
-}
-/**
- * River properties interface
- */
-export interface RiverProps {
-    /**
-     * Title of the river section
-     */
-    title?: ReactNode;
-    /**
-     * Text content (can be a string or array of paragraphs)
-     */
-    text?: string | string[];
-    /**
-     * Action buttons/links
-     */
-    actions?: ReactNode;
-    /**
-     * Image source URL
-     */
-    imageSrc?: string;
-    /**
-     * Image alt text
-     */
-    imageAlt?: string;
-    /**
-     * Whether to use the center layout
-     */
-    center?: boolean;
-    /**
-     * Whether to use the breakout layout
-     */
-    breakout?: boolean;
-    /**
-     * Whether to use the reverse layout (image on right)
-     */
-    reverse?: boolean;
-    /**
-     * Use content columns instead of simple title/text structure
-     */
-    contentColumns?: RiverContentColumn[];
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-    /**
-     * Background image source
-     */
-    backgroundImageSrc?: string;
-    /**
-     * Whether to show the background overlay
-     */
-    showOverlay?: boolean;
-    /**
-     * Custom width for the river content
-     */
-    contentWidth?: string;
-}
-/**
- * River hook result interface
- */
-interface UseRiverResult {
-    /**
-     * Generate river class names based on props
-     */
-    generateRiverClassNames: (baseClassName?: string) => string;
-    /**
-     * Generate content class names
-     */
-    generateContentClass: () => string;
-    /**
-     * Generate visual/image class names
-     */
-    generateVisualClass: () => string;
-    /**
-     * Determine if the river has a background image
-     */
-    hasBackgroundImage: boolean;
-    /**
-     * Determine if the river has a foreground image
-     */
-    hasForegroundImage: boolean;
-    /**
-     * Convert text to array if it's a string
-     */
-    textContent: string[];
-}
-/**
- * Hook for River component functionality
- * @param initialProps - Initial river props
- * @returns River methods and state
- */
-export declare function useRiver(initialProps?: Partial<RiverProps>): UseRiverResult;
-export {};

package/dist/types/lib/composables/useSelect.d.ts

@@ -1,10 +0,0 @@
-import { SelectProps } from '../types/components';
-/**
- * Select state and functionality
- * @param initialProps - Initial select properties
- * @returns Select state and methods
- */
-export declare function useSelect(initialProps?: Partial<SelectProps>): {
-    defaultProps: Partial<SelectProps>;
-    generateSelectClass: (props: Partial<SelectProps>) => string;
-};

package/dist/types/lib/composables/useSpinner.d.ts

@@ -1,10 +0,0 @@
-import { SpinnerProps } from '../types/components';
-/**
- * Spinner state and functionality
- * @param initialProps - Initial spinner properties
- * @returns Spinner state and methods
- */
-export declare function useSpinner(initialProps?: Partial<SpinnerProps>): {
-    defaultProps: Partial<SpinnerProps>;
-    generateSpinnerClass: (props: Partial<SpinnerProps>) => string;
-};

package/dist/types/lib/composables/useTextarea.d.ts

@@ -1,10 +0,0 @@
-import { TextareaProps } from '../types/components';
-/**
- * Textarea state and functionality
- * @param initialProps - Initial textarea properties
- * @returns Textarea state and methods
- */
-export declare function useTextarea(initialProps?: Partial<TextareaProps>): {
-    defaultProps: Partial<TextareaProps>;
-    generateTextareaClass: (props: Partial<TextareaProps>) => string;
-};

package/dist/types/lib/composables/useTodo.d.ts

@@ -1,19 +0,0 @@
-import { TodoProps } from '../types/components';
-import { TodoItem } from '../../components/Todo/scripts/types';
-/**
- * Todo composable hook - manages todo items state and operations
- * @param initialProps - Initial todo properties
- * @returns Todo state and methods
- */
-export declare function useTodo(initialProps?: Partial<TodoProps>): {
-    items: TodoItem[];
-    inputText: string;
-    setInputText: import("react").Dispatch<import("react").SetStateAction<string>>;
-    addTodo: (text: string) => TodoItem | null;
-    toggleTodo: (id: string) => TodoItem | null;
-    deleteTodo: (id: string) => boolean;
-    handleSubmit: (event: React.FormEvent, onAddTodo?: (text: string) => void) => void;
-    generateTodoClasses: (props: Partial<TodoProps>) => string;
-    generateItemClasses: (item: TodoItem) => string;
-    getFilteredItems: (showCompleted?: boolean) => TodoItem[];
-};